From 87ece5a971b496e0efd50c569f4c05e440d758ef Mon Sep 17 00:00:00 2001
From: lovife <474239041@qq.com>
Date: Mon, 28 Sep 2026 20:49:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E7=AE=A1=E7=90=86=E7=AB=AF?=
 =?UTF-8?q?=E6=94=B9=E7=94=A8=20Gi=20Admin=20Pro=20=E6=A1=86=E6=9E=B6=20+?=
 =?UTF-8?q?=20=E8=85=BE=E8=AE=AF=E4=BA=91=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

前端此前只有本地实现、从未入库，本次首次纳入版本管理。

框架切换
  · 以 Gi Admin Pro（Vue3 + Vite + TS + Arco Design Vue + Pinia）为底
  · 剥离 14 个演示页面目录 / 121 个文件（demo 28、file 20、form 19、system 18…）
  · 依赖 dependencies 35 → 19，devDependencies 31 → 27
  · 保留框架核心：layout、Gi* 组件库、hooks、权限指令、错误页、登录页

主题：腾讯云 / TDesign 官方色板
  · 主色 #0052D9（腾讯蓝）、成功 #00A870、警告 #ED7B2F、危险 #E34D59
  · 页面底色 #f3f3f3、文字 rgba(0,0,0,90/60/40/26%)
  · 覆盖 Arco 底层色板 + 显式语义别名（primary/success/warning/danger/link/neutral）
  · 三个改了不生效也不报错的坑已记入注释：
      1) Arco 色值是逗号分隔 RGB 三元组，不是 #RRGGBB
      2) Arco 把色板定义在 body 而非 :root，必须写 `:root, body`
      3) setting.json 的 themeColor 会以内联样式写进 body，优先级高于样式表

对接后端（三处契约差异在 @/utils/http 统一适配）
  · 响应信封 {code,msg,data} → {code,success,message,data}
  · Token 头 token → Authorization: Bearer
  · 分页 {list,total} → 补一份 records，list 原样保留
  · 40101 → 登录页；登录密码 RSA 加密（公钥走 /auth/public-key，轮换无需重建前端）
  · 路由：后端只下发菜单键，前端在本地路由表上过滤（有哪些页面归代码，谁能看归后端）

已实现页面（浏览器实测通过）
  · 登录：RSA 加密 + 自适应验证码/租户码 + 账号锁定提示
  · 工作台：真实数据（组织 6 个 / 角色 1 个 / 权限 25 项）
  · 组织架构：三级树 + CRUD + 占用校验
  · 租户管理：开通租户 + 初始密码只显示一次的强确认
  · 待建页：未实现菜单显示所属里程碑
  · 权限菜单：学校管理员看不到「租户管理」

视觉资产按腾讯云主题重做
  · logo.svg（渐变圆角方 + 填）、favicon.svg（小尺寸做减法）、login-hero.svg（材料归集）
  · 登录页点阵纹理走主题变量，换主色自动跟随
  · 文案改为产品实际能力：自动改名 / 强制压缩 / 隐私保护

清理模板遗留（约 17MB + 三处外部依赖）
  · 百度统计脚本（上报到 gi-demo 作者的统计账号）
  · 用户菜单「项目地址」（跳转模板作者的 Gitee 仓库）
  · 两份 8.8MB mp3、388KB favicon.ico、57KB 模板插画、未引用字体与 loading.gif
  · 「个人中心」指向已删除的 /system/account（点了 404）
  · 头部头像在无 avatarUrl 时渲染成裂图 → 改为姓名首字兜底

后端修复
  · 新增 GET /auth/public-key（前端加密登录密码用）
  · DataSeeder.ancestor_path 生成错误：子节点本该是 /16/17/ 却写成 /17/
    该字段是「按院系统计」的索引，错了会漏人/多人且不报错 —— 改为从库里读父节点路径
  · seedDemoOrgs 曾放在租户作用域外 + admin 早退分支之后，导致启动失败 / 永不执行
  · 示范租户补一套三级组织树（1 学校 / 2 院系 / 3 班级），供界面演示
---
 .../fill/common/crypto/RsaCipher.java         |   29 +
 .../auth/controller/AuthController.java       |   16 +
 .../tianbaotong/fill/support/DataSeeder.java  |   84 +-
 frontend-pc/.agents/README.md                 |   29 +
 frontend-pc/.agents/rules/agent.md            |   36 +
 frontend-pc/.agents/skills/code-css/SKILL.md  |   36 +
 frontend-pc/.agents/skills/code-ts/SKILL.md   |   38 +
 frontend-pc/.agents/skills/code-vue/SKILL.md  |   67 +
 .../.agents/skills/git-commit/SKILL.md        |  132 +
 .../.agents/skills/project-api/SKILL.md       |  153 +
 .../.agents/skills/project-crud/SKILL.md      |  214 +
 .../.agents/skills/project-guide/SKILL.md     |  171 +
 frontend-pc/.env.development                  |   10 +
 frontend-pc/.env.production                   |    6 +
 frontend-pc/.env.test                         |    5 +
 frontend-pc/.github/workflows/deploy.yml      |   82 +
 frontend-pc/.gitignore                        |   30 +
 frontend-pc/.stylelintignore                  |   31 +
 frontend-pc/AGENTS.md                         |   51 +
 frontend-pc/LICENSE                           |  201 +
 frontend-pc/README.md                         |  622 ++
 frontend-pc/eslint.config.js                  |   56 +
 frontend-pc/index.html                        |   35 +
 frontend-pc/package.json                      |   67 +
 frontend-pc/pnpm-lock.yaml                    | 6565 +++++++++++++++++
 frontend-pc/public/favicon.svg                |   19 +
 frontend-pc/public/static/css/loading.css     |   55 +
 frontend-pc/src/App.vue                       |   32 +
 frontend-pc/src/apis/area/index.ts            |    9 +
 frontend-pc/src/apis/area/type.ts             |    5 +
 frontend-pc/src/apis/base.ts                  |   39 +
 frontend-pc/src/apis/cate/index.ts            |    9 +
 frontend-pc/src/apis/cate/type.ts             |    8 +
 frontend-pc/src/apis/file/index.ts            |    9 +
 frontend-pc/src/apis/file/type.ts             |   13 +
 frontend-pc/src/apis/person/index.ts          |    7 +
 frontend-pc/src/apis/person/type.ts           |   16 +
 frontend-pc/src/apis/system/dept.ts           |   15 +
 frontend-pc/src/apis/system/dict.ts           |   44 +
 frontend-pc/src/apis/system/menu.ts           |   39 +
 frontend-pc/src/apis/system/role.ts           |   23 +
 frontend-pc/src/apis/system/user.ts           |   24 +
 frontend-pc/src/apis/test/index.ts            |   11 +
 frontend-pc/src/apis/user/index.ts            |   24 +
 frontend-pc/src/apis/user/type.ts             |   34 +
 frontend-pc/src/apis/xt/index.ts              |   81 +
 frontend-pc/src/apis/xt/org.ts                |   63 +
 frontend-pc/src/apis/xt/tenant.ts             |   83 +
 frontend-pc/src/assets/images/login-hero.svg  |   77 +
 frontend-pc/src/assets/images/logo.svg        |   45 +
 frontend-pc/src/auto-import.d.ts              |   78 +
 frontend-pc/src/components.d.ts               |  160 +
 .../src/components/GiButton/GiButton.vue      |   86 +
 frontend-pc/src/components/GiButton/index.ts  |    5 +
 frontend-pc/src/components/GiButton/type.ts   |    5 +
 .../src/components/GiCell/GiCellAvatar.vue    |   31 +
 .../src/components/GiCell/GiCellGender.vue    |   28 +
 .../src/components/GiCell/GiCellStatus.vue    |   24 +
 .../src/components/GiCell/GiCellTags.vue      |   33 +
 frontend-pc/src/components/GiCell/index.ts    |    6 +
 frontend-pc/src/components/GiDot/GiDot.tsx    |   33 +
 frontend-pc/src/components/GiDot/dot.scss     |   58 +
 frontend-pc/src/components/GiDot/index.ts     |    5 +
 frontend-pc/src/components/GiDot/type.ts      |   10 +
 .../components/GiEditTable/GiEditTable.vue    |  176 +
 .../src/components/GiEditTable/index.ts       |    5 +
 .../src/components/GiEditTable/type.ts        |   81 +
 frontend-pc/src/components/GiFlex/GiFlex.vue  |   65 +
 frontend-pc/src/components/GiFlex/index.ts    |    5 +
 frontend-pc/src/components/GiFlex/type.ts     |   29 +
 frontend-pc/src/components/GiForm/GiForm.vue  |  273 +
 frontend-pc/src/components/GiForm/index.ts    |    5 +
 frontend-pc/src/components/GiForm/type.ts     |  299 +
 .../src/components/GiIconBox/GiIconBox.vue    |   99 +
 frontend-pc/src/components/GiIconBox/index.ts |    5 +
 frontend-pc/src/components/GiIconBox/type.ts  |    6 +
 .../GiInputSearch/GiInputSearch.vue           |   50 +
 .../src/components/GiInputSearch/index.ts     |    5 +
 .../src/components/GiInputSearch/type.ts      |    5 +
 .../src/components/GiOption/GiOption.vue      |   16 +
 .../src/components/GiOption/GiOptionItem.vue  |   79 +
 frontend-pc/src/components/GiOption/index.ts  |    7 +
 frontend-pc/src/components/GiOption/type.ts   |   11 +
 .../components/GiPageLayout/GiPageLayout.vue  |  192 +
 .../components/GiPageLayout/SplitButton.vue   |  100 +
 .../src/components/GiPageLayout/index.ts      |    5 +
 .../src/components/GiPageLayout/type.ts       |   14 +
 .../src/components/GiTable/GiTable.vue        |  440 ++
 frontend-pc/src/components/GiTable/index.ts   |    5 +
 frontend-pc/src/components/GiTable/type.ts    |   53 +
 .../GiTableSetting/GiTableSetting.vue         |  291 +
 .../src/components/GiTableSetting/index.ts    |    5 +
 .../src/components/GiTableSetting/type.ts     |   22 +
 .../GiTableSetting/useTableColumnSetting.ts   |  141 +
 frontend-pc/src/components/GiTag/GiTag.tsx    |  135 +
 frontend-pc/src/components/GiTag/index.ts     |    5 +
 frontend-pc/src/components/GiTag/tag.scss     |  166 +
 frontend-pc/src/components/GiTag/type.ts      |   13 +
 .../src/components/GiThemeBtn/GiThemeBtn.vue  |   16 +
 .../src/components/GiThemeBtn/index.ts        |    4 +
 .../components/dialog/TreeUserList/Tree.vue   |   45 +
 .../components/dialog/TreeUserList/index.vue  |   93 +
 .../src/components/dialog/UserList/index.vue  |   89 +
 frontend-pc/src/components/dialog/index.ts    |   16 +
 frontend-pc/src/components/icons/Icon403.vue  |  625 ++
 frontend-pc/src/components/icons/Icon404.vue  |  363 +
 frontend-pc/src/components/icons/Icon500.vue  |  967 +++
 frontend-pc/src/components/index.ts           |   20 +
 frontend-pc/src/config/setting.json           |   11 +
 frontend-pc/src/config/xt-routes.ts           |  230 +
 frontend-pc/src/directives/hasPerm.ts         |   44 +
 frontend-pc/src/directives/hasRole.ts         |   44 +
 frontend-pc/src/directives/index.ts           |   10 +
 frontend-pc/src/hooks/app/index.ts            |    2 +
 frontend-pc/src/hooks/app/useDept.ts          |   27 +
 frontend-pc/src/hooks/app/useRole.ts          |   21 +
 frontend-pc/src/hooks/index.ts                |   11 +
 frontend-pc/src/hooks/useBreakpoint.ts        |   34 +
 frontend-pc/src/hooks/useChart.ts             |   30 +
 frontend-pc/src/hooks/useDevice.ts            |   17 +
 frontend-pc/src/hooks/useDict.ts              |   37 +
 frontend-pc/src/hooks/useLoading.ts           |   30 +
 frontend-pc/src/hooks/usePagination.ts        |   90 +
 frontend-pc/src/hooks/useRequest.ts           |   90 +
 frontend-pc/src/hooks/useResetReactive.ts     |   47 +
 frontend-pc/src/hooks/useRouteListener.ts     |   92 +
 frontend-pc/src/hooks/useTable.ts             |  277 +
 frontend-pc/src/hooks/useTheme.ts             |   75 +
 frontend-pc/src/icons/custom-icons.json       |  197 +
 frontend-pc/src/icons/index.ts                |    6 +
 frontend-pc/src/layout/LayoutColumns.vue      |   77 +
 frontend-pc/src/layout/LayoutDefault.vue      |   33 +
 frontend-pc/src/layout/LayoutMix.vue          |  165 +
 frontend-pc/src/layout/LayoutTop.vue          |   57 +
 .../src/layout/components/Asider/index.vue    |   79 +
 .../layout/components/Breadcrumb/index.vue    |  130 +
 .../src/layout/components/Header/index.vue    |   46 +
 .../components/HeaderRightBar/Notice.vue      |   85 +
 .../HeaderRightBar/SettingDrawerPanel.vue     |  168 +
 .../components/LayoutModeItem.vue             |  270 +
 .../components/HeaderRightBar/index.vue       |  184 +
 frontend-pc/src/layout/components/Logo.vue    |   85 +
 frontend-pc/src/layout/components/Main.vue    |   37 +
 .../src/layout/components/Menu/MenuIcon.vue   |   21 +
 .../src/layout/components/Menu/MenuItem.vue   |   44 +
 .../src/layout/components/MenuFoldBtn.vue     |   92 +
 .../layout/components/OneLevelMenu/index.vue  |  108 +
 .../src/layout/components/Tabs/MagicIcon.vue  |   99 +
 .../src/layout/components/Tabs/ReloadIcon.vue |   46 +
 .../src/layout/components/Tabs/index.vue      |  238 +
 frontend-pc/src/layout/hooks/useLevelMenu.ts  |  123 +
 frontend-pc/src/layout/hooks/useMenu.ts       |  101 +
 frontend-pc/src/layout/index.vue              |   45 +
 frontend-pc/src/main.ts                       |   39 +
 frontend-pc/src/router/guard/index.ts         |   31 +
 .../src/router/guard/setupPermissionGuard.ts  |   89 +
 frontend-pc/src/router/index.ts               |   99 +
 frontend-pc/src/stores/index.ts               |   14 +
 frontend-pc/src/stores/useAppStore.ts         |   42 +
 frontend-pc/src/stores/useDictStore.ts        |   66 +
 frontend-pc/src/stores/useMenuBadgeStore.ts   |   34 +
 frontend-pc/src/stores/useRouteStore.ts       |  177 +
 frontend-pc/src/stores/useTabsStore.ts        |  250 +
 frontend-pc/src/stores/useUserStore.ts        |  164 +
 frontend-pc/src/styles/animated.scss          |   23 +
 frontend-pc/src/styles/arco-ui/a-alert.less   |    3 +
 frontend-pc/src/styles/arco-ui/a-card.less    |    1 +
 .../src/styles/arco-ui/a-color-picker.less    |   19 +
 .../src/styles/arco-ui/a-descriptions.less    |   11 +
 frontend-pc/src/styles/arco-ui/a-form.less    |   28 +
 .../src/styles/arco-ui/a-input-number.less    |   70 +
 frontend-pc/src/styles/arco-ui/a-input.less   |    7 +
 frontend-pc/src/styles/arco-ui/a-menu.less    |   18 +
 frontend-pc/src/styles/arco-ui/a-message.less |   28 +
 frontend-pc/src/styles/arco-ui/a-modal.less   |   44 +
 .../src/styles/arco-ui/a-page-header.less     |    6 +
 .../src/styles/arco-ui/a-pagination.less      |   41 +
 frontend-pc/src/styles/arco-ui/a-picker.less  |    3 +
 frontend-pc/src/styles/arco-ui/a-radio.less   |    3 +
 .../src/styles/arco-ui/a-scrollbar.less       |   21 +
 frontend-pc/src/styles/arco-ui/a-space.less   |    0
 frontend-pc/src/styles/arco-ui/a-steps.less   |    5 +
 frontend-pc/src/styles/arco-ui/a-switch.less  |    7 +
 frontend-pc/src/styles/arco-ui/a-table.less   |    9 +
 frontend-pc/src/styles/arco-ui/a-tabs.less    |   17 +
 frontend-pc/src/styles/arco-ui/a-tree.less    |   23 +
 frontend-pc/src/styles/arco-ui/index.less     |   46 +
 frontend-pc/src/styles/arco-ui/xt-theme.less  |  237 +
 frontend-pc/src/styles/base.scss              |   53 +
 frontend-pc/src/styles/css/transition.css     |  163 +
 frontend-pc/src/styles/editor.scss            |   37 +
 frontend-pc/src/styles/global.scss            |  335 +
 frontend-pc/src/styles/index.scss             |   17 +
 frontend-pc/src/styles/mixin.scss             |   21 +
 frontend-pc/src/styles/nprogress.scss         |    4 +
 frontend-pc/src/styles/scrollbar-reset.scss   |   22 +
 frontend-pc/src/styles/var.scss               |    3 +
 frontend-pc/src/types/api.d.ts                |   13 +
 frontend-pc/src/types/app.d.ts                |   14 +
 frontend-pc/src/types/env.d.ts                |   12 +
 frontend-pc/src/types/global.d.ts             |   23 +
 frontend-pc/src/types/module.d.ts             |    3 +
 frontend-pc/src/types/router.d.ts             |   43 +
 frontend-pc/src/types/shims-vue.d.ts          |    8 +
 frontend-pc/src/types/tool.d.ts               |   14 +
 frontend-pc/src/utils/auth.ts                 |   39 +
 frontend-pc/src/utils/createSelectDialog.ts   |  103 +
 frontend-pc/src/utils/downloadFile.ts         |   76 +
 frontend-pc/src/utils/file.ts                 |   71 +
 frontend-pc/src/utils/http.ts                 |  216 +
 frontend-pc/src/utils/index.ts                |  297 +
 frontend-pc/src/utils/mitt.ts                 |   10 +
 .../utils/modules/getFieldToRangTimeForm.ts   |   46 +
 .../utils/modules/getRangeTimeToFieldForm.ts  |   45 +
 frontend-pc/src/utils/permission.ts           |   80 +
 frontend-pc/src/utils/regexp.ts               |  127 +
 frontend-pc/src/utils/rsa.ts                  |   57 +
 frontend-pc/src/utils/typeof.ts               |  179 +
 frontend-pc/src/utils/validate.ts             |   10 +
 frontend-pc/src/views/coming-soon/index.vue   |   71 +
 frontend-pc/src/views/dashboard/index.vue     |  253 +
 frontend-pc/src/views/error/403.vue           |   11 +
 frontend-pc/src/views/error/404.vue           |   11 +
 frontend-pc/src/views/error/500.vue           |   11 +
 .../src/views/error/components/ErrorPage.vue  |  163 +
 frontend-pc/src/views/login/LoginLeft.vue     |  286 +
 frontend-pc/src/views/login/LoginPalette.vue  |  100 +
 frontend-pc/src/views/login/index.vue         |  414 ++
 frontend-pc/src/views/org/OrgFormModal.vue    |  162 +
 frontend-pc/src/views/org/index.vue           |  270 +
 frontend-pc/src/views/redirect/index.vue      |   13 +
 frontend-pc/src/views/tenant/index.vue        |  394 +
 frontend-pc/stylelint.config.js               |   44 +
 frontend-pc/tsconfig.json                     |   40 +
 frontend-pc/vite.config.ts                    |  115 +
 scripts/dev-clean-e2e.py                      |   68 +-
 scripts/extract-icons.py                      |   86 +
 237 files changed, 25215 insertions(+), 26 deletions(-)
 create mode 100644 frontend-pc/.agents/README.md
 create mode 100644 frontend-pc/.agents/rules/agent.md
 create mode 100644 frontend-pc/.agents/skills/code-css/SKILL.md
 create mode 100644 frontend-pc/.agents/skills/code-ts/SKILL.md
 create mode 100644 frontend-pc/.agents/skills/code-vue/SKILL.md
 create mode 100644 frontend-pc/.agents/skills/git-commit/SKILL.md
 create mode 100644 frontend-pc/.agents/skills/project-api/SKILL.md
 create mode 100644 frontend-pc/.agents/skills/project-crud/SKILL.md
 create mode 100644 frontend-pc/.agents/skills/project-guide/SKILL.md
 create mode 100644 frontend-pc/.env.development
 create mode 100644 frontend-pc/.env.production
 create mode 100644 frontend-pc/.env.test
 create mode 100644 frontend-pc/.github/workflows/deploy.yml
 create mode 100644 frontend-pc/.gitignore
 create mode 100644 frontend-pc/.stylelintignore
 create mode 100644 frontend-pc/AGENTS.md
 create mode 100644 frontend-pc/LICENSE
 create mode 100644 frontend-pc/README.md
 create mode 100644 frontend-pc/eslint.config.js
 create mode 100644 frontend-pc/index.html
 create mode 100644 frontend-pc/package.json
 create mode 100644 frontend-pc/pnpm-lock.yaml
 create mode 100644 frontend-pc/public/favicon.svg
 create mode 100644 frontend-pc/public/static/css/loading.css
 create mode 100644 frontend-pc/src/App.vue
 create mode 100644 frontend-pc/src/apis/area/index.ts
 create mode 100644 frontend-pc/src/apis/area/type.ts
 create mode 100644 frontend-pc/src/apis/base.ts
 create mode 100644 frontend-pc/src/apis/cate/index.ts
 create mode 100644 frontend-pc/src/apis/cate/type.ts
 create mode 100644 frontend-pc/src/apis/file/index.ts
 create mode 100644 frontend-pc/src/apis/file/type.ts
 create mode 100644 frontend-pc/src/apis/person/index.ts
 create mode 100644 frontend-pc/src/apis/person/type.ts
 create mode 100644 frontend-pc/src/apis/system/dept.ts
 create mode 100644 frontend-pc/src/apis/system/dict.ts
 create mode 100644 frontend-pc/src/apis/system/menu.ts
 create mode 100644 frontend-pc/src/apis/system/role.ts
 create mode 100644 frontend-pc/src/apis/system/user.ts
 create mode 100644 frontend-pc/src/apis/test/index.ts
 create mode 100644 frontend-pc/src/apis/user/index.ts
 create mode 100644 frontend-pc/src/apis/user/type.ts
 create mode 100644 frontend-pc/src/apis/xt/index.ts
 create mode 100644 frontend-pc/src/apis/xt/org.ts
 create mode 100644 frontend-pc/src/apis/xt/tenant.ts
 create mode 100644 frontend-pc/src/assets/images/login-hero.svg
 create mode 100644 frontend-pc/src/assets/images/logo.svg
 create mode 100644 frontend-pc/src/auto-import.d.ts
 create mode 100644 frontend-pc/src/components.d.ts
 create mode 100644 frontend-pc/src/components/GiButton/GiButton.vue
 create mode 100644 frontend-pc/src/components/GiButton/index.ts
 create mode 100644 frontend-pc/src/components/GiButton/type.ts
 create mode 100644 frontend-pc/src/components/GiCell/GiCellAvatar.vue
 create mode 100644 frontend-pc/src/components/GiCell/GiCellGender.vue
 create mode 100644 frontend-pc/src/components/GiCell/GiCellStatus.vue
 create mode 100644 frontend-pc/src/components/GiCell/GiCellTags.vue
 create mode 100644 frontend-pc/src/components/GiCell/index.ts
 create mode 100644 frontend-pc/src/components/GiDot/GiDot.tsx
 create mode 100644 frontend-pc/src/components/GiDot/dot.scss
 create mode 100644 frontend-pc/src/components/GiDot/index.ts
 create mode 100644 frontend-pc/src/components/GiDot/type.ts
 create mode 100644 frontend-pc/src/components/GiEditTable/GiEditTable.vue
 create mode 100644 frontend-pc/src/components/GiEditTable/index.ts
 create mode 100644 frontend-pc/src/components/GiEditTable/type.ts
 create mode 100644 frontend-pc/src/components/GiFlex/GiFlex.vue
 create mode 100644 frontend-pc/src/components/GiFlex/index.ts
 create mode 100644 frontend-pc/src/components/GiFlex/type.ts
 create mode 100644 frontend-pc/src/components/GiForm/GiForm.vue
 create mode 100644 frontend-pc/src/components/GiForm/index.ts
 create mode 100644 frontend-pc/src/components/GiForm/type.ts
 create mode 100644 frontend-pc/src/components/GiIconBox/GiIconBox.vue
 create mode 100644 frontend-pc/src/components/GiIconBox/index.ts
 create mode 100644 frontend-pc/src/components/GiIconBox/type.ts
 create mode 100644 frontend-pc/src/components/GiInputSearch/GiInputSearch.vue
 create mode 100644 frontend-pc/src/components/GiInputSearch/index.ts
 create mode 100644 frontend-pc/src/components/GiInputSearch/type.ts
 create mode 100644 frontend-pc/src/components/GiOption/GiOption.vue
 create mode 100644 frontend-pc/src/components/GiOption/GiOptionItem.vue
 create mode 100644 frontend-pc/src/components/GiOption/index.ts
 create mode 100644 frontend-pc/src/components/GiOption/type.ts
 create mode 100644 frontend-pc/src/components/GiPageLayout/GiPageLayout.vue
 create mode 100644 frontend-pc/src/components/GiPageLayout/SplitButton.vue
 create mode 100644 frontend-pc/src/components/GiPageLayout/index.ts
 create mode 100644 frontend-pc/src/components/GiPageLayout/type.ts
 create mode 100644 frontend-pc/src/components/GiTable/GiTable.vue
 create mode 100644 frontend-pc/src/components/GiTable/index.ts
 create mode 100644 frontend-pc/src/components/GiTable/type.ts
 create mode 100644 frontend-pc/src/components/GiTableSetting/GiTableSetting.vue
 create mode 100644 frontend-pc/src/components/GiTableSetting/index.ts
 create mode 100644 frontend-pc/src/components/GiTableSetting/type.ts
 create mode 100644 frontend-pc/src/components/GiTableSetting/useTableColumnSetting.ts
 create mode 100644 frontend-pc/src/components/GiTag/GiTag.tsx
 create mode 100644 frontend-pc/src/components/GiTag/index.ts
 create mode 100644 frontend-pc/src/components/GiTag/tag.scss
 create mode 100644 frontend-pc/src/components/GiTag/type.ts
 create mode 100644 frontend-pc/src/components/GiThemeBtn/GiThemeBtn.vue
 create mode 100644 frontend-pc/src/components/GiThemeBtn/index.ts
 create mode 100644 frontend-pc/src/components/dialog/TreeUserList/Tree.vue
 create mode 100644 frontend-pc/src/components/dialog/TreeUserList/index.vue
 create mode 100644 frontend-pc/src/components/dialog/UserList/index.vue
 create mode 100644 frontend-pc/src/components/dialog/index.ts
 create mode 100644 frontend-pc/src/components/icons/Icon403.vue
 create mode 100644 frontend-pc/src/components/icons/Icon404.vue
 create mode 100644 frontend-pc/src/components/icons/Icon500.vue
 create mode 100644 frontend-pc/src/components/index.ts
 create mode 100644 frontend-pc/src/config/setting.json
 create mode 100644 frontend-pc/src/config/xt-routes.ts
 create mode 100644 frontend-pc/src/directives/hasPerm.ts
 create mode 100644 frontend-pc/src/directives/hasRole.ts
 create mode 100644 frontend-pc/src/directives/index.ts
 create mode 100644 frontend-pc/src/hooks/app/index.ts
 create mode 100644 frontend-pc/src/hooks/app/useDept.ts
 create mode 100644 frontend-pc/src/hooks/app/useRole.ts
 create mode 100644 frontend-pc/src/hooks/index.ts
 create mode 100644 frontend-pc/src/hooks/useBreakpoint.ts
 create mode 100644 frontend-pc/src/hooks/useChart.ts
 create mode 100644 frontend-pc/src/hooks/useDevice.ts
 create mode 100644 frontend-pc/src/hooks/useDict.ts
 create mode 100644 frontend-pc/src/hooks/useLoading.ts
 create mode 100644 frontend-pc/src/hooks/usePagination.ts
 create mode 100644 frontend-pc/src/hooks/useRequest.ts
 create mode 100644 frontend-pc/src/hooks/useResetReactive.ts
 create mode 100644 frontend-pc/src/hooks/useRouteListener.ts
 create mode 100644 frontend-pc/src/hooks/useTable.ts
 create mode 100644 frontend-pc/src/hooks/useTheme.ts
 create mode 100644 frontend-pc/src/icons/custom-icons.json
 create mode 100644 frontend-pc/src/icons/index.ts
 create mode 100644 frontend-pc/src/layout/LayoutColumns.vue
 create mode 100644 frontend-pc/src/layout/LayoutDefault.vue
 create mode 100644 frontend-pc/src/layout/LayoutMix.vue
 create mode 100644 frontend-pc/src/layout/LayoutTop.vue
 create mode 100644 frontend-pc/src/layout/components/Asider/index.vue
 create mode 100644 frontend-pc/src/layout/components/Breadcrumb/index.vue
 create mode 100644 frontend-pc/src/layout/components/Header/index.vue
 create mode 100644 frontend-pc/src/layout/components/HeaderRightBar/Notice.vue
 create mode 100644 frontend-pc/src/layout/components/HeaderRightBar/SettingDrawerPanel.vue
 create mode 100644 frontend-pc/src/layout/components/HeaderRightBar/components/LayoutModeItem.vue
 create mode 100644 frontend-pc/src/layout/components/HeaderRightBar/index.vue
 create mode 100644 frontend-pc/src/layout/components/Logo.vue
 create mode 100644 frontend-pc/src/layout/components/Main.vue
 create mode 100644 frontend-pc/src/layout/components/Menu/MenuIcon.vue
 create mode 100644 frontend-pc/src/layout/components/Menu/MenuItem.vue
 create mode 100644 frontend-pc/src/layout/components/MenuFoldBtn.vue
 create mode 100644 frontend-pc/src/layout/components/OneLevelMenu/index.vue
 create mode 100644 frontend-pc/src/layout/components/Tabs/MagicIcon.vue
 create mode 100644 frontend-pc/src/layout/components/Tabs/ReloadIcon.vue
 create mode 100644 frontend-pc/src/layout/components/Tabs/index.vue
 create mode 100644 frontend-pc/src/layout/hooks/useLevelMenu.ts
 create mode 100644 frontend-pc/src/layout/hooks/useMenu.ts
 create mode 100644 frontend-pc/src/layout/index.vue
 create mode 100644 frontend-pc/src/main.ts
 create mode 100644 frontend-pc/src/router/guard/index.ts
 create mode 100644 frontend-pc/src/router/guard/setupPermissionGuard.ts
 create mode 100644 frontend-pc/src/router/index.ts
 create mode 100644 frontend-pc/src/stores/index.ts
 create mode 100644 frontend-pc/src/stores/useAppStore.ts
 create mode 100644 frontend-pc/src/stores/useDictStore.ts
 create mode 100644 frontend-pc/src/stores/useMenuBadgeStore.ts
 create mode 100644 frontend-pc/src/stores/useRouteStore.ts
 create mode 100644 frontend-pc/src/stores/useTabsStore.ts
 create mode 100644 frontend-pc/src/stores/useUserStore.ts
 create mode 100644 frontend-pc/src/styles/animated.scss
 create mode 100644 frontend-pc/src/styles/arco-ui/a-alert.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-card.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-color-picker.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-descriptions.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-form.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-input-number.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-input.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-menu.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-message.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-modal.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-page-header.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-pagination.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-picker.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-radio.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-scrollbar.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-space.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-steps.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-switch.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-table.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-tabs.less
 create mode 100644 frontend-pc/src/styles/arco-ui/a-tree.less
 create mode 100644 frontend-pc/src/styles/arco-ui/index.less
 create mode 100644 frontend-pc/src/styles/arco-ui/xt-theme.less
 create mode 100644 frontend-pc/src/styles/base.scss
 create mode 100644 frontend-pc/src/styles/css/transition.css
 create mode 100644 frontend-pc/src/styles/editor.scss
 create mode 100644 frontend-pc/src/styles/global.scss
 create mode 100644 frontend-pc/src/styles/index.scss
 create mode 100644 frontend-pc/src/styles/mixin.scss
 create mode 100644 frontend-pc/src/styles/nprogress.scss
 create mode 100644 frontend-pc/src/styles/scrollbar-reset.scss
 create mode 100644 frontend-pc/src/styles/var.scss
 create mode 100644 frontend-pc/src/types/api.d.ts
 create mode 100644 frontend-pc/src/types/app.d.ts
 create mode 100644 frontend-pc/src/types/env.d.ts
 create mode 100644 frontend-pc/src/types/global.d.ts
 create mode 100644 frontend-pc/src/types/module.d.ts
 create mode 100644 frontend-pc/src/types/router.d.ts
 create mode 100644 frontend-pc/src/types/shims-vue.d.ts
 create mode 100644 frontend-pc/src/types/tool.d.ts
 create mode 100644 frontend-pc/src/utils/auth.ts
 create mode 100644 frontend-pc/src/utils/createSelectDialog.ts
 create mode 100644 frontend-pc/src/utils/downloadFile.ts
 create mode 100644 frontend-pc/src/utils/file.ts
 create mode 100644 frontend-pc/src/utils/http.ts
 create mode 100644 frontend-pc/src/utils/index.ts
 create mode 100644 frontend-pc/src/utils/mitt.ts
 create mode 100644 frontend-pc/src/utils/modules/getFieldToRangTimeForm.ts
 create mode 100644 frontend-pc/src/utils/modules/getRangeTimeToFieldForm.ts
 create mode 100644 frontend-pc/src/utils/permission.ts
 create mode 100644 frontend-pc/src/utils/regexp.ts
 create mode 100644 frontend-pc/src/utils/rsa.ts
 create mode 100644 frontend-pc/src/utils/typeof.ts
 create mode 100644 frontend-pc/src/utils/validate.ts
 create mode 100644 frontend-pc/src/views/coming-soon/index.vue
 create mode 100644 frontend-pc/src/views/dashboard/index.vue
 create mode 100644 frontend-pc/src/views/error/403.vue
 create mode 100644 frontend-pc/src/views/error/404.vue
 create mode 100644 frontend-pc/src/views/error/500.vue
 create mode 100644 frontend-pc/src/views/error/components/ErrorPage.vue
 create mode 100644 frontend-pc/src/views/login/LoginLeft.vue
 create mode 100644 frontend-pc/src/views/login/LoginPalette.vue
 create mode 100644 frontend-pc/src/views/login/index.vue
 create mode 100644 frontend-pc/src/views/org/OrgFormModal.vue
 create mode 100644 frontend-pc/src/views/org/index.vue
 create mode 100644 frontend-pc/src/views/redirect/index.vue
 create mode 100644 frontend-pc/src/views/tenant/index.vue
 create mode 100644 frontend-pc/stylelint.config.js
 create mode 100644 frontend-pc/tsconfig.json
 create mode 100644 frontend-pc/vite.config.ts
 create mode 100644 scripts/extract-icons.py

diff --git a/backend/xt-common/src/main/java/cn/tianbaotong/fill/common/crypto/RsaCipher.java b/backend/xt-common/src/main/java/cn/tianbaotong/fill/common/crypto/RsaCipher.java
index a9cd232..12f8b91 100644
--- a/backend/xt-common/src/main/java/cn/tianbaotong/fill/common/crypto/RsaCipher.java
+++ b/backend/xt-common/src/main/java/cn/tianbaotong/fill/common/crypto/RsaCipher.java
@@ -4,7 +4,10 @@ import javax.crypto.Cipher;
 import java.nio.charset.StandardCharsets;
 import java.security.KeyFactory;
 import java.security.PrivateKey;
+import java.security.interfaces.RSAPrivateCrtKey;
+import java.security.interfaces.RSAPublicKey;
 import java.security.spec.PKCS8EncodedKeySpec;
+import java.security.spec.RSAPublicKeySpec;
 import java.util.Base64;
 
 /**
@@ -40,6 +43,32 @@ public final class RsaCipher {
         }
     }
 
+    /**
+     * 导出对应的公钥（PEM，X.509/SPKI）。
+     *
+     * <p>用于 {@code GET /api/v1/auth/public-key}：前端启动时拉一次，
+     * 之后用它加密登录密码。
+     *
+     * <p><b>为什么不把公钥打包进前端</b>：一是密钥轮换时前端要重新构建、重新发布；
+     * 二是打包进去意味着"改密钥"这件事横跨前后端两个仓库，
+     * 实际操作中一定会出现"后端换了、前端没换"导致全员登不进去。
+     * 公钥是公开信息，放接口上没有任何安全损失。
+     */
+    public String publicKeyPem() {
+        try {
+            if (!(privateKey instanceof RSAPrivateCrtKey crt)) {
+                throw new IllegalStateException("私钥不是 CRT 格式，无法推导公钥");
+            }
+            RSAPublicKey pub = (RSAPublicKey) KeyFactory.getInstance("RSA")
+                    .generatePublic(new RSAPublicKeySpec(crt.getModulus(), crt.getPublicExponent()));
+            String b64 = Base64.getMimeEncoder(64, new byte[]{'\n'})
+                    .encodeToString(pub.getEncoded());
+            return "-----BEGIN PUBLIC KEY-----\n" + b64 + "\n-----END PUBLIC KEY-----\n";
+        } catch (Exception e) {
+            throw new IllegalStateException("导出 RSA 公钥失败", e);
+        }
+    }
+
     /**
      * 解密前端传来的密码。
      *
diff --git a/backend/xt-server/src/main/java/cn/tianbaotong/fill/module/auth/controller/AuthController.java b/backend/xt-server/src/main/java/cn/tianbaotong/fill/module/auth/controller/AuthController.java
index ed81dd0..a1dd1de 100644
--- a/backend/xt-server/src/main/java/cn/tianbaotong/fill/module/auth/controller/AuthController.java
+++ b/backend/xt-server/src/main/java/cn/tianbaotong/fill/module/auth/controller/AuthController.java
@@ -1,6 +1,7 @@
 package cn.tianbaotong.fill.module.auth.controller;
 
 import cn.tianbaotong.fill.common.api.ApiResult;
+import cn.tianbaotong.fill.common.crypto.RsaCipher;
 import cn.tianbaotong.fill.module.auth.dto.LoginReq;
 import cn.tianbaotong.fill.module.auth.dto.LoginVO;
 import cn.tianbaotong.fill.module.auth.service.AuthService;
@@ -29,6 +30,7 @@ public class AuthController {
 
     private final AuthService authService;
     private final CaptchaService captchaService;
+    private final RsaCipher rsaCipher;
 
     @PublicApi
     @PostMapping("/login")
@@ -44,6 +46,20 @@ public class AuthController {
         return ApiResult.ok(captchaService.generate());
     }
 
+    /**
+     * 登录密码加密用的公钥。
+     *
+     * <p>公钥是公开信息，无需鉴权。前端启动时拉一次并缓存，
+     * 这样<b>轮换密钥不需要重新构建前端</b>——否则"后端换了、前端没换"
+     * 会表现为"所有人密码都错"，而且很难定位。
+     */
+    @PublicApi
+    @GetMapping("/public-key")
+    @Operation(summary = "获取登录加密公钥", description = "PEM 格式，前端用它与 RSA/ECB/PKCS1Padding 加密密码")
+    public ApiResult<String> publicKey() {
+        return ApiResult.ok(rsaCipher.publicKeyPem());
+    }
+
     @GetMapping("/me")
     @Operation(summary = "当前用户", description = "返回用户、租户、角色、菜单与细粒度权限码")
     public ApiResult<LoginVO> me() {
diff --git a/backend/xt-server/src/main/java/cn/tianbaotong/fill/support/DataSeeder.java b/backend/xt-server/src/main/java/cn/tianbaotong/fill/support/DataSeeder.java
index af286fd..2fd446f 100644
--- a/backend/xt-server/src/main/java/cn/tianbaotong/fill/support/DataSeeder.java
+++ b/backend/xt-server/src/main/java/cn/tianbaotong/fill/support/DataSeeder.java
@@ -2,6 +2,8 @@ package cn.tianbaotong.fill.support;
 
 import cn.tianbaotong.fill.common.context.LoginUser;
 import cn.tianbaotong.fill.common.context.UserContext;
+import cn.tianbaotong.fill.module.org.entity.SysOrg;
+import cn.tianbaotong.fill.module.org.mapper.OrgMapper;
 import cn.tianbaotong.fill.module.tenant.entity.SysTenant;
 import cn.tianbaotong.fill.module.tenant.mapper.TenantMapper;
 import cn.tianbaotong.fill.module.user.entity.SysUser;
@@ -44,6 +46,7 @@ public class DataSeeder implements ApplicationRunner {
 
     private final TenantMapper tenantMapper;
     private final UserMapper userMapper;
+    private final OrgMapper orgMapper;
     private final RoleProvisioner roleProvisioner;
     private final PasswordEncoder passwordEncoder;
 
@@ -102,6 +105,15 @@ public class DataSeeder implements ApplicationRunner {
 
         TenantScope.runAs(tid, 0L, Set.of(BuiltinRole.SCHOOL_ADMIN.getCode()), () -> {
             roleProvisioner.provisionBuiltinRoles(tid);
+
+            // ⚠️ 必须放在 runAs 内部：sys_org 有 tenant_id，
+            //    在租户作用域外查询会触发拦截器的「默认拒绝」直接抛 40101，
+            //    而且它发生在启动阶段（ApplicationRunner），表现是应用起不来。
+            //
+            // ⚠️ 也必须放在下面那个「admin 已存在就早退」之前：
+            //    否则第二次启动之后组织树永远不会被补上（自身已幂等，重复调用无害）。
+            seedDemoOrgs(tid);
+
             if (findUser(tid, "admin") != null) {
                 return;
             }
@@ -118,16 +130,76 @@ public class DataSeeder implements ApplicationRunner {
         });
     }
 
+    /**
+     * 示范组织树。
+     *
+     * <p>空的组织树看不出系统在做什么，所以给个有真实感的三级结构
+     * （学校 → 院系 → 班级）。名字取自客户的真实班级命名习惯（24中技数控1班）。
+     *
+     * <p>幂等：只要该租户已有任何组织就跳过，不覆盖用户自己建的。
+     */
+    private void seedDemoOrgs(final long tenantId) {
+        Long existing = orgMapper.selectCount(Wrappers.<SysOrg>lambdaQuery());
+        if (existing != null && existing > 0) {
+            return;
+        }
+
+        TenantScope.runAs(tenantId, 0L, Set.of(BuiltinRole.SCHOOL_ADMIN.getCode()), () -> {
+            long school = insertOrg(0L, "示范职业学校", 1, "DEMO", 1);
+
+            long mech = insertOrg(school, "智能制造系", 2, "MECH", 1);
+            insertOrg(mech, "24中技数控1班", 3, "24ZK1", 1);
+            insertOrg(mech, "24中技机电1班", 3, "24JD1", 2);
+
+            long cs = insertOrg(school, "信息工程系", 2, "CS", 2);
+            insertOrg(cs, "24中技计算机1班", 3, "24JSJ1", 1);
+
+            log.info("已为示范租户创建组织树（1 个学校 / 2 个院系 / 3 个班级）");
+        });
+    }
+
+    /**
+     * 插入一个组织节点并回填 {@code ancestor_path}。
+     *
+     * <p>⚠️ 路径形如 {@code /10/11/12/}，**必须包含全部祖先**，末位才是自己。
+     * 这不是显示用的字段 —— 「按院系统计」靠 {@code LIKE '/10/%'} 一次覆盖所有后代，
+     * 路径错了统计就会漏人/多人，而且不会报错。
+     *
+     * <p>路径依赖自身 id，只能先插入再回写；上级路径从库里查（不靠入参传），
+     * 避免调用方漏传或传错 —— 之前就是因为把 parentPath 传成 null，
+     * 导致所有子节点的路径都退化成了只有自己。
+     */
+    private long insertOrg(Long parentId, String name, int type, String code, int sortNo) {
+        SysOrg o = new SysOrg();
+        o.setParentId(parentId);
+        o.setOrgName(name);
+        o.setOrgType(type);
+        o.setOrgCode(code);
+        o.setSortNo(sortNo);
+        o.setStatus(1);
+        orgMapper.insert(o);
+
+        String parentPath = "/";
+        if (parentId != null && parentId != 0L) {
+            SysOrg parent = orgMapper.selectById(parentId);
+            if (parent == null || parent.getAncestorPath() == null) {
+                throw new IllegalStateException("上级组织的层级路径缺失：" + parentId);
+            }
+            parentPath = parent.getAncestorPath();
+        }
+        String path = parentPath + o.getId() + "/";
+
+        SysOrg patch = new SysOrg();
+        patch.setId(o.getId());
+        patch.setAncestorPath(path);
+        orgMapper.updateById(patch);
+        return o.getId();
+    }
+
     private SysUser findUser(long tenantId, String username) {
         return userMapper.selectOne(Wrappers.<SysUser>lambdaQuery()
                 .eq(SysUser::getTenantId, tenantId)
                 .eq(SysUser::getUsername, username)
                 .last("LIMIT 1"));
     }
-
-    /** 保留：主应用启动时用到的常量，避免未使用告警。 */
-    @SuppressWarnings("unused")
-    private static List<Long> noop() {
-        return List.of();
-    }
 }
diff --git a/frontend-pc/.agents/README.md b/frontend-pc/.agents/README.md
new file mode 100644
index 0000000..65b0e12
--- /dev/null
+++ b/frontend-pc/.agents/README.md
@@ -0,0 +1,29 @@
+# .agents/
+
+本目录为 AI 编码助手规范的**唯一来源**（Single Source of Truth），适用于 Cursor、OpenCode、Codex 等工具。
+
+## 结构
+
+```
+.agents/
+├── rules/
+│   └── agent.md                # 唯一常驻规则（Cursor 经 AGENTS.md 内联注入）
+└── skills/                   # 按需加载
+    ├── code-ts/SKILL.md
+    ├── code-vue/SKILL.md
+    ├── code-css/SKILL.md
+    ├── project-guide/SKILL.md
+    ├── project-crud/SKILL.md
+    ├── project-api/SKILL.md
+    └── git-commit/SKILL.md
+```
+
+## 工具适配
+
+| 工具 | 适配方式 |
+|------|----------|
+| Cursor | `AGENTS.md`（内联 behavior 规则 + 技能索引）+ `.agents/skills/`（按需） |
+| OpenCode | `AGENTS.md` + `opencode.json` + `.agents/rules/` + `.agents/skills/` |
+| Codex | `AGENTS.md` + `.agents/skills/` |
+
+修改 `agent.md` 后请同步 `AGENTS.md` 的「常驻规则」一节；编码规范改对应 skill，不要重复写入 `AGENTS.md`。
diff --git a/frontend-pc/.agents/rules/agent.md b/frontend-pc/.agents/rules/agent.md
new file mode 100644
index 0000000..01550ae
--- /dev/null
+++ b/frontend-pc/.agents/rules/agent.md
@@ -0,0 +1,36 @@
+# Agent 行为准则
+
+> 适用于 Cursor、OpenCode、Codex 等 AI 编码助手。Cursor 经 `AGENTS.md` 内联本节每轮注入。
+
+## 通用要求
+
+- 始终使用**简体中文**与用户沟通。
+- 未经用户明确要求，**不要**创建说明文档、执行 git commit/push、修改 git 配置。
+- 改动范围最小化：只改与任务直接相关的代码，不顺手重构无关模块。
+- 优先复用项目已有抽象与约定，禁止凭空引入新架构或重复造轮子。
+
+## 应当
+
+- 改代码前先阅读项目既有实现，保持风格一致。
+- 优先复用项目内已有组件、composables、工具函数与 API 封装。
+- 任务完成后，视情况运行 lint / typecheck / test（与改动相关时）。
+- **按需读取** skills，不要预加载全部；写代码前按任务类型加载对应 skill（见 `AGENTS.md` 技能索引）。
+
+## 不应
+
+- 为已自动导入的 API / 组件写冗余 import。
+- 引入与项目技术栈不符的 UI 库或全新抽象层。
+- 猜测不存在的 API 路径、响应结构或配置项；以项目代码与类型定义为准。
+- 在用户未要求时添加测试、文档或无关注释。
+
+## 编码前必读 skill
+
+| 任务 | 技能 |
+|------|------|
+| 写/改 `.vue` | `code-vue` |
+| 写/改样式 | `code-css` |
+| 写/改 `.ts` / composable | `code-ts` |
+| 项目约定、Gi 组件 | `project-guide` |
+| CRUD 列表/表单 | `project-crud` |
+| API / Mock | `project-api` |
+| 提交代码 | `git-commit` |
diff --git a/frontend-pc/.agents/skills/code-css/SKILL.md b/frontend-pc/.agents/skills/code-css/SKILL.md
new file mode 100644
index 0000000..b9bcffa
--- /dev/null
+++ b/frontend-pc/.agents/skills/code-css/SKILL.md
@@ -0,0 +1,36 @@
+---
+name: code-css
+description: Vue SFC 样式块、BEM 命名、Stylelint 与 scoped 约定。编写或修改组件样式（.vue style、scss、less、css）时加载本技能。
+---
+
+# CSS 规范（Vue 3）
+
+## SFC 样式块
+
+- 位于 `<script>` 之后；默认 **scoped**；全局样式须在注释中说明原因。
+- 预处理器按项目约定，同一组件内保持一致。
+
+## 命名（BEM）
+
+- 自定义 class：**kebab-case** + **BEM**（`block`、`block__element`、`block--modifier`）。
+- 一个 SFC 通常一个 Block；元素用 `__`，修饰符用 `--`；**禁止** `block__a__b` 链式元素。
+- 第三方 UI 类名、全局工具类不在 BEM 约束内。
+
+```scss
+.user-card {
+  &__avatar { width: 48px; }
+  &__badge--vip { color: var(--color-warning); }
+}
+```
+
+## 编写原则
+
+- 颜色、间距、字号优先复用项目 CSS 变量或设计令牌。
+- 避免内联 `style`（动态样式除外）和滥用 `!important`。
+- 遵循项目 Stylelint；改动后视情况运行 `lint:style`。
+
+## 禁止
+
+- ❌ 自定义 class 用 camelCase 或非语义命名
+- ❌ BEM 元素链式嵌套（`block__a__b`）
+- ❌ 大段内联 style 或过多 `:deep()` 堆叠
diff --git a/frontend-pc/.agents/skills/code-ts/SKILL.md b/frontend-pc/.agents/skills/code-ts/SKILL.md
new file mode 100644
index 0000000..d011f7b
--- /dev/null
+++ b/frontend-pc/.agents/skills/code-ts/SKILL.md
@@ -0,0 +1,38 @@
+---
+name: code-ts
+description: Vue 3 + TypeScript 命名、导入顺序、目录组织与 Lint 约定。编写或修改 .ts/.js 代码、新增 composable 或工具函数时加载本技能。
+---
+
+# TypeScript 规范（Vue 3）
+
+Vue SFC 见 [code-vue](../code-vue/SKILL.md)，样式见 [code-css](../code-css/SKILL.md)。
+
+## 命名
+
+- 组件 / 文件名：**PascalCase**；变量 / 函数：**camelCase**（事件处理推荐 `handle` 前缀）。
+- 常量：需要时 **UPPER_SNAKE_CASE**；Composables：`use` 前缀。
+- Props camelCase；模板事件名与 emits 定义 **kebab-case**。
+- 样式 class：**kebab-case** + BEM（见 [code-css](../code-css/SKILL.md)）；全局组件前缀遵循项目统一约定。
+
+## TypeScript
+
+- `import type` 与值导入分离；对象结构优先 `interface`，联合/工具类型用 `type`。
+- Props 默认值：`withDefaults(defineProps<Type>(), { ... })`；避免 `any`。
+- 公共类型集中管理；领域类型靠近业务模块。
+
+## 导入顺序
+
+1. 类型导入 → 2. 第三方 → 3. Vue/官方库 → 4. 项目内部（composables、组件、utils、样式）
+
+不要重复 import 已自动注册的符号（类型除外）。
+
+## 组织
+
+- 遵循项目现有目录划分；单文件建议不超过 400 行，超出应拆分。
+- 可复用 UI 放组件目录；跨页面逻辑抽 composables；纯函数抽 utils。
+- 路径别名遵循项目配置，避免 `../../../` 穿越。
+
+## Lint
+
+- 遵循项目 ESLint、Stylelint、tsconfig，不擅自关闭规则。
+- 必要的 `eslint-disable` / `@ts-expect-error` 须注释说明原因。
diff --git a/frontend-pc/.agents/skills/code-vue/SKILL.md b/frontend-pc/.agents/skills/code-vue/SKILL.md
new file mode 100644
index 0000000..0934eb1
--- /dev/null
+++ b/frontend-pc/.agents/skills/code-vue/SKILL.md
@@ -0,0 +1,67 @@
+---
+name: code-vue
+description: Vue 3 Composition API、SFC 块顺序、defineEmits、useTemplateRef、响应式约定。编写或修改 .vue 文件时加载本技能。
+---
+
+# Vue 规范（Vue 3）
+
+适用于 Composition API + `<script setup lang="ts">`。样式见 [code-css](../code-css/SKILL.md)。
+
+## 基础
+
+- 新组件一律 **Composition API** + `<script setup>`，禁止 Options API。
+- 需要组件名时用 `defineOptions({ name: 'ComponentName' })`；路由页 `name` 与路由配置一致。
+- 块顺序：`<template>` → `<script setup>` → `<style>`（遵循项目 ESLint block-order）。
+
+## Script 内顺序
+
+类型导入 → 第三方 → Vue API → 项目模块 → `defineOptions` → `defineModel` → `defineProps` + `withDefaults` → `defineEmits` → `defineSlots` → 常量/函数 → `ref`/`reactive` → `computed` → 方法 → 生命周期/`watch` → `defineExpose`
+
+## 自动导入
+
+已自动注册的 API / 组件不要重复 import；仅需类型时用 `import type`。以 `vite.config` 与现有代码为准。
+
+## 模板
+
+- 事件名、插槽名 **kebab-case**；组件 **PascalCase**。
+- 受控表单优先 `v-model`；复杂逻辑抽到 `computed` 或方法，不要写在模板里。
+- 子组件通过 props/emits 通信，避免随意访问父组件实例。
+
+## defineEmits
+
+使用**基于类型的函数调用签名**，禁止数组 / tuple 形式：
+
+```typescript
+// ✅
+const emit = defineEmits<{
+  (e: 'submit'): void
+  (e: 'change', value: string): void
+}>()
+
+// ❌ defineEmits<{ submit: [] }>() 或 tuple 形式
+```
+
+## 模板 Ref
+
+优先 **`useTemplateRef`**（Vue 3.5+）；模板 `ref` 属性值与参数字符串一致。
+
+```typescript
+const formRef = useTemplateRef<FormInstance>('formRef')
+// template: <form ref="formRef">
+```
+
+## 响应式
+
+- 原始值 `ref`，对象 `reactive`，派生 `computed`。
+- 解构 reactive 注意响应性丢失，必要时 `toRefs`。
+- 深拷贝优先 `structuredClone` 或项目工具，禁止 `JSON.parse(JSON.stringify())`。
+
+## defineExpose
+
+仅暴露父组件确实需要调用的方法或属性（如弹窗 `open`/`close`/`reset`）。
+
+## 禁止
+
+- ❌ Options API、重复自动导入、defineEmits tuple 形式
+- ❌ 无关 `ref()` 绑定模板 ref（优先 `useTemplateRef`）
+- ❌ 模板中写复杂业务逻辑
diff --git a/frontend-pc/.agents/skills/git-commit/SKILL.md b/frontend-pc/.agents/skills/git-commit/SKILL.md
new file mode 100644
index 0000000..2bfbbdd
--- /dev/null
+++ b/frontend-pc/.agents/skills/git-commit/SKILL.md
@@ -0,0 +1,132 @@
+---
+name: git-commit
+description: 执行 git 提交的标准流程。用户明确要求 commit、提交代码、生成提交信息时使用。涵盖变更检查、Conventional Commits 提交信息、安全约束与提交流程。
+---
+
+# Git 提交
+
+> **前置条件**：仅当用户**明确要求**提交时才执行；未要求时不得主动 commit / push。
+
+## 第一步：收集变更状态
+
+同时执行（不要串行等待）：
+
+```bash
+git status
+git diff
+```
+
+必要时补充 `git diff --staged`；需了解分支与远程关系时执行 `git status -sb`。
+
+## 第二步：分析变更
+
+- 覆盖**已暂存 + 未暂存 + 未跟踪**中与本次任务相关的文件
+- 判断变更类型，映射到 Conventional Commits 的 `type`
+- 提交信息聚焦 **why**（1–2 句完整句子），准确反映目的
+- **不要**提交 `.env`、密钥、token、credentials 等敏感文件；若用户坚持，须明确警告
+- 无相关变更时不执行 commit
+
+## 第三步：提交信息格式（Conventional Commits）
+
+```
+<type>(<scope>): <subject>
+
+<body>
+```
+
+### type（必选）
+
+| type | 用途 |
+|------|------|
+| `feat` | 新功能 |
+| `fix` | 缺陷修复 |
+| `docs` | 文档 |
+| `style` | 格式（不影响逻辑，如空格、分号） |
+| `refactor` | 重构（非新功能、非修 bug） |
+| `perf` | 性能优化 |
+| `test` | 测试 |
+| `build` | 构建系统或外部依赖 |
+| `ci` | CI 配置 |
+| `chore` | 其他杂项（不改 src/test） |
+| `revert` | 回滚提交 |
+
+### subject（必选）
+
+- 使用**祈使句**，简明描述做了什么
+- 不加句号；建议 50 字符以内
+- 示例：`新增用户登录表单`、`修复表格分页重置问题`
+
+### scope（可选）
+
+- 括号内标明影响模块，如 `feat(auth)`、`fix(table)`
+- 跨模块或难以界定时可省略
+
+### body（可选）
+
+- 说明**为什么**改、改了什么影响
+- 与 subject 空一行
+
+### 示例
+
+```
+fix(theme): 切换明暗模式时重新生成主题色阶
+
+generate 依赖 isDark 生成色阶，切换后需重新写入 --primary-* 变量，
+否则暗色模式下主色显示异常。
+```
+
+```
+feat(user): 新增用户列表批量删除
+```
+
+## 第四步：执行提交（顺序）
+
+```bash
+git add <相关文件>
+git commit -m "$(cat <<'EOF'
+feat(user): 新增用户列表批量删除
+
+补充说明变更原因与影响（可选）
+
+EOF
+)"
+git status
+```
+
+PowerShell 环境可用：
+
+```powershell
+git commit -m "feat(user): 新增用户列表批量删除"
+git commit -m "fix(theme): 切换明暗模式时重新生成主题色阶" -m "generate 依赖 isDark 生成色阶，切换后需重新写入 CSS 变量。"
+```
+
+## 安全约束（必须遵守）
+
+| 禁止 | 说明 |
+|------|------|
+| `git config` 修改 | 不更改任何 git 配置 |
+| `push --force` / `reset --hard` | 除非用户明确要求 |
+| `--no-verify` / `--no-gpg-sign` | 除非用户明确要求 |
+| 对 main/master force push | 须警告用户 |
+| 无用户请求时 push | 不主动推送远程 |
+
+### `--amend` 仅当全部满足
+
+1. 用户明确要求 amend，**或** pre-commit hook 自动改文件需纳入本次提交
+2. HEAD 为当前会话创建的 commit，且**未 push**
+3. hook 拒绝时：**修复后新建 commit**，不要 amend
+
+## 提交后
+
+- `git status` 确认成功
+- hook 失败：修复问题后**重新 commit**（新提交，非 amend）
+- 将 commit hash / 摘要反馈给用户
+- 用户未要求时**不要 push**
+
+## 检查清单
+
+- [ ] 用户已明确要求提交
+- [ ] 已查看 status + diff
+- [ ] 提交信息符合 Conventional Commits
+- [ ] 未包含敏感文件
+- [ ] 提交后 status 正常
diff --git a/frontend-pc/.agents/skills/project-api/SKILL.md b/frontend-pc/.agents/skills/project-api/SKILL.md
new file mode 100644
index 0000000..b329cbb
--- /dev/null
+++ b/frontend-pc/.agents/skills/project-api/SKILL.md
@@ -0,0 +1,153 @@
+---
+name: project-api
+description: 在本模板项目中新增或修改 API 接口、类型定义与 vite-plugin-mock 模拟数据。涉及 getBaseApi、http、baseAPI、mock 目录、分页响应格式时使用。
+---
+
+# API 与 Mock
+
+## 接口层结构
+
+每个业务模块一个文件，例如 `src/apis/system/user.ts`：
+
+```ts
+import { getBaseApi } from '@/apis/base'
+import http from '@/utils/http'
+
+export interface ListItem {
+  id: string
+  name: string
+  status: Status
+  createTime: string
+  // ...
+}
+
+/** 标准 CRUD */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/user' })
+
+/** 非标准接口单独声明 */
+export function getDictDataList(params: { code: string } & Pagination) {
+  return http.get<PageRes<DictDataItem[]>>('/system/dict/getDictDataList', params)
+}
+```
+
+## getBaseApi 约定路径
+
+| 方法 | HTTP | 路径 |
+|------|------|------|
+| getList | GET | `{baseUrl}/getList` |
+| getDetail | GET | `{baseUrl}/getDetail` |
+| add | POST | `{baseUrl}/add` |
+| update | POST | `{baseUrl}/update` |
+| delete | POST | `{baseUrl}/delete` |
+
+列表参数：`{ page, size, ...filters }`
+删除参数：`{ ids: string[] }`
+
+## 响应格式
+
+```ts
+// 单条/布尔
+interface ApiRes<T> {
+  code: number
+  data: T
+  message: string
+  success: boolean
+}
+
+// 分页列表 data 结构
+interface PageRes<T> {
+  records: T
+  total: number
+}
+```
+
+`useTable` 同时兼容 `data` 为数组或 `PageRes` 两种形态。
+
+## http 封装
+
+- 实例：`src/utils/http.ts`，`baseURL` = `import.meta.env.VITE_API_PREFIX`
+- 开发环境 `.env.development`：`VITE_API_PREFIX = '/mock'`
+- Token：请求头 `token` 字段（`getToken()`）
+- 业务失败：`success === false` 时 Message/Notification 提示并 reject
+- 401：跳转 `/login`
+
+```ts
+import http from '@/utils/http'
+
+http.get<PageRes<Item[]>>('/path', { page: 1, size: 10 })
+http.post<boolean>('/path', { ids: ['1'] })
+```
+
+## Mock 开发流程
+
+### 1. 静态数据
+
+在 `mock/_data/` 下维护 JSON/TS 数据，如 `system_dict.ts`。
+
+### 2. 路由 Mock
+
+在 `mock/system/`（或对应模块）新建文件：
+
+```ts
+import { defineMock } from '../_base'
+import { getBaseApi, getDelayTime, resultError, resultSuccess } from '../_utils'
+
+export default defineMock([
+  ...getBaseApi({
+    baseUrl: '/system/xxx',
+    getListData: () => resultSuccess({ total: list.length, records: list }),
+    getDetailData: (query) => {
+      const obj = list.find((i) => i.id === query.id)
+      return obj ? resultSuccess(obj) : resultError(null, '未找到', 400)
+    }
+  }),
+  {
+    url: '/system/xxx/customAction',
+    method: 'get',
+    timeout: getDelayTime(),
+    response: ({ query }) => {
+      // 筛选、分页后返回
+      return resultSuccess({ total, records })
+    }
+  }
+])
+```
+
+### 3. 工具函数
+
+| 函数 | 用途 |
+|------|------|
+| `resultSuccess(data)` | `{ code:200, success:true, data, message }` |
+| `resultError(data, message, code?)` | 失败响应 |
+| `getDelayTime()` | 50–300ms 随机延迟 |
+| `getBaseApi({ baseUrl, getListData, ... })` | 生成标准 CRUD mock |
+
+`defineMock` 会自动给 url 加前缀 `/mock`，与 `VITE_API_PREFIX` 对应。
+
+### 4. 注册
+
+确保 mock 文件被 `mock/index` 或同级聚合引入（遵循现有 `mock/system/*.ts` 模式）。
+
+## 新增模块检查清单
+
+- [ ] `src/apis/{module}/{name}.ts`：类型 + `baseAPI` 或自定义方法
+- [ ] `mock/{module}/{name}.ts`：与接口路径一致
+- [ ] 列表 Mock 返回 `{ total, records }`
+- [ ] 字段类型与 `Status`、`Gender` 等全局类型对齐
+- [ ] 在页面通过 `useTable({ listAPI, deleteAPI })` 接入
+
+## 自定义 listAPI 示例
+
+```ts
+useTable({
+  listAPI: (page) => getDictDataList({
+    ...page,
+    code: dictCode.value,
+    name: query.name || undefined,
+    status: query.status === '' ? undefined : query.status
+  }),
+  immediate: false
+})
+```
+
+`immediate: false` 用于依赖左侧选中项后再 `search()` 的场景。
diff --git a/frontend-pc/.agents/skills/project-crud/SKILL.md b/frontend-pc/.agents/skills/project-crud/SKILL.md
new file mode 100644
index 0000000..fde7159
--- /dev/null
+++ b/frontend-pc/.agents/skills/project-crud/SKILL.md
@@ -0,0 +1,214 @@
+---
+name: project-crud
+description: 在本模板项目中创建或修改 CRUD 列表页、表格列、搜索区、表单弹窗。使用 GiPageLayout、useTable、GiButton、a-table、GiForm、useDict 时加载本技能。
+---
+
+# CRUD 列表页开发
+
+> 写/改 `.vue` 前先读 [code-vue](../code-vue/SKILL.md)；写样式前读 [code-css](../code-css/SKILL.md)。
+
+## 标准页面结构
+
+```vue
+<template>
+  <GiPageLayout margin collapsed>
+    <template #left><!-- 可选：树/分类 --></template>
+
+    <a-row justify="space-between" class="g-row-tool">
+      <a-space wrap>
+        <GiButton type="add" @click="onAdd" />
+        <GiButton type="delete" @click="onBatchDelete" />
+      </a-space>
+      <a-space wrap>
+        <!-- 搜索表单项 -->
+        <GiButton type="search" @click="search" />
+        <GiButton type="reset" @click="reset" />
+      </a-space>
+    </a-row>
+
+    <a-table
+      class="g-table"
+      row-key="id"
+      :loading="loading"
+      :data="tableData"
+      :columns="tableColumns"
+      :bordered="{ cell: true }"
+      :scroll="{ x: '100%', y: '100%', minWidth: 1200 }"
+      :pagination="pagination"
+      :row-selection="{ type: 'checkbox', showCheckedAll: true }"
+      :selected-keys="selectedKeys"
+      @select="select"
+      @select-all="selectAll"
+    />
+
+    <XxxFormModal ref="XxxFormModalRef" @save-success="search" />
+  </GiPageLayout>
+</template>
+
+<script setup lang="tsx">
+defineOptions({ name: 'ModuleName' })
+</script>
+```
+
+## useTable 用法
+
+```ts
+import type * as T from '@/apis/system/user'
+import { baseAPI } from '@/apis/system/user'
+import { useDict, useTable } from '@/hooks'
+
+const { dictData } = useDict(['STATUS'] as const)
+
+const queryParams = reactive({ status: '', username: '' })
+
+const {
+  loading,
+  tableData,
+  pagination,
+  selectedKeys,
+  search,
+  select,
+  selectAll,
+  fixed, // 操作列 fixed: 'right'（小屏自动取消）
+  onDelete,
+  onBatchDelete,
+  refresh
+} = useTable({
+  listAPI: (page) => baseAPI.getList({ ...page, ...queryParams }),
+  deleteAPI: (ids) => baseAPI.delete({ ids }),
+  immediate: true,
+  rowKey: 'id', // 默认 id
+  crossPageSelect: false // 跨页多选时设为 true
+})
+```
+
+要点：
+
+- `search()` 会重置到第 1 页并清空选中
+- `refresh()` 保持当前页刷新
+- `listAPI` 参数为 `{ page, size }`，需展开到接口
+- 空字符串查询条件建议转 `undefined` 再传 API
+
+## GiButton 预设类型
+
+`add` | `edit` | `delete` | `search` | `reset` | `upload` | `import` | `export`
+
+列表工具栏与操作列统一使用 `GiButton`，操作列常用 `size="mini"`。
+
+## 表格列（TSX）
+
+使用 `lang="tsx"`，从 `@arco-design/web-vue` 引入 `TableColumnData`：
+
+```tsx
+const tableColumns: TableColumnData[] = [
+  {
+    title: '序号',
+    width: 68,
+    align: 'center',
+    render: ({ rowIndex }) => <span>{rowIndex + 1}</span>
+  },
+  { title: '名称', dataIndex: 'name', ellipsis: true, tooltip: true },
+  {
+    title: '状态',
+    width: 100,
+    align: 'center',
+    render: ({ record }) => (
+      <GiCellStatus status={record.status} />
+    )
+  },
+  {
+    title: '操作',
+    width: 160,
+    align: 'center',
+    fixed: 'right', // 或绑定 useTable 的 fixed
+    render: ({ record }) => (
+      <Space>
+        <GiButton type="edit" size="mini" onClick={() => onEdit(record as T.ListItem)} />
+        <Popconfirm content="确定删除?" onBeforeOk={() => onDelete(record as T.ListItem)}>
+          <GiButton type="delete" size="mini" />
+        </Popconfirm>
+      </Space>
+    )
+  }
+]
+```
+
+常用单元格组件：`GiCellAvatar`、`GiCellGender`、`GiCellStatus`（从 `@/components/GiCell` 引入或在 TSX 中直接使用）。
+
+## GiPageLayout
+
+| 属性/插槽 | 说明 |
+|-----------|------|
+| `#left` | 左侧栏（部门树、字典类型列表等） |
+| `#header` | 顶栏（少用） |
+| `margin` | 外边距模式 |
+| `collapsed` | 显示折叠按钮 |
+| `size` | 左侧宽度，如 `"280px"` |
+
+左栏选中后通过事件同步右侧列表，参考 `dict/index.vue` 的 `onDictTypeRefresh`。
+
+## 表单弹窗（Modal + GiForm）
+
+```vue
+<a-modal v-model:visible="visible" :title="title" :mask-closable="false"
+  @before-ok="save" @close="close">
+  <GiForm ref="GiFormRef" :model-value="form" :columns="formColumns"
+    @update:model-value="Object.assign(form, $event)" />
+</a-modal>
+```
+
+```ts
+import type { FormColumnItem } from '@/components/index'
+import { useResetReactive } from '@/hooks'
+
+const [form, resetForm] = useResetReactive({ id: '', name: '', status: '1' as Status })
+const GiFormRef = useTemplateRef<InstanceType<typeof GiForm>>('GiFormRef')
+
+const add = () => {
+  detailId.value = ''
+  visible.value = true
+}
+const edit = async (id: string) => {
+  visible.value = true
+  detailId.value = id
+  Object.assign(form, (await baseAPI.getDetail({ id })).data)
+}
+const close = () => {
+  GiFormRef.value?.formRef?.resetFields()
+  resetForm()
+}
+const save = async () => {
+  const valid = await GiFormRef.value?.formRef?.validate()
+  if (valid) return false
+  // await baseAPI.add(form) 或 baseAPI.update(form)
+  emit('save-success')
+  return true
+}
+
+defineExpose({ add, edit })
+```
+
+`formColumns` 常用 `type`：`input`、`select`、`tree-select`、`radio-group`、`switch`、`textarea`。校验可用 `required`、`rules`；正则见 `@/utils/regexp`。
+
+## 字典下拉
+
+```ts
+const { dictData } = useDict(['STATUS'] as const)
+// 模板：<a-select :options="dictData.STATUS" />
+```
+
+## 表格增强方案选型
+
+| 需求 | 方案 |
+|------|------|
+| 内置斑马纹/全屏/列设置 | `GiTable` |
+| 继续用 `a-table` + 工具栏/列设置 | `GiTableSetting` 包裹（见 `views/table/custom3`） |
+| 简单列表 | `a-table` + `useTable`（系统模块主流） |
+
+## 检查清单
+
+- [ ] `defineOptions({ name })` 已设置
+- [ ] `row-key="id"` 与 `useTable` 的 `rowKey` 一致
+- [ ] 删除走 `onDelete` / `onBatchDelete` 或自定义 `Popconfirm` + API
+- [ ] 弹窗 `defineExpose({ add, edit })`，父组件 `useTemplateRef` 调用
+- [ ] 保存成功后 `emit('save-success')` 并触发 `search`
diff --git a/frontend-pc/.agents/skills/project-guide/SKILL.md b/frontend-pc/.agents/skills/project-guide/SKILL.md
new file mode 100644
index 0000000..c75edd1
--- /dev/null
+++ b/frontend-pc/.agents/skills/project-guide/SKILL.md
@@ -0,0 +1,171 @@
+---
+name: project-guide
+description: 后台管理模板的项目总览与前端强制规范。涵盖 Vue 3 + Arco Design + Gi 组件库、目录结构、自动导入、CRUD/API 约定与代码风格。在当前仓库内开发、新增页面、查阅架构或不确定项目规范时使用。
+---
+
+# 项目开发指南
+
+> **适用范围**：本仓库 `src/**`、`mock/**`
+> **规范来源**：`AGENTS.md` 常驻行为准则 + 本 skill（项目细节）；编码规范按需读 `code-vue` / `code-css` / `code-ts` skill
+
+## 本项目 Agent 约定
+- 优先复用 `Gi*`、`hooks`、`getBaseApi`、现有 mock 工具；新增页面/接口对齐参考页与 `getBaseApi` 约定。
+- API / Mock 以 `src/apis`、`mock` 与类型定义为准，不要猜测路径。
+- 涉及 CRUD、API、Mock 时按需读取对应 skill；写 `.vue` / 样式 / TS 前读取 [code-vue](../code-vue/SKILL.md)、[code-css](../code-css/SKILL.md)、[code-ts](../code-ts/SKILL.md)。
+- 改动后视情况运行 `pnpm typecheck`、`pnpm lint`、`pnpm lint:style`。
+
+## 技术栈
+
+| 类别 | 选型 |
+|------|------|
+| 框架 | Vue 3.5 + TypeScript + `<script setup lang="ts">` |
+| 构建 | Vite 7 |
+| UI | Arco Design Vue（按需自动导入）+ 本地 `Gi*` 组件 |
+| 状态 | Pinia + pinia-plugin-persistedstate |
+| 路由 | Vue Router 4（Hash 模式） |
+| HTTP | `@/utils/http`，统一响应类型 `ApiRes<T>`、`PageRes<T>` |
+| 工具 | @vueuse/core、lodash-es、dayjs、xe-utils |
+| Mock | vite-plugin-mock + mockjs（开发默认启用） |
+
+每个 SFC 必须 `defineOptions({ name: 'XxxYyy' })`；通用 Vue 规范见 [code-vue](../code-vue/SKILL.md)，本项目补充见下文「本项目 Vue 约定」。
+
+## 路径别名
+
+- `@` → `src/`
+- `~` → 项目根目录
+
+## 目录约定
+
+```
+src/
+├── apis/          # 接口（按业务模块分文件，标准 CRUD 用 getBaseApi）
+├── components/    # Gi* 业务组件 + 部分通用组件
+├── hooks/         # 组合式函数（useTable、useDict 等）
+├── hooks/app/     # 业务域 hooks（useDept、useRole）
+├── stores/        # Pinia
+├── views/         # 页面（按模块分子目录）
+├── router/        # 路由与守卫
+├── utils/         # http、auth、regexp、deepClone 等
+├── types/         # 全局类型（global.d.ts、api.d.ts）
+mock/              # vite-plugin-mock 模拟数据
+```
+
+页面文件命名：
+
+```
+src/views/{module}/index.vue           # 列表页
+src/views/{module}/XxxFormModal.vue    # 新增/编辑弹窗（有表单时必建）
+src/apis/{module}/{name}.ts            # 类型定义 + CRUD API（或 apis/system/user.ts）
+mock/{module}/{name}.ts                # 与 API 路径一致的 Mock
+```
+
+## 全局类型（`src/types/`）
+
+- `Status`：`'0' | '1'`（禁用/启用，与字典 `STATUS` 一致）
+- `Gender`：`'1' | '2' | '3'`
+- `Pagination`：`{ page, size }`
+- `ApiRes<T>`、`PageRes<T>`：统一接口响应（分页 `data` 为 `{ records, total }`）
+
+## CRUD 列表页（强制遵循）
+
+新建/修改表格页时，**必须**参考并遵循：
+
+- 参考实现：`src/views/system/user/index.vue`、`UserFormModal.vue`
+- Hook：`@/hooks/useTable`
+- API 模板：`src/apis/system/user.ts` + `getBaseApi`
+- 详细步骤：读取并遵循 [project-crud](../project-crud/SKILL.md)
+
+核心结构：
+
+1. `GiPageLayout` 布局（可选 `#left` 树/分类）
+2. `queryParams`（reactive）+ 搜索区 + `GiButton`（search/reset）
+3. `tableColumns`（`TableColumnData[]`，复杂列用 `lang="tsx"` + `render`）
+4. `useTable` 绑定 `listAPI` 与 `deleteAPI`
+5. `XxxFormModal` ref，`defineExpose({ add, edit })`，`@save-success="search"`
+
+分页类型：`PageRes<T>`（`records` + `total`）。Mock 与接口详见 [project-api](../project-api/SKILL.md)。
+
+## API 层模板
+
+```typescript
+import { getBaseApi } from '@/apis/base'
+import http from '@/utils/http'
+
+export interface ListItem {
+  id: string
+  name: string
+  status: Status
+}
+
+/** 标准 CRUD */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/xxx' })
+
+/** 非标准接口 */
+export function customAction(params: Pagination) {
+  return http.get<PageRes<Item[]>>('/system/xxx/customAction', params)
+}
+```
+
+- 开发环境 `VITE_API_PREFIX = '/mock'`（`.env.development`）
+- 禁止绕过 `@/utils/http` 裸用 axios
+
+## 代码风格
+
+- 遵循 `@antfu/eslint-config`（`eslint.config.js`）：箭头参数括号、1TBS、无尾随逗号；Vue block 顺序 `[['script', 'template'], 'style']`；宏顺序 `defineOptions/defineModel/defineProps/defineEmits/defineSlots`，`defineExpose` 最后。
+- 布局放 `src/layout/`，Gi 组件放 `src/components/Gi*`，业务 Hook 放 `hooks/` 或 `hooks/app/`。
+- 空字符串查询条件传 API 前建议转为 `undefined`。
+- 通用编码规范见 [code-ts](../code-ts/SKILL.md)、[code-vue](../code-vue/SKILL.md)、[code-css](../code-css/SKILL.md)；本项目补充见下文。
+
+## 本项目编码约定
+
+- 路径别名：`@` → `src/`，`~` → 项目根；禁止 `../../../` 穿越。
+- 组件全局前缀 **`Gi`** 仅用于 `src/components/Gi*` 全局组件。
+- 目录：`src/views` 页面、`src/components` 组件、`src/apis/<domain>/` + `type.ts` 接口类型、`src/types` 公共类型、`src/hooks` composables。
+- API 统一 `@/utils/http`；状态 Pinia + `pinia-plugin-persistedstate`。
+- 图标 `@iconify/vue`；样式从 scss/less 导入，避免内联。
+- 业务注释中文，标识符英文。
+- 检查：`pnpm lint`、`pnpm lint:style`、`pnpm typecheck`。
+
+## 本项目 Vue 约定
+
+- 每个 SFC 必须 `defineOptions({ name: 'XxxYyy' })`，名称与路由/模块对应，并与路由表 `name` 一致以支持缓存。
+- **自动导入**（`vite.config.ts`，勿重复 import）：
+  - Vue API：`ref`、`reactive`、`computed`、`watch`、`useTemplateRef` 等
+  - Gi 组件：`src/components/Gi*`（如 `GiPageLayout`、`GiButton`、`GiForm`）
+  - Arco 组件：`a-table`、`a-modal`、`a-select` 等
+  - 图标：`icon-*`（Iconify `icon-park-outline`）
+- Gi 组件模板用 **PascalCase**；Arco 用 `a-*` 前缀；禁止手动 import Gi/Arco（类型除外）。
+- 表格列复杂时用 `lang="tsx"` + `TableColumnData[]` 的 `render`；字典字段用 `useDict(['STATUS'])` 等。
+- `dayjs` 默认导入变量名必须为 **`Dayjs`**（大写），禁止小写 `dayjs`。
+- 深拷贝使用 `@/utils` 的 `deepClone`，禁止 `JSON.parse(JSON.stringify())`。
+- Vue 参考页：`src/views/system/user/index.vue`、`UserFormModal.vue`、`src/views/table/custom3/index.vue`
+
+## 本项目样式
+
+- 全局样式：`src/styles/index.scss`（变量 `var.scss`、混入 `mixin.scss`、Arco 主题 `arco-ui/`）
+- Stylelint：`pnpm lint:style`
+- 列表页常用工具类：`g-row-tool`（工具栏行）、`g-table`（表格）、`g-full-column`（左栏撑满）、`g-mb`（下边距）
+- BEM 示例：`src/views/login/LoginLeft.vue`
+
+## 子技能（按需阅读）
+
+| 场景 | 技能 |
+|------|------|
+| Vue SFC、Emits、Ref | [code-vue](../code-vue/SKILL.md) |
+| 样式、BEM | [code-css](../code-css/SKILL.md) |
+| TS 命名、导入 | [code-ts](../code-ts/SKILL.md) |
+| 新建 CRUD 列表页、表格、弹窗表单 | [project-crud](../project-crud/SKILL.md) |
+| 新增接口、Mock、baseAPI | [project-api](../project-api/SKILL.md) |
+
+## 参考页面
+
+- 标准 CRUD + 左树：`src/views/system/user/index.vue`
+- 左右分栏 + 字典：`src/views/system/dict/index.vue`
+- GiTableSetting + a-table：`src/views/table/custom3/index.vue`
+- 表单弹窗：`src/views/system/user/UserFormModal.vue`
+
+## 禁止事项
+
+- ❌ 绕过 `@/utils/http` 直接裸用 axios
+- ❌ 表格页自行实现分页/删除逻辑，而不使用 `useTable`
+- ❌ 新建列表页不参考 `system/user` 与 [project-crud](../project-crud/SKILL.md) 约定
diff --git a/frontend-pc/.env.development b/frontend-pc/.env.development
new file mode 100644
index 0000000..93692d8
--- /dev/null
+++ b/frontend-pc/.env.development
@@ -0,0 +1,10 @@
+# 环境变量 (命名必须以 VITE_ 开头)
+
+# 接口前缀：真实后端（本项目的《03-接口设计》约定 /api/v1/...）
+VITE_API_PREFIX = '/api/v1'
+
+# 代理目标：本地 Spring Boot
+VITE_API_BASE_URL = 'http://localhost:8080'
+
+# 开发环境地址前缀
+VITE_BASE = '/'
diff --git a/frontend-pc/.env.production b/frontend-pc/.env.production
new file mode 100644
index 0000000..91bba3e
--- /dev/null
+++ b/frontend-pc/.env.production
@@ -0,0 +1,6 @@
+# 环境变量 (命名必须以 VITE_ 开头)
+
+# 生产走同源反向代理
+VITE_API_PREFIX = '/api/v1'
+VITE_API_BASE_URL = 'https://api.tianbaotong.cn'
+VITE_BASE = '/'
diff --git a/frontend-pc/.env.test b/frontend-pc/.env.test
new file mode 100644
index 0000000..f4d83ae
--- /dev/null
+++ b/frontend-pc/.env.test
@@ -0,0 +1,5 @@
+# 环境变量 (命名必须以 VITE_ 开头)
+
+VITE_API_PREFIX = '/api/v1'
+VITE_API_BASE_URL = 'https://api-test.tianbaotong.cn'
+VITE_BASE = '/'
diff --git a/frontend-pc/.github/workflows/deploy.yml b/frontend-pc/.github/workflows/deploy.yml
new file mode 100644
index 0000000..afdb2d2
--- /dev/null
+++ b/frontend-pc/.github/workflows/deploy.yml
@@ -0,0 +1,82 @@
+name: Deploy to GitHub Pages
+
+# 触发条件：推送或PR到master分支，以及手动触发
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+  workflow_dispatch:
+
+# 权限配置
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# 环境配置
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  # 构建作业
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      # 检出代码
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # 确保获取完整的历史记录
+
+      # 设置Node.js环境
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.19.4
+          cache: npm # 缓存npm依赖
+
+      # 安装依赖
+      - name: Install dependencies
+        run: npm ci --legacy-peer-deps # 使用legacy-peer-deps解决peer dependency冲突
+
+      # 构建项目
+      - name: Build
+        run: npm run build
+
+      # 检查构建结果
+      - name: Check build output
+        run: |
+          echo "=== 构建文件列表 ==="
+          ls -la ./dist
+          echo ""
+          echo "=== Gzip 压缩文件统计 ==="
+          find ./dist -name "*.gz" | wc -l | xargs echo "压缩文件数量:"
+          find ./dist -name "*.gz" -exec ls -lh {} \; | head -10
+          echo ""
+          echo "=== 构建完成 ==="
+
+      # 上传构建产物作为artifact
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  # 部署作业
+  deploy:
+    # 只有在构建成功且是push或手动触发时才运行
+    needs: build
+    if: github.ref == 'refs/heads/master' && (github.event_name == 'push' || github.event_name == 'workflow_dispatch')
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      # 部署到GitHub Pages
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+        with:
+          # 使用官方的deploy-pages action，它会自动处理所有配置
+          artifact_name: github-pages
diff --git a/frontend-pc/.gitignore b/frontend-pc/.gitignore
new file mode 100644
index 0000000..a7face3
--- /dev/null
+++ b/frontend-pc/.gitignore
@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+# .vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.stylelintcache
diff --git a/frontend-pc/.stylelintignore b/frontend-pc/.stylelintignore
new file mode 100644
index 0000000..3060b5f
--- /dev/null
+++ b/frontend-pc/.stylelintignore
@@ -0,0 +1,31 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+build/
+
+# Coverage
+coverage/
+
+# Temporary files
+*.tmp
+*.temp
+.cache/
+
+# Editor directories and files
+.vscode/
+.idea/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# OS generated files
+Thumbs.db
+.DS_Store
+
+# CSS preprocessors cache
+.sass-cache/
+.less-cache/
\ No newline at end of file
diff --git a/frontend-pc/AGENTS.md b/frontend-pc/AGENTS.md
new file mode 100644
index 0000000..c870ffd
--- /dev/null
+++ b/frontend-pc/AGENTS.md
@@ -0,0 +1,51 @@
+# AGENTS.md
+
+面向 AI 编码助手的项目指南。规范以 `.agents/` 为唯一来源。
+
+## 常驻规则（Agent 行为准则）
+
+> 源文件：`.agents/rules/agent.md`（修改后请同步本节）
+
+- 始终使用**简体中文**与用户沟通。
+- 未经用户明确要求，**不要**创建说明文档、执行 git commit/push、修改 git 配置。
+- 改动范围最小化；优先复用项目已有抽象，禁止凭空引入新架构。
+- 改代码前先阅读项目既有实现；任务完成后视情况运行 lint / typecheck。
+- **按需读取** skills，不要预加载全部。
+
+**编码前按任务加载 skill：**
+
+| 任务 | 技能 |
+|------|------|
+| 写/改 `.vue` | `.agents/skills/code-vue/SKILL.md` |
+| 写/改样式 | `.agents/skills/code-css/SKILL.md` |
+| 写/改 `.ts` / composable | `.agents/skills/code-ts/SKILL.md` |
+| 项目约定、Gi 组件 | `.agents/skills/project-guide/SKILL.md` |
+| CRUD 列表/表单 | `.agents/skills/project-crud/SKILL.md` |
+| API / Mock | `.agents/skills/project-api/SKILL.md` |
+| 提交代码（git commit） | `.agents/skills/git-commit/SKILL.md` |
+
+## 按需技能（`.agents/skills/`）
+
+| 场景 | 文件 |
+|------|------|
+| TS 命名、导入、Lint | `code-ts/SKILL.md` |
+| Vue SFC、Emits、Ref | `code-vue/SKILL.md` |
+| 样式、BEM、Stylelint | `code-css/SKILL.md` |
+| 项目总览、技术栈、Gi 约定 | `project-guide/SKILL.md` |
+| CRUD 列表/表单 | `project-crud/SKILL.md` |
+| API 与 Mock | `project-api/SKILL.md` |
+| Git 提交 | `git-commit/SKILL.md` |
+
+## 快速入口
+
+```bash
+pnpm dev          # 开发（Mock，/mock 前缀）
+pnpm build        # 生产构建
+pnpm typecheck    # vue-tsc
+pnpm lint         # ESLint
+pnpm lint:style   # Stylelint
+```
+
+- 路径别名：`@` → `src/`，`~` → 项目根目录
+- 开发默认 Mock；联调真实后端见 `vite.config.ts` 与 `.env`
+- 登录演示账号见 `README.md`（如 admin / 123456）
diff --git a/frontend-pc/LICENSE b/frontend-pc/LICENSE
new file mode 100644
index 0000000..261eeb9
--- /dev/null
+++ b/frontend-pc/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/frontend-pc/README.md b/frontend-pc/README.md
new file mode 100644
index 0000000..ddc5ff4
--- /dev/null
+++ b/frontend-pc/README.md
@@ -0,0 +1,622 @@
+<div align="center">
+	<img style="width: 80px;height: 80px" src="https://gitee.com/lin0716/gi-image/raw/master/gi-logo.gif"/>
+	<h1>Gi Admin Pro</h1>
+    <a href='https://gitee.com/lin0716/gi-demo/stargazers'><img src='https://gitee.com/lin0716/gi-demo/badge/star.svg?theme=dark' alt='star'></img></a>
+</div>
+[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)
+
+## 简介
+
+**Gi Admin Pro** 是一个基于 Vue3、Vite、TypeScript、Arco Design Vue、Pinia、VueUse 等的免费中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于 mock 实现的动态数据展示，开箱即用的模板，也可用于学习参考。
+
+> **Gi 前缀含义：** G：代表全局 i：代表我的
+>
+> Gi 用来定义全局组件前缀，如 GiTable、GiForm、GiPageLayout等
+
+## 特性
+
+- **最新技术栈**：使用 Vue3 / Vite 等前端前沿技术开发，使用高效率的 npm 包管理器
+- **TypeScript**：应用程序级 JavaScript 的语言
+- **主题**：丰富可配置的主题、暗黑模式
+- **代码规范**：丰富的规范插件及极高的代码规范
+
+## 预览
+
+
+| 平台       | 预览地址                                                   |
+| ---------- | ---------------------------------------------------------- |
+| **github** | [Gi Admin Pro 预览地址](https://lin-97.github.io/gi-demo/) |
+
+
+|        | 账号  | 密码   |
+| ------ | ----- | ------ |
+| 管理员 | admin | 123456 |
+| 用户   | user  | 123456 |
+
+## 代码仓库
+
+
+| 平台              | 预览地址                                                     | 仓库地址                                                     |
+| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| **gitee**（码云） | --                                                           | <a href="https://gitee.com/lin0716/gi-demo" target="_blank">Gitee  仓库地址</a> |
+| **github**        | <a href="https://lin-97.github.io/gi-demo/" target="_blank">Gi Admin Pro 预览地址</a> | <a href="https://github.com/lin-97/gi-demo" target="_blank">Github 仓库地址</a> |
+
+## 项目示例图
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/01.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/02.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/03.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/04.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/05.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/06.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/07.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/08.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/09.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/10.png" />
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/demo/11.png" />
+
+## 安装使用
+
+- 安装依赖
+
+```bash
+npm install
+```
+
+- 运行
+
+```bash
+npm run dev
+```
+
+- 打包
+
+```bash
+npm run build
+```
+
+## 开源作者
+
+**Lin**
+
+## 常见问题
+
+**为什么安装依赖不成功？**
+
+检查`node`版本，最好使用原生镜像`npm`
+
+还原镜像
+
+```
+npm config set registry https://registry.npmjs.org/
+```
+
+**为什么选择 Arco 组件库，而不是 Element Plus?**
+
+[Element Plus 对比 Arco design](https://juejin.cn/post/7294219581894705190)
+
+**为什么全局组件使用前缀 Gi?**
+
+全局组件设置了按需引入，使用前缀，方便和局部组件做区分
+
+**为什么组件使用单词大写开头 (PascalCase)命名写法？**
+
+本项目`.vue`文件名以及在模板使用中，均采用大写`开头 (PascalCase)`命名方式
+
+参考 Vue2 官网-风格指南: https://v2.cn.vuejs.org/v2/style-guide/
+
+组件命名：`单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)`
+
+其他优点：方便搜索（横线连接 (kebab-case)对搜索没那么方便）
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/comp-name.png" />
+
+**为什么 css 类名推荐横线连接 (kebab-case)**
+
+参考大部分大网站，都是这个命名规则，不使用： `.myClass`这种
+
+**页面显示异常？**
+
+**`页面必须要保留一个根元素！！！`**
+
+**Vue3 权限管理对路由进行排序和格式化处理方式**
+
+使用 **xe-utils** 这个 js 库，简化数据处理
+
+[文章地址](https://juejin.cn/post/7301260557222805567)
+
+**页面无法缓存？**
+
+请检查页面是否配置了`name`，且名称是否与数据一致
+
+```js
+defineOptions({ name: 'AboutIndex' })
+```
+
+```js
+{
+  path: '/about/index',
+  name: 'AboutIndex', // 检查name是否一致
+  component: () => import('@/views/about/index.vue')
+}
+```
+
+## 项目规范
+
+#### .vue 文件行数规范
+
+一般来说，一个 .vue 文件行数建议不超过 **`400`** 行，超过建议组件化拆分
+
+#### vue 相关的命名
+
+```vue
+<script setup lang="ts">
+const isEdit = ref(false)
+
+// 不推荐
+const title = computed(() => {
+  return isEdit.value ? '编辑' : '新增'
+})
+
+// 推荐 能一行就尽量写一行
+const title = computed(() => (isEdit.value ? '编辑' : '新增'))
+</script>
+```
+
+```vue
+<script setup lang="ts">
+// 表单建议使用 form 命名(简洁)，不必要使用 formData, 同时使用 reactive
+const form = reactive({
+  name: '',
+  phone: ''
+})
+</script>
+```
+
+```vue
+<script setup lang="ts">
+// 如果属性比较多
+const getInitForm = () => ({
+  name: '',
+  phone: '',
+  email: '',
+  sex: 1,
+  age: ''
+})
+
+const form = reactive(getInitForm())
+
+// 重置form
+const resetForm = () => {
+  for (const key in form) {
+    delete form[key]
+  }
+  Object.assign(form, getInitForm())
+}
+</script>
+```
+
+```vue
+<script setup lang="ts">
+import { useAppStore, useUserStore } from '@/stores'
+import { useLoading } from '@/hooks'
+
+// stores 或 hooks 的使用命名规则定义
+const appStore = useAppStore()
+const userStore = useUserStore()
+
+const { loading, setLoading } = useLoading()
+</script>
+```
+
+#### 写法技巧
+
+尽量使用三元表达式
+
+```js
+// 优化前
+let isEdit = true
+let title = ''
+if (isEdit) {
+  title = '编辑'
+} else {
+  title = '新增'
+}
+
+// 优化后
+let title = isEdit ? '编辑' : '新增'
+```
+
+善用 includes 方法
+
+```js
+// 优化前
+if (type === 1 || type === 2 || type === 3) {
+}
+
+// 优化后，此种方式在vue模板也可使用
+if ([1, 2, 3].includes(type)) {
+}
+```
+
+使用箭头函数简化函数
+
+```js
+// 优化前
+function add(num1, num2) {
+  return num1 + num2
+}
+
+// 优化后
+const add = (num1, num2) => num1 + num2
+```
+
+尽量减少 if else if
+
+```vue
+<script setup lang="ts">
+// 比例进度条颜色 尽量减少 if else if
+const getProportionColor = (proportion: number) => {
+  if (proportion < 30) return 'danger'
+  if (proportion < 60) return 'warning'
+  return 'success'
+}
+</script>
+```
+
+```js
+// 优化前
+const status = 200
+const message = ''
+if (status === 200) {
+  message = '请求成功'
+} else if (status === 404) {
+  message = '请求出错'
+} else if (status === 500) {
+  message = '服务器错误'
+}
+
+// 优化后
+const status = 200
+const messageMap = {
+  200: '请求成功',
+  404: '请求出错',
+  500: '服务器错误'
+}
+const message = messageMap[status]
+```
+
+如果函数参数超过两个，建议优化
+
+```vue
+<script setup lang="ts">
+function createUser(name, phone, age) {
+  console.log('姓名', name)
+  console.log('手机', phone)
+  console.log('年龄', age)
+}
+
+// 这种方式在使用的时候可读性很差，扩展性差，而且不易于维护
+createUser('张三', '178****2828', 20)
+
+function createUser2({ name, phone, age }) {
+  console.log('姓名', name)
+  console.log('手机', phone)
+  console.log('年龄', age)
+}
+
+// 以对象传参更直观，更好扩展和维护
+createUser2({ name: '张三', phone: '178****2828', age: 20 })
+</script>
+```
+
+#### 接口调用书写
+
+**写法一**
+
+不需要 loading，不需要错误打印的 情况
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { getUserList as getUserListApi, type UserItem } from '@/apis' // 同名可以使用别名
+
+const userList = ref<UserItem[]>([])
+const getUserList = async () => {
+  const res = await getUserListApi()
+  console.log('如果异步成功，则会打印这行文字，否则不会打印这行文字，也不会往下执行')
+  userList.value = res.data
+}
+</script>
+
+// getUserListApi 是一个 Promise 异步函数，Promise 最后只有 成功 / 失败 两种状态 // getUserListApi 是基于 axios
+封装的，在 axios 响应拦截器做了处理 // 当 res.success === false 的时候 Promise.reject(),
+也就异步失败，异步失败不会往下执行
+```
+
+**写法二**
+
+需要 loading，需要错误打印的情况
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { getUserList as getUserListApi, type UserItem } from '@/apis' // 同名可以使用别名
+
+const loading = ref(false)
+const userList = ref<UserItem[]>([])
+const getUserList = async () => {
+  try {
+    loading.value = true
+    const res = await getUserListApi()
+    console.log('如果异步成功，则会打印这行文字，否则不会打印这行文字，也不会往下执行')
+    userList.value = res.data
+  } catch (error) {
+    console.log('如果异步失败，会打印这行文字')
+    // 由于 axios 在封装的时候，已经在异步失败给了失败的提示弹窗处理
+    // 所以这里没必要再写 Message.error(error)
+  } finally {
+    console.log('如果异步或者失败，都会打印这行代码')
+    loading.value = false // 可以用来处理 loading
+  }
+}
+</script>
+```
+
+**写法三**
+
+需要 loading, 不需要错误打印（不进行错误处理）的情况
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { getUserList as getUserListApi, type UserItem } from '@/apis' // 同名可以使用别名
+
+const loading = ref(false)
+const userList = ref<UserItem[]>([])
+const getUserList = async () => {
+  try {
+    loading.value = true
+    const res = await getUserListApi()
+    console.log('如果异步成功，则会打印这行文字，否则不会打印这行文字，也不会往下执行')
+    userList.value = res.data
+  } finally {
+    console.log('如果异步或者失败，都会打印这行代码')
+    loading.value = false // 可以用来处理 loading
+  }
+}
+</script>
+
+// catch 可以省略
+```
+
+#### 全局组件--命名规范
+
+组件命名：**单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)**
+
+可参考 Vue2 官网-风格指南: https://v2.cn.vuejs.org/v2/style-guide/
+
+```
+GiForm.vue
+GiTable.vue
+GiPageLayout.vue
+```
+
+#### 局部组件--命名规范
+
+组件命名：**单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)**
+
+可参考 Vue2 官网-风格指南: https://v2.cn.vuejs.org/v2/style-guide/
+
+```
+Pane1.vue
+Pane2.vue
+PaneQuota1.vue
+PaneQuota2.vue
+Step1.vue
+Step2.vue
+AddModal.vue
+EditDrawer.vue
+DetailModal.vue
+```
+
+#### 文件夹命名--命名规范 (采用中划线-)
+
+1、文件名建议只使用小写字母，不使用大写字母
+
+2、名称较长时采用半角连接符(-)分隔
+
+```
+home/index.vue
+user/index.vue
+user-detail/index.vue
+```
+
+#### 弹窗组件 Modal、抽屉组件 Drawer 的一般封装
+
+```vue
+<template>
+  <a-modal v-model:visible="visible" :title="title" @ok="confirm">
+    <!-- 内容 -->
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue'
+
+const visible = ref(false)
+const detailId = ref('')
+const isEdit = computed(() => !!detailId.value) // 判断是新增还是编辑模式
+const title = computed(() => (isEdit.value ? '编辑' : '新增'))
+
+const add = () => {
+  detailId.value = ''
+  visible.value = true
+}
+
+// 如果这里的参数超过两个，建议优化成对象形式
+// const edit = ({ id, taskId }) = {
+//   console.log(id, taskId)
+// }
+
+const edit = (id: string) => {
+  detailId.value = id
+  visible.value = true
+  // getDetail() 回显操作
+}
+
+defineExpose({ add, edit })
+
+const confirm = () => {
+  console.log('点击了确认按钮')
+}
+</script>
+```
+
+使用
+
+**`模板里使用自定义组件：使用大写开头驼峰，双击好复制，对于搜索便利`**
+
+```vue
+<template>
+  <EditModal ref="EditModalRef"></EditModal>
+</template>
+
+<script setup lang="ts">
+import EditModal from './EditModal.vue'
+
+const EditModalRef = ref<InstanceType<typeof EditModal>>()
+
+// 新增
+const onAdd = () => {
+  EditModalRef.value?.add()
+}
+
+// 编辑
+const onEdit = (item: PersonItem) => {
+  EditModalRef.value?.edit(item.id)
+}
+</script>
+```
+
+#### CSS 命名规范
+
+建议采用全小写，多单词使用-连接符(参考大部分网站，包括掘金，码云等，都是采用这个规则)
+
+或者采用`BEM`命名规范 [BEM 命名规范](https://getbem.com/naming/)
+
+**BEM 命名规范**
+
+```html
+<div class="article">
+  <div class="article__body">
+    <button class="article__button--primary"></button>
+    <button class="article__button--success"></button>
+  </div>
+</div>
+```
+
+
+其他：
+
+位置 1： 使用 var(--margin) 全局 css 变量
+
+位置 2：使用 var(--padding) 全局 css 变量
+
+建议尽量使用全局 css 变量来开发，可以有效提高效率和团队协作
+
+<img src="https://gitee.com/lin0716/gi-image/raw/master/gap.png" />
+
+
+
+#### 其他规范
+
+可参考 Vue2 官网-风格指南: https://v2.cn.vuejs.org/v2/style-guide/ , 其中一些规范也可借鉴
+
+可参考 **Gi Admin Pro** 源码，如有更好的规范建议，可以联系作者本人
+
+## Vue 相关
+
+<a href="https://cn.vuejs.org/" target="_blank">Vue3 官网</a>
+
+<a href="https://router.vuejs.org/zh/" target="_blank">Vue-Router</a>
+
+<a href="https://cn.vitejs.dev/" target="_blank">Vite</a>
+
+<a href="https://pinia.web3doc.top/" target="_blank">Pinia</a>
+
+## 插件推荐
+
+<a href="https://arco.design/vue/component/button" target="_blank">Arco Design 组件库</a>
+
+<a href="https://dayjs.fenxianglu.cn/" target="_blank">Day.js 一个极简的 JavaScript 库，可以为现代浏览器解析、验证、操作和显示日期和时间 2K 大小</a>
+
+<a href="https://www.lodashjs.com/" target="_blank">Lodash 一个一致性、模块化、高性能的 JavaScript 实用工具库</a>
+
+<a href="https://vxetable.cn/xe-utils/#/" target="_blank">Xe-utils 一个 JavaScript 函数库、工具类</a>
+
+<a href="https://vueuse.org/" target="_blank">VueUse 一个 Vue3 Hooks 库</a>
+
+<a href="https://next.attojs.com/" target="_blank">VueRequest 一个 Vue 请求库</a>
+
+<a href="https://mirari.cc/v-viewer/" target="_blank">V-Viewer 基于 viewer.js 的 vue 图像查看器组件，支持旋转、缩放等操作</a>
+
+<a href="https://www.npmjs.com/package/vue-color-kit" target="_blank">Vue-Color-Kit 一个 vue3 颜色选择器组件</a>
+
+<a href="https://vxetable.cn/#/table/start/install" target="_blank">Vxe-Table</a>
+
+<a href="https://github.com/fslflame/vue3-request" target="_blank">vue3-request 一个专为 Vue 3 设计的异步请求处理库，它通过统一的 useRequest Hook 和强大的插件生态，彻底简化了异步操作和 API 调用的复杂性</a>
+
+**其他**
+
+<a href="https://vcalendar.io/" target="_blank">VCalendar 日历组件</a>
+
+<a href="https://antoniandre.github.io/vue-cal/" target="_blank">Vue Cal 日历组件</a>
+
+<a href="https://alfred-skyblue.github.io/vue-draggable-plus/" target="_blank">VueDraggablePlus 支持 Vue2 和 Vue3 的拖拽组件</a>
+
+## 推荐书籍
+
+<a href="https://vue3.chengpeiquan.com/" target="_blank">Vue 入门指南与实战案例</a>
+
+<a href="https://jkchao.github.io/typescript-book-chinese/" target="_blank">深入理解 TypeScript</a>
+
+<a href="https://vue3js.cn/interview/" target="_blank">前端宝典</a>
+
+<a href="https://lhammer.cn/You-need-to-know-css/#/translucent-borders" target="_blank">Web 开发人员需要知道的 CSS 技巧</a>
+
+<a href="https://es6.ruanyifeng.com/#README" target="_blank">阮一峰 ES6</a>
+
+<a href="https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html" target="_blank">阮一峰 flex 布局</a>
+
+## 开源项目集合
+
+<a href="https://vue-admin.cn/admin" target="_blank">Vue3 开源项目集合</a>
+
+<a href="https://react-admin.cn/admin/" target="_blank">React 开源项目集合</a>
+
+## 工具
+
+<a href="https://c.runoob.com/" target="_blank">菜鸟工具</a>
+
+<a href="https://carbon.now.sh/?bg=rgba%28171%2C+184%2C+195%2C+1%29&t=material&wt=none&l=auto&width=680&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fl=1&fm=Hack&fs=14px&lh=133%25&si=false&es=2x&wm=false" target="_blank">代码生成图片</a>
+
+<a href="http://xiets.gitee.io/json-to-any-web/" target="_blank">JSON-TO-ANY 对象转 ts 类型</a>
+
+<a href="http://49.234.61.19/tool/cssTriangle" target="_blank">在线三角形样式生成器</a>
+
+<a href="https://go.itab.link/" target="_blank">iTab</a>
+
+## 捐赠
+
+<img style="width:300px" src="https://gitee.com/lin0716/gi-image/raw/master/alipay.jpg" />
diff --git a/frontend-pc/eslint.config.js b/frontend-pc/eslint.config.js
new file mode 100644
index 0000000..e6520fe
--- /dev/null
+++ b/frontend-pc/eslint.config.js
@@ -0,0 +1,56 @@
+import antfu from '@antfu/eslint-config'
+
+// https://github.com/antfu/eslint-config
+export default antfu(
+  {
+    vue: true,
+    typescript: true,
+    ignores: [
+      'README.md',
+      'src/types/shims-vue.d.ts'
+    ]
+  },
+  {
+    // Remember to specify the file glob here, otherwise it might cause the vue plugin to handle non-vue files
+    files: ['**/*.vue'],
+    rules: {
+      'vue/block-order': [2, {
+        order: [['script', 'template'], 'style']
+      }], // 强制组件顶级元素的顺序
+      'vue/html-self-closing': [0, {
+        html: {
+          void: 'never',
+          normal: 'always',
+          component: 'never'
+        }
+      }], // 强制自结束样式
+      'vue/custom-event-name-casing': [2, 'kebab-case'], // 对自定义事件名称强制使用特定大小写
+      'vue/singleline-html-element-content-newline': 0, // 要求在单行元素的内容前后换行
+      'vue/first-attribute-linebreak': 0, // 强制第一个属性的位置
+      'vue/define-macros-order': [2, {
+        order: ['defineOptions', 'defineModel', 'defineProps', 'defineEmits', 'defineSlots'],
+        defineExposeLast: true
+      }], // 强制执行定义限制和定义弹出编译器宏的顺序
+      'vue/html-indent': 0, // 在《模板》中强制一致的缩进
+      'vue/html-closing-bracket-newline': 0 // 要求或不允许在标记的右括号前换行
+    }
+  },
+  {
+    // Without `files`, they are general rules for all files
+    rules: {
+      'curly': [0, 'all'], // 对所有控制语句强制使用一致的大括号样式
+      'dot-notation': 0, // 尽可能强制使用点表示法。 在 JavaScript 中，可以使用点表示法 (foo.bar) 或方括号表示法 (foo["bar"]) 访问属性
+      'no-new': 0, // 不允许在赋值或比较之外使用 new 运算符
+      // 'no-console': 2, // 禁止使用 console
+      'no-process-env': 0,
+      'style/arrow-parens': [2, 'always'], // 箭头函数参数需要括号
+      'style/brace-style': [2, '1tbs', { allowSingleLine: true }], // 对块执行一致的大括号样式
+      'style/comma-dangle': [2, 'never'], // 要求或不允许尾随逗号
+      'ts/consistent-type-definitions': 0,
+      'ts/no-unused-expressions': 0,
+      'node/prefer-global/process': 0,
+      'antfu/top-level-function': 0,
+      'antfu/if-newline': 0
+    }
+  }
+)
diff --git a/frontend-pc/index.html b/frontend-pc/index.html
new file mode 100644
index 0000000..4466c27
--- /dev/null
+++ b/frontend-pc/index.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
+    <!-- 移动端浏览器地址栏跟随品牌色（与 TDesign 主色一致） -->
+    <meta name="theme-color" content="#0052D9" />
+    <meta name="description" content="职业技能等级认定 · 报名材料收集系统" />
+    <meta name="format-detection" content="telephone=no" />
+    <link rel="stylesheet" href="./static/css/loading.css" type="text/css" />
+    <title>填报通 · 管理端</title>
+    <!--
+      已移除模板自带的百度统计脚本：
+      它上报到 gi-demo 作者的统计账号，属于把本项目的访问数据发给第三方，
+      不是我们自己的埋点。需要统计时请接入本单位自己的方案。
+    -->
+  </head>
+
+  <body>
+    <div id="app">
+      <!-- 首屏骨架：在 JS 包下载并执行之前显示，避免白屏 -->
+      <section class="init-box">
+        <div class="init-loading">
+          <div class="init-loading-rect"></div>
+          <div class="init-loading-rect"></div>
+          <div class="init-loading-rect"></div>
+          <div class="init-loading-rect"></div>
+          <div class="init-loading-rect"></div>
+        </div>
+      </section>
+    </div>
+    <script type="module" src="./src/main.ts"></script>
+  </body>
+</html>
diff --git a/frontend-pc/package.json b/frontend-pc/package.json
new file mode 100644
index 0000000..3bb942b
--- /dev/null
+++ b/frontend-pc/package.json
@@ -0,0 +1,67 @@
+{
+  "name": "xt-frontend-pc",
+  "type": "module",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build-tsc": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview --port 5050",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "lint:style": "stylelint \"**/*.{vue,scss,css}\" --cache",
+    "lint:style:fix": "stylelint \"**/*.{vue,scss,css}\" --cache --fix"
+  },
+  "dependencies": {
+    "@arco-design/color": "^0.4.0",
+    "@iconify/vue": "^5.0.0",
+    "@vueuse/core": "^13.6.0",
+    "animate.css": "^4.1.1",
+    "axios": "^0.27.2",
+    "dayjs": "^1.11.4",
+    "echarts": "^6.0.0",
+    "jsencrypt": "^3.5.4",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
+    "nprogress": "^0.2.0",
+    "pinia": "^3.0.3",
+    "pinia-plugin-persistedstate": "^4.4.1",
+    "sortablejs": "^1.15.6",
+    "vue": "^3.5.18",
+    "vue-color-kit": "^1.0.6",
+    "vue-draggable-plus": "^0.6.0",
+    "vue-router": "^4.5.1",
+    "xe-utils": "^3.7.8"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^7.0.1",
+    "@arco-design/web-vue": "^2.58.0",
+    "@iconify-json/icon-park-outline": "^1.2.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^24.2.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint": "^9.5.0",
+    "less": "^4.4.0",
+    "postcss": "^8.5.6",
+    "postcss-html": "^1.8.0",
+    "sass": "^1.62.1",
+    "stylelint": "^16.25.0",
+    "stylelint-config-recess-order": "^7.4.0",
+    "stylelint-config-recommended-vue": "^1.6.1",
+    "stylelint-config-standard": "^39.0.1",
+    "stylelint-config-standard-scss": "^16.0.0",
+    "stylelint-scss": "^6.12.1",
+    "typescript": "^5.9.2",
+    "unplugin-auto-import": "^20.0.0",
+    "unplugin-icons": "^22.5.0",
+    "unplugin-vue-components": "^29.0.0",
+    "vite": "^7.0.6",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vue-tsc": "^3.0.5"
+  },
+  "description": "数据信息填报系统 · PC 管理端（管理员 / 班主任）"
+}
diff --git a/frontend-pc/pnpm-lock.yaml b/frontend-pc/pnpm-lock.yaml
new file mode 100644
index 0000000..8c67240
--- /dev/null
+++ b/frontend-pc/pnpm-lock.yaml
@@ -0,0 +1,6565 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@arco-design/color':
+        specifier: ^0.4.0
+        version: 0.4.0
+      '@iconify/vue':
+        specifier: ^5.0.0
+        version: 5.0.3(vue@3.5.23(typescript@5.9.3))
+      '@vueuse/core':
+        specifier: ^13.6.0
+        version: 13.9.0(vue@3.5.23(typescript@5.9.3))
+      animate.css:
+        specifier: ^4.1.1
+        version: 4.1.1
+      axios:
+        specifier: ^0.27.2
+        version: 0.27.2
+      dayjs:
+        specifier: ^1.11.4
+        version: 1.11.19
+      echarts:
+        specifier: ^6.0.0
+        version: 6.1.0
+      jsencrypt:
+        specifier: ^3.5.4
+        version: 3.5.4
+      lodash-es:
+        specifier: ^4.17.21
+        version: 4.17.21
+      mitt:
+        specifier: ^3.0.1
+        version: 3.0.1
+      nprogress:
+        specifier: ^0.2.0
+        version: 0.2.0
+      pinia:
+        specifier: ^3.0.3
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3))
+      pinia-plugin-persistedstate:
+        specifier: ^4.4.1
+        version: 4.7.1(pinia@3.0.4(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3)))
+      sortablejs:
+        specifier: ^1.15.6
+        version: 1.15.6
+      vue:
+        specifier: ^3.5.18
+        version: 3.5.23(typescript@5.9.3)
+      vue-color-kit:
+        specifier: ^1.0.6
+        version: 1.0.6(vue@3.5.23(typescript@5.9.3))
+      vue-draggable-plus:
+        specifier: ^0.6.0
+        version: 0.6.0(@types/sortablejs@1.15.9)
+      vue-router:
+        specifier: ^4.5.1
+        version: 4.6.3(vue@3.5.23(typescript@5.9.3))
+      xe-utils:
+        specifier: ^3.7.8
+        version: 3.7.9
+    devDependencies:
+      '@antfu/eslint-config':
+        specifier: ^7.0.1
+        version: 7.7.3(@typescript-eslint/typescript-estree@8.70.1(typescript@5.9.3))(@typescript-eslint/utils@8.70.1(eslint@9.39.1)(typescript@5.9.3))(@vue/compiler-sfc@3.5.23)(eslint@9.39.1)(typescript@5.9.3)
+      '@arco-design/web-vue':
+        specifier: ^2.58.0
+        version: 2.58.0(vue@3.5.23(typescript@5.9.3))
+      '@iconify-json/icon-park-outline':
+        specifier: ^1.2.4
+        version: 1.2.4
+      '@types/lodash-es':
+        specifier: ^4.17.12
+        version: 4.17.12
+      '@types/node':
+        specifier: ^24.2.0
+        version: 24.10.0
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.1
+        version: 6.0.1(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx':
+        specifier: ^5.0.1
+        version: 5.1.1(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))
+      '@vue/tsconfig':
+        specifier: ^0.7.0
+        version: 0.7.0(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3))
+      eslint:
+        specifier: ^9.5.0
+        version: 9.39.1
+      less:
+        specifier: ^4.4.0
+        version: 4.4.2
+      postcss:
+        specifier: ^8.5.6
+        version: 8.5.6
+      postcss-html:
+        specifier: ^1.8.0
+        version: 1.8.0
+      sass:
+        specifier: ^1.62.1
+        version: 1.93.3
+      stylelint:
+        specifier: ^16.25.0
+        version: 16.25.0(typescript@5.9.3)
+      stylelint-config-recess-order:
+        specifier: ^7.4.0
+        version: 7.4.0(stylelint-order@7.0.0(stylelint@16.25.0(typescript@5.9.3)))(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-config-recommended-vue:
+        specifier: ^1.6.1
+        version: 1.6.1(postcss-html@1.8.0)(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-config-standard:
+        specifier: ^39.0.1
+        version: 39.0.1(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-config-standard-scss:
+        specifier: ^16.0.0
+        version: 16.0.0(postcss@8.5.6)(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-scss:
+        specifier: ^6.12.1
+        version: 6.12.1(stylelint@16.25.0(typescript@5.9.3))
+      typescript:
+        specifier: ^5.9.2
+        version: 5.9.3
+      unplugin-auto-import:
+        specifier: ^20.0.0
+        version: 20.2.0(@vueuse/core@13.9.0(vue@3.5.23(typescript@5.9.3)))
+      unplugin-icons:
+        specifier: ^22.5.0
+        version: 22.5.0(@vue/compiler-sfc@3.5.23)
+      unplugin-vue-components:
+        specifier: ^29.0.0
+        version: 29.2.0(@babel/parser@7.28.5)(vue@3.5.23(typescript@5.9.3))
+      vite:
+        specifier: ^7.0.6
+        version: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+      vite-plugin-compression:
+        specifier: ^0.5.1
+        version: 0.5.1(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))
+      vite-plugin-vue-devtools:
+        specifier: ^8.0.5
+        version: 8.0.5(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))
+      vue-tsc:
+        specifier: ^3.0.5
+        version: 3.1.3(typescript@5.9.3)
+
+packages:
+
+  '@antfu/eslint-config@7.7.3':
+    resolution: {integrity: sha512-BtroDxTvmWtvr3yJkdWVCvwsKlnEdkreoeOyrdNezc/W5qaiQNf2xjcsQ3N5Yy0x27h+0WFfW8rG8YlVioG6dw==}
+    hasBin: true
+    peerDependencies:
+      '@angular-eslint/eslint-plugin': ^21.1.0
+      '@angular-eslint/eslint-plugin-template': ^21.1.0
+      '@angular-eslint/template-parser': ^21.1.0
+      '@eslint-react/eslint-plugin': ^2.11.0
+      '@next/eslint-plugin-next': '>=15.0.0'
+      '@prettier/plugin-xml': ^3.4.1
+      '@unocss/eslint-plugin': '>=0.50.0'
+      astro-eslint-parser: ^1.0.2
+      eslint: ^9.10.0 || ^10.0.0
+      eslint-plugin-astro: ^1.2.0
+      eslint-plugin-format: '>=0.1.0'
+      eslint-plugin-jsx-a11y: '>=6.10.2'
+      eslint-plugin-react-hooks: ^7.0.0
+      eslint-plugin-react-refresh: ^0.5.0
+      eslint-plugin-solid: ^0.14.3
+      eslint-plugin-svelte: '>=2.35.1'
+      eslint-plugin-vuejs-accessibility: ^2.4.1
+      prettier-plugin-astro: ^0.14.0
+      prettier-plugin-slidev: ^1.0.5
+      svelte-eslint-parser: '>=0.37.0'
+    peerDependenciesMeta:
+      '@angular-eslint/eslint-plugin':
+        optional: true
+      '@angular-eslint/eslint-plugin-template':
+        optional: true
+      '@angular-eslint/template-parser':
+        optional: true
+      '@eslint-react/eslint-plugin':
+        optional: true
+      '@next/eslint-plugin-next':
+        optional: true
+      '@prettier/plugin-xml':
+        optional: true
+      '@unocss/eslint-plugin':
+        optional: true
+      astro-eslint-parser:
+        optional: true
+      eslint-plugin-astro:
+        optional: true
+      eslint-plugin-format:
+        optional: true
+      eslint-plugin-jsx-a11y:
+        optional: true
+      eslint-plugin-react-hooks:
+        optional: true
+      eslint-plugin-react-refresh:
+        optional: true
+      eslint-plugin-solid:
+        optional: true
+      eslint-plugin-svelte:
+        optional: true
+      eslint-plugin-vuejs-accessibility:
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-slidev:
+        optional: true
+      svelte-eslint-parser:
+        optional: true
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@antfu/install-pkg@2.1.0':
+    resolution: {integrity: sha512-sdg9NxU3zR4Mnawfbc/x6GB5Wf17WYud5qOuEuxXjaKpYpMkISSJEjItGebXJ2bQ4DIcly4NYH23mtkGJjvKUw==}
+
+  '@arco-design/color@0.4.0':
+    resolution: {integrity: sha512-s7p9MSwJgHeL8DwcATaXvWT3m2SigKpxx4JA1BGPHL4gfvaQsmQfrLBDpjOJFJuJ2jG2dMt3R3P8Pm9E65q18g==}
+
+  '@arco-design/web-vue@2.58.0':
+    resolution: {integrity: sha512-b1vdPYOmjG5VAkVa7jlVwCb+WynBK+rnKN8zH3yKohpZObZbostRd3HgYNtjjZjGVU3OqR0Yy2FX7ftgF0bcOw==}
+    peerDependencies:
+      vue: '>=3.1.0'
+
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.28.5':
+    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.28.5':
+    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.28.5':
+    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
+    engines: {node: '>=6.9.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.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.28.5':
+    resolution: {integrity: sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==}
+    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.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.3':
+    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+    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.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.27.1':
+    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
+    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-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.28.4':
+    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.28.5':
+    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-proposal-decorators@7.28.0':
+    resolution: {integrity: sha512-zOiZqvANjWDUaUS9xMxbMcK/Zccztbe/6ikvUXaG9nsPH3w6qh5UaPGAnirI/WhIbZ8m3OHU0ReyPrknG+ZKeg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-decorators@7.27.1':
+    resolution: {integrity: sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-attributes@7.27.1':
+    resolution: {integrity: sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==}
+    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.27.1':
+    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.27.1':
+    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.28.5':
+    resolution: {integrity: sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.28.5':
+    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.5':
+    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+    engines: {node: '>=6.9.0'}
+
+  '@cacheable/memoize@2.0.3':
+    resolution: {integrity: sha512-hl9wfQgpiydhQEIv7fkjEzTGE+tcosCXLKFDO707wYJ/78FVOlowb36djex5GdbSyeHnG62pomYLMuV/OT8Pbw==}
+
+  '@cacheable/memory@2.0.4':
+    resolution: {integrity: sha512-cCmJKCKlT1t7hNBI1+gFCwmKFd9I4pS3zqBeNGXTSODnpa0EeDmORHY8oEMTuozfdg3cgsVh8ojLaPYb6eC7Cg==}
+
+  '@cacheable/utils@2.2.0':
+    resolution: {integrity: sha512-7xaQayO3msdVcxXLYcLU5wDqJBNdQcPPPHr6mdTEIQI7N7TbtSVVTpWOTfjyhg0L6AQwQdq7miKdWtTDBoBldQ==}
+
+  '@clack/core@1.5.1':
+    resolution: {integrity: sha512-iHTrHA8MtVuLl2TfZySmcKv1qO2PoyC9Z7pfSDozEuV5vtY3/wcOPKJXlqJ5Oq2Cx5DDGQGAMVx6HZfRRoVEbQ==}
+    engines: {node: '>= 20.12.0'}
+
+  '@clack/prompts@1.8.1':
+    resolution: {integrity: sha512-dlT1m5e/0yUL0kRNcQn7yGLVThkgbB0Ga/1AmfDDC/8ik6AIiSf2QLQO2zPYvefsHP0aFgxO93cVLCCfDp7kzQ==}
+    engines: {node: '>= 20.12.0'}
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@csstools/media-query-list-parser@4.0.3':
+    resolution: {integrity: sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/selector-specificity@5.0.0':
+    resolution: {integrity: sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss-selector-parser: ^7.0.0
+
+  '@dual-bundle/import-meta-resolve@4.2.1':
+    resolution: {integrity: sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==}
+
+  '@e18e/eslint-plugin@0.2.0':
+    resolution: {integrity: sha512-mXgODVwhuDjTJ+UT+XSvmMmCidtGKfrV5nMIv1UtpWex2pYLsIM3RSpT8HWIMAebS9qANbXPKlSX4BE7ZvuCgA==}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+      oxlint: ^1.41.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+      oxlint:
+        optional: true
+
+  '@es-joy/jsdoccomment@0.86.0':
+    resolution: {integrity: sha512-ukZmRQ81WiTpDWO6D/cTBM7XbrNtutHKvAVnZN/8pldAwLoJArGOvkNyxPTBGsPjsoaQBJxlH+tE2TNA/92Qgw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@es-joy/jsdoccomment@0.88.0':
+    resolution: {integrity: sha512-GK/HL/claLLNo5KG705auIlZMwEtmn88ofSGuLsmVZwKBqMPJhW9DiznYNq07QEqz9BPtA3LBfYImtZmhVvRAw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@es-joy/resolve.exports@1.2.0':
+    resolution: {integrity: sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==}
+    engines: {node: '>=10'}
+
+  '@esbuild/aix-ppc64@0.25.12':
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.25.12':
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.25.12':
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.25.12':
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.25.12':
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.25.12':
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.25.12':
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.25.12':
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.25.12':
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.25.12':
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.25.12':
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.25.12':
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.25.12':
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.25.12':
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.25.12':
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.12':
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.12':
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.12':
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.25.12':
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.25.12':
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.12':
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.12':
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-plugin-eslint-comments@4.8.1':
+    resolution: {integrity: sha512-vafrdi15JHBFh1qWOAucyJwlEEuhdoMof28jOdKdgnwZ7bXwd6v4wzHYSmAVLwnx0yc7bqAtfJ0EZQV1WAzV/Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0
+
+  '@eslint-community/eslint-utils@4.10.1':
+    resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/eslint-utils@4.9.0':
+    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
+    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/compat@2.1.1':
+    resolution: {integrity: sha512-rMcy8GSrwNzcISX/BlTDY/GLB4eCopEuy9woIls3To+15OLxykZrxxq+WUcylCPCQ6F4MujjBM1DX5V1aqI3Vw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^8.40 || 9 || 10
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.5.5':
+    resolution: {integrity: sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@1.2.1':
+    resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/eslintrc@3.3.1':
+    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.1':
+    resolution: {integrity: sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/markdown@7.5.1':
+    resolution: {integrity: sha512-R8uZemG9dKTbru/DQRPblbJyXpObwKzo8rv1KYGGuPUPtjM4LXBYM9q5CIZAComzZupws3tWbDwam5AFpPLyJQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.7.3':
+    resolution: {integrity: sha512-IkO+/KEUvwbVpiURZg+P7zF74z5Jxe0UgJxVni+RtoHQ6IZieXaO02kmadomap/q+l6bc/jdPGGqTjhuZnuz1Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    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/icon-park-outline@1.2.4':
+    resolution: {integrity: sha512-NyZxXe2gD2TbTOyoRRMdtEJhr6i2KQCdDlYYoOn5oZLndQjwpIhw79hzeFhXvP38/o40D3gQ+l+IaSJgbB+0TQ==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.1.7':
+    resolution: {integrity: sha512-JZHlwdID+dy+lTgbYC8NEC4zeugqeYsc6jewvzb4c58kHauJn+X7rNwQjxz5p2qSjqaEeQoLkCIQ9v/H4PK0/w==}
+
+  '@iconify/vue@5.0.3':
+    resolution: {integrity: sha512-e9x6QZe2/HyeHUog0jzZJSZts7m/YntPYp/p4OqtZEXpHznxWnQpcX30YpuaUH43h69l3YeR1FCJ8V1t3qd7qA==}
+    peerDependencies:
+      vue: '>=3.0.0'
+
+  '@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/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@keyv/bigmap@1.1.0':
+    resolution: {integrity: sha512-MX7XIUNwVRK+hjZcAbNJ0Z8DREo+Weu9vinBOjGU1thEi9F6vPhICzBbk4CCf3eEefKRz7n6TfZXwUFZTSgj8Q==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.5.3
+
+  '@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'}
+
+  '@ota-meshi/ast-token-store@0.3.0':
+    resolution: {integrity: sha512-XRO0zi2NIUKq2lUk3T1ecFSld1fMWRKE6naRFGkgkdeosx7IslyUKNv5Dcb5PJTja9tHJoFu0v/7yEpAkrkrTg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@parcel/watcher-android-arm64@2.5.1':
+    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.5.1':
+    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.5.1':
+    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
+    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm-musl@2.5.1':
+    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
+    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
+    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@parcel/watcher-linux-x64-musl@2.5.1':
+    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@parcel/watcher-win32-arm64@2.5.1':
+    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.5.1':
+    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.5.1':
+    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.5.1':
+    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
+    engines: {node: '>= 10.0.0'}
+
+  '@pkgr/core@0.3.6':
+    resolution: {integrity: sha512-SEeaJLb3qBNF/OaXnaR1NmmBbFYk1zC0ZH/52fATcRPLFg/p791YrcyFFy44Bo9sLaGuSuLp5Q6axbb/O+v/RA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@rolldown/pluginutils@1.0.0-beta.29':
+    resolution: {integrity: sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==}
+
+  '@rolldown/pluginutils@1.0.0-beta.47':
+    resolution: {integrity: sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==}
+
+  '@rollup/rollup-android-arm-eabi@4.52.5':
+    resolution: {integrity: sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.52.5':
+    resolution: {integrity: sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.52.5':
+    resolution: {integrity: sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.52.5':
+    resolution: {integrity: sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.52.5':
+    resolution: {integrity: sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.52.5':
+    resolution: {integrity: sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
+    resolution: {integrity: sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.52.5':
+    resolution: {integrity: sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-arm64-gnu@4.52.5':
+    resolution: {integrity: sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-arm64-musl@4.52.5':
+    resolution: {integrity: sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-loong64-gnu@4.52.5':
+    resolution: {integrity: sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.52.5':
+    resolution: {integrity: sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.52.5':
+    resolution: {integrity: sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-riscv64-musl@4.52.5':
+    resolution: {integrity: sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-linux-s390x-gnu@4.52.5':
+    resolution: {integrity: sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-gnu@4.52.5':
+    resolution: {integrity: sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rollup/rollup-linux-x64-musl@4.52.5':
+    resolution: {integrity: sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rollup/rollup-openharmony-arm64@4.52.5':
+    resolution: {integrity: sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.52.5':
+    resolution: {integrity: sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.52.5':
+    resolution: {integrity: sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.52.5':
+    resolution: {integrity: sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.52.5':
+    resolution: {integrity: sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sindresorhus/base62@1.0.0':
+    resolution: {integrity: sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==}
+    engines: {node: '>=18'}
+
+  '@stylistic/eslint-plugin@5.10.0':
+    resolution: {integrity: sha512-nPK52ZHvot8Ju/0A4ucSX1dcPV2/1clx0kLcH5wDmrE4naKso7TUC/voUyU1O9OTKTrR6MYip6LP0ogEMQ9jPQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+
+  '@types/debug@4.1.12':
+    resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
+
+  '@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/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+
+  '@types/lodash@4.17.20':
+    resolution: {integrity: sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/node@24.10.0':
+    resolution: {integrity: sha512-qzQZRBqkFsYyaSWXuEHc2WR9c0a0CXwiE5FWUvn7ZM+vdy1uZLfCunD38UzhuB7YN/J11ndbDBcTmOdxJo9Q7A==}
+
+  '@types/node@26.6.3':
+    resolution: {integrity: sha512-dsqMQQoeTLqu9wynDD00q573mNzso3IdQOAfHRJqLCcmCFPoGo9A1bDpUcv/9tnKpErQWv9uKeGfl37EIS02Yg==}
+
+  '@types/sortablejs@1.15.9':
+    resolution: {integrity: sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/web-bluetooth@0.0.21':
+    resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+
+  '@typescript-eslint/eslint-plugin@8.70.1':
+    resolution: {integrity: sha512-nDNrUQ/4ruSNYbu749TRY7cfrzPtoLHEXSNBI8aaNY32LlZCajixqRf3FqcKC4p5Cam4VOHYx/t+i5+nKXvrqA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.70.1
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/parser@8.70.1':
+    resolution: {integrity: sha512-nO974WLllwhSFWQXnMLj6nDGa8f0khKEz1JzpPJ1u7Vm/4X1X6ZHajpoknU4bb41vJyMB0HHVyS2GqdhWfIXZw==}
+    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.70.1':
+    resolution: {integrity: sha512-62xOgboPfwc3/IgPSX/W6oQR3ZbF04194FPGUGH8HL8iLFHbt/456/8Ph1wLNUgVF+s94FlHoipBsz+v7+LMnA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.70.1':
+    resolution: {integrity: sha512-Pa0EeSeAusQc1WbjQMac+YfenewYTBu0KjgYvkUKwhXaHUKbFog23Dm/rp0DX/6tyYOQ3Xl1a+3EcFNZynGHCw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.70.1':
+    resolution: {integrity: sha512-jumze1fPI+sDOaM2TWGQdn39PDxTr7TZGeuyLkAbNyx2vtMT3uRnVKChN0hfht5V2TugphJzF6bYXvBcE09qqg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.70.1':
+    resolution: {integrity: sha512-7zKTnyvaVWqzLZHPFQtX1hVHqgkMC+WebPWakNCSyrQVbIP1AM0L0TlBZtACldIRb6PptI8Odk+jyZ5kP3B1VA==}
+    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.70.1':
+    resolution: {integrity: sha512-Dm1ypdhhrGCTyyehxElhgJ6kgk8MVCv5qXdoOVqPr1uqk42jX8KjrZqhROvdShczA8qrDoYiOWn1ykWlx2k81Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.70.1':
+    resolution: {integrity: sha512-TU8PwyGN0PQJUcE96mw8eCQ44SmxGdQlJmlWakHaHQ15eIuuvye5yNtmh/i6oS88jzXVQB71xdNkbkB/fMwL0g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.70.1':
+    resolution: {integrity: sha512-Esgul8MsnKnRLdYU2Eb2cRV9bS5HJYtKj1ByJnOzzG2M58DGdSUQ1jUuILxipqcpB2h9WLrbD5GijIWUjX/Tqw==}
+    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.70.1':
+    resolution: {integrity: sha512-Vwj9lUIW5Xq3wQ9w6gv3R86g1hMK8f2zNOdGTAgeXUMMXFK78G9ruCjjqutHMNJc0+CH7LYRnHeUB9IT8wFmcw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@vitejs/plugin-vue-jsx@5.1.1':
+    resolution: {integrity: sha512-uQkfxzlF8SGHJJVH966lFTdjM/lGcwJGzwAHpVqAPDD/QcsqoUGa+q31ox1BrUfi+FLP2ChVp7uLXE3DkHyDdQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+      vue: ^3.0.0
+
+  '@vitejs/plugin-vue@6.0.1':
+    resolution: {integrity: sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+      vue: ^3.2.25
+
+  '@vitest/eslint-plugin@1.6.27':
+    resolution: {integrity: sha512-X1RCAfwbatG4GFbJ/1PIHP9MSZMt0JJThqbYID+vS4L783k6QGlLPe421wQE8dHXuGCcenVLsydiM4qzsYWxhg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': '*'
+      eslint: '>=8.57.0'
+      typescript: '>=5.0.0'
+      vitest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      typescript:
+        optional: true
+      vitest:
+        optional: true
+
+  '@volar/language-core@2.4.23':
+    resolution: {integrity: sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==}
+
+  '@volar/source-map@2.4.23':
+    resolution: {integrity: sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==}
+
+  '@volar/typescript@2.4.23':
+    resolution: {integrity: sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==}
+
+  '@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.23':
+    resolution: {integrity: sha512-nW7THWj5HOp085ROk65LwaoxuzDsjIxr485F4iu63BoxsXoSqKqmsUUoP4A7Gl67DgIgi0zJ8JFgHfvny/74MA==}
+
+  '@vue/compiler-dom@3.5.23':
+    resolution: {integrity: sha512-AT8RMw0vEzzzO0JU5gY0F6iCzaWUIh/aaRVordzMBKXRpoTllTT4kocHDssByPsvodNCfump/Lkdow2mT/O5KQ==}
+
+  '@vue/compiler-sfc@3.5.23':
+    resolution: {integrity: sha512-3QTEUo4qg7FtQwaDJa8ou1CUikx5WTtZlY61rRRDu3lK2ZKrGoAGG8mvDgOpDsQ4A1bez9s+WtBB6DS2KuFCPw==}
+
+  '@vue/compiler-ssr@3.5.23':
+    resolution: {integrity: sha512-Hld2xphbMjXs9Q9WKxPf2EqmE+Rq/FEDnK/wUBtmYq74HCV4XDdSCheAaB823OQXIIFGq9ig/RbAZkF9s4U0Ow==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-api@7.7.7':
+    resolution: {integrity: sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==}
+
+  '@vue/devtools-core@8.0.5':
+    resolution: {integrity: sha512-dpCw8nl0GDBuiL9SaY0mtDxoGIEmU38w+TQiYEPOLhW03VDC0lfNMYXS/qhl4I0YlysGp04NLY4UNn6xgD0VIQ==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  '@vue/devtools-kit@7.7.7':
+    resolution: {integrity: sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==}
+
+  '@vue/devtools-kit@8.0.5':
+    resolution: {integrity: sha512-q2VV6x1U3KJMTQPUlRMyWEKVbcHuxhqJdSr6Jtjz5uAThAIrfJ6WVZdGZm5cuO63ZnSUz0RCsVwiUUb0mDV0Yg==}
+
+  '@vue/devtools-shared@7.7.7':
+    resolution: {integrity: sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==}
+
+  '@vue/devtools-shared@8.0.5':
+    resolution: {integrity: sha512-bRLn6/spxpmgLk+iwOrR29KrYnJjG9DGpHGkDFG82UM21ZpJ39ztUT9OXX3g+usW7/b2z+h46I9ZiYyB07XMXg==}
+
+  '@vue/language-core@3.1.3':
+    resolution: {integrity: sha512-KpR1F/eGAG9D1RZ0/T6zWJs6dh/pRLfY5WupecyYKJ1fjVmDMgTPw9wXmKv2rBjo4zCJiOSiyB8BDP1OUwpMEA==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@vue/reactivity@3.5.23':
+    resolution: {integrity: sha512-ji5w0qvrPyBmBx5Ldv4QGNsw0phgRreEvjt0iUf1lei2Sm8//9ZAi78uM2ZjsT5gk0YZilLuoRCIMvtuZlHMJw==}
+
+  '@vue/runtime-core@3.5.23':
+    resolution: {integrity: sha512-LMB0S6/G7mFJcpQeQaZrbsthFbWrIX8FVTzu5x9U3Ec8YW5MY1CGAnBBHNj+TPOBu3pIbtPpjrXtcaN04X+aBw==}
+
+  '@vue/runtime-dom@3.5.23':
+    resolution: {integrity: sha512-r/PYc8W9THzEL0UExpTkV+d31zO+Jid/RMZIDG6aS/NekOEUHuCJkJgftySWZw7JTJO/+q9Kxkg8p+i7Q7Q+ew==}
+
+  '@vue/server-renderer@3.5.23':
+    resolution: {integrity: sha512-NiWZsNCsXA20/VufcrW5u+Trt/PyFlpMmxaB2KERYM8eZgUoKUjXxJQb9ypq+LZ0Sp3XHJGNBR8DkhRnkKAMUw==}
+    peerDependencies:
+      vue: 3.5.23
+
+  '@vue/shared@3.5.23':
+    resolution: {integrity: sha512-0YZ1DYuC5o/YJPf6pFdt2KYxVGDxkDbH/1NYJnVJWUkzr8ituBEmFVQRNX2gCaAsFEjEDnLkWpgqlZA7htgS/g==}
+
+  '@vue/tsconfig@0.7.0':
+    resolution: {integrity: sha512-ku2uNz5MaZ9IerPPUyOHzyjhXoX2kVJaVf7hL315DC17vS6IiZRmmCPfggNbU16QTvM80+uYYy3eYJB59WCtvg==}
+    peerDependencies:
+      typescript: 5.x
+      vue: ^3.4.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+      vue:
+        optional: true
+
+  '@vueuse/core@13.9.0':
+    resolution: {integrity: sha512-ts3regBQyURfCE2BcytLqzm8+MmLlo5Ln/KLoxDVcsZ2gzIwVNnQpQOL/UKV8alUqjSZOlpFZcRNsLRqj+OzyA==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  '@vueuse/metadata@13.9.0':
+    resolution: {integrity: sha512-1AFRvuiGphfF7yWixZa0KwjYH8ulyjDCC0aFgrGRz8+P4kvDFSdXLVfTk5xAN9wEuD1J6z4/myMoYbnHoX07zg==}
+
+  '@vueuse/shared@13.9.0':
+    resolution: {integrity: sha512-e89uuTLMh0U5cZ9iDpEI2senqPGfbPRTHM/0AaQkcxnpqjkZqDYP8rpfm7edOz8s+pOCOROEy1PIveSW8+fL5g==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.18.0:
+    resolution: {integrity: sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+
+  alien-signals@3.0.6:
+    resolution: {integrity: sha512-gCs0YqC1mkYGC6IRXsSrA62ShOSv1FlVN5tRp/Cs2vRWLK/BAeluWIdfsl253pFQPznKEvRmHhfep7crWfyfWQ==}
+
+  animate.css@4.1.1:
+    resolution: {integrity: sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansis@4.2.0:
+    resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
+    engines: {node: '>=14'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+
+  astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  axios@0.27.2:
+    resolution: {integrity: sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==}
+
+  b-tween@0.3.3:
+    resolution: {integrity: sha512-oEHegcRpA7fAuc9KC4nktucuZn2aS8htymCPcP3qkEGPqiBH+GfqtqoG2l7LxHngg6O0HFM7hOeOYExl1Oz4ZA==}
+
+  b-validate@1.5.3:
+    resolution: {integrity: sha512-iCvCkGFskbaYtfQ0a3GmcQCHl/Sv1GufXFGuUQ+FE+WJa7A/espLOuFIn09B944V8/ImPj71T4+rTASxO2PAuA==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  balanced-match@2.0.0:
+    resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  baseline-browser-mapping@2.8.25:
+    resolution: {integrity: sha512-2NovHVesVF5TXefsGX1yzx1xgr7+m9JQenvz6FQY3qd+YXkKkYiv+vTCc7OriP9mcDZpTC5mAOYN4ocd29+erA==}
+    hasBin: true
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  birpc@2.7.0:
+    resolution: {integrity: sha512-tub/wFGH49vNCm0xraykcY3TcRgX/3JsALYq/Lwrtti+bTyFHkCUAWF5wgYoie8P41wYwig2mIKiqoocr1EkEQ==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
+
+  brace-expansion@5.0.12:
+    resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==}
+    engines: {node: 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.27.0:
+    resolution: {integrity: sha512-AXVQwdhot1eqLihwasPElhX2tAZiBjWdJ9i/Zcj2S6QYIjkx62OKSfnobkriB81C3l4w0rVy3Nt4jaTBltYEpw==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  builtin-modules@5.0.0:
+    resolution: {integrity: sha512-bkXY9WsVpY7CvMhKSR6pZilZu9Ln5WDrKVBUXf2S443etkmEO4V58heTecXcUIsNsi4Rx8JUO4NfX1IcQl4deg==}
+    engines: {node: '>=18.20'}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  cac@7.0.0:
+    resolution: {integrity: sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ==}
+    engines: {node: '>=20.19.0'}
+
+  cacheable@2.1.1:
+    resolution: {integrity: sha512-LmF4AXiSNdiRbI2UjH8pAp9NIXxeQsTotpEaegPiDcnN0YPygDJDV3l/Urc0mL72JWdATEorKqIHEx55nDlONg==}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001754:
+    resolution: {integrity: sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  change-case@5.4.4:
+    resolution: {integrity: sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  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'}
+
+  ci-info@4.3.1:
+    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
+    engines: {node: '>=8'}
+
+  clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+
+  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==}
+
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+  color@3.2.1:
+    resolution: {integrity: sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==}
+
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
+  comment-parser@1.4.1:
+    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
+    engines: {node: '>= 12.0.0'}
+
+  comment-parser@1.4.6:
+    resolution: {integrity: sha512-ObxuY6vnbWTN6Od72xfwN9DbzC7Y2vv8u1Soi9ahRKL37gb6y1qk6/dgjs+3JWuXJHWvsg3BXIwzd/rkmAwavg==}
+    engines: {node: '>= 12.0.0'}
+
+  comment-parser@1.4.7:
+    resolution: {integrity: sha512-0h+uSNtQGW3D98eQt3jJ8L06Fves8hncB4V/PKdw/Qb8Hnk19VaKuTr55UNRYiSoVa7WwrFls+rh3ux9agmkeQ==}
+    engines: {node: '>= 12.0.0'}
+
+  compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  copy-anything@2.0.6:
+    resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
+
+  copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+
+  core-js-compat@3.46.0:
+    resolution: {integrity: sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==}
+
+  cosmiconfig@9.0.0:
+    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  css-functions-list@3.2.3:
+    resolution: {integrity: sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==}
+    engines: {node: '>=12 || >=16'}
+
+  css-tree@3.1.0:
+    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
+    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.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  dayjs@1.11.19:
+    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decode-named-character-reference@1.2.0:
+    resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
+
+  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.4.0:
+    resolution: {integrity: sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==}
+    engines: {node: '>=18'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
+
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff-sequences@29.6.3:
+    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  echarts@6.1.0:
+    resolution: {integrity: sha512-q0yaFPggC9FUdsWH4blavRWFmxdrIodbkoKNAjJudAI6CA9gNPxHtV2RcZNEepZVlk4yvBYkOkbk6HIVpIyHZA==}
+
+  electron-to-chromium@1.5.245:
+    resolution: {integrity: sha512-rdmGfW47ZhL/oWEJAY4qxRtdly2B98ooTJ0pdEI4jhVLZ6tNf8fPtov2wS1IRKwFJT92le3x4Knxiwzl7cPPpQ==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  empathic@2.0.0:
+    resolution: {integrity: sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==}
+    engines: {node: '>=14'}
+
+  empathic@2.1.0:
+    resolution: {integrity: sha512-AnfC1ATldl49/cvZdLPDjBfrRNwbDO05aibiOtzQu3qtlbJtomNLhF30HEtn/7iBz50dlMECqATo3fG0LrdEgw==}
+    engines: {node: '>=14'}
+
+  enhanced-resolve@5.18.3:
+    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  errno@0.1.8:
+    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
+    hasBin: true
+
+  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-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'}
+
+  esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
+    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-compat-utils@0.5.1:
+    resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  eslint-config-flat-gitignore@2.4.0:
+    resolution: {integrity: sha512-JhYC+V7qEDiCDsbJcVP8fxNc62fk4+i91YLP/YvmVHlkaQ8Xo99olYN8MO5COdxl7onGlsrfZVONe5NYsZP1UA==}
+    peerDependencies:
+      eslint: ^9.5.0 || ^10.0.0
+
+  eslint-flat-config-utils@3.2.0:
+    resolution: {integrity: sha512-PHgo1X5uqIorJONLVD9BIaOSdoYFD3z/AeJljdqDPlWVRpeCYkDbK9k0AXoYVqqNJr6FEYIEr5Rm2TSktLQcHw==}
+
+  eslint-json-compat-utils@0.2.3:
+    resolution: {integrity: sha512-RbBmDFyu7FqnjE8F0ZxPNzx5UaptdeS9Uu50r7A+D7s/+FCX+ybiyViYEgFUaFIFqSWJgZRTpL5d8Kanxxl2lQ==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@eslint/json': '*'
+      eslint: '*'
+      jsonc-eslint-parser: ^2.4.0 || ^3.0.0
+    peerDependenciesMeta:
+      '@eslint/json':
+        optional: true
+
+  eslint-merge-processors@2.0.0:
+    resolution: {integrity: sha512-sUuhSf3IrJdGooquEUB5TNpGNpBoQccbnaLHsb1XkBLUPPqCNivCpY05ZcpCOiV9uHwO2yxXEWVczVclzMxYlA==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-plugin-antfu@3.2.3:
+    resolution: {integrity: sha512-U2fnz/H0gFPxpuC7QpaHa0Jv2AgCZ5hunp36SOP/yWo8yFzgvMh8X4pZ4uN4IKoqtBhk7G3HuVa93Urf51+sZg==}
+    peerDependencies:
+      eslint: '*'
+
+  eslint-plugin-command@3.5.3:
+    resolution: {integrity: sha512-JIhmUOW2K2Dw1K+p4mtj5potkqTZ4ZaicrTkgCygPZCWErP2+O2F46n7ZwGKapeEjiwcVqoY8u01SxNUUXWPeQ==}
+    peerDependencies:
+      '@typescript-eslint/typescript-estree': '*'
+      '@typescript-eslint/utils': '*'
+      eslint: '*'
+
+  eslint-plugin-depend@1.5.0:
+    resolution: {integrity: sha512-i3UeLYmclf1Icp35+6W7CR4Bp2PIpDgBuf/mpmXK5UeLkZlvYJ21VuQKKHHAIBKRTPivPGX/gZl5JGno1o9Y0A==}
+    peerDependencies:
+      eslint: '>=8.40.0'
+
+  eslint-plugin-es-x@7.8.0:
+    resolution: {integrity: sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+
+  eslint-plugin-import-lite@0.5.2:
+    resolution: {integrity: sha512-XvfdWOC5dSLEI9krIPRlNmKSI2ViIE9pVylzfV9fCq0ZpDaNeUk6o0wZv0OzN83QdadgXp1NsY0qjLINxwYCsw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=9.0.0'
+
+  eslint-plugin-jsdoc@62.9.0:
+    resolution: {integrity: sha512-PY7/X4jrVgoIDncUmITlUqK546Ltmx/Pd4Hdsu4CvSjryQZJI2mEV4vrdMufyTetMiZ5taNSqvK//BTgVUlNkA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0
+
+  eslint-plugin-jsonc@3.4.2:
+    resolution: {integrity: sha512-q5xzjCYFQuhFomTbctXzd3STfDJ8XduvaigjQmMEbP2gzSKrc58y3Fv6D775/cIK1/sRUn+4kpljiU2iW8k0zw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-n@17.24.0:
+    resolution: {integrity: sha512-/gC7/KAYmfNnPNOb3eu8vw+TdVnV0zhdQwexsw6FLXbhzroVj20vRn2qL8lDWDGnAQ2J8DhdfvXxX9EoxvERvw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.23.0'
+
+  eslint-plugin-no-only-tests@3.3.0:
+    resolution: {integrity: sha512-brcKcxGnISN2CcVhXJ/kEQlNa0MEfGRtwKtWA16SkqXHKitaKIMrfemJKLKX1YqDU5C/5JY3PvZXd5jEW04e0Q==}
+    engines: {node: '>=5.0.0'}
+
+  eslint-plugin-perfectionist@5.12.1:
+    resolution: {integrity: sha512-krdSE7Dz+TCtcVr2+rfNhlOIFFBJcUdoRvjaN7JQnsaVnxJw+BZh9wMkY3MSLCJat+yW+UPTQLKS82Epc7MGZA==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+    peerDependencies:
+      eslint: ^8.45.0 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  eslint-plugin-pnpm@1.9.1:
+    resolution: {integrity: sha512-8++1Egww2cqc9Wylmt7P+xXNMQVCosAZ4m4W4Gc0V5lGea8HFByHTRvUI+ZvvpO8fLXGg2O4MQc90EhuI3mMdQ==}
+    peerDependencies:
+      eslint: ^9.0.0 || ^10.0.0
+
+  eslint-plugin-regexp@3.3.1:
+    resolution: {integrity: sha512-58bGUci/AaWAo1ETj6Lsnmy6QXwnSyVONRA805828nnqp7vrTwdaQMc02vtowmYB3A5OB3SLr3r5HgmfxX4dLg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-toml@1.5.0:
+    resolution: {integrity: sha512-qBjRywEkKxO2uYOjus//6GVF1r+Hg5QDkRO8RTY6XcaXgWfBU0DhwpFmJa2Ljf0Sz49r7DdZlpKwwHmJ4nmH1Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-unicorn@63.0.0:
+    resolution: {integrity: sha512-Iqecl9118uQEXYh7adylgEmGfkn5es3/mlQTLLkd4pXkIk9CTGrAbeUux+YljSa2ohXCBmQQ0+Ej1kZaFgcfkA==}
+    engines: {node: ^20.10.0 || >=21.0.0}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-plugin-unused-imports@4.4.1:
+    resolution: {integrity: sha512-oZGYUz1X3sRMGUB+0cZyK2VcvRX5lm/vB56PgNNcU+7ficUCKm66oZWKUubXWnOuPjQ8PvmXtCViXBMONPe7tQ==}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0
+      eslint: ^10.0.0 || ^9.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+
+  eslint-plugin-vue@10.11.1:
+    resolution: {integrity: sha512-pasVXhl7wUmIvhujoqs/m0mJ9r59QW1IR9XXYKGR0FETzSM+Hhlf4qKIYgWiDDP+9YKv4YfbwskD7LqIdVcgQw==}
+    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-plugin-yml@3.8.1:
+    resolution: {integrity: sha512-E/70psRwxz5EJ8dBtzrFfqSiiInuSytbdtFCjueb/GcKjsWzPBfxfhtQePImMAPjHwMA/VDurO7DJwStDJ4wWg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24.0.0}
+    peerDependencies:
+      eslint: '>=9.38.0'
+
+  eslint-processor-vue-blocks@2.0.0:
+    resolution: {integrity: sha512-u4W0CJwGoWY3bjXAuFpc/b6eK3NQEI8MoeW7ritKj3G3z/WtHrKjkqf+wk8mPEy5rlMGS+k6AZYOw2XBoN/02Q==}
+    peerDependencies:
+      '@vue/compiler-sfc': ^3.3.0
+      eslint: '>=9.0.0'
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  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@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.1:
+    resolution: {integrity: sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  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'}
+
+  exsolve@1.0.7:
+    resolution: {integrity: sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  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-string-truncated-width@3.0.3:
+    resolution: {integrity: sha512-0jjjIEL6+0jag3l2XWWizO64/aZVtpiGE3t0Zgqxv0DPuxiMjvB3M24fCyhZUO4KomJQPj3LTSUnDP3GpdwC0g==}
+
+  fast-string-width@3.0.2:
+    resolution: {integrity: sha512-gX8LrtNEI5hq8DVUfRQMbr5lpaS4nMIWV+7XEbXk2b8kiQIizgnlr12B4dA3ZEx3308ze0O4Q1R+cHts8kyUJg==}
+
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
+  fast-wrap-ansi@0.2.2:
+    resolution: {integrity: sha512-7F2Fl+TjRSenLqlU3UjSH0iyqopqoZIu7eZVpEirP2g1GtWa2G/ecEmBdgz31+Mxr+ELclgg6sokpSFIQiZ02Q==}
+
+  fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+
+  fault@2.0.1:
+    resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@10.1.4:
+    resolution: {integrity: sha512-5XRUFc0WTtUbjfGzEwXc42tiGxQHBmtbUG1h9L2apu4SulCGN3Hqm//9D6FAolf8MYNL7f/YlJl9vy08pj5JuA==}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up-simple@1.0.1:
+    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
+    engines: {node: '>=18'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flat-cache@6.1.18:
+    resolution: {integrity: sha512-JUPnFgHMuAVmLmoH9/zoZ6RHOt5n9NlUw/sDXsTbROJ2SFoS2DS4s+swAV6UTeTbGH/CAsZIE6M8TaG/3jVxgQ==}
+
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+
+  follow-redirects@1.15.11:
+    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  form-data@4.0.4:
+    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
+    engines: {node: '>= 6'}
+
+  format@0.2.2:
+    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
+    engines: {node: '>=0.4.x'}
+
+  fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  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-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-tsconfig@4.13.0:
+    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  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'}
+
+  global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+
+  global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+    engines: {node: '>=18'}
+
+  globals@16.5.0:
+    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
+    engines: {node: '>=18'}
+
+  globals@17.12.0:
+    resolution: {integrity: sha512-cezEd/DTyyht9cvSSURyygXPfy04GtWO/5e6ZPvH7fCtjKz9PYOmuawphw1Ctd1f6C+5JypXfGD7ahNMXvevBA==}
+    engines: {node: '>=18'}
+
+  globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+
+  globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
+  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==}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  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'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  hookified@1.12.2:
+    resolution: {integrity: sha512-aokUX1VdTpI0DUsndvW+OiwmBpKCu/NgRsSSkuSY0zq8PY6Q6a+lmOfAFDXAAOtBqJELvcWY9L1EVtzjbQcMdg==}
+
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
+
+  html-tags@3.3.1:
+    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
+    engines: {node: '>=8'}
+
+  htmlparser2@8.0.2:
+    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  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'}
+
+  image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
+  immutable@5.1.4:
+    resolution: {integrity: sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==}
+
+  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'}
+
+  indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-arrayish@0.3.4:
+    resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-builtin-module@5.0.0:
+    resolution: {integrity: sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA==}
+    engines: {node: '>=18.20'}
+
+  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-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-what@3.14.1:
+    resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
+
+  is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  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.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsdoc-type-pratt-parser@7.2.0:
+    resolution: {integrity: sha512-dh140MMgjyg3JhJZY/+iEzW+NO5xR2gpbDFKHqotCmexElVntw7GjWjt511+C/Ef02RU5TKYrJo/Xlzk+OLaTw==}
+    engines: {node: '>=20.0.0'}
+
+  jsdoc-type-pratt-parser@9.2.2:
+    resolution: {integrity: sha512-eFY7Rlscvv/BpY6UsVsjKwMhu1tJO/F4U/vC9g3yeRy/JqszuO1UP6Vdq+85G+3FP6fEw/sWR8a5ftPFY86csw==}
+    engines: {node: ^22.22.2 || >=24.15.0}
+
+  jsencrypt@3.5.4:
+    resolution: {integrity: sha512-kNjfYEMNASxrDGsmcSQh/rUTmcoRfSUkxnAz+MMywM8jtGu+fFEZ3nJjHM58zscVnwR0fYmG9sGkTDjqUdpiwA==}
+
+  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
+
+  jsonc-eslint-parser@3.3.0:
+    resolution: {integrity: sha512-hYTGkHGNRZnXOFZ1urhINADoqDrGfpy53cjw+dxk84QE0pUDujQzeUeamNs6Mz44/TKD49z2x6/GVSu4ZrtA+Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  jsonfile@6.2.0:
+    resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  keyv@5.5.3:
+    resolution: {integrity: sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
+  known-css-properties@0.36.0:
+    resolution: {integrity: sha512-A+9jP+IUmuQsNdsLdcg6Yt7voiMF/D4K83ew0OpJtpu+l34ef7LaohWV0Rc6KNvzw6ZDizkqfyB5JznZnzuKQA==}
+
+  known-css-properties@0.37.0:
+    resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
+
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
+  less@4.4.2:
+    resolution: {integrity: sha512-j1n1IuTX1VQjIy3tT7cyGbX7nvQOsFLoIqobZv4ttI5axP923gA44zUj6miiA6R5Aoms4sEGVIIcucXUbRI14g==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  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.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  make-dir@2.1.0:
+    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
+    engines: {node: '>=6'}
+
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mathml-tag-names@2.1.3:
+    resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
+
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.2:
+    resolution: {integrity: sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==}
+
+  mdast-util-frontmatter@2.0.1:
+    resolution: {integrity: sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  mdn-data@2.12.2:
+    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
+
+  mdn-data@2.25.0:
+    resolution: {integrity: sha512-T2LPsjgUE/tgMmRXREVmwsux89DwWfNjiynOeXuLd2mX6jphGQ2YE3Ukz7LQ2VOFKiVZU/Ee1GqzHiipZCjymw==}
+
+  meow@13.2.0:
+    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
+    engines: {node: '>=18'}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-frontmatter@2.0.0:
+    resolution: {integrity: sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
+  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-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  minimatch@10.2.6:
+    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
+    engines: {node: 18 || 20 || >=22}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
+
+  module-replacements@2.11.0:
+    resolution: {integrity: sha512-j5sNQm3VCpQQ7nTqGeOZtoJtV3uKERgCBm9QRhmGRiXiqkf7iRFOkfxdJRZWLkqYY8PNf4cDQF/WfXUYLENrRA==}
+
+  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==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@5.1.6:
+    resolution: {integrity: sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  natural-orderby@5.0.0:
+    resolution: {integrity: sha512-kKHJhxwpR/Okycz4HhQKKlhWe4ASEfPgkSWNmKFHd7+ezuQlxkA5cM3+XkBPvm1gmHen3w53qsYAv+8GwRrBlg==}
+    engines: {node: '>=18'}
+
+  needle@3.3.1:
+    resolution: {integrity: sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==}
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
+
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.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==}
+
+  number-precision@1.6.0:
+    resolution: {integrity: sha512-05OLPgbgmnixJw+VvEh18yNPUo3iyp4BEWJcrLu4X9W05KmMifN7Mu5exYvQXqxxeNWhvIF+j3Rij+HmddM/hQ==}
+
+  object-deep-merge@2.0.1:
+    resolution: {integrity: sha512-aKttDKcU3pyZqKcCkDhsMn70WmZFG2JGDQLP9EcLyTSIFQRCPWLAmBZRLJnrVUrhPG1jETEEbfdgbNtJf1LyMg==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.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-manager-detector@1.5.0:
+    resolution: {integrity: sha512-uBj69dVlYe/+wxj8JOpr97XfsxH/eumMt6HqjNTmJDf/6NO9s+0uxeOneIz3AsPt2m6y9PqzDzd3ATcU17MNfw==}
+
+  package-manager-detector@1.8.0:
+    resolution: {integrity: sha512-yQA4H19AmPEoMUeavPMDIe1higySl/gH/yaQrkT/s07Qp+7pp2hYz30N3z2l5BkjVkF9Ow6o0wjJamm2y7Sn0A==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-gitignore@2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
+
+  parse-imports-exports@0.2.4:
+    resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-node-version@1.0.1:
+    resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
+    engines: {node: '>= 0.10'}
+
+  parse-statements@1.0.11:
+    resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
+
+  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-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  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.0.0:
+    resolution: {integrity: sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
+  picomatch@4.0.7:
+    resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
+    engines: {node: '>=12'}
+
+  pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
+
+  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.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
+  pnpm-workspace-yaml@1.9.1:
+    resolution: {integrity: sha512-Xj/T2X6DNAWbtk/9UQ0/TJRswltiHZevmcMjqoL7WrpJi67lu3qaslU4+I+zJ8wtwqmuvAE0KkB8rbv2ZdogBg==}
+
+  postcss-html@1.8.0:
+    resolution: {integrity: sha512-5mMeb1TgLWoRKxZ0Xh9RZDfwUUIqRrcxO2uXO+Ezl1N5lqpCiSU5Gk6+1kZediBfBHFtPCdopr2UZ2SgUsKcgQ==}
+    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.0:
+    resolution: {integrity: sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==}
+    engines: {node: '>=4'}
+
+  postcss-selector-parser@7.1.6:
+    resolution: {integrity: sha512-7qASPzhKF2l2KLboRZux8CCTRMdGiV08vWmyKzPz22qZ7ZjQBOeY7rNzNoCLSUiftJ7HUq0GERHmxw/t0dCdMw==}
+    engines: {node: '>=4'}
+
+  postcss-sorting@9.1.0:
+    resolution: {integrity: sha512-Mn8KJ45HNNG6JBpBizXcyf6LqY/qyqetGcou/nprDnFwBFBLGj0j/sNKV2lj2KMOVOwdXu14aEzqJv8CIV6e8g==}
+    peerDependencies:
+      postcss: ^8.4.20
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prr@1.0.1:
+    resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qified@0.5.1:
+    resolution: {integrity: sha512-+BtFN3dCP+IaFA6IYNOu/f/uK1B8xD2QWyOeCse0rjtAebBmkzgd2d1OAXi3ikAzJMIBSdzZDNZ3wZKEUDQs5w==}
+    engines: {node: '>=20'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  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'}
+
+  refa@0.12.1:
+    resolution: {integrity: sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-ast-analysis@0.7.1:
+    resolution: {integrity: sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+
+  regjsparser@0.13.3:
+    resolution: {integrity: sha512-ycwFAS14Jw4mppvmK4GR/J6u3WpWpjkEApehuHtLc/8VpPNpDMbQ4WjqwplXifGeyKOzHSFLmSPqzksDQE2Sfg==}
+    hasBin: true
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  reserved-identifiers@1.2.0:
+    resolution: {integrity: sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==}
+    engines: {node: '>=18'}
+
+  resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+
+  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'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  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==}
+
+  rollup@4.52.5:
+    resolution: {integrity: sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==}
+    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-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sass@1.93.3:
+    resolution: {integrity: sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  sax@1.4.3:
+    resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
+
+  scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+
+  scslre@0.3.0:
+    resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
+    engines: {node: ^14.0.0 || >=16.0.0}
+
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
+  semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  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'}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-swizzle@0.2.4:
+    resolution: {integrity: sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
+  slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+
+  sortablejs@1.15.6:
+    resolution: {integrity: sha512-aNfiuwMEpfBM/CN6LY0ibyhxPfPbyFeBTYJKCvzkJ2GkUpazIt3H+QIPAMHwqQ7tMKaHz1Qj+rJJCqljnf4p3A==}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-indent@4.1.1:
+    resolution: {integrity: sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==}
+    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.4.0:
+    resolution: {integrity: sha512-W3G517cBaMDYRX5Fzhro4fhRkkLafLgVSPfQnhxbiLyMnbLq47RMF/NRaOJ4OQsKWYhsIHOIc2Q3VL0X3Q7oPg==}
+    peerDependencies:
+      stylelint: '>=16.18'
+      stylelint-order: '>=7'
+
+  stylelint-config-recommended-scss@16.0.2:
+    resolution: {integrity: sha512-aUTHhPPWCvFyWaxtckJlCPaXTDFsp4pKO8evXNCsW9OwsaUWyMd6jvcUhSmfGWPrTddvzNqK4rS/UuSLcbVGdQ==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^16.24.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@17.0.0:
+    resolution: {integrity: sha512-WaMSdEiPfZTSFVoYmJbxorJfA610O0tlYuU2aEwY33UQhSPgFbClrVJYWvy3jGJx+XW37O+LyNLiZOEXhKhJmA==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      stylelint: ^16.23.0
+
+  stylelint-config-standard-scss@16.0.0:
+    resolution: {integrity: sha512-/FHECLUu+med/e6OaPFpprG86ShC4SYT7Tzb2PTVdDjJsehhFBOioSlWqYFqJxmGPIwO3AMBxNo+kY3dxrbczA==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^16.23.1
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+
+  stylelint-config-standard@39.0.1:
+    resolution: {integrity: sha512-b7Fja59EYHRNOTa3aXiuWnhUWXFU2Nfg6h61bLfAb5GS5fX3LMUD0U5t4S8N/4tpHQg3Acs2UVPR9jy2l1g/3A==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      stylelint: ^16.23.0
+
+  stylelint-order@7.0.0:
+    resolution: {integrity: sha512-rSWxx0KscYfxU02wEskKXES9lkRzuuONMMNkZ7SUc6uiF3tDKm7e+sE0Ax/SBlG4TUf1sp1R6f3/SlsPGmzthg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^16.18.0
+
+  stylelint-scss@6.12.1:
+    resolution: {integrity: sha512-UJUfBFIvXfly8WKIgmqfmkGKPilKB4L5j38JfsDd+OCg2GBdU0vGUV08Uw82tsRZzd4TbsUURVVNGeOhJVF7pA==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      stylelint: ^16.0.2
+
+  stylelint@16.25.0:
+    resolution: {integrity: sha512-Li0avYWV4nfv1zPbdnxLYBGq4z8DVZxbRgx4Kn6V+Uftz1rMoF1qiEI3oL4kgWqyYgCgs7gT5maHNZ82Gk03vQ==}
+    engines: {node: '>=18.12.0'}
+    hasBin: true
+
+  superjson@2.2.5:
+    resolution: {integrity: sha512-zWPTX96LVsA/eVYnqOM2+ofcdPqdS1dAF1LN4TS2/MWuUpfitd9ctTa87wt4xrYnZnkLtS69xpBdSxVBP5Rm6w==}
+    engines: {node: '>=16'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-hyperlinks@3.2.0:
+    resolution: {integrity: sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==}
+    engines: {node: '>=14.18'}
+
+  svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+
+  synckit@0.11.13:
+    resolution: {integrity: sha512-eNRKgb3z66Yp3D2CixVujOUvXLFUTij/zVnV8KRyvFdQwpz7I5DS8UfRkTeLzb64u+dkzDSdelE24izu+zSSUg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  table@6.9.0:
+    resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
+    engines: {node: '>=10.0.0'}
+
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
+  tinyexec@1.0.2:
+    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
+    engines: {node: '>=18'}
+
+  tinyexec@1.3.1:
+    resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  to-valid-identifier@1.0.0:
+    resolution: {integrity: sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==}
+    engines: {node: '>=20'}
+
+  toml-eslint-parser@1.0.3:
+    resolution: {integrity: sha512-A5F0cM6+mDleacLIEUkmfpkBbnHJFV1d2rprHU2MXNk7mlxHq2zGojA+SRvQD1RoMo9gqjZPWEaKG4v1BQ48lw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-declaration-location@1.0.7:
+    resolution: {integrity: sha512-EDyGAwH1gO0Ausm9gV6T2nUvBgXT5kGoCMJPllOaooZ+4VvJiKBdZE7wK18N1deEowhcUptS+5GXZK8U/fvpwA==}
+    peerDependencies:
+      typescript: '>=4.0.0'
+
+  tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.6.1:
+    resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
+
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
+
+  undici-types@8.9.0:
+    resolution: {integrity: sha512-KTDyRTYX8sWmKXAikPHHSyc63CRPETMctyjKFupcC6OBLXT3xsN0e9aF7m+mIXutFWpUXuedtowG7iLOzp0kQg==}
+
+  unimport@5.5.0:
+    resolution: {integrity: sha512-/JpWMG9s1nBSlXJAQ8EREFTFy3oy6USFd8T6AoBaw1q2GGcF4R9yp3ofg32UODZlYEO5VD0EWE1RpI9XDWyPYg==}
+    engines: {node: '>=18.12.0'}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unplugin-auto-import@20.2.0:
+    resolution: {integrity: sha512-vfBI/SvD9hJqYNinipVOAj5n8dS8DJXFlCKFR5iLDp2SaQwsfdnfLXgZ+34Kd3YY3YEY9omk8XQg0bwos3Q8ug==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': ^4.0.0
+      '@vueuse/core': '*'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@vueuse/core':
+        optional: true
+
+  unplugin-icons@22.5.0:
+    resolution: {integrity: sha512-MBlMtT5RuMYZy4TZgqUL2OTtOdTUVsS1Mhj6G1pEzMlFJlEnq6mhUfoIt45gBWxHcsOdXJDWLg3pRZ+YmvAVWQ==}
+    peerDependencies:
+      '@svgr/core': '>=7.0.0'
+      '@svgx/core': ^1.0.1
+      '@vue/compiler-sfc': ^3.0.2 || ^2.7.0
+      svelte: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vue-template-compiler: ^2.6.12
+      vue-template-es2015-compiler: ^1.9.0
+    peerDependenciesMeta:
+      '@svgr/core':
+        optional: true
+      '@svgx/core':
+        optional: true
+      '@vue/compiler-sfc':
+        optional: true
+      svelte:
+        optional: true
+      vue-template-compiler:
+        optional: true
+      vue-template-es2015-compiler:
+        optional: true
+
+  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.10:
+    resolution: {integrity: sha512-6NCPkv1ClwH+/BGE9QeoTIl09nuiAt0gS28nn1PvYXsGKRwM2TCbFA2QiilmehPDTXIe684k4rZI1yl3A1PCUw==}
+    engines: {node: '>=18.12.0'}
+
+  update-browserslist-db@1.1.4:
+    resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
+    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==}
+
+  verkit@0.3.2:
+    resolution: {integrity: sha512-zj/ob3UsvJGN0whEAKFp53REA5X66hvffVqoCtVQAakJKnKlH+/PcOfMoFwIG/o4rElqLv/ycAFlx8ZlXUorCg==}
+    engines: {node: '>=18.12.0'}
+
+  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.1.0:
+    resolution: {integrity: sha512-7SpgZmU7R+dDnSmvXE1mfDtnHLHQSisdySVR7lO8ceAXvM0otZeuQQ6C8LrS5d/aYyP/QZ0hI0L+dIPrm4YlFQ==}
+    peerDependencies:
+      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.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.0.5:
+    resolution: {integrity: sha512-p619BlKFOqQXJ6uDWS1vUPQzuJOD6xJTfftj57JXBGoBD/yeQCowR7pnWcr/FEX4/HVkFbreI6w2uuGBmQOh6A==}
+    engines: {node: '>=v14.21.3'}
+    peerDependencies:
+      vite: ^6.0.0 || ^7.0.0-0
+
+  vite-plugin-vue-inspector@5.3.2:
+    resolution: {integrity: sha512-YvEKooQcSiBTAs0DoYLfefNja9bLgkFM7NI2b07bE2SruuvX0MEa9cMaxjKVMkeCp5Nz9FRIdcN1rOdFVBeL6Q==}
+    peerDependencies:
+      vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0
+
+  vite@7.2.1:
+    resolution: {integrity: sha512-qTl3VF7BvOupTR85Zc561sPEgxyUSNSvTQ9fit7DEMP7yPgvvIGm5Zfa1dOM+kOwWGNviK9uFM9ra77+OjK7lQ==}
+    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
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  vue-color-kit@1.0.6:
+    resolution: {integrity: sha512-56oSUp8hGIZ3E4ayZLqTDAb2C7VzaWAC1EVUsZEvPCD2wiiiFd2L2BiEGN1ingfz538sYWKNXxMZQGslqbMiBg==}
+    peerDependencies:
+      vue: ^3.0.5
+
+  vue-draggable-plus@0.6.0:
+    resolution: {integrity: sha512-G5TSfHrt9tX9EjdG49InoFJbt2NYk0h3kgjgKxkFWr3ulIUays0oFObr5KZ8qzD4+QnhtALiRwIqY6qul4egqw==}
+    peerDependencies:
+      '@types/sortablejs': ^1.15.0
+      '@vue/composition-api': '*'
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-eslint-parser@10.4.1:
+    resolution: {integrity: sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+
+  vue-router@4.6.3:
+    resolution: {integrity: sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  vue-tsc@3.1.3:
+    resolution: {integrity: sha512-StMNfZHwPIXQgY3KxPKM0Jsoc8b46mDV3Fn2UlHCBIwRJApjqrSwqeMYgWf0zpN+g857y74pv7GWuBm+UqQe1w==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue@3.5.23:
+    resolution: {integrity: sha512-CfvZv/vI52xUhumUvHtD6iFIS78nGWfX4IJnHfBGhpqMI0CwDq2YEngXOeaBFMRmiArcqczuVrLxurvesTYT9w==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  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
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  write-file-atomic@5.0.1:
+    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  xe-utils@3.7.9:
+    resolution: {integrity: sha512-LWH6M7g+TKX8P2fqGxDPgJQygiULhbMtpmfxTMxJTUjuUv9y2+I45UCcVLh5AnmJSxDV1xTxsq7G5P9Eid06JQ==}
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yaml-eslint-parser@2.1.0:
+    resolution: {integrity: sha512-1zo9KRfp6vIAXBEhWAz09ex3hUwh3T+/6dGbGteHvNseA0Uk4FgQnPES55klZ6cDzSy9FpgKS0D/CoLUvCCj4w==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  yaml@2.8.1:
+    resolution: {integrity: sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yaml@2.9.1:
+    resolution: {integrity: sha512-3NxN8+78OdzbT7C/WjGsyfPAtJaN3FNDsWxv7Y7mcDsT/oOmgW8BpyQQFFBnvZE3j9Y2Sdz1ULFLezL7Eb2yFw==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zrender@6.1.0:
+    resolution: {integrity: sha512-oEGMDB6pOP2S6OwRR4PdVv610zrjnA3Bh+JnSG12fYJlBKjtNAoEb5fSUoCOOINlH96I2fU38/A2UpRKs67xYQ==}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@antfu/eslint-config@7.7.3(@typescript-eslint/typescript-estree@8.70.1(typescript@5.9.3))(@typescript-eslint/utils@8.70.1(eslint@9.39.1)(typescript@5.9.3))(@vue/compiler-sfc@3.5.23)(eslint@9.39.1)(typescript@5.9.3)':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@clack/prompts': 1.8.1
+      '@e18e/eslint-plugin': 0.2.0(eslint@9.39.1)
+      '@eslint-community/eslint-plugin-eslint-comments': 4.8.1(eslint@9.39.1)
+      '@eslint/markdown': 7.5.1
+      '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.1)
+      '@typescript-eslint/eslint-plugin': 8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      '@vitest/eslint-plugin': 1.6.27(@typescript-eslint/eslint-plugin@8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3)
+      ansis: 4.2.0
+      cac: 7.0.0
+      eslint: 9.39.1
+      eslint-config-flat-gitignore: 2.4.0(eslint@9.39.1)
+      eslint-flat-config-utils: 3.2.0
+      eslint-merge-processors: 2.0.0(eslint@9.39.1)
+      eslint-plugin-antfu: 3.2.3(eslint@9.39.1)
+      eslint-plugin-command: 3.5.3(@typescript-eslint/typescript-estree@8.70.1(typescript@5.9.3))(@typescript-eslint/utils@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)
+      eslint-plugin-import-lite: 0.5.2(eslint@9.39.1)
+      eslint-plugin-jsdoc: 62.9.0(eslint@9.39.1)
+      eslint-plugin-jsonc: 3.4.2(eslint@9.39.1)
+      eslint-plugin-n: 17.24.0(eslint@9.39.1)(typescript@5.9.3)
+      eslint-plugin-no-only-tests: 3.3.0
+      eslint-plugin-perfectionist: 5.12.1(eslint@9.39.1)(typescript@5.9.3)
+      eslint-plugin-pnpm: 1.9.1(eslint@9.39.1)
+      eslint-plugin-regexp: 3.3.1(eslint@9.39.1)
+      eslint-plugin-toml: 1.5.0(eslint@9.39.1)
+      eslint-plugin-unicorn: 63.0.0(eslint@9.39.1)
+      eslint-plugin-unused-imports: 4.4.1(@typescript-eslint/eslint-plugin@8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)
+      eslint-plugin-vue: 10.11.1(@stylistic/eslint-plugin@5.10.0(eslint@9.39.1))(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(vue-eslint-parser@10.4.1(eslint@9.39.1))
+      eslint-plugin-yml: 3.8.1(eslint@9.39.1)
+      eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.23)(eslint@9.39.1)
+      globals: 17.12.0
+      local-pkg: 1.1.2
+      parse-gitignore: 2.0.0
+      toml-eslint-parser: 1.0.3
+      vue-eslint-parser: 10.4.1(eslint@9.39.1)
+      yaml-eslint-parser: 2.1.0
+    transitivePeerDependencies:
+      - '@eslint/json'
+      - '@typescript-eslint/typescript-estree'
+      - '@typescript-eslint/utils'
+      - '@vue/compiler-sfc'
+      - oxlint
+      - supports-color
+      - typescript
+      - vitest
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.5.0
+      tinyexec: 1.0.2
+
+  '@antfu/install-pkg@2.1.0':
+    dependencies:
+      package-manager-detector: 1.8.0
+      tinyexec: 1.3.1
+
+  '@arco-design/color@0.4.0':
+    dependencies:
+      color: 3.2.1
+
+  '@arco-design/web-vue@2.58.0(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@arco-design/color': 0.4.0
+      b-tween: 0.3.3
+      b-validate: 1.5.3
+      compute-scroll-into-view: 1.0.20
+      dayjs: 1.11.19
+      number-precision: 1.6.0
+      resize-observer-polyfill: 1.5.1
+      scroll-into-view-if-needed: 2.2.31
+      vue: 3.5.23(typescript@5.9.3)
+
+  '@babel/code-frame@7.27.1':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.28.5': {}
+
+  '@babel/core@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
+      '@babel/helpers': 7.28.4
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@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.28.5':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.28.5
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.27.0
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.28.5(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@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.27.1(@babel/core@7.28.5)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.28.5
+      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.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@babel/helper-plugin-utils@7.27.1': {}
+
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.28.4':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+
+  '@babel/parser@7.28.5':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@babel/plugin-proposal-decorators@7.28.0(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/plugin-syntax-decorators': 7.27.1(@babel/core@7.28.5)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-syntax-decorators@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/template@7.27.2':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+
+  '@babel/traverse@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.28.5':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@cacheable/memoize@2.0.3':
+    dependencies:
+      '@cacheable/utils': 2.2.0
+
+  '@cacheable/memory@2.0.4':
+    dependencies:
+      '@cacheable/utils': 2.2.0
+      '@keyv/bigmap': 1.1.0(keyv@5.5.3)
+      hookified: 1.12.2
+      keyv: 5.5.3
+
+  '@cacheable/utils@2.2.0':
+    dependencies:
+      keyv: 5.5.3
+
+  '@clack/core@1.5.1':
+    dependencies:
+      fast-wrap-ansi: 0.2.2
+      sisteransi: 1.0.5
+
+  '@clack/prompts@1.8.1':
+    dependencies:
+      '@clack/core': 1.5.1
+      fast-string-width: 3.0.2
+      fast-wrap-ansi: 0.2.2
+      sisteransi: 1.0.5
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@csstools/media-query-list-parser@4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.1.0)':
+    dependencies:
+      postcss-selector-parser: 7.1.0
+
+  '@dual-bundle/import-meta-resolve@4.2.1': {}
+
+  '@e18e/eslint-plugin@0.2.0(eslint@9.39.1)':
+    dependencies:
+      eslint-plugin-depend: 1.5.0(eslint@9.39.1)
+    optionalDependencies:
+      eslint: 9.39.1
+
+  '@es-joy/jsdoccomment@0.86.0':
+    dependencies:
+      '@types/estree': 1.0.8
+      '@typescript-eslint/types': 8.70.1
+      comment-parser: 1.4.6
+      esquery: 1.7.0
+      jsdoc-type-pratt-parser: 7.2.0
+
+  '@es-joy/jsdoccomment@0.88.0':
+    dependencies:
+      '@types/estree': 1.0.9
+      '@typescript-eslint/types': 8.70.1
+      comment-parser: 1.4.7
+      esquery: 1.7.0
+      jsdoc-type-pratt-parser: 7.2.0
+
+  '@es-joy/resolve.exports@1.2.0': {}
+
+  '@esbuild/aix-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm@0.25.12':
+    optional: true
+
+  '@esbuild/android-x64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.12':
+    optional: true
+
+  '@eslint-community/eslint-plugin-eslint-comments@4.8.1(eslint@9.39.1)':
+    dependencies:
+      escape-string-regexp: 4.0.0
+      eslint: 9.39.1
+      ignore: 7.0.5
+
+  '@eslint-community/eslint-utils@4.10.1(eslint@9.39.1)':
+    dependencies:
+      eslint: 9.39.1
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.1)':
+    dependencies:
+      eslint: 9.39.1
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/compat@2.1.1(eslint@9.39.1)':
+    dependencies:
+      '@eslint/core': 1.2.1
+    optionalDependencies:
+      eslint: 9.39.1
+
+  '@eslint/config-array@0.21.1':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/config-helpers@0.5.5':
+    dependencies:
+      '@eslint/core': 1.2.1
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/core@1.2.1':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.1':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.1': {}
+
+  '@eslint/markdown@7.5.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      '@eslint/plugin-kit': 0.4.1
+      github-slugger: 2.0.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-frontmatter: 2.0.1
+      mdast-util-gfm: 3.1.0
+      micromark-extension-frontmatter: 2.0.0
+      micromark-extension-gfm: 3.0.0
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@eslint/plugin-kit@0.7.3':
+    dependencies:
+      '@eslint/core': 1.2.1
+      levn: 0.4.1
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.7':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@iconify-json/icon-park-outline@1.2.4':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.7':
+    dependencies:
+      '@antfu/install-pkg': 2.1.0
+      '@iconify/types': 2.0.0
+      import-meta-resolve: 4.2.0
+
+  '@iconify/vue@5.0.3(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.5.23(typescript@5.9.3)
+
+  '@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/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.1.0(keyv@5.5.3)':
+    dependencies:
+      hookified: 1.12.2
+      keyv: 5.5.3
+
+  '@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.19.1
+
+  '@ota-meshi/ast-token-store@0.3.0': {}
+
+  '@parcel/watcher-android-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher@2.5.1':
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.8
+      node-addon-api: 7.1.1
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.5.1
+      '@parcel/watcher-darwin-arm64': 2.5.1
+      '@parcel/watcher-darwin-x64': 2.5.1
+      '@parcel/watcher-freebsd-x64': 2.5.1
+      '@parcel/watcher-linux-arm-glibc': 2.5.1
+      '@parcel/watcher-linux-arm-musl': 2.5.1
+      '@parcel/watcher-linux-arm64-glibc': 2.5.1
+      '@parcel/watcher-linux-arm64-musl': 2.5.1
+      '@parcel/watcher-linux-x64-glibc': 2.5.1
+      '@parcel/watcher-linux-x64-musl': 2.5.1
+      '@parcel/watcher-win32-arm64': 2.5.1
+      '@parcel/watcher-win32-ia32': 2.5.1
+      '@parcel/watcher-win32-x64': 2.5.1
+    optional: true
+
+  '@pkgr/core@0.3.6': {}
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@rolldown/pluginutils@1.0.0-beta.29': {}
+
+  '@rolldown/pluginutils@1.0.0-beta.47': {}
+
+  '@rollup/rollup-android-arm-eabi@4.52.5':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.52.5':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.52.5':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.52.5':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.52.5':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.52.5':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.52.5':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.52.5':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.52.5':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.52.5':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.52.5':
+    optional: true
+
+  '@sindresorhus/base62@1.0.0': {}
+
+  '@stylistic/eslint-plugin@5.10.0(eslint@9.39.1)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.1)
+      '@typescript-eslint/types': 8.70.1
+      eslint: 9.39.1
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      estraverse: 5.3.0
+      picomatch: 4.0.3
+
+  '@types/debug@4.1.12':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/estree@1.0.8': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/lodash-es@4.17.12':
+    dependencies:
+      '@types/lodash': 4.17.20
+
+  '@types/lodash@4.17.20': {}
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@2.1.0': {}
+
+  '@types/node@24.10.0':
+    dependencies:
+      undici-types: 7.16.0
+
+  '@types/node@26.6.3':
+    dependencies:
+      undici-types: 8.9.0
+
+  '@types/sortablejs@1.15.9': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/web-bluetooth@0.0.21': {}
+
+  '@typescript-eslint/eslint-plugin@8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/type-utils': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.70.1
+      eslint: 9.39.1
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.70.1
+      debug: 4.4.3
+      eslint: 9.39.1
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.70.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.70.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.70.1
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.70.1':
+    dependencies:
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/visitor-keys': 8.70.1
+
+  '@typescript-eslint/tsconfig-utils@8.70.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.70.1(eslint@9.39.1)(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.1
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.70.1': {}
+
+  '@typescript-eslint/typescript-estree@8.70.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.70.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.70.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/visitor-keys': 8.70.1
+      debug: 4.4.3
+      minimatch: 10.2.6
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.70.1(eslint@9.39.1)(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.1)
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@5.9.3)
+      eslint: 9.39.1
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.70.1':
+    dependencies:
+      '@typescript-eslint/types': 8.70.1
+      eslint-visitor-keys: 5.0.1
+
+  '@vitejs/plugin-vue-jsx@5.1.1(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
+      '@rolldown/pluginutils': 1.0.0-beta.47
+      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.5)
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+      vue: 3.5.23(typescript@5.9.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitejs/plugin-vue@6.0.1(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-beta.29
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+      vue: 3.5.23(typescript@5.9.3)
+
+  '@vitest/eslint-plugin@1.6.27(@typescript-eslint/eslint-plugin@8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.70.1
+      '@typescript-eslint/utils': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      eslint: 9.39.1
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@volar/language-core@2.4.23':
+    dependencies:
+      '@volar/source-map': 2.4.23
+
+  '@volar/source-map@2.4.23': {}
+
+  '@volar/typescript@2.4.23':
+    dependencies:
+      '@volar/language-core': 2.4.23
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
+  '@vue/babel-helper-vue-transform-on@1.5.0': {}
+
+  '@vue/babel-plugin-jsx@1.5.0(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@vue/babel-helper-vue-transform-on': 1.5.0
+      '@vue/babel-plugin-resolve-type': 1.5.0(@babel/core@7.28.5)
+      '@vue/shared': 3.5.23
+    optionalDependencies:
+      '@babel/core': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/babel-plugin-resolve-type@1.5.0(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/core': 7.28.5
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/parser': 7.28.5
+      '@vue/compiler-sfc': 3.5.23
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/compiler-core@3.5.23':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@vue/shared': 3.5.23
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.23':
+    dependencies:
+      '@vue/compiler-core': 3.5.23
+      '@vue/shared': 3.5.23
+
+  '@vue/compiler-sfc@3.5.23':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@vue/compiler-core': 3.5.23
+      '@vue/compiler-dom': 3.5.23
+      '@vue/compiler-ssr': 3.5.23
+      '@vue/shared': 3.5.23
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.6
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.23':
+    dependencies:
+      '@vue/compiler-dom': 3.5.23
+      '@vue/shared': 3.5.23
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/devtools-api@7.7.7':
+    dependencies:
+      '@vue/devtools-kit': 7.7.7
+
+  '@vue/devtools-core@8.0.5(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@vue/devtools-kit': 8.0.5
+      '@vue/devtools-shared': 8.0.5
+      mitt: 3.0.1
+      nanoid: 5.1.6
+      pathe: 2.0.3
+      vite-hot-client: 2.1.0(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))
+      vue: 3.5.23(typescript@5.9.3)
+    transitivePeerDependencies:
+      - vite
+
+  '@vue/devtools-kit@7.7.7':
+    dependencies:
+      '@vue/devtools-shared': 7.7.7
+      birpc: 2.7.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.5
+
+  '@vue/devtools-kit@8.0.5':
+    dependencies:
+      '@vue/devtools-shared': 8.0.5
+      birpc: 2.7.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 2.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.5
+
+  '@vue/devtools-shared@7.7.7':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/devtools-shared@8.0.5':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/language-core@3.1.3(typescript@5.9.3)':
+    dependencies:
+      '@volar/language-core': 2.4.23
+      '@vue/compiler-dom': 3.5.23
+      '@vue/shared': 3.5.23
+      alien-signals: 3.0.6
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+      picomatch: 4.0.3
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@vue/reactivity@3.5.23':
+    dependencies:
+      '@vue/shared': 3.5.23
+
+  '@vue/runtime-core@3.5.23':
+    dependencies:
+      '@vue/reactivity': 3.5.23
+      '@vue/shared': 3.5.23
+
+  '@vue/runtime-dom@3.5.23':
+    dependencies:
+      '@vue/reactivity': 3.5.23
+      '@vue/runtime-core': 3.5.23
+      '@vue/shared': 3.5.23
+      csstype: 3.1.3
+
+  '@vue/server-renderer@3.5.23(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.23
+      '@vue/shared': 3.5.23
+      vue: 3.5.23(typescript@5.9.3)
+
+  '@vue/shared@3.5.23': {}
+
+  '@vue/tsconfig@0.7.0(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3))':
+    optionalDependencies:
+      typescript: 5.9.3
+      vue: 3.5.23(typescript@5.9.3)
+
+  '@vueuse/core@13.9.0(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 13.9.0
+      '@vueuse/shared': 13.9.0(vue@3.5.23(typescript@5.9.3))
+      vue: 3.5.23(typescript@5.9.3)
+
+  '@vueuse/metadata@13.9.0': {}
+
+  '@vueuse/shared@13.9.0(vue@3.5.23(typescript@5.9.3))':
+    dependencies:
+      vue: 3.5.23(typescript@5.9.3)
+
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn-jsx@5.3.2(acorn@8.18.0):
+    dependencies:
+      acorn: 8.18.0
+
+  acorn@8.15.0: {}
+
+  acorn@8.18.0: {}
+
+  ajv@6.12.6:
+    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.17.1:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  alien-signals@3.0.6: {}
+
+  animate.css@4.1.1: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansis@4.2.0: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
+  are-docs-informative@0.0.2: {}
+
+  argparse@2.0.1: {}
+
+  array-union@2.1.0: {}
+
+  astral-regex@2.0.0: {}
+
+  asynckit@0.4.0: {}
+
+  axios@0.27.2:
+    dependencies:
+      follow-redirects: 1.15.11
+      form-data: 4.0.4
+    transitivePeerDependencies:
+      - debug
+
+  b-tween@0.3.3: {}
+
+  b-validate@1.5.3: {}
+
+  balanced-match@1.0.2: {}
+
+  balanced-match@2.0.0: {}
+
+  balanced-match@4.0.4: {}
+
+  baseline-browser-mapping@2.8.25: {}
+
+  binary-extensions@2.3.0: {}
+
+  birpc@2.7.0: {}
+
+  boolbase@1.0.0: {}
+
+  brace-expansion@1.1.12:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@5.0.12:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.27.0:
+    dependencies:
+      baseline-browser-mapping: 2.8.25
+      caniuse-lite: 1.0.30001754
+      electron-to-chromium: 1.5.245
+      node-releases: 2.0.27
+      update-browserslist-db: 1.1.4(browserslist@4.27.0)
+
+  builtin-modules@5.0.0: {}
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  cac@7.0.0: {}
+
+  cacheable@2.1.1:
+    dependencies:
+      '@cacheable/memoize': 2.0.3
+      '@cacheable/memory': 2.0.4
+      '@cacheable/utils': 2.2.0
+      hookified: 1.12.2
+      keyv: 5.5.3
+      qified: 0.5.1
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001754: {}
+
+  ccount@2.0.1: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  change-case@5.4.4: {}
+
+  character-entities@2.0.2: {}
+
+  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
+
+  ci-info@4.3.1: {}
+
+  clean-regexp@1.0.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
+  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: {}
+
+  color-string@1.9.1:
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.4
+
+  color@3.2.1:
+    dependencies:
+      color-convert: 1.9.3
+      color-string: 1.9.1
+
+  colord@2.9.3: {}
+
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
+  comment-parser@1.4.1: {}
+
+  comment-parser@1.4.6: {}
+
+  comment-parser@1.4.7: {}
+
+  compute-scroll-into-view@1.0.20: {}
+
+  concat-map@0.0.1: {}
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.2: {}
+
+  convert-source-map@2.0.0: {}
+
+  copy-anything@2.0.6:
+    dependencies:
+      is-what: 3.14.1
+
+  copy-anything@4.0.5:
+    dependencies:
+      is-what: 5.5.0
+
+  core-js-compat@3.46.0:
+    dependencies:
+      browserslist: 4.27.0
+
+  cosmiconfig@9.0.0(typescript@5.9.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.1
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 5.9.3
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css-functions-list@3.2.3: {}
+
+  css-tree@3.1.0:
+    dependencies:
+      mdn-data: 2.12.2
+      source-map-js: 1.2.1
+
+  cssesc@3.0.0: {}
+
+  csstype@3.1.3: {}
+
+  dayjs@1.11.19: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decode-named-character-reference@1.2.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  deep-is@0.1.4: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.4.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  define-lazy-prop@3.0.0: {}
+
+  defu@6.1.4: {}
+
+  delayed-stream@1.0.0: {}
+
+  dequal@2.0.3: {}
+
+  detect-libc@1.0.3:
+    optional: true
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff-sequences@29.6.3: {}
+
+  dir-glob@3.0.1:
+    dependencies:
+      path-type: 4.0.0
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
+  echarts@6.1.0:
+    dependencies:
+      tslib: 2.3.0
+      zrender: 6.1.0
+
+  electron-to-chromium@1.5.245: {}
+
+  emoji-regex@8.0.0: {}
+
+  empathic@2.0.0: {}
+
+  empathic@2.1.0: {}
+
+  enhanced-resolve@5.18.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
+  entities@4.5.0: {}
+
+  env-paths@2.2.1: {}
+
+  errno@0.1.8:
+    dependencies:
+      prr: 1.0.1
+    optional: true
+
+  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-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.2
+
+  esbuild@0.25.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  eslint-compat-utils@0.5.1(eslint@9.39.1):
+    dependencies:
+      eslint: 9.39.1
+      semver: 7.7.3
+
+  eslint-config-flat-gitignore@2.4.0(eslint@9.39.1):
+    dependencies:
+      '@eslint/compat': 2.1.1(eslint@9.39.1)
+      eslint: 9.39.1
+
+  eslint-flat-config-utils@3.2.0:
+    dependencies:
+      '@eslint/config-helpers': 0.5.5
+      pathe: 2.0.3
+
+  eslint-json-compat-utils@0.2.3(eslint@9.39.1)(jsonc-eslint-parser@3.3.0):
+    dependencies:
+      eslint: 9.39.1
+      esquery: 1.6.0
+      jsonc-eslint-parser: 3.3.0
+
+  eslint-merge-processors@2.0.0(eslint@9.39.1):
+    dependencies:
+      eslint: 9.39.1
+
+  eslint-plugin-antfu@3.2.3(eslint@9.39.1):
+    dependencies:
+      eslint: 9.39.1
+
+  eslint-plugin-command@3.5.3(@typescript-eslint/typescript-estree@8.70.1(typescript@5.9.3))(@typescript-eslint/utils@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.88.0
+      '@typescript-eslint/typescript-estree': 8.70.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      eslint: 9.39.1
+
+  eslint-plugin-depend@1.5.0(eslint@9.39.1):
+    dependencies:
+      empathic: 2.0.0
+      eslint: 9.39.1
+      module-replacements: 2.11.0
+      semver: 7.7.3
+
+  eslint-plugin-es-x@7.8.0(eslint@9.39.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1)
+      '@eslint-community/regexpp': 4.12.2
+      eslint: 9.39.1
+      eslint-compat-utils: 0.5.1(eslint@9.39.1)
+
+  eslint-plugin-import-lite@0.5.2(eslint@9.39.1):
+    dependencies:
+      eslint: 9.39.1
+
+  eslint-plugin-jsdoc@62.9.0(eslint@9.39.1):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.86.0
+      '@es-joy/resolve.exports': 1.2.0
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint: 9.39.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      html-entities: 2.6.0
+      object-deep-merge: 2.0.1
+      parse-imports-exports: 0.2.4
+      semver: 7.8.5
+      spdx-expression-parse: 4.0.0
+      to-valid-identifier: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-jsonc@3.4.2(eslint@9.39.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1)
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.3
+      '@ota-meshi/ast-token-store': 0.3.0
+      diff-sequences: 29.6.3
+      eslint: 9.39.1
+      eslint-json-compat-utils: 0.2.3(eslint@9.39.1)(jsonc-eslint-parser@3.3.0)
+      jsonc-eslint-parser: 3.3.0
+      natural-compare: 1.4.0
+      synckit: 0.11.13
+    transitivePeerDependencies:
+      - '@eslint/json'
+
+  eslint-plugin-n@17.24.0(eslint@9.39.1)(typescript@5.9.3):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1)
+      enhanced-resolve: 5.18.3
+      eslint: 9.39.1
+      eslint-plugin-es-x: 7.8.0(eslint@9.39.1)
+      get-tsconfig: 4.13.0
+      globals: 15.15.0
+      globrex: 0.1.2
+      ignore: 5.3.2
+      semver: 7.7.3
+      ts-declaration-location: 1.0.7(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+
+  eslint-plugin-no-only-tests@3.3.0: {}
+
+  eslint-plugin-perfectionist@5.12.1(eslint@9.39.1)(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/types': 8.70.1
+      '@typescript-eslint/utils': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+      natural-orderby: 5.0.0
+    optionalDependencies:
+      eslint: 9.39.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-plugin-pnpm@1.9.1(eslint@9.39.1):
+    dependencies:
+      empathic: 2.1.0
+      eslint: 9.39.1
+      eslint-json-compat-utils: 0.2.3(eslint@9.39.1)(jsonc-eslint-parser@3.3.0)
+      jsonc-eslint-parser: 3.3.0
+      pathe: 2.0.3
+      pnpm-workspace-yaml: 1.9.1
+      tinyglobby: 0.2.17
+      yaml: 2.9.1
+      yaml-eslint-parser: 2.1.0
+    transitivePeerDependencies:
+      - '@eslint/json'
+
+  eslint-plugin-regexp@3.3.1(eslint@9.39.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1)
+      '@eslint-community/regexpp': 4.12.2
+      comment-parser: 1.4.1
+      eslint: 9.39.1
+      jsdoc-type-pratt-parser: 9.2.2
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+      scslre: 0.3.0
+
+  eslint-plugin-toml@1.5.0(eslint@9.39.1):
+    dependencies:
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.3
+      '@ota-meshi/ast-token-store': 0.3.0
+      debug: 4.4.3
+      eslint: 9.39.1
+      toml-eslint-parser: 1.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-unicorn@63.0.0(eslint@9.39.1):
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1)
+      change-case: 5.4.4
+      ci-info: 4.3.1
+      clean-regexp: 1.0.0
+      core-js-compat: 3.46.0
+      eslint: 9.39.1
+      find-up-simple: 1.0.1
+      globals: 16.5.0
+      indent-string: 5.0.0
+      is-builtin-module: 5.0.0
+      jsesc: 3.1.0
+      pluralize: 8.0.0
+      regexp-tree: 0.1.27
+      regjsparser: 0.13.3
+      semver: 7.7.3
+      strip-indent: 4.1.1
+
+  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1):
+    dependencies:
+      eslint: 9.39.1
+    optionalDependencies:
+      '@typescript-eslint/eslint-plugin': 8.70.1(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(typescript@5.9.3)
+
+  eslint-plugin-vue@10.11.1(@stylistic/eslint-plugin@5.10.0(eslint@9.39.1))(@typescript-eslint/parser@8.70.1(eslint@9.39.1)(typescript@5.9.3))(eslint@9.39.1)(vue-eslint-parser@10.4.1(eslint@9.39.1)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@9.39.1)
+      eslint: 9.39.1
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 7.1.6
+      semver: 7.8.5
+      vue-eslint-parser: 10.4.1(eslint@9.39.1)
+      xml-name-validator: 5.0.0
+    optionalDependencies:
+      '@stylistic/eslint-plugin': 5.10.0(eslint@9.39.1)
+      '@typescript-eslint/parser': 8.70.1(eslint@9.39.1)(typescript@5.9.3)
+
+  eslint-plugin-yml@3.8.1(eslint@9.39.1):
+    dependencies:
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.3
+      '@ota-meshi/ast-token-store': 0.3.0
+      diff-sequences: 29.6.3
+      escape-string-regexp: 5.0.0
+      eslint: 9.39.1
+      natural-compare: 1.4.0
+      yaml-eslint-parser: 2.1.0
+
+  eslint-processor-vue-blocks@2.0.0(@vue/compiler-sfc@3.5.23)(eslint@9.39.1):
+    dependencies:
+      '@vue/compiler-sfc': 3.5.23
+      eslint: 9.39.1
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@9.39.1:
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1)
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.1
+      '@eslint/js': 9.39.1
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.6.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
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.18.0
+      acorn-jsx: 5.3.2(acorn@8.18.0)
+      eslint-visitor-keys: 5.0.1
+
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  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.8
+
+  esutils@2.0.3: {}
+
+  exsolve@1.0.7: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  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-string-truncated-width@3.0.3: {}
+
+  fast-string-width@3.0.2:
+    dependencies:
+      fast-string-truncated-width: 3.0.3
+
+  fast-uri@3.1.0: {}
+
+  fast-wrap-ansi@0.2.2:
+    dependencies:
+      fast-string-width: 3.0.2
+
+  fastest-levenshtein@1.0.16: {}
+
+  fastq@1.19.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fault@2.0.1:
+    dependencies:
+      format: 0.2.2
+
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
+  fdir@6.5.0(picomatch@4.0.7):
+    optionalDependencies:
+      picomatch: 4.0.7
+
+  file-entry-cache@10.1.4:
+    dependencies:
+      flat-cache: 6.1.18
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up-simple@1.0.1: {}
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.3.3
+      keyv: 4.5.4
+
+  flat-cache@6.1.18:
+    dependencies:
+      cacheable: 2.1.1
+      flatted: 3.3.3
+      hookified: 1.12.2
+
+  flatted@3.3.3: {}
+
+  follow-redirects@1.15.11: {}
+
+  form-data@4.0.4:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
+      mime-types: 2.1.35
+
+  format@0.2.2: {}
+
+  fs-extra@10.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.0
+      universalify: 2.0.1
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  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.2
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
+  get-tsconfig@4.13.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  github-slugger@2.0.0: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  global-modules@2.0.0:
+    dependencies:
+      global-prefix: 3.0.0
+
+  global-prefix@3.0.0:
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+
+  globals@14.0.0: {}
+
+  globals@15.15.0: {}
+
+  globals@16.5.0: {}
+
+  globals@17.12.0: {}
+
+  globby@11.1.0:
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.3
+      ignore: 5.3.2
+      merge2: 1.4.1
+      slash: 3.0.0
+
+  globjoin@0.1.4: {}
+
+  globrex@0.1.2: {}
+
+  gopd@1.2.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  has-flag@4.0.0: {}
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  hookable@5.5.3: {}
+
+  hookified@1.12.2: {}
+
+  html-entities@2.6.0: {}
+
+  html-tags@3.3.1: {}
+
+  htmlparser2@8.0.2:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 4.5.0
+
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+    optional: true
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  image-size@0.5.5:
+    optional: true
+
+  immutable@5.1.4: {}
+
+  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: {}
+
+  indent-string@5.0.0: {}
+
+  ini@1.3.8: {}
+
+  is-arrayish@0.2.1: {}
+
+  is-arrayish@0.3.4: {}
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-builtin-module@5.0.0:
+    dependencies:
+      builtin-modules: 5.0.0
+
+  is-docker@3.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-number@7.0.0: {}
+
+  is-plain-object@5.0.0: {}
+
+  is-what@3.14.1: {}
+
+  is-what@5.5.0: {}
+
+  is-wsl@3.1.0:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isexe@2.0.0: {}
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.1: {}
+
+  js-yaml@4.1.0:
+    dependencies:
+      argparse: 2.0.1
+
+  jsdoc-type-pratt-parser@7.2.0: {}
+
+  jsdoc-type-pratt-parser@9.2.2:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/node': 26.6.3
+
+  jsencrypt@3.5.4: {}
+
+  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: {}
+
+  jsonc-eslint-parser@3.3.0:
+    dependencies:
+      acorn: 8.15.0
+      eslint-visitor-keys: 5.0.1
+      verkit: 0.3.2
+
+  jsonfile@6.2.0:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  keyv@5.5.3:
+    dependencies:
+      '@keyv/serialize': 1.1.1
+
+  kind-of@6.0.3: {}
+
+  known-css-properties@0.36.0: {}
+
+  known-css-properties@0.37.0: {}
+
+  kolorist@1.8.0: {}
+
+  less@4.4.2:
+    dependencies:
+      copy-anything: 2.0.6
+      parse-node-version: 1.0.1
+      tslib: 2.8.1
+    optionalDependencies:
+      errno: 0.1.8
+      graceful-fs: 4.2.11
+      image-size: 0.5.5
+      make-dir: 2.1.0
+      mime: 1.6.0
+      needle: 3.3.1
+      source-map: 0.6.1
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lines-and-columns@1.2.4: {}
+
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.0
+      pkg-types: 2.3.0
+      quansync: 0.2.11
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.17.21: {}
+
+  lodash.merge@4.6.2: {}
+
+  lodash.truncate@4.4.2: {}
+
+  longest-streak@3.1.0: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  make-dir@2.1.0:
+    dependencies:
+      pify: 4.0.1
+      semver: 5.7.2
+    optional: true
+
+  markdown-table@3.0.4: {}
+
+  math-intrinsics@1.1.0: {}
+
+  mathml-tag-names@2.1.3: {}
+
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.2.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-frontmatter@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      escape-string-regexp: 5.0.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      micromark-extension-frontmatter: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.2
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.0.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  mdn-data@2.12.2: {}
+
+  mdn-data@2.25.0: {}
+
+  meow@13.2.0: {}
+
+  merge2@1.4.1: {}
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.2.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-frontmatter@2.0.0:
+    dependencies:
+      fault: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.2.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.12
+      debug: 4.4.3
+      decode-named-character-reference: 1.2.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  mime-db@1.52.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mime@1.6.0:
+    optional: true
+
+  minimatch@10.2.6:
+    dependencies:
+      brace-expansion: 5.0.12
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.12
+
+  mitt@3.0.1: {}
+
+  mlly@1.8.0:
+    dependencies:
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.1
+
+  module-replacements@2.11.0: {}
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  nanoid@3.3.11: {}
+
+  nanoid@5.1.6: {}
+
+  natural-compare@1.4.0: {}
+
+  natural-orderby@5.0.0: {}
+
+  needle@3.3.1:
+    dependencies:
+      iconv-lite: 0.6.3
+      sax: 1.4.3
+    optional: true
+
+  node-addon-api@7.1.1:
+    optional: true
+
+  node-releases@2.0.27: {}
+
+  normalize-path@3.0.0: {}
+
+  nprogress@0.2.0: {}
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  number-precision@1.6.0: {}
+
+  object-deep-merge@2.0.1: {}
+
+  ohash@2.0.11: {}
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.4.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.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
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  package-manager-detector@1.5.0: {}
+
+  package-manager-detector@1.8.0: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-gitignore@2.0.0: {}
+
+  parse-imports-exports@0.2.4:
+    dependencies:
+      parse-statements: 1.0.11
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse-node-version@1.0.1: {}
+
+  parse-statements@1.0.11: {}
+
+  path-browserify@1.0.1: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-type@4.0.0: {}
+
+  pathe@2.0.3: {}
+
+  perfect-debounce@1.0.0: {}
+
+  perfect-debounce@2.0.0: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.1: {}
+
+  picomatch@4.0.3: {}
+
+  picomatch@4.0.7: {}
+
+  pify@4.0.1:
+    optional: true
+
+  pinia-plugin-persistedstate@4.7.1(pinia@3.0.4(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3))):
+    dependencies:
+      defu: 6.1.4
+    optionalDependencies:
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3))
+
+  pinia@3.0.4(typescript@5.9.3)(vue@3.5.23(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 7.7.7
+      vue: 3.5.23(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.7
+      pathe: 2.0.3
+
+  pluralize@8.0.0: {}
+
+  pnpm-workspace-yaml@1.9.1:
+    dependencies:
+      yaml: 2.9.1
+
+  postcss-html@1.8.0:
+    dependencies:
+      htmlparser2: 8.0.2
+      js-tokens: 9.0.1
+      postcss: 8.5.6
+      postcss-safe-parser: 6.0.0(postcss@8.5.6)
+
+  postcss-media-query-parser@0.2.3: {}
+
+  postcss-resolve-nested-selector@0.1.6: {}
+
+  postcss-safe-parser@6.0.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-safe-parser@7.0.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-scss@4.0.9(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-selector-parser@7.1.0:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-selector-parser@7.1.6:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-sorting@9.1.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  prr@1.0.1:
+    optional: true
+
+  punycode@2.3.1: {}
+
+  qified@0.5.1:
+    dependencies:
+      hookified: 1.12.2
+
+  quansync@0.2.11: {}
+
+  queue-microtask@1.2.3: {}
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.1
+
+  readdirp@4.1.2: {}
+
+  refa@0.12.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+
+  regexp-ast-analysis@0.7.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      refa: 0.12.1
+
+  regexp-tree@0.1.27: {}
+
+  regjsparser@0.13.3:
+    dependencies:
+      jsesc: 3.1.0
+
+  require-from-string@2.0.2: {}
+
+  reserved-identifiers@1.2.0: {}
+
+  resize-observer-polyfill@1.5.1: {}
+
+  resolve-from@4.0.0: {}
+
+  resolve-from@5.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  reusify@1.1.0: {}
+
+  rfdc@1.4.1: {}
+
+  rollup@4.52.5:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.52.5
+      '@rollup/rollup-android-arm64': 4.52.5
+      '@rollup/rollup-darwin-arm64': 4.52.5
+      '@rollup/rollup-darwin-x64': 4.52.5
+      '@rollup/rollup-freebsd-arm64': 4.52.5
+      '@rollup/rollup-freebsd-x64': 4.52.5
+      '@rollup/rollup-linux-arm-gnueabihf': 4.52.5
+      '@rollup/rollup-linux-arm-musleabihf': 4.52.5
+      '@rollup/rollup-linux-arm64-gnu': 4.52.5
+      '@rollup/rollup-linux-arm64-musl': 4.52.5
+      '@rollup/rollup-linux-loong64-gnu': 4.52.5
+      '@rollup/rollup-linux-ppc64-gnu': 4.52.5
+      '@rollup/rollup-linux-riscv64-gnu': 4.52.5
+      '@rollup/rollup-linux-riscv64-musl': 4.52.5
+      '@rollup/rollup-linux-s390x-gnu': 4.52.5
+      '@rollup/rollup-linux-x64-gnu': 4.52.5
+      '@rollup/rollup-linux-x64-musl': 4.52.5
+      '@rollup/rollup-openharmony-arm64': 4.52.5
+      '@rollup/rollup-win32-arm64-msvc': 4.52.5
+      '@rollup/rollup-win32-ia32-msvc': 4.52.5
+      '@rollup/rollup-win32-x64-gnu': 4.52.5
+      '@rollup/rollup-win32-x64-msvc': 4.52.5
+      fsevents: 2.3.3
+
+  run-applescript@7.1.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safer-buffer@2.1.2:
+    optional: true
+
+  sass@1.93.3:
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.1.4
+      source-map-js: 1.2.1
+    optionalDependencies:
+      '@parcel/watcher': 2.5.1
+
+  sax@1.4.3:
+    optional: true
+
+  scroll-into-view-if-needed@2.2.31:
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+
+  scslre@0.3.0:
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+
+  scule@1.3.0: {}
+
+  semver@5.7.2:
+    optional: true
+
+  semver@6.3.1: {}
+
+  semver@7.7.3: {}
+
+  semver@7.8.5: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  signal-exit@4.1.0: {}
+
+  simple-swizzle@0.2.4:
+    dependencies:
+      is-arrayish: 0.3.4
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  sisteransi@1.0.5: {}
+
+  slash@3.0.0: {}
+
+  slice-ansi@4.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+
+  sortablejs@1.15.6: {}
+
+  source-map-js@1.2.1: {}
+
+  source-map@0.6.1:
+    optional: true
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@4.0.0:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.22
+
+  spdx-license-ids@3.0.22: {}
+
+  speakingurl@14.0.1: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-indent@4.1.1: {}
+
+  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.0)(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      postcss-html: 1.8.0
+      stylelint: 16.25.0(typescript@5.9.3)
+
+  stylelint-config-recess-order@7.4.0(stylelint-order@7.0.0(stylelint@16.25.0(typescript@5.9.3)))(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      stylelint: 16.25.0(typescript@5.9.3)
+      stylelint-order: 7.0.0(stylelint@16.25.0(typescript@5.9.3))
+
+  stylelint-config-recommended-scss@16.0.2(postcss@8.5.6)(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      postcss-scss: 4.0.9(postcss@8.5.6)
+      stylelint: 16.25.0(typescript@5.9.3)
+      stylelint-config-recommended: 17.0.0(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-scss: 6.12.1(stylelint@16.25.0(typescript@5.9.3))
+    optionalDependencies:
+      postcss: 8.5.6
+
+  stylelint-config-recommended-vue@1.6.1(postcss-html@1.8.0)(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      postcss-html: 1.8.0
+      semver: 7.7.3
+      stylelint: 16.25.0(typescript@5.9.3)
+      stylelint-config-html: 1.1.0(postcss-html@1.8.0)(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-config-recommended: 17.0.0(stylelint@16.25.0(typescript@5.9.3))
+
+  stylelint-config-recommended@17.0.0(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      stylelint: 16.25.0(typescript@5.9.3)
+
+  stylelint-config-standard-scss@16.0.0(postcss@8.5.6)(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      stylelint: 16.25.0(typescript@5.9.3)
+      stylelint-config-recommended-scss: 16.0.2(postcss@8.5.6)(stylelint@16.25.0(typescript@5.9.3))
+      stylelint-config-standard: 39.0.1(stylelint@16.25.0(typescript@5.9.3))
+    optionalDependencies:
+      postcss: 8.5.6
+
+  stylelint-config-standard@39.0.1(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      stylelint: 16.25.0(typescript@5.9.3)
+      stylelint-config-recommended: 17.0.0(stylelint@16.25.0(typescript@5.9.3))
+
+  stylelint-order@7.0.0(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      postcss: 8.5.6
+      postcss-sorting: 9.1.0(postcss@8.5.6)
+      stylelint: 16.25.0(typescript@5.9.3)
+
+  stylelint-scss@6.12.1(stylelint@16.25.0(typescript@5.9.3)):
+    dependencies:
+      css-tree: 3.1.0
+      is-plain-object: 5.0.0
+      known-css-properties: 0.36.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.0
+      postcss-value-parser: 4.2.0
+      stylelint: 16.25.0(typescript@5.9.3)
+
+  stylelint@16.25.0(typescript@5.9.3):
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.0)
+      '@dual-bundle/import-meta-resolve': 4.2.1
+      balanced-match: 2.0.0
+      colord: 2.9.3
+      cosmiconfig: 9.0.0(typescript@5.9.3)
+      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: 10.1.4
+      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@8.5.6)
+      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
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  superjson@2.2.5:
+    dependencies:
+      copy-anything: 4.0.5
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-hyperlinks@3.2.0:
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
+
+  svg-tags@1.0.0: {}
+
+  synckit@0.11.13:
+    dependencies:
+      '@pkgr/core': 0.3.6
+
+  table@6.9.0:
+    dependencies:
+      ajv: 8.17.1
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  tapable@2.3.0: {}
+
+  tinyexec@1.0.2: {}
+
+  tinyexec@1.3.1: {}
+
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  to-valid-identifier@1.0.0:
+    dependencies:
+      '@sindresorhus/base62': 1.0.0
+      reserved-identifiers: 1.2.0
+
+  toml-eslint-parser@1.0.3:
+    dependencies:
+      eslint-visitor-keys: 5.0.1
+
+  totalist@3.0.1: {}
+
+  ts-api-utils@2.5.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  ts-declaration-location@1.0.7(typescript@5.9.3):
+    dependencies:
+      picomatch: 4.0.3
+      typescript: 5.9.3
+
+  tslib@2.3.0: {}
+
+  tslib@2.8.1: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  typescript@5.9.3: {}
+
+  ufo@1.6.1: {}
+
+  undici-types@7.16.0: {}
+
+  undici-types@8.9.0: {}
+
+  unimport@5.5.0:
+    dependencies:
+      acorn: 8.15.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.10
+      unplugin-utils: 0.3.1
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  universalify@2.0.1: {}
+
+  unplugin-auto-import@20.2.0(@vueuse/core@13.9.0(vue@3.5.23(typescript@5.9.3))):
+    dependencies:
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      picomatch: 4.0.3
+      unimport: 5.5.0
+      unplugin: 2.3.10
+      unplugin-utils: 0.3.1
+    optionalDependencies:
+      '@vueuse/core': 13.9.0(vue@3.5.23(typescript@5.9.3))
+
+  unplugin-icons@22.5.0(@vue/compiler-sfc@3.5.23):
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@iconify/utils': 3.1.7
+      debug: 4.4.3
+      local-pkg: 1.1.2
+      unplugin: 2.3.10
+    optionalDependencies:
+      '@vue/compiler-sfc': 3.5.23
+    transitivePeerDependencies:
+      - supports-color
+
+  unplugin-utils@0.3.1:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.3
+
+  unplugin-vue-components@29.2.0(@babel/parser@7.28.5)(vue@3.5.23(typescript@5.9.3)):
+    dependencies:
+      chokidar: 3.6.0
+      debug: 4.4.3
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.0
+      tinyglobby: 0.2.15
+      unplugin: 2.3.10
+      unplugin-utils: 0.3.1
+      vue: 3.5.23(typescript@5.9.3)
+    optionalDependencies:
+      '@babel/parser': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  unplugin@2.3.10:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.15.0
+      picomatch: 4.0.3
+      webpack-virtual-modules: 0.6.2
+
+  update-browserslist-db@1.1.4(browserslist@4.27.0):
+    dependencies:
+      browserslist: 4.27.0
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  util-deprecate@1.0.2: {}
+
+  verkit@0.3.2: {}
+
+  vite-dev-rpc@1.1.0(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)):
+    dependencies:
+      birpc: 2.7.0
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+      vite-hot-client: 2.1.0(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))
+
+  vite-hot-client@2.1.0(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)):
+    dependencies:
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+
+  vite-plugin-compression@0.5.1(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)):
+    dependencies:
+      chalk: 4.1.2
+      debug: 4.4.3
+      fs-extra: 10.1.0
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  vite-plugin-inspect@11.3.3(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)):
+    dependencies:
+      ansis: 4.2.0
+      debug: 4.4.3
+      error-stack-parser-es: 1.0.5
+      ohash: 2.0.11
+      open: 10.2.0
+      perfect-debounce: 2.0.0
+      sirv: 3.0.2
+      unplugin-utils: 0.3.1
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+      vite-dev-rpc: 1.1.0(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))
+    transitivePeerDependencies:
+      - supports-color
+
+  vite-plugin-vue-devtools@8.0.5(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-core': 8.0.5(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))(vue@3.5.23(typescript@5.9.3))
+      '@vue/devtools-kit': 8.0.5
+      '@vue/devtools-shared': 8.0.5
+      sirv: 3.0.2
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+      vite-plugin-inspect: 11.3.3(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))
+      vite-plugin-vue-inspector: 5.3.2(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1))
+    transitivePeerDependencies:
+      - '@nuxt/kit'
+      - supports-color
+      - vue
+
+  vite-plugin-vue-inspector@5.3.2(vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)):
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/plugin-proposal-decorators': 7.28.0(@babel/core@7.28.5)
+      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.5)
+      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
+      '@vue/babel-plugin-jsx': 1.5.0(@babel/core@7.28.5)
+      '@vue/compiler-dom': 3.5.23
+      kolorist: 1.8.0
+      magic-string: 0.30.21
+      vite: 7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  vite@7.2.1(@types/node@24.10.0)(less@4.4.2)(sass@1.93.3)(yaml@2.9.1):
+    dependencies:
+      esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.52.5
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 24.10.0
+      fsevents: 2.3.3
+      less: 4.4.2
+      sass: 1.93.3
+      yaml: 2.9.1
+
+  vscode-uri@3.1.0: {}
+
+  vue-color-kit@1.0.6(vue@3.5.23(typescript@5.9.3)):
+    dependencies:
+      vue: 3.5.23(typescript@5.9.3)
+
+  vue-draggable-plus@0.6.0(@types/sortablejs@1.15.9):
+    dependencies:
+      '@types/sortablejs': 1.15.9
+
+  vue-eslint-parser@10.4.1(eslint@9.39.1):
+    dependencies:
+      debug: 4.4.3
+      eslint: 9.39.1
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.6.0
+      semver: 7.7.3
+    transitivePeerDependencies:
+      - supports-color
+
+  vue-router@4.6.3(vue@3.5.23(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.23(typescript@5.9.3)
+
+  vue-tsc@3.1.3(typescript@5.9.3):
+    dependencies:
+      '@volar/typescript': 2.4.23
+      '@vue/language-core': 3.1.3(typescript@5.9.3)
+      typescript: 5.9.3
+
+  vue@3.5.23(typescript@5.9.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.23
+      '@vue/compiler-sfc': 3.5.23
+      '@vue/runtime-dom': 3.5.23
+      '@vue/server-renderer': 3.5.23(vue@3.5.23(typescript@5.9.3))
+      '@vue/shared': 3.5.23
+    optionalDependencies:
+      typescript: 5.9.3
+
+  webpack-virtual-modules@0.6.2: {}
+
+  which@1.3.1:
+    dependencies:
+      isexe: 2.0.0
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  write-file-atomic@5.0.1:
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.1.0
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.0
+
+  xe-utils@3.7.9: {}
+
+  xml-name-validator@5.0.0: {}
+
+  yallist@3.1.1: {}
+
+  yaml-eslint-parser@2.1.0:
+    dependencies:
+      eslint-visitor-keys: 5.0.1
+      yaml: 2.8.1
+
+  yaml@2.8.1: {}
+
+  yaml@2.9.1: {}
+
+  yocto-queue@0.1.0: {}
+
+  zrender@6.1.0:
+    dependencies:
+      tslib: 2.3.0
+
+  zwitch@2.0.4: {}
diff --git a/frontend-pc/public/favicon.svg b/frontend-pc/public/favicon.svg
new file mode 100644
index 0000000..b7fd708
--- /dev/null
+++ b/frontend-pc/public/favicon.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <!--
+    浏览器页签图标。
+    与 src/assets/images/logo.svg 同一识别符号，但**刻意做减法**：
+    favicon 实际渲染尺寸只有 16~32px，渐变、高光、内描边到这里全都会糊成噪点，
+    所以只保留「圆角方形 + 填」两个元素 —— 在 1 倍屏下反而是最清楚的。
+    配色仍取腾讯云主色 #0052D9。
+  -->
+  <rect x="0" y="0" width="64" height="64" rx="14" fill="#0052D9" />
+  <text
+    x="32" y="33.5"
+    fill="#FFFFFF"
+    font-size="40"
+    font-weight="700"
+    font-family="Songti SC, STSong, SimSun, Noto Serif SC, serif"
+    text-anchor="middle"
+    dominant-baseline="central"
+  >填</text>
+</svg>
diff --git a/frontend-pc/public/static/css/loading.css b/frontend-pc/public/static/css/loading.css
new file mode 100644
index 0000000..2cbc8f2
--- /dev/null
+++ b/frontend-pc/public/static/css/loading.css
@@ -0,0 +1,55 @@
+/**
+ * 首屏骨架样式。
+ *
+ * 独立成文件（不经构建），因为它要在 JS 包下载、执行之前就生效 ——
+ * 放进 src/ 走打包的话，这段样式反而会晚于首屏出现。
+ *
+ * 颜色用腾讯云主色 #0052D9（与 src/styles/arco-ui/xt-theme.less 一致）；
+ * 这里不能写 var(--primary-6)，因为此时 Arco 的样式表还没加载。
+ */
+
+body {
+  overflow: hidden;
+}
+
+.init-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100vw;
+  height: 100vh;
+  background: #f3f3f3;
+}
+
+.init-loading {
+  display: flex;
+  justify-content: space-between;
+  width: 40px;
+  height: 40px;
+}
+
+.init-loading-rect {
+  width: 15%;
+  height: 100%;
+  background-color: #0052d9;
+  border-radius: 2px;
+  animation: init-wave 1.2s infinite ease-in-out;
+}
+
+.init-loading-rect:nth-child(1) { animation-delay: -1.2s; }
+.init-loading-rect:nth-child(2) { animation-delay: -1.1s; }
+.init-loading-rect:nth-child(3) { animation-delay: -1s; }
+.init-loading-rect:nth-child(4) { animation-delay: -0.9s; }
+.init-loading-rect:nth-child(5) { animation-delay: -0.8s; }
+
+@keyframes init-wave {
+  0%,
+  40%,
+  100% {
+    transform: scaleY(0.4);
+  }
+
+  20% {
+    transform: scaleY(1);
+  }
+}
diff --git a/frontend-pc/src/App.vue b/frontend-pc/src/App.vue
new file mode 100644
index 0000000..3d51d7f
--- /dev/null
+++ b/frontend-pc/src/App.vue
@@ -0,0 +1,32 @@
+<template>
+  <a-config-provider update-at-scroll>
+    <router-view></router-view>
+    <!-- <template #loading>
+      <img src="/static/images/loading.gif" class="loading-icon" />
+    </template> -->
+  </a-config-provider>
+</template>
+
+<script setup lang="ts">
+import { useTheme } from '@/hooks'
+import { useDictStore } from '@/stores'
+
+defineOptions({ name: 'App' })
+
+const { initThemeColor } = useTheme()
+initThemeColor()
+
+// 字典数据：本项目的字典接口属 M1 范围（后端尚未实现），
+// 现在启动就请求会稳定 404 并在控制台刷错误。
+// 页面用的枚举（组织类型 / 租户状态 / 角色名）目前以常量形式定义在
+// @/apis/xt/* 与 @/config/xt-routes 里，不依赖字典。
+// 待后端 `/system/dict/*` 落地后，把下面两行恢复即可。
+// const dictStore = useDictStore()
+// dictStore.getDictData()
+</script>
+
+<style lang="scss" scoped>
+.loading-icon {
+  width: 30px;
+}
+</style>
diff --git a/frontend-pc/src/apis/area/index.ts b/frontend-pc/src/apis/area/index.ts
new file mode 100644
index 0000000..f526bff
--- /dev/null
+++ b/frontend-pc/src/apis/area/index.ts
@@ -0,0 +1,9 @@
+import type * as T from './type'
+import http from '@/utils/http'
+
+export type * from './type'
+
+/** 获取地区列表 */
+export const getProvinceCityArea = (params: { type: 'province' | 'city' | 'area', code?: string }) => {
+  return http.get<T.AreaItem[]>('/area/getProvinceCityArea', params)
+}
diff --git a/frontend-pc/src/apis/area/type.ts b/frontend-pc/src/apis/area/type.ts
new file mode 100644
index 0000000..f129e36
--- /dev/null
+++ b/frontend-pc/src/apis/area/type.ts
@@ -0,0 +1,5 @@
+export interface AreaItem {
+  label: string
+  code: string
+  children?: AreaItem[]
+}
diff --git a/frontend-pc/src/apis/base.ts b/frontend-pc/src/apis/base.ts
new file mode 100644
index 0000000..cfc05ec
--- /dev/null
+++ b/frontend-pc/src/apis/base.ts
@@ -0,0 +1,39 @@
+import http from '@/utils/http'
+
+interface DefaultP {
+  GetListParams?: Record<string, any>
+  GetDetailParams?: { id: string }
+  AddParams?: Record<string, any>
+  UpdateParams?: Record<string, any>
+  DeleteParams?: { ids: string[] }
+}
+
+// 获取基础接口
+export function getBaseApi<T, P extends DefaultP = DefaultP>(params: { baseUrl: string }) {
+  const { baseUrl } = params
+
+  const baseApi = {
+    // 获取分页列表
+    getList(params?: P['GetListParams'] & { page?: number, size?: number }) {
+      return http.get<PageRes<T[]>>(`${baseUrl}/getList`, params)
+    },
+    // 获取详情
+    getDetail(params: P['GetDetailParams']) {
+      return http.get<T>(`${baseUrl}/getDetail`, params)
+    },
+    // 新增
+    add(params: P['AddParams']) {
+      return http.post<T>(`${baseUrl}/add`, params)
+    },
+    // 修改
+    update(params: P['UpdateParams']) {
+      return http.post<T>(`${baseUrl}/update`, params)
+    },
+    // 删除
+    delete(params: P['DeleteParams']) {
+      return http.post<boolean>(`${baseUrl}/delete`, params)
+    }
+  }
+
+  return baseApi
+}
diff --git a/frontend-pc/src/apis/cate/index.ts b/frontend-pc/src/apis/cate/index.ts
new file mode 100644
index 0000000..c1aa836
--- /dev/null
+++ b/frontend-pc/src/apis/cate/index.ts
@@ -0,0 +1,9 @@
+import type * as T from './type'
+import http from '@/utils/http'
+
+export type * from './type'
+
+/** 获取分类树 */
+export function getCateTree() {
+  return http.get<T.CateTreeItem[]>('/cate/getCateTree')
+}
diff --git a/frontend-pc/src/apis/cate/type.ts b/frontend-pc/src/apis/cate/type.ts
new file mode 100644
index 0000000..8d97442
--- /dev/null
+++ b/frontend-pc/src/apis/cate/type.ts
@@ -0,0 +1,8 @@
+export interface CateTreeItem {
+  id: string
+  name: string
+  pid: string | null
+  type: string | null
+  disabled: boolean
+  children: CateTreeItem[]
+}
diff --git a/frontend-pc/src/apis/file/index.ts b/frontend-pc/src/apis/file/index.ts
new file mode 100644
index 0000000..31923bb
--- /dev/null
+++ b/frontend-pc/src/apis/file/index.ts
@@ -0,0 +1,9 @@
+import type * as T from './type'
+import http from '@/utils/http'
+
+export type * from './type'
+
+/** 获取文件列表 */
+export function getFileList(params: { fileType: string | number }) {
+  return http.get<PageRes<T.FileItem[]>>('/file/getFileList', params)
+}
diff --git a/frontend-pc/src/apis/file/type.ts b/frontend-pc/src/apis/file/type.ts
new file mode 100644
index 0000000..fd58c7e
--- /dev/null
+++ b/frontend-pc/src/apis/file/type.ts
@@ -0,0 +1,13 @@
+// 文件
+export interface FileItem {
+  id: string
+  type: string
+  name: string
+  extendName: string
+  src: string
+  updateTime: string
+  isDir: boolean
+  filePath: string
+  size: number
+  [propName: string]: any // 一个 interface 中任意属性只能有一个
+}
diff --git a/frontend-pc/src/apis/person/index.ts b/frontend-pc/src/apis/person/index.ts
new file mode 100644
index 0000000..8b6959d
--- /dev/null
+++ b/frontend-pc/src/apis/person/index.ts
@@ -0,0 +1,7 @@
+import type * as T from './type'
+import { getBaseApi } from '@/apis/base'
+
+export type * from './type'
+
+/** 人物模块 */
+export const baseAPI = getBaseApi<T.ListItem>({ baseUrl: '/person' })
diff --git a/frontend-pc/src/apis/person/type.ts b/frontend-pc/src/apis/person/type.ts
new file mode 100644
index 0000000..bbfae6b
--- /dev/null
+++ b/frontend-pc/src/apis/person/type.ts
@@ -0,0 +1,16 @@
+// 表格项目
+export interface ListItem {
+  id: string
+  name: string
+  account: string
+  avatar: string
+  gender: Gender
+  phone: string
+  email: string
+  createTime: string
+  address: string
+  age: number
+  status: Status
+  hobby: string[]
+  remark: string
+}
diff --git a/frontend-pc/src/apis/system/dept.ts b/frontend-pc/src/apis/system/dept.ts
new file mode 100644
index 0000000..edba807
--- /dev/null
+++ b/frontend-pc/src/apis/system/dept.ts
@@ -0,0 +1,15 @@
+import { getBaseApi } from '@/apis/base'
+
+export interface ListItem {
+  id: string
+  name: string
+  sort: number
+  status: Status
+  createTime: string
+  parentId: string
+  children?: ListItem[]
+  description: string
+}
+
+/** 部门模块 */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/dept' })
diff --git a/frontend-pc/src/apis/system/dict.ts b/frontend-pc/src/apis/system/dict.ts
new file mode 100644
index 0000000..53fc692
--- /dev/null
+++ b/frontend-pc/src/apis/system/dict.ts
@@ -0,0 +1,44 @@
+import type { SelectOptionData } from '@arco-design/web-vue'
+import { getBaseApi } from '@/apis/base'
+import http from '@/utils/http'
+
+export interface ListItem {
+  id: string
+  createUserString: string
+  createTime: string
+  name: string
+  code: string
+  sort: number
+  status: Status
+  description: string
+}
+
+export type DictDetail = ListItem
+
+export type DictDataItem = {
+  id: string
+  name: string
+  value: string | number
+  sort: number
+  status: Status
+  remark?: string
+  createTime?: string
+}
+
+/** 字典模块 */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/dict' })
+
+/** 字典数据列表 */
+export function getDictDataList(params: { code: string, name?: string, status?: string } & Pagination) {
+  return http.get<PageRes<DictDataItem[]>>('/system/dict/getDictDataList', params)
+}
+
+/** 字典数据详情 */
+export function getDictDataDetail(params: { id: string, code: string }) {
+  return http.get<DictDataItem>('/system/dict/getDictDataDetail', params)
+}
+
+/** 获取字典数据映射 */
+export function getDictData() {
+  return http.get<Record<string, SelectOptionData[]>>('/system/dict/getDictData')
+}
diff --git a/frontend-pc/src/apis/system/menu.ts b/frontend-pc/src/apis/system/menu.ts
new file mode 100644
index 0000000..689e3f6
--- /dev/null
+++ b/frontend-pc/src/apis/system/menu.ts
@@ -0,0 +1,39 @@
+import { getBaseApi } from '@/apis/base'
+import http from '@/utils/http'
+
+export interface ListItem {
+  activeMenu: string
+  alwaysShow: boolean
+  breadcrumb: boolean
+  children: ListItem[]
+  component: string
+  hidden: boolean
+  icon: string
+  id: string
+  keepAlive: boolean
+  parentId: string
+  path: string
+  permission: string
+  redirect: string
+  roles: string[]
+  showInTabs: boolean
+  sort: number
+  status: Status
+  title: string
+  type: 1 | 2 | 3
+  affix: boolean
+}
+
+export interface MenuOptionsItem {
+  id: string
+  title: string
+  children: MenuOptionsItem[]
+}
+
+/** 菜单模块 */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/menu' })
+
+/** 获取角色分配权限菜单树 */
+export function getMenuOptions() {
+  return http.get<MenuOptionsItem[]>('/system/menu/getMenuOptions')
+}
diff --git a/frontend-pc/src/apis/system/role.ts b/frontend-pc/src/apis/system/role.ts
new file mode 100644
index 0000000..730d497
--- /dev/null
+++ b/frontend-pc/src/apis/system/role.ts
@@ -0,0 +1,23 @@
+import { getBaseApi } from '@/apis/base'
+import http from '@/utils/http'
+
+export interface ListItem {
+  id: string
+  createUserString: string
+  createTime: string
+  disabled: boolean
+  name: string
+  code: string
+  sort: number
+  status: Status
+  type: number
+  description: string
+}
+
+/** 角色模块 */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/role' })
+
+/** 获取角色权限 */
+export function getRoleMenuIds(params: { role: string }) {
+  return http.get<string[]>('/system/role/getRoleMenuIds', params)
+}
diff --git a/frontend-pc/src/apis/system/user.ts b/frontend-pc/src/apis/system/user.ts
new file mode 100644
index 0000000..1ec6607
--- /dev/null
+++ b/frontend-pc/src/apis/system/user.ts
@@ -0,0 +1,24 @@
+import { getBaseApi } from '@/apis/base'
+
+export interface ListItem {
+  id: string
+  createUserString: string
+  createTime: string
+  disabled: boolean
+  deptId: string
+  deptName: string
+  username: string
+  nickname: string
+  gender: Gender
+  avatar: string
+  email: string
+  phone: string
+  status: Status
+  type: 1 | 2
+  description: string
+  roleIds: string[]
+  roleNames: string[]
+}
+
+/** 用户模块 */
+export const baseAPI = getBaseApi<ListItem>({ baseUrl: '/system/user' })
diff --git a/frontend-pc/src/apis/test/index.ts b/frontend-pc/src/apis/test/index.ts
new file mode 100644
index 0000000..48b3a94
--- /dev/null
+++ b/frontend-pc/src/apis/test/index.ts
@@ -0,0 +1,11 @@
+import http from '@/utils/http'
+
+/** 请求成功的接口 */
+export function getTestSuccess() {
+  return http.get<string>('/test/success')
+}
+
+/** 请求失败的接口 */
+export function getTestFail() {
+  return http.get<any>('/test/fail')
+}
diff --git a/frontend-pc/src/apis/user/index.ts b/frontend-pc/src/apis/user/index.ts
new file mode 100644
index 0000000..ae6bd68
--- /dev/null
+++ b/frontend-pc/src/apis/user/index.ts
@@ -0,0 +1,24 @@
+import type * as T from './type'
+import http from '@/utils/http'
+
+export type * from './type'
+
+/** 登录 */
+export function login(data: { username: string, password: string }) {
+  return http.post<T.Login>('/user/login', data)
+}
+
+/** 退出登录 */
+export function logout() {
+  return http.post('/user/logout')
+}
+
+/** 获取用户信息 */
+export const getUserInfo = () => {
+  return http.get<T.UserInfo>('/user/getUserInfo')
+}
+
+/** 获取用户路由信息 */
+export const getUserRoutes = () => {
+  return http.get<T.UserRouteItem[]>('/user/getUserRoutes')
+}
diff --git a/frontend-pc/src/apis/user/type.ts b/frontend-pc/src/apis/user/type.ts
new file mode 100644
index 0000000..387384a
--- /dev/null
+++ b/frontend-pc/src/apis/user/type.ts
@@ -0,0 +1,34 @@
+export interface UserInfo {
+  id: string
+  nickname: string
+  avatar: string
+  roles: string[]
+  permissions: string[]
+}
+
+export interface Login {
+  token: string
+}
+
+export interface UserRouteItem {
+  activeMenu: string
+  alwaysShow: boolean
+  breadcrumb: boolean
+  children: UserRouteItem[]
+  component: string
+  hidden: boolean
+  icon: string
+  id: string
+  keepAlive: boolean
+  parentId: string
+  path: string
+  permission: string
+  redirect: string
+  roles: string[]
+  showInTabs: boolean
+  sort: number
+  status: Status
+  title: string
+  type: 1 | 2 | 3
+  affix: boolean
+}
diff --git a/frontend-pc/src/apis/xt/index.ts b/frontend-pc/src/apis/xt/index.ts
new file mode 100644
index 0000000..cefd9cc
--- /dev/null
+++ b/frontend-pc/src/apis/xt/index.ts
@@ -0,0 +1,81 @@
+/**
+ * 本项目业务接口的公共出口与类型。
+ *
+ * 与模板的 `src/apis/*` 分开，是因为两边契约不同：
+ *   - 模板：`/user/login`、`{ success, message }`、`{ records, total }`
+ *   - 本项目：`/auth/login`（《03-接口设计》§5）、`{ code, msg, data }`、`{ list, total }`
+ * 形状适配统一在 `@/utils/http` 里做，这里只负责路径与类型。
+ */
+import http from '@/utils/http'
+
+export { http }
+
+/** 登录接口（§5.1） */
+export interface LoginReq {
+  username: string
+  /** RSA 公钥加密后的 Base64，不是明文 */
+  password: string
+  /** 账号在多个租户下重名时必填 */
+  tenantCode?: string
+  captchaKey?: string
+  captchaCode?: string
+}
+
+export interface XtUserInfo {
+  id: number
+  username: string
+  realName: string
+  userType: number
+  avatarUrl: string | null
+  orgId: number | null
+}
+
+export interface XtTenantInfo {
+  id: number
+  tenantCode: string
+  tenantName: string
+  logoUrl: string | null
+}
+
+/** 登录 / 当前用户响应（§5.1 / §5.2） */
+export interface LoginVO {
+  token: string | null
+  expireSeconds: number
+  user: XtUserInfo
+  tenant: XtTenantInfo | null
+  roleCodes: string[]
+  /** 菜单键（决定左侧导航） */
+  menus: string[]
+  /** 细粒度权限码（决定按钮显隐） */
+  permissions: string[]
+}
+
+/** 图形验证码 */
+export interface CaptchaVO {
+  captchaKey: string
+  /** data:image/png;base64,... */
+  image: string
+  expireSeconds: number
+}
+
+// ── 认证（§5.1 / §5.2 / §5.9）──────────────────────────
+
+/** 登录（密码需先经 {@link encryptPassword} 加密） */
+export function login(data: LoginReq) {
+  return http.post<LoginVO>('/auth/login', data)
+}
+
+/** 当前用户 + 菜单 + 权限码 */
+export function getMe() {
+  return http.get<LoginVO>('/auth/me')
+}
+
+/** 登出（服务端会把 token 加入黑名单） */
+export function logout() {
+  return http.post<void>('/auth/logout')
+}
+
+/** 图形验证码（连续失败 2 次后服务端会要求） */
+export function getCaptcha() {
+  return http.get<CaptchaVO>('/auth/captcha')
+}
diff --git a/frontend-pc/src/apis/xt/org.ts b/frontend-pc/src/apis/xt/org.ts
new file mode 100644
index 0000000..accbdc5
--- /dev/null
+++ b/frontend-pc/src/apis/xt/org.ts
@@ -0,0 +1,63 @@
+/**
+ * 组织架构接口（《03-接口设计》§6.1~§6.3）。
+ *
+ * 契约差异（已在 `@/utils/http` 统一适配）：后端 `{ code, msg, data }`，
+ * 分页 `{ list, total }`（适配层会补一份 `records`）。
+ */
+import http from '@/utils/http'
+
+/** 组织树节点（§6.1） */
+export interface OrgTreeVO {
+  id: number
+  orgName: string
+  /** 1 学校 / 2 院系或专业 / 3 班级 / 4 报名点 */
+  orgType: number
+  orgCode: string | null
+  leaderUserId: number | null
+  leaderName: string | null
+  sortNo: number
+  status: number
+  studentCount: number | null
+  children: OrgTreeVO[]
+}
+
+/** 新增 / 修改请求（§6.2） */
+export interface OrgUpsertReq {
+  parentId?: number | null
+  orgName: string
+  orgType: number
+  orgCode: string
+  leaderUserId?: number | null
+  sortNo?: number
+}
+
+/**
+ * 组织树。
+ * @param withCount 是否附带每节点学生数（会多一次聚合查询，列表页按需开）
+ */
+export function getOrgTree(params: { withCount?: boolean, rootId?: number } = {}) {
+  return http.get<OrgTreeVO[]>('/orgs/tree', params)
+}
+
+/** 新增，返回新节点 id */
+export function addOrg(data: OrgUpsertReq) {
+  return http.post<number>('/orgs', data)
+}
+
+/** 修改；变更层级时服务端会自动重算整棵子树的 ancestor_path */
+export function updateOrg(id: number, data: OrgUpsertReq) {
+  return http.put<void>(`/orgs/${id}`, data)
+}
+
+/** 删除；有下级组织或账号时返回 40015 并给出占用清单 */
+export function deleteOrg(id: number) {
+  return http.delete<void>(`/orgs/${id}`)
+}
+
+/** 组织类型 → 中文名（与 DDL 的 org_type 对齐） */
+export const ORG_TYPE_NAMES: Record<number, string> = {
+  1: '学校',
+  2: '院系 / 专业',
+  3: '班级',
+  4: '报名点'
+}
diff --git a/frontend-pc/src/apis/xt/tenant.ts b/frontend-pc/src/apis/xt/tenant.ts
new file mode 100644
index 0000000..e9ee085
--- /dev/null
+++ b/frontend-pc/src/apis/xt/tenant.ts
@@ -0,0 +1,83 @@
+/**
+ * 租户管理接口（《03-接口设计》§6.5~§6.6）。
+ *
+ * ⚠️ 全部接口**仅平台运营可用**。学校管理员调用会得到 40301，
+ *    前端据此隐藏入口（见 `@/config/xt-routes` 的菜单过滤）。
+ */
+import http from '@/utils/http'
+
+/** 租户（§6.5） */
+export interface TenantVO {
+  id: number
+  tenantCode: string
+  tenantName: string
+  tenantType: number
+  contactName: string | null
+  contactPhone: string | null
+  packageId: number | null
+  expireTime: string | null
+  status: number
+  logoUrl: string | null
+  createTime: string | null
+}
+
+/** 开通租户请求（§6.6） */
+export interface TenantCreateReq {
+  tenantName: string
+  tenantCode: string
+  tenantType: number
+  contactName: string
+  contactPhone: string
+  packageId?: number
+  expireTime: string
+  adminUsername: string
+  adminRealName: string
+  adminPhone: string
+}
+
+/** 开通结果：初始密码**只返回这一次** */
+export interface TenantCreateResult {
+  id: number
+  adminInitialPassword: string
+  miniProgramScene: string
+}
+
+/** 分页查询参数（后端用 pageNum/pageSize，模板的 useTable 用 page/size） */
+export interface TenantQuery {
+  keyword?: string
+  status?: number
+  expireBefore?: string
+  pageNum?: number
+  pageSize?: number
+}
+
+export function getTenantList(params: TenantQuery = {}) {
+  return http.get<{ list: TenantVO[], total: number }>('/tenants', params)
+}
+
+export function getTenantDetail(id: number) {
+  return http.get<TenantVO>(`/tenants/${id}`)
+}
+
+/**
+ * 开通租户：一次请求完成「建租户 + 发放 6 个内置角色 + 创建首个管理员」。
+ * 返回的 `adminInitialPassword` 只在这一次响应里，界面必须让用户当场记下。
+ */
+export function createTenant(data: TenantCreateReq) {
+  return http.post<TenantCreateResult>('/tenants', data)
+}
+
+/** 租户类型 → 中文名 */
+export const TENANT_TYPE_NAMES: Record<number, string> = {
+  1: '学校',
+  2: '认定机构',
+  3: '报名点',
+  4: '企业'
+}
+
+/** 租户状态 → 文案与颜色 */
+export const TENANT_STATUS: Record<number, { text: string, color: string }> = {
+  0: { text: '已停用', color: 'gray' },
+  1: { text: '正常', color: 'green' },
+  2: { text: '试用', color: 'orange' }
+}
diff --git a/frontend-pc/src/assets/images/login-hero.svg b/frontend-pc/src/assets/images/login-hero.svg
new file mode 100644
index 0000000..d383a3b
--- /dev/null
+++ b/frontend-pc/src/assets/images/login-hero.svg
@@ -0,0 +1,77 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" width="600" height="400"
+     role="img" aria-label="散乱的材料自动归集为规范包">
+  <!--
+    登录页头图 · 材料归集
+    ================================================================
+    配色全部取自腾讯云 / TDesign 官方色板（与 xt-theme.less 一致）：
+      主色       #0052D9   主色 hover  #266FE8   主色浅阶  #699EF5
+      浅阶       #96BBF8   更浅        #BBD3FB   最浅      #D4E3FC / #ECF2FE
+      成功       #00A870   中性描边    #E7E7E7   中性底    #F3F3F3
+
+    画面在说什么：
+      左边两张「散的」材料卡（一寸照片、身份证），顺着虚线流进右边
+      一叠「已经码齐」的规范文件，右上角一枚绿色通过章。
+      对应产品的三件事 —— 收集 → 按规则整理 → 过审。
+      刻意不画文字：文字在不同字号下会糊，插画只负责传达"秩序感"。
+  -->
+  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+
+    <!-- ── 背景装饰 ────────────────────────────────── -->
+    <circle cx="492" cy="86" r="100" fill="#ECF2FE" />
+    <circle cx="88" cy="330" r="66" fill="#F3F3F3" />
+    <circle cx="212" cy="94" r="5" fill="#BBD3FB" />
+    <circle cx="252" cy="74" r="3.5" fill="#D4E3FC" />
+    <circle cx="146" cy="322" r="4.5" fill="#DCDCDC" />
+    <circle cx="194" cy="342" r="3" fill="#E7E7E7" />
+
+    <!-- ── 规范文件堆叠（右）───────────────────────── -->
+    <!-- 底层 -->
+    <rect x="300" y="188" width="168" height="110" rx="14" fill="#D4E3FC" />
+    <!-- 中层 -->
+    <rect x="316" y="172" width="168" height="110" rx="14" fill="#96BBF8" />
+    <!-- 顶层（当前这一份） -->
+    <rect x="332" y="156" width="168" height="110" rx="14" fill="#FFFFFF"
+          stroke="#BBD3FB" stroke-width="2" />
+    <!-- 顶层内容：一个标题条 + 三行正文，示意"已按模板排好" -->
+    <rect x="352" y="178" width="54" height="8" rx="4" fill="#0052D9" />
+    <rect x="352" y="198" width="126" height="6" rx="3" fill="#E7E7E7" />
+    <rect x="352" y="212" width="126" height="6" rx="3" fill="#E7E7E7" />
+    <rect x="352" y="226" width="84" height="6" rx="3" fill="#E7E7E7" />
+
+    <!-- ── 待归集的材料（左）───────────────────────── -->
+    <!-- 一寸照片：圆形占位代表人脸区 -->
+    <g transform="rotate(-8 138 154)">
+      <rect x="104" y="112" width="68" height="84" rx="10" fill="#FFFFFF"
+            stroke="#DCDCDC" stroke-width="2" />
+      <circle cx="138" cy="140" r="14" fill="#D4E3FC" />
+      <rect x="120" y="166" width="36" height="5" rx="2.5" fill="#E7E7E7" />
+    </g>
+
+    <!-- 身份证：方形占位代表证件照区 -->
+    <g transform="rotate(7 106 253)">
+      <rect x="58" y="222" width="96" height="62" rx="10" fill="#FFFFFF"
+            stroke="#DCDCDC" stroke-width="2" />
+      <rect x="72" y="236" width="30" height="34" rx="6" fill="#BBD3FB" />
+      <rect x="112" y="240" width="32" height="5" rx="2.5" fill="#E7E7E7" />
+      <rect x="112" y="252" width="32" height="5" rx="2.5" fill="#E7E7E7" />
+      <rect x="112" y="264" width="20" height="5" rx="2.5" fill="#E7E7E7" />
+    </g>
+
+    <!-- ── 归集路径：虚线把"散"和"齐"连起来 ─────────── -->
+    <path d="M180 158 C232 156, 274 168, 316 186"
+          stroke="#699EF5" stroke-width="2" stroke-linecap="round"
+          stroke-dasharray="7 7" opacity="0.6" />
+    <path d="M162 268 C222 270, 272 250, 316 226"
+          stroke="#699EF5" stroke-width="2" stroke-linecap="round"
+          stroke-dasharray="7 7" opacity="0.6" />
+
+    <!-- ── 通过章：盖在规范文件的右上角 ──────────────── -->
+    <!-- 底下垫一圈主色光晕，避免绿章与蓝卡生硬相接 -->
+    <circle cx="506" cy="134" r="34" fill="#0052D9" opacity="0.06" />
+    <circle cx="506" cy="134" r="27" fill="#00A870" />
+    <circle cx="506" cy="134" r="27" stroke="#FFFFFF" stroke-width="3" opacity="0.22" />
+    <path d="M494 134 l9 9 l18 -18" stroke="#FFFFFF" stroke-width="4"
+          stroke-linecap="round" stroke-linejoin="round" />
+
+  </g>
+</svg>
diff --git a/frontend-pc/src/assets/images/logo.svg b/frontend-pc/src/assets/images/logo.svg
new file mode 100644
index 0000000..9f239d6
--- /dev/null
+++ b/frontend-pc/src/assets/images/logo.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="填报通">
+  <!--
+    填报通 品牌标
+    ================================================================
+    配色取自腾讯云 / TDesign 官方色板（与 src/styles/arco-ui/xt-theme.less 一致）：
+      主色  #0052D9   主色亮阶  #2975E1   浅底  #ECF2FE
+
+    设计说明：
+      · 圆角方形 + 「填」字，与产品原型（docs/prototype 的 .mark）保持同一识别符号
+      · 用渐变而不是纯色，是为了在 32px 的侧栏尺寸下也不显得扁平死板
+      · 顶部一道极淡的高光，给方形一点体积感（模仿纸质卡片的受光）
+      · 不画对勾等附加符号：尺寸一旦缩到 favicon，多余元素只会变成噪点
+  -->
+  <defs>
+    <linearGradient id="xtLogoBg" x1="0" y1="0" x2="0.35" y2="1">
+      <stop offset="0%" stop-color="#2975E1" />
+      <stop offset="100%" stop-color="#0052D9" />
+    </linearGradient>
+    <linearGradient id="xtLogoGloss" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.22" />
+      <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <!-- 底板 -->
+  <rect x="0" y="0" width="64" height="64" rx="15" fill="url(#xtLogoBg)" />
+
+  <!-- 顶部高光 -->
+  <path d="M0 15A15 15 0 0 1 15 0h34a15 15 0 0 1 15 15v9H0z" fill="url(#xtLogoGloss)" />
+
+  <!-- 内描边：让标在浅色底上也有轮廓，不至于"浮"着 -->
+  <rect x="0.75" y="0.75" width="62.5" height="62.5" rx="14.25"
+        fill="none" stroke="#FFFFFF" stroke-opacity="0.18" stroke-width="1.5" />
+
+  <!-- 「填」字 -->
+  <text
+    x="32" y="33.5"
+    fill="#FFFFFF"
+    font-size="37"
+    font-weight="600"
+    font-family="Songti SC, STSong, SimSun, Noto Serif SC, Source Han Serif SC, serif"
+    text-anchor="middle"
+    dominant-baseline="central"
+  >填</text>
+</svg>
diff --git a/frontend-pc/src/auto-import.d.ts b/frontend-pc/src/auto-import.d.ts
new file mode 100644
index 0000000..72370df
--- /dev/null
+++ b/frontend-pc/src/auto-import.d.ts
@@ -0,0 +1,78 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useLink: typeof import('vue-router').useLink
+  const useModel: typeof import('vue').useModel
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/frontend-pc/src/components.d.ts b/frontend-pc/src/components.d.ts
new file mode 100644
index 0000000..029eb77
--- /dev/null
+++ b/frontend-pc/src/components.d.ts
@@ -0,0 +1,160 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+import { GlobalComponents } from 'vue'
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AAlert: typeof import('@arco-design/web-vue')['Alert']
+    AAvatar: typeof import('@arco-design/web-vue')['Avatar']
+    ABadge: typeof import('@arco-design/web-vue')['Badge']
+    ABreadcrumb: typeof import('@arco-design/web-vue')['Breadcrumb']
+    ABreadcrumbItem: typeof import('@arco-design/web-vue')['BreadcrumbItem']
+    AButton: typeof import('@arco-design/web-vue')['Button']
+    ACard: typeof import('@arco-design/web-vue')['Card']
+    ACol: typeof import('@arco-design/web-vue')['Col']
+    AComment: typeof import('@arco-design/web-vue')['Comment']
+    AConfigProvider: typeof import('@arco-design/web-vue')['ConfigProvider']
+    ADatePicker: typeof import('@arco-design/web-vue')['DatePicker']
+    ADescriptions: typeof import('@arco-design/web-vue')['Descriptions']
+    ADescriptionsItem: typeof import('@arco-design/web-vue')['DescriptionsItem']
+    ADivider: typeof import('@arco-design/web-vue')['Divider']
+    ADoption: typeof import('@arco-design/web-vue')['Doption']
+    ADrawer: typeof import('@arco-design/web-vue')['Drawer']
+    ADropdown: typeof import('@arco-design/web-vue')['Dropdown']
+    AEmpty: typeof import('@arco-design/web-vue')['Empty']
+    AForm: typeof import('@arco-design/web-vue')['Form']
+    AFormItem: typeof import('@arco-design/web-vue')['FormItem']
+    AInput: typeof import('@arco-design/web-vue')['Input']
+    AInputNumber: typeof import('@arco-design/web-vue')['InputNumber']
+    AInputPassword: typeof import('@arco-design/web-vue')['InputPassword']
+    AInputSearch: typeof import('@arco-design/web-vue')['InputSearch']
+    ALayout: typeof import('@arco-design/web-vue')['Layout']
+    ALayoutHeader: typeof import('@arco-design/web-vue')['LayoutHeader']
+    ALayoutSider: typeof import('@arco-design/web-vue')['LayoutSider']
+    ALink: typeof import('@arco-design/web-vue')['Link']
+    AMenu: typeof import('@arco-design/web-vue')['Menu']
+    AMenuItem: typeof import('@arco-design/web-vue')['MenuItem']
+    AModal: typeof import('@arco-design/web-vue')['Modal']
+    AOption: typeof import('@arco-design/web-vue')['Option']
+    APopconfirm: typeof import('@arco-design/web-vue')['Popconfirm']
+    APopover: typeof import('@arco-design/web-vue')['Popover']
+    ARow: typeof import('@arco-design/web-vue')['Row']
+    AScrollbar: typeof import('@arco-design/web-vue')['Scrollbar']
+    ASelect: typeof import('@arco-design/web-vue')['Select']
+    ASpace: typeof import('@arco-design/web-vue')['Space']
+    ASpin: typeof import('@arco-design/web-vue')['Spin']
+    ASplit: typeof import('@arco-design/web-vue')['Split']
+    ASubMenu: typeof import('@arco-design/web-vue')['SubMenu']
+    ASwitch: typeof import('@arco-design/web-vue')['Switch']
+    ATable: typeof import('@arco-design/web-vue')['Table']
+    ATableColumn: typeof import('@arco-design/web-vue')['TableColumn']
+    ATabPane: typeof import('@arco-design/web-vue')['TabPane']
+    ATabs: typeof import('@arco-design/web-vue')['Tabs']
+    ATag: typeof import('@arco-design/web-vue')['Tag']
+    ATooltip: typeof import('@arco-design/web-vue')['Tooltip']
+    ATree: typeof import('@arco-design/web-vue')['Tree']
+    GiButton: typeof import('./components/GiButton/GiButton.vue')['default']
+    GiCellAvatar: typeof import('./components/GiCell/GiCellAvatar.vue')['default']
+    GiCellGender: typeof import('./components/GiCell/GiCellGender.vue')['default']
+    GiCellStatus: typeof import('./components/GiCell/GiCellStatus.vue')['default']
+    GiCellTags: typeof import('./components/GiCell/GiCellTags.vue')['default']
+    GiDot: typeof import('./components/GiDot/GiDot.tsx')['default']
+    GiEditTable: typeof import('./components/GiEditTable/GiEditTable.vue')['default']
+    GiFlex: typeof import('./components/GiFlex/GiFlex.vue')['default']
+    GiForm: typeof import('./components/GiForm/GiForm.vue')['default']
+    GiIconBox: typeof import('./components/GiIconBox/GiIconBox.vue')['default']
+    GiInputSearch: typeof import('./components/GiInputSearch/GiInputSearch.vue')['default']
+    GiOption: typeof import('./components/GiOption/GiOption.vue')['default']
+    GiOptionItem: typeof import('./components/GiOption/GiOptionItem.vue')['default']
+    GiPageLayout: typeof import('./components/GiPageLayout/GiPageLayout.vue')['default']
+    GiTable: typeof import('./components/GiTable/GiTable.vue')['default']
+    GiTableSetting: typeof import('./components/GiTableSetting/GiTableSetting.vue')['default']
+    GiTag: typeof import('./components/GiTag/GiTag.tsx')['default']
+    GiThemeBtn: typeof import('./components/GiThemeBtn/GiThemeBtn.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SplitButton: typeof import('./components/GiPageLayout/SplitButton.vue')['default']
+  }
+}
+
+// For TSX support
+declare global {
+  const AAlert: typeof import('@arco-design/web-vue')['Alert']
+  const AAvatar: typeof import('@arco-design/web-vue')['Avatar']
+  const ABadge: typeof import('@arco-design/web-vue')['Badge']
+  const ABreadcrumb: typeof import('@arco-design/web-vue')['Breadcrumb']
+  const ABreadcrumbItem: typeof import('@arco-design/web-vue')['BreadcrumbItem']
+  const AButton: typeof import('@arco-design/web-vue')['Button']
+  const ACard: typeof import('@arco-design/web-vue')['Card']
+  const ACol: typeof import('@arco-design/web-vue')['Col']
+  const AComment: typeof import('@arco-design/web-vue')['Comment']
+  const AConfigProvider: typeof import('@arco-design/web-vue')['ConfigProvider']
+  const ADatePicker: typeof import('@arco-design/web-vue')['DatePicker']
+  const ADescriptions: typeof import('@arco-design/web-vue')['Descriptions']
+  const ADescriptionsItem: typeof import('@arco-design/web-vue')['DescriptionsItem']
+  const ADivider: typeof import('@arco-design/web-vue')['Divider']
+  const ADoption: typeof import('@arco-design/web-vue')['Doption']
+  const ADrawer: typeof import('@arco-design/web-vue')['Drawer']
+  const ADropdown: typeof import('@arco-design/web-vue')['Dropdown']
+  const AEmpty: typeof import('@arco-design/web-vue')['Empty']
+  const AForm: typeof import('@arco-design/web-vue')['Form']
+  const AFormItem: typeof import('@arco-design/web-vue')['FormItem']
+  const AInput: typeof import('@arco-design/web-vue')['Input']
+  const AInputNumber: typeof import('@arco-design/web-vue')['InputNumber']
+  const AInputPassword: typeof import('@arco-design/web-vue')['InputPassword']
+  const AInputSearch: typeof import('@arco-design/web-vue')['InputSearch']
+  const ALayout: typeof import('@arco-design/web-vue')['Layout']
+  const ALayoutHeader: typeof import('@arco-design/web-vue')['LayoutHeader']
+  const ALayoutSider: typeof import('@arco-design/web-vue')['LayoutSider']
+  const ALink: typeof import('@arco-design/web-vue')['Link']
+  const AMenu: typeof import('@arco-design/web-vue')['Menu']
+  const AMenuItem: typeof import('@arco-design/web-vue')['MenuItem']
+  const AModal: typeof import('@arco-design/web-vue')['Modal']
+  const AOption: typeof import('@arco-design/web-vue')['Option']
+  const APopconfirm: typeof import('@arco-design/web-vue')['Popconfirm']
+  const APopover: typeof import('@arco-design/web-vue')['Popover']
+  const ARow: typeof import('@arco-design/web-vue')['Row']
+  const AScrollbar: typeof import('@arco-design/web-vue')['Scrollbar']
+  const ASelect: typeof import('@arco-design/web-vue')['Select']
+  const ASpace: typeof import('@arco-design/web-vue')['Space']
+  const ASpin: typeof import('@arco-design/web-vue')['Spin']
+  const ASplit: typeof import('@arco-design/web-vue')['Split']
+  const ASubMenu: typeof import('@arco-design/web-vue')['SubMenu']
+  const ASwitch: typeof import('@arco-design/web-vue')['Switch']
+  const ATable: typeof import('@arco-design/web-vue')['Table']
+  const ATableColumn: typeof import('@arco-design/web-vue')['TableColumn']
+  const ATabPane: typeof import('@arco-design/web-vue')['TabPane']
+  const ATabs: typeof import('@arco-design/web-vue')['Tabs']
+  const ATag: typeof import('@arco-design/web-vue')['Tag']
+  const ATooltip: typeof import('@arco-design/web-vue')['Tooltip']
+  const ATree: typeof import('@arco-design/web-vue')['Tree']
+  const GiButton: typeof import('./components/GiButton/GiButton.vue')['default']
+  const GiCellAvatar: typeof import('./components/GiCell/GiCellAvatar.vue')['default']
+  const GiCellGender: typeof import('./components/GiCell/GiCellGender.vue')['default']
+  const GiCellStatus: typeof import('./components/GiCell/GiCellStatus.vue')['default']
+  const GiCellTags: typeof import('./components/GiCell/GiCellTags.vue')['default']
+  const GiDot: typeof import('./components/GiDot/GiDot.tsx')['default']
+  const GiEditTable: typeof import('./components/GiEditTable/GiEditTable.vue')['default']
+  const GiFlex: typeof import('./components/GiFlex/GiFlex.vue')['default']
+  const GiForm: typeof import('./components/GiForm/GiForm.vue')['default']
+  const GiIconBox: typeof import('./components/GiIconBox/GiIconBox.vue')['default']
+  const GiInputSearch: typeof import('./components/GiInputSearch/GiInputSearch.vue')['default']
+  const GiOption: typeof import('./components/GiOption/GiOption.vue')['default']
+  const GiOptionItem: typeof import('./components/GiOption/GiOptionItem.vue')['default']
+  const GiPageLayout: typeof import('./components/GiPageLayout/GiPageLayout.vue')['default']
+  const GiTable: typeof import('./components/GiTable/GiTable.vue')['default']
+  const GiTableSetting: typeof import('./components/GiTableSetting/GiTableSetting.vue')['default']
+  const GiTag: typeof import('./components/GiTag/GiTag.tsx')['default']
+  const GiThemeBtn: typeof import('./components/GiThemeBtn/GiThemeBtn.vue')['default']
+  const RouterLink: typeof import('vue-router')['RouterLink']
+  const RouterView: typeof import('vue-router')['RouterView']
+  const SplitButton: typeof import('./components/GiPageLayout/SplitButton.vue')['default']
+}
\ No newline at end of file
diff --git a/frontend-pc/src/components/GiButton/GiButton.vue b/frontend-pc/src/components/GiButton/GiButton.vue
new file mode 100644
index 0000000..637f1f7
--- /dev/null
+++ b/frontend-pc/src/components/GiButton/GiButton.vue
@@ -0,0 +1,86 @@
+<template>
+  <a-button v-bind="buttonProps" @click="emit('click')">
+    <template v-if="buttonConfig?.icon" #icon>
+      <component :is="buttonConfig.icon" />
+    </template>
+    <template #default>
+      <slot>{{ buttonConfig?.text }}</slot>
+    </template>
+  </a-button>
+</template>
+
+<script setup lang="ts">
+import type { ButtonProps as AButtonProps } from '@arco-design/web-vue'
+import type { Component } from 'vue'
+import type { ButtonProps as Props } from './type'
+import { IconDelete, IconDownload, IconEdit, IconImport, IconPlus, IconSearch, IconUpload } from '@arco-design/web-vue/es/icon'
+import { computed } from 'vue'
+
+defineOptions({
+  name: 'GiButton'
+})
+
+const props = withDefaults(defineProps<Props>(), {
+  type: ''
+})
+
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+/** 按钮配置类型 */
+interface ButtonConfig {
+  icon?: Component
+  text: string
+  status?: AButtonProps['status']
+  type?: AButtonProps['type']
+}
+
+/** 按钮类型映射表 */
+const BUTTON_MAP: Record<string, ButtonConfig> = {
+  add: { icon: IconPlus, text: '新增' },
+  edit: { icon: IconEdit, text: '编辑' },
+  delete: { icon: IconDelete, text: '删除', status: 'danger' },
+  search: { icon: IconSearch, text: '搜索' },
+  reset: { icon: undefined, text: '重置', type: 'secondary' },
+  upload: { icon: IconUpload, text: '上传', type: 'secondary' },
+  import: { icon: IconImport, text: '导入', type: 'secondary' },
+  export: { icon: IconDownload, text: '导出', type: 'secondary' }
+}
+
+/** Arco 原生按钮类型 */
+const ARCO_BUTTON_TYPES: AButtonProps['type'][] = ['primary', 'secondary', 'outline', 'dashed', 'text']
+
+/** 当前按钮配置 */
+const buttonConfig = computed<ButtonConfig | undefined>(() => {
+  if (!props.type) {
+    return undefined
+  }
+  return BUTTON_MAP[props.type]
+})
+
+/** 按钮属性计算 */
+const buttonProps = computed(() => {
+  // 判断是否为 Arco 原生类型
+  const isArcoType = ARCO_BUTTON_TYPES.includes(props.type as AButtonProps['type'])
+
+  // 确定按钮类型
+  let buttonType: AButtonProps['type'] = 'primary'
+  if (isArcoType) {
+    buttonType = props.type as AButtonProps['type']
+  } else if (buttonConfig.value?.type) {
+    buttonType = buttonConfig.value.type
+  }
+
+  // 确定按钮状态
+  const buttonStatus: AButtonProps['status'] = buttonConfig.value?.status || 'normal'
+
+  return {
+    ...props,
+    type: buttonType,
+    status: buttonStatus
+  }
+})
+</script>
+
+<style lang='scss' scoped></style>
diff --git a/frontend-pc/src/components/GiButton/index.ts b/frontend-pc/src/components/GiButton/index.ts
new file mode 100644
index 0000000..9750fe6
--- /dev/null
+++ b/frontend-pc/src/components/GiButton/index.ts
@@ -0,0 +1,5 @@
+import Button from './GiButton.vue'
+
+export type ButtonInstance = InstanceType<typeof Button>
+export * from './type'
+export { Button as GiButton }
diff --git a/frontend-pc/src/components/GiButton/type.ts b/frontend-pc/src/components/GiButton/type.ts
new file mode 100644
index 0000000..7c6bf35
--- /dev/null
+++ b/frontend-pc/src/components/GiButton/type.ts
@@ -0,0 +1,5 @@
+import type { ButtonProps as ArcoButtonProps } from '@arco-design/web-vue'
+
+export interface ButtonProps extends Omit<ArcoButtonProps, 'type'> {
+  type?: 'add' | 'edit' | 'delete' | 'search' | 'reset' | 'upload' | 'import' | 'export' | ''
+}
diff --git a/frontend-pc/src/components/GiCell/GiCellAvatar.vue b/frontend-pc/src/components/GiCell/GiCellAvatar.vue
new file mode 100644
index 0000000..5bf95dd
--- /dev/null
+++ b/frontend-pc/src/components/GiCell/GiCellAvatar.vue
@@ -0,0 +1,31 @@
+<template>
+  <a-space fill>
+    <a-avatar :size="24" shape="circle">
+      <img :src="props.avatar" />
+    </a-avatar>
+    <a-link v-if="props.isLink" @click="emit('click')">{{ props.name }}</a-link>
+    <span v-else>{{ props.name }}</span>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'GiCellAvatar' })
+
+const props = withDefaults(defineProps<Props>(), {
+  avatar: '',
+  name: '',
+  isLink: false // 是否可以点击
+})
+
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+interface Props {
+  avatar?: string
+  name?: string
+  isLink?: boolean
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/GiCell/GiCellGender.vue b/frontend-pc/src/components/GiCell/GiCellGender.vue
new file mode 100644
index 0000000..ee22cbf
--- /dev/null
+++ b/frontend-pc/src/components/GiCell/GiCellGender.vue
@@ -0,0 +1,28 @@
+<template>
+  <a-tag v-if="props.gender === '1'" color="arcoblue" class="g-round">
+    <template #icon><icon-man /></template>
+    <template #default>男</template>
+  </a-tag>
+  <a-tag v-if="props.gender === '2'" color="purple" class="g-round">
+    <template #icon><icon-woman /></template>
+    <template #default>女</template>
+  </a-tag>
+  <a-tag v-if="props.gender === '3'" color="gray" class="g-round">
+    <template #icon><icon-lock /></template>
+    <template #default>保密</template>
+  </a-tag>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'GiCellGender' })
+
+const props = withDefaults(defineProps<Props>(), {
+  gender: '1'
+})
+
+interface Props {
+  gender?: Gender
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/GiCell/GiCellStatus.vue b/frontend-pc/src/components/GiCell/GiCellStatus.vue
new file mode 100644
index 0000000..918885e
--- /dev/null
+++ b/frontend-pc/src/components/GiCell/GiCellStatus.vue
@@ -0,0 +1,24 @@
+<template>
+  <a-tag v-if="props.status === '1'" color="arcoblue">
+    <template #icon><icon-check-circle-fill /></template>
+    <template #default>正常</template>
+  </a-tag>
+  <a-tag v-if="props.status === '0'" color="orangered">
+    <template #icon><icon-minus-circle-fill /></template>
+    <template #default>禁用</template>
+  </a-tag>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'GiCellStatus' })
+
+const props = withDefaults(defineProps<Props>(), {
+  status: '1'
+})
+
+interface Props {
+  status?: Status
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/GiCell/GiCellTags.vue b/frontend-pc/src/components/GiCell/GiCellTags.vue
new file mode 100644
index 0000000..7456aab
--- /dev/null
+++ b/frontend-pc/src/components/GiCell/GiCellTags.vue
@@ -0,0 +1,33 @@
+<template>
+  <a-overflow-list v-if="data.length">
+    <a-tag v-for="(item, index) in data" :key="index">
+      {{ item }}
+    </a-tag>
+    <template #overflow="{ number }">
+      <a-popover :content-style="{ maxWidth: '300px', padding: '8px 12px' }">
+        <a-tag color="arcoblue">+{{ number }}</a-tag>
+        <template #content>
+          <a-space wrap>
+            <a-tag v-for="tag in data.filter((i, n) => n >= data.length - number)" :key="tag">
+              {{ tag }}
+            </a-tag>
+          </a-space>
+        </template>
+      </a-popover>
+    </template>
+  </a-overflow-list>
+</template>
+
+<script lang="ts" setup>
+defineOptions({ name: 'GiCellTags' })
+
+withDefaults(defineProps<Props>(), {
+  data: () => []
+})
+
+interface Props {
+  data?: string[]
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/GiCell/index.ts b/frontend-pc/src/components/GiCell/index.ts
new file mode 100644
index 0000000..d39267f
--- /dev/null
+++ b/frontend-pc/src/components/GiCell/index.ts
@@ -0,0 +1,6 @@
+import GiCellAvatar from './GiCellAvatar.vue'
+import GiCellGender from './GiCellGender.vue'
+import GiCellStatus from './GiCellStatus.vue'
+import GiCellTags from './GiCellTags.vue'
+
+export { GiCellAvatar, GiCellGender, GiCellStatus, GiCellTags }
diff --git a/frontend-pc/src/components/GiDot/GiDot.tsx b/frontend-pc/src/components/GiDot/GiDot.tsx
new file mode 100644
index 0000000..83c6119
--- /dev/null
+++ b/frontend-pc/src/components/GiDot/GiDot.tsx
@@ -0,0 +1,33 @@
+/**
+ * @file GiDot 组件 - 用于显示带有可选动画效果的状态点
+ */
+import type { PropType } from 'vue'
+import type { DotType, DotProps as Props } from './type'
+import { defineComponent } from 'vue'
+import './dot.scss'
+
+export default defineComponent({
+  name: 'GiDot',
+  props: {
+    animation: {
+      type: Boolean as PropType<boolean>,
+      default: true,
+      required: false
+    },
+    type: {
+      type: String as PropType<DotType>,
+      default: 'primary',
+      required: false,
+      validator: (value: string): boolean => {
+        return ['primary', 'success', 'warning', 'danger', 'info'].includes(value)
+      }
+    }
+  },
+  setup(props: Props) {
+    return () => (
+      <span
+        class={['gi-dot', { 'gi-dot-processing': props.animation }, `gi-dot-${props.type}`]}
+      />
+    )
+  }
+})
diff --git a/frontend-pc/src/components/GiDot/dot.scss b/frontend-pc/src/components/GiDot/dot.scss
new file mode 100644
index 0000000..a762721
--- /dev/null
+++ b/frontend-pc/src/components/GiDot/dot.scss
@@ -0,0 +1,58 @@
+.gi-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  vertical-align: middle;
+  background: #000;
+  border-radius: 50%;
+}
+
+$types: primary, success, warning, danger, info;
+
+@each $i in $types {
+  .gi-dot-#{$i}
+
+ {
+    background-color: rgb(var(--#{$i}-6));
+  }
+
+  @if ($i ==info) {
+    .gi-dot-#{$i}
+
+ {
+      background-color: rgb(var(--gray-6));
+    }
+  }
+}
+
+.gi-dot-processing {
+  position: relative;
+}
+
+.gi-dot-processing::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: '';
+  background: inherit;
+  border-radius: 50%;
+  animation: gi-dot-animated 1.2s ease-in-out infinite;
+}
+
+@keyframes gi-dot-animated {
+  0% {
+    opacity: 1;
+    transform: scale(0.5);
+  }
+
+  30% {
+    opacity: 0.7;
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(2.5);
+  }
+}
\ No newline at end of file
diff --git a/frontend-pc/src/components/GiDot/index.ts b/frontend-pc/src/components/GiDot/index.ts
new file mode 100644
index 0000000..0f39877
--- /dev/null
+++ b/frontend-pc/src/components/GiDot/index.ts
@@ -0,0 +1,5 @@
+import Dot from './GiDot.tsx'
+
+export type * from './type'
+export type DotInstance = InstanceType<typeof Dot>
+export { Dot as GiDot }
diff --git a/frontend-pc/src/components/GiDot/type.ts b/frontend-pc/src/components/GiDot/type.ts
new file mode 100644
index 0000000..c066c69
--- /dev/null
+++ b/frontend-pc/src/components/GiDot/type.ts
@@ -0,0 +1,10 @@
+/** 点的类型 */
+export type DotType = 'primary' | 'success' | 'warning' | 'danger' | 'info'
+
+/** 组件属性定义 */
+export interface DotProps {
+  /** 点的类型 */
+  type?: DotType
+  /** 是否启用动画效果 */
+  animation?: boolean
+}
diff --git a/frontend-pc/src/components/GiEditTable/GiEditTable.vue b/frontend-pc/src/components/GiEditTable/GiEditTable.vue
new file mode 100644
index 0000000..f6bef61
--- /dev/null
+++ b/frontend-pc/src/components/GiEditTable/GiEditTable.vue
@@ -0,0 +1,176 @@
+<template>
+  <div class="gi-edit-table">
+    <a-form ref="formRef" scroll-to-first-error :model="form">
+      <a-table :data="form.tableData" :bordered="{ cell: true }" :pagination="false" v-bind="attrs">
+        <template #columns>
+          <a-table-column v-for="col in props.columns" :key="col.dataIndex" :data-index="col.dataIndex"
+            :header-cell-class="headerCellClass(col)" v-bind="col.columnProps" :title="col.title">
+            <template #title>
+              <component :is="col?.columnProps?.title" v-if="typeof col?.columnProps?.title === 'function'"></component>
+              <template v-else>{{ col?.columnProps?.title || col.title }}</template>
+            </template>
+            <template #cell="{ record, rowIndex, column }">
+              <template v-if="!col.type && !col.slotName">{{ record[col.dataIndex] }}</template>
+              <a-form-item v-else :field="`tableData[${rowIndex}].${col.dataIndex}`"
+                :label-col-style="{ display: 'none' }" :wrapper-col-props="{ span: 24 }" v-bind="col.formItemProps"
+                :rules="[{ required: col.required || false, message: getRuleMessage(col) }, ...(col.rules || [])]">
+                <template v-if="col.slotName">
+                  <slot :name="col.dataIndex" v-bind="{ record, rowIndex, column }"></slot>
+                </template>
+                <component :is="COMP_MAP[col.type!]" v-else-if="col.type" v-bind="getComponentBindProps(col)"
+                  v-model="record[col.dataIndex]" :disabled="isDisabled({ row: record, rowIndex, col })">
+                </component>
+              </a-form-item>
+            </template>
+          </a-table-column>
+        </template>
+        <template #tr="{ record, rowIndex }">
+          <tr class="gi-edit-table-tr" @dblclick="emit('tr-dblclick', { record, rowIndex })"></tr>
+        </template>
+        <template #td="{ record, column, rowIndex }">
+          <td class="gi-edit-table-td" @dblclick="emit('td-dblclick', { record, column, rowIndex })"></td>
+        </template>
+      </a-table>
+    </a-form>
+  </div>
+</template>
+
+<script lang='ts' setup generic="T extends TableData">
+import type { TableColumnData, TableData } from '@arco-design/web-vue'
+import type { Component } from 'vue'
+import type { EditTableColumnItem, EditTableProps as Props } from './type'
+import * as A from '@arco-design/web-vue'
+
+defineOptions({ name: 'GiEditTable', inheritAttrs: false })
+
+const props = withDefaults(defineProps<Props<T>>(), {
+  cellDisabled: false
+})
+
+/** 事件定义 */
+const emit = defineEmits<{
+  (e: 'tr-dblclick', value: { record: any, rowIndex: number }): void
+  (e: 'td-dblclick', value: { record: any, rowIndex: number, column: TableColumnData }): void
+}>()
+
+/** 插槽定义 */
+defineSlots<{
+  [propsName: string]: (props: { record: T, rowIndex: number, column: EditTableColumnItem }) => void
+}>()
+
+const attrs = useAttrs()
+
+const COMP_MAP: Record<string, Component> = {
+  'input': A.Input,
+  'input-number': A.InputNumber,
+  'input-tag': A.InputTag,
+  'input-search': A.InputSearch,
+  'textarea': A.Textarea,
+  'select': A.Select,
+  'tree-select': A.TreeSelect,
+  'radio': A.Radio,
+  'radio-group': A.RadioGroup,
+  'checkbox': A.Checkbox,
+  'checkbox-group': A.CheckboxGroup,
+  'date-picker': A.DatePicker,
+  'year-picker': A.YearPicker,
+  'quarter-picker': A.QuarterPicker,
+  'month-picker': A.MonthPicker,
+  'week-picker': A.WeekPicker,
+  'time-picker': A.TimePicker,
+  'range-picker': A.RangePicker,
+  'color-picker': A.ColorPicker,
+  'rate': A.Rate,
+  'switch': A.Switch,
+  'slider': A.Slider,
+  'cascader': A.Cascader,
+  'upload': A.Upload,
+  'auto-complete': A.AutoComplete,
+  'mention': A.Mention
+}
+
+/** 表单数据 */
+const form = computed(() => ({ tableData: props.data }))
+
+/** 表单实例 */
+const formRef = useTemplateRef('formRef')
+
+/** 获取表头必填星号*样式 */
+const headerCellClass = (col: EditTableColumnItem) => {
+  return col.required ? 'g-column-require' : ''
+}
+
+/** 静态配置 */
+const STATIC_PROPS = new Map<EditTableColumnItem['type'], Partial<EditTableColumnItem['props']>>([
+  ['input', { allowClear: true, maxLength: 20 }],
+  ['textarea', { allowClear: false, maxLength: 200 }],
+  ['input-tag', { allowClear: true }],
+  ['mention', { allowClear: true }],
+  ['select', { allowClear: true }],
+  ['tree-select', { allowClear: true }],
+  ['cascader', { allowClear: true }],
+  ['date-picker', { allowClear: true }],
+  ['time-picker', { allowClear: true }]
+])
+
+/** 获取组件默认占位 */
+const getPlaceholder = (item: EditTableColumnItem) => {
+  if (!item.type) return undefined
+  if (['input', 'input-tag', 'mention'].includes(item.type)) {
+    return `请输入${item.title}`
+  }
+  if (['textarea'].includes(item.type)) {
+    return `请填写${item.title}`
+  }
+  if (['select', 'tree-select', 'cascader'].includes(item.type)) {
+    return `请选择${item.title}`
+  }
+  if (['date-picker'].includes(item.type)) {
+    return '请选择日期'
+  }
+  if (['time-picker'].includes(item.type)) {
+    return '请选择时间'
+  }
+  return undefined
+}
+
+/** 获取组件默认配置 */
+const getComponentBindProps = (col: EditTableColumnItem) => {
+  return {
+    ...STATIC_PROPS.get(col.type) || {},
+    placeholder: getPlaceholder(col),
+    ...col.props
+  }
+}
+
+/** 获取组件默认规则 */
+const getRuleMessage = (col: EditTableColumnItem) => {
+  if (['input', 'input-number', 'input-tag', 'mention'].includes(col.type ?? '')) {
+    return `请输入${col.title}`
+  }
+  if (['textarea'].includes(col.type ?? '')) {
+    return `请填写${col.title}`
+  }
+  return `请选择${col.title}`
+}
+
+/** 判断是否禁用 */
+const isDisabled: Props<T>['cellDisabled'] = (p) => {
+  if (typeof props?.cellDisabled === 'boolean') return props.cellDisabled
+  if (typeof props?.cellDisabled === 'function') return props.cellDisabled(p)
+  return false
+}
+
+/** 暴露表单实例 */
+defineExpose({ formRef })
+</script>
+
+<style lang='scss' scoped>
+:deep(.arco-form-item) {
+  margin-bottom: 0;
+
+  .arco-form-item-message {
+    display: none;
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiEditTable/index.ts b/frontend-pc/src/components/GiEditTable/index.ts
new file mode 100644
index 0000000..9a599be
--- /dev/null
+++ b/frontend-pc/src/components/GiEditTable/index.ts
@@ -0,0 +1,5 @@
+import EditTable from './GiEditTable.vue'
+
+export type * from './type'
+export type EditTableInstance = InstanceType<typeof EditTable>
+export { EditTable as GiEditTable }
diff --git a/frontend-pc/src/components/GiEditTable/type.ts b/frontend-pc/src/components/GiEditTable/type.ts
new file mode 100644
index 0000000..02fc519
--- /dev/null
+++ b/frontend-pc/src/components/GiEditTable/type.ts
@@ -0,0 +1,81 @@
+import type * as A from '@arco-design/web-vue'
+import type { VNode } from 'vue'
+
+export type EditTableColumnItemType
+  = | 'input'
+    | 'input-number'
+    | 'input-tag'
+    | 'textarea'
+    | 'select'
+    | 'tree-select'
+    | 'radio'
+    | 'radio-group'
+    | 'checkbox'
+    | 'checkbox-group'
+    | 'date-picker'
+    | 'year-picker'
+    | 'quarter-picker'
+    | 'month-picker'
+    | 'week-picker'
+    | 'time-picker'
+    | 'range-picker'
+    | 'color-picker'
+    | 'rate'
+    | 'switch'
+    | 'slider'
+    | 'cascader'
+    | 'upload'
+    | 'auto-complete'
+    | 'mention'
+    | ''
+
+export type EditTableComponentProps
+  = & A.InputInstance['$props']
+    & A.InputNumberInstance['$props']
+    & A.InputTagInstance['$props']
+    & A.TextareaInstance['$props']
+    & A.SelectInstance['$props']
+    & A.TreeSelectInstance['$props']
+    & A.RadioInstance['$props']
+    & A.RadioGroupInstance['$props']
+    & A.CheckboxInstance['$props']
+    & A.CheckboxGroupInstance['$props']
+    & A.DatePickerInstance['$props']
+    & A.YearPickerInstance['$props']
+    & A.QuarterPickerInstance['$props']
+    & A.MonthPickerInstance['$props']
+    & A.WeekPickerInstance['$props']
+    & A.TimePickerInstance['$props']
+    & A.RangePickerInstance['$props']
+    & A.ColorPickerInstance['$props']
+    & A.RateInstance['$props']
+    & A.SwitchInstance['$props']
+    & A.SliderInstance['$props']
+    & A.CascaderInstance['$props']
+    & A.UploadInstance['$props']
+    & A.AutoCompleteInstance['$props']
+    & A.MentionInstance['$props']
+
+interface EditTableColumnItemProps extends Partial<Omit<EditTableComponentProps, 'placeholder'>> {
+  placeholder?: string | string[]
+}
+
+export interface EditTableColumnItem {
+  type?: EditTableColumnItemType
+  title: string
+  dataIndex: string
+  required?: boolean
+  rules?: A.FormItemInstance['$props']['rules'] // 表单校验规则
+  props?: EditTableColumnItemProps
+  columnProps?: Partial<Omit<A.TableColumnInstance['$props'], 'title'>> & { title?: string | (() => VNode) }
+  formItemProps?: A.FormItemInstance['$props']
+  slotName?: string
+}
+
+export type EditTableCellDisabled<T> = boolean | ((e: { row: T, rowIndex: number, col: EditTableColumnItem }) => boolean)
+
+export interface EditTableProps<T> {
+  columns: EditTableColumnItem[]
+  data: T[]
+  cellDisabled?: EditTableCellDisabled<T>
+}
diff --git a/frontend-pc/src/components/GiFlex/GiFlex.vue b/frontend-pc/src/components/GiFlex/GiFlex.vue
new file mode 100644
index 0000000..b418f81
--- /dev/null
+++ b/frontend-pc/src/components/GiFlex/GiFlex.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="gi-flex" :class="getClass" :style="getStyle">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { CSSProperties } from 'vue'
+import type { FlexProps as Props } from './type'
+import { computed } from 'vue'
+
+const props = withDefaults(defineProps<Props>(), {
+  column: false,
+  justify: 'start',
+  align: 'start',
+  wrap: true,
+  gap: false
+})
+
+/** 计算组件的 class */
+const getClass = computed(() => {
+  const arr: string[] = []
+  if (props.wrap) {
+    arr.push('gi-flex__wrap')
+  }
+  if (props.column) {
+    arr.push('gi-flex__column')
+  }
+  return arr.join(' ')
+})
+
+/** 计算组件的样式 */
+const getStyle = computed((): CSSProperties => {
+  const style: CSSProperties = {
+    'justify-content': props.justify,
+    'align-items': props.align
+  }
+  // 联合类型中若 boolean 不在最前，裸写 `gap` 会得到 `""`；与「开启主题间距」语义一致
+  if (props.gap === true || props.gap === '') {
+    style.gap = 'var(--margin)'
+  } else if (props.gap === false) {
+    style.gap = undefined
+  } else if (typeof props.gap === 'number') {
+    style.gap = `${props.gap}px`
+  } else {
+    style.gap = props.gap
+  }
+  style.flex = props.flex
+  return style
+})
+</script>
+
+<style lang="scss" scoped>
+.gi-flex {
+  display: flex;
+
+  &.gi-flex__wrap {
+    flex-wrap: wrap;
+  }
+
+  &.gi-flex__column {
+    flex-direction: column;
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiFlex/index.ts b/frontend-pc/src/components/GiFlex/index.ts
new file mode 100644
index 0000000..4293675
--- /dev/null
+++ b/frontend-pc/src/components/GiFlex/index.ts
@@ -0,0 +1,5 @@
+import Flex from './GiFlex.vue'
+
+export type FlexInstance = InstanceType<typeof Flex>
+export * from './type'
+export { Flex as GiFlex }
diff --git a/frontend-pc/src/components/GiFlex/type.ts b/frontend-pc/src/components/GiFlex/type.ts
new file mode 100644
index 0000000..715fd2f
--- /dev/null
+++ b/frontend-pc/src/components/GiFlex/type.ts
@@ -0,0 +1,29 @@
+/** 组件属性定义 */
+export interface FlexProps {
+  /** 排列方向 */
+  column?: boolean
+  /** 水平对齐方式（与 CSS justify-content 一致） */
+  justify?:
+  | 'start'
+  | 'center'
+  | 'end'
+  | 'flex-start'
+  | 'flex-end'
+  | 'space-between'
+  | 'space-around'
+  | 'space-evenly'
+  /** 垂直对齐方式（与 CSS align-items 一致） */
+  align?:
+  | 'start'
+  | 'center'
+  | 'end'
+  | 'flex-start'
+  | 'flex-end'
+  | 'baseline'
+  | 'stretch'
+  /** 是否自动换行 */
+  wrap?: boolean
+  /** `boolean` 须写在联合类型最前，否则模板里单独写 `gap` 会被解析成 `""` 而不是 `true` */
+  gap?: boolean | number | string
+  flex?: number | string
+}
diff --git a/frontend-pc/src/components/GiForm/GiForm.vue b/frontend-pc/src/components/GiForm/GiForm.vue
new file mode 100644
index 0000000..b3d3462
--- /dev/null
+++ b/frontend-pc/src/components/GiForm/GiForm.vue
@@ -0,0 +1,273 @@
+<!--
+  @file GiForm 组件
+  @description 动态表单组件，支持多种表单项类型、栅格布局、搜索模式等功能
+-->
+<template>
+  <a-form ref="formRef" v-bind="formProps" :model="modelValue">
+    <a-grid class="w-full" :col-gap="8" v-bind="props.gridProps" :collapsed="collapsed && search">
+      <!-- 表单项列表 -->
+      <template v-for="item in columns" :key="item.field">
+        <a-grid-item v-if="!isHide(item)" v-bind="item.gridItemProps || props.gridItemProps"
+          :span="item.span || item.gridItemProps?.span || props.gridItemProps?.span">
+          <a-form-item v-bind="item.formItemProps" :field="item.field" :rules="getFormItemRules(item)"
+            :disabled="isDisabled(item)">
+            <!-- 表单项标签 -->
+            <template #label>
+              <component :is="item.labelRender" v-if="item.labelRender"></component>
+              <template v-else>{{ item.label }}</template>
+            </template>
+
+            <!-- 表单项内容 -->
+            <slot v-if="getStringType(item.type) === 'slot'" :name="item.field"></slot>
+            <slot v-else-if="getStringType(item.type) !== 'group-title'" :name="item.field"
+              v-bind="{ disabled: isDisabled(item) }">
+              <component :is="(COMP_MAP[getStringType(item.type)] || item.type)" v-bind="getComponentBindProps(item)"
+                :model-value="modelValue[getModelField(item)]"
+                @update:model-value="updateValue($event, getModelField(item))">
+                <!-- 组件插槽 -->
+                <template v-for="(slotValue, slotKey) in item?.slots" :key="slotKey" #[slotKey]="scope">
+                  <template v-if="typeof slotValue === 'string'">{{ slotValue }}</template>
+                  <template v-else-if="slotValue">
+                    <component :is="slotValue(scope)"></component>
+                  </template>
+                </template>
+              </component>
+            </slot>
+
+            <!-- 分组标题 -->
+            <slot v-else :name="item.field">
+              <a-alert>{{ item.label }}</a-alert>
+            </slot>
+
+            <!-- 表单项插槽 -->
+            <template v-for="(slotValue, slotKey) in item?.formItemSlots" :key="slotKey" #[slotKey]>
+              <template v-if="typeof slotValue === 'string'">{{ slotValue }}</template>
+              <component :is="slotValue" v-else></component>
+            </template>
+          </a-form-item>
+        </a-grid-item>
+      </template>
+
+      <!-- 搜索按钮组 -->
+      <a-grid-item v-if="props.search" :key="!props.suffix ? String(collapsed) : undefined" v-bind="props.gridItemProps"
+        :span="props.gridItemProps?.span" :suffix="props.search && (props.suffix || (!props.suffix && collapsed))">
+        <a-space wrap style="margin-bottom: 8px">
+          <slot name="suffix">
+            <a-button type="primary" @click="emit('search')">
+              <template #icon><icon-search /></template>
+              <template #default>{{ props.searchBtnText }}</template>
+            </a-button>
+            <a-button @click="emit('reset')">重置</a-button>
+            <a-button v-if="!props.hideFoldBtn" class="gi-form__fold-btn" type="text" size="mini"
+              @click="collapsed = !collapsed">
+              <template #icon>
+                <icon-up v-if="!collapsed" />
+                <icon-down v-else />
+              </template>
+              <template #default>{{ collapsed ? '展开' : '收起' }}</template>
+            </a-button>
+          </slot>
+        </a-space>
+      </a-grid-item>
+    </a-grid>
+  </a-form>
+</template>
+
+<script setup lang="ts">
+import type { FormInstance } from '@arco-design/web-vue'
+import type { Component } from 'vue'
+import type { FormColumnItem, FormProps as Props } from './type'
+import * as A from '@arco-design/web-vue'
+import { omit } from 'lodash-es'
+
+// FormProps 默认值
+const props = withDefaults(defineProps<Props>(), {
+  autoLabelWidth: true,
+  scrollToFirstError: true,
+  defaultCollapsed: true,
+  search: false,
+  gridItemProps: () => ({ span: { xs: 24, sm: 12 } }),
+  searchBtnText: '搜索',
+  hideFoldBtn: false,
+  suffix: true,
+  fc: () => ({})
+})
+
+/** Emits 类型定义 */
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: Record<string, any>): void
+  (e: 'search'): void
+  (e: 'reset'): void
+}>()
+
+const COMP_MAP: Record<string, Component> = {
+  'input': A.Input,
+  'input-number': A.InputNumber,
+  'input-tag': A.InputTag,
+  'input-search': A.InputSearch,
+  'textarea': A.Textarea,
+  'select': A.Select,
+  'tree-select': A.TreeSelect,
+  'radio-group': A.RadioGroup,
+  'checkbox-group': A.CheckboxGroup,
+  'date-picker': A.DatePicker,
+  'year-picker': A.YearPicker,
+  'quarter-picker': A.QuarterPicker,
+  'month-picker': A.MonthPicker,
+  'week-picker': A.WeekPicker,
+  'time-picker': A.TimePicker,
+  'range-picker': A.RangePicker,
+  'color-picker': A.ColorPicker,
+  'rate': A.Rate,
+  'switch': A.Switch,
+  'slider': A.Slider,
+  'cascader': A.Cascader,
+  'upload': A.Upload,
+  'auto-complete': A.AutoComplete,
+  'mention': A.Mention
+}
+
+/** 表单属性计算 */
+const formProps = computed(() => {
+  const baseProps = omit(props, [
+    'columns',
+    'gridProps',
+    'gridItemProps',
+    'search',
+    'defaultCollapsed',
+    'searchBtnText',
+    'hideFoldBtn',
+    'suffix',
+    'layout',
+    'fc'
+  ])
+  return {
+    layout: ((props.search ? 'inline' : 'horizontal') as FormInstance['layout']),
+    ...baseProps
+  }
+})
+
+/** 组件状态 */
+const formRef = useTemplateRef('formRef')
+/** 是否折叠 */
+const collapsed = ref(props.defaultCollapsed)
+/** 数据字典（预留功能：用于动态加载选项数据，可通过 request 和 format 配置项加载） */
+const dicData: Record<string, unknown> = reactive({})
+
+/** 静态配置 */
+const STATIC_PROPS = new Map<FormColumnItem['type'], Partial<FormColumnItem['props']>>([
+  ['input', { allowClear: true, maxLength: 20 }],
+  ['textarea', { allowClear: false, maxLength: 200 }],
+  ['input-tag', { allowClear: true }],
+  ['mention', { allowClear: true }],
+  ['select', { allowClear: true }],
+  ['tree-select', { allowClear: true }],
+  ['cascader', { allowClear: true }],
+  ['date-picker', { allowClear: true }],
+  ['time-picker', { allowClear: true }]
+])
+
+/** 占位符映射表 */
+const PLACEHOLDER_MAP: Record<string, (label?: string) => string | undefined> = {
+  'input': (label) => `请输入${label}`,
+  'input-tag': (label) => `请输入${label}`,
+  'mention': (label) => `请输入${label}`,
+  'textarea': (label) => `请填写${label}`,
+  'select': (label) => `请选择${label}`,
+  'input-search': (label) => `请选择${label}`,
+  'tree-select': (label) => `请选择${label}`,
+  'cascader': (label) => `请选择${label}`,
+  'date-picker': () => '请选择日期',
+  'time-picker': () => '请选择时间'
+}
+
+/** 获取字符串类型的表单项类型 */
+const getStringType = (type: FormColumnItem['type']): string => {
+  return typeof type === 'string' ? type : ''
+}
+
+/** 获取模型字段名 */
+const getModelField = (item: FormColumnItem) => item?.fieldName || item.field
+
+/** 获取组件默认占位 */
+const getPlaceholder = (item: FormColumnItem) => {
+  if (!item.type || typeof item.type !== 'string') return undefined
+  const placeholderFn = PLACEHOLDER_MAP[item.type]
+  return placeholderFn ? placeholderFn(item.label) : undefined
+}
+
+/** 获取选项数据 */
+const getOptions = (item: FormColumnItem) => {
+  if (!item.type) return undefined
+  /** 需要选项数据的组件类型 */
+  const arr = ['select', 'tree-select', 'cascader', 'radio-group', 'checkbox-group']
+  if (typeof item.type === 'string' && arr.includes(item.type)) {
+    return dicData[item.field] || []
+  }
+  return undefined
+}
+
+/** 获取组件绑定属性 */
+const getComponentBindProps = (item: FormColumnItem) => {
+  return {
+    ...STATIC_PROPS.get(item.type) || {},
+    placeholder: getPlaceholder(item),
+    options: getOptions(item),
+    ...item.props
+  }
+}
+
+/** 表单数据更新处理 */
+const updateValue = (value: unknown, field: string) => {
+  const newValue = { ...props.modelValue, [field]: value }
+  emit('update:modelValue', newValue)
+}
+
+/** 获取表单项校验规则 */
+const getFormItemRules = (item: FormColumnItem) => {
+  if (item.required) {
+    return [
+      { required: true, message: `${item.label}为必填项` },
+      ...(Array.isArray(item.rules) ? item.rules : [])
+    ]
+  }
+  if (props.fc?.[item.field]?.required) {
+    return [
+      {
+        required: props.fc?.[item.field]?.required,
+        message: `${item.label}为必填项`
+      },
+      ...(Array.isArray(item.rules) ? item.rules : [])
+    ]
+  }
+  return item.rules
+}
+
+/** 判断表单项是否隐藏 */
+const isHide = (item: FormColumnItem) => {
+  if (typeof item.hide === 'boolean') return item.hide
+  if (typeof item.hide === 'function') {
+    return item.hide(props.modelValue)
+  }
+  if (props.fc?.[item.field]?.hidden) return true
+  return false
+}
+
+/** 判断表单项是否禁用 */
+const isDisabled = (item: FormColumnItem) => {
+  if (typeof item.disabled === 'boolean') return item.disabled
+  if (typeof item.disabled === 'function') {
+    return item.disabled(props.modelValue)
+  }
+  if (props.fc?.[item.field]?.disabled === true) return true
+  if (item.disabled === undefined) return (item?.props?.disabled as boolean) ?? false
+}
+
+defineExpose({ formRef })
+</script>
+
+<style lang="scss" scoped>
+.gi-form__fold-btn {
+  padding: 0 5px;
+}
+</style>
diff --git a/frontend-pc/src/components/GiForm/index.ts b/frontend-pc/src/components/GiForm/index.ts
new file mode 100644
index 0000000..219e98e
--- /dev/null
+++ b/frontend-pc/src/components/GiForm/index.ts
@@ -0,0 +1,5 @@
+import Form from './GiForm.vue'
+
+export type * from './type'
+export type FormInstance = InstanceType<typeof Form>
+export { Form as GiForm }
diff --git a/frontend-pc/src/components/GiForm/type.ts b/frontend-pc/src/components/GiForm/type.ts
new file mode 100644
index 0000000..c37bc0b
--- /dev/null
+++ b/frontend-pc/src/components/GiForm/type.ts
@@ -0,0 +1,299 @@
+/**
+ * @file GiForm 组件类型定义
+ * @description 包含表单组件所需的所有类型定义，用于构建动态表单
+ */
+
+import type * as A from '@arco-design/web-vue'
+import type { GridItemProps } from '@arco-design/web-vue'
+import type { Component, VNode } from 'vue'
+import type { MergeMultiple } from '@/types/tool'
+
+type FormItemProps = A.FormItemInstance['$props']
+
+/** 支持的表单项类型 */
+export type FormColumnItemType
+  = | 'input' // 输入框
+    | 'input-number' // 数字输入框
+    | 'input-tag' // 标签输入框
+    | 'input-search' // 搜索框
+    | 'textarea' // 文本域
+    | 'select' // 选择器
+    | 'tree-select' // 树选择器
+    | 'radio' // 单选框
+    | 'radio-group' // 单选框组
+    | 'checkbox' // 复选框
+    | 'checkbox-group' // 复选框组
+    | 'date-picker' // 日期选择器
+    | 'year-picker' // 年份选择器
+    | 'quarter-picker' // 季度选择器
+    | 'month-picker' // 月份选择器
+    | 'week-picker' // 周选择器
+    | 'time-picker' // 时间选择器
+    | 'range-picker' // 范围选择器
+    | 'color-picker' // 颜色选择器
+    | 'rate' // 评分
+    | 'switch' // 开关
+    | 'slider' // 滑块
+    | 'cascader' // 级联选择器
+    | 'upload' // 上传
+    | 'auto-complete' // 自动完成
+    | 'mention' // 提及
+    | 'group-title' // 分组标题
+    | 'slot' // 插槽，由父组件通过具名插槽渲染内容
+    | Component
+
+/** 组件属性合并类型 */
+export type FormComponentProps = MergeMultiple<[
+  Partial<A.InputInstance['$props']>,
+  Partial<A.InputNumberInstance['$props']>,
+  Partial<A.InputTagInstance['$props']>,
+  Partial<A.InputSearchInstance['$props']>,
+  Partial<A.TextareaInstance['$props']>,
+  Partial<A.SelectInstance['$props']>,
+  Partial<A.TreeSelectInstance['$props']>,
+  Partial<A.RadioInstance['$props']>,
+  Partial<A.RadioGroupInstance['$props']>,
+  Partial<A.CheckboxInstance['$props']>,
+  Partial<A.CheckboxGroupInstance['$props']>,
+  Partial<A.DatePickerInstance['$props']>,
+  Partial<A.YearPickerInstance['$props']>,
+  Partial<A.QuarterPickerInstance['$props']>,
+  Partial<A.MonthPickerInstance['$props']>,
+  Partial<A.WeekPickerInstance['$props']>,
+  Partial<A.TimePickerInstance['$props']>,
+  Partial<A.RangePickerInstance['$props']>,
+  Partial<A.ColorPickerInstance['$props']>,
+  Partial<A.RateInstance['$props']>,
+  Partial<A.SwitchInstance['$props']>,
+  Partial<A.SliderInstance['$props']>,
+  Partial<A.CascaderInstance['$props']>,
+  Partial<A.UploadInstance['$props']>,
+  Partial<A.AutoCompleteInstance['$props']>,
+  Partial<A.MentionInstance['$props']>,
+  Partial<A.AlertInstance['$props']>
+]>
+
+/** 选项类型定义 */
+export type FormColumnItemOptions
+  = MergeMultiple<[A.SelectInstance['$props']['options'], A.RadioGroupInstance['$props']['options'], A.CheckboxGroupInstance['$props']['options'], A.CascaderInstance['$props']['options']]>
+
+/** 数据源类型定义 */
+export type FormColumnItemData
+  = MergeMultiple<[A.TreeSelectInstance['$props']['data'], A.AutoCompleteInstance['$props']['data'], A.MentionInstance['$props']['data']]>
+
+/** 自动完成组件插槽 */
+type AutoCompleteSlots = {
+  option: (e: { data: (string | number | A.SelectOptionData | A.SelectOptionGroup)[] }) => VNode
+  footer: () => VNode
+}
+
+/** 级联选择器插槽 */
+type CascaderSlots = {
+  'label': (e: { data: A.CascaderOption }) => VNode
+  'prefix': () => VNode
+  'arrow-icon': () => VNode
+  'loading-icon': () => VNode
+  'search-icon': () => VNode
+  'empty': () => VNode
+  'option': (e: { data: A.CascaderOption }) => VNode
+}
+
+/** 复选框组插槽 */
+type CheckboxGroupSlots = {
+  checkbox: (e: { checked: boolean, disabled: string }) => VNode
+  label: (e: { data: A.CheckboxOption }) => VNode
+}
+
+/** 单选框组插槽 */
+type RadioGroupSlots = {
+  radio: (e: { checked: boolean, disabled: string }) => VNode
+  label: (e: { data: any }) => VNode
+}
+
+/** 日期选择器插槽 */
+type DatePickerSlots = {
+  'prefix': () => VNode
+  'suffix-icon': () => VNode
+  'icon-next-double': () => VNode
+  'icon-prev-double': () => VNode
+  'icon-next': () => VNode
+  'icon-prev': () => VNode
+  'cell': (e: { data: Date }) => VNode
+  'extra': () => VNode
+}
+
+/** 输入框插槽 */
+type InputSlots = {
+  append: (() => VNode) | string
+  prepend: (() => VNode) | string
+  suffix: (() => VNode) | string
+  prefix: (() => VNode) | string
+}
+
+/** 数字输入框插槽 */
+type InputNumberSlots = {
+  minus: (() => VNode) | string
+  plus: (() => VNode) | string
+  append: (() => VNode) | string
+  prepend: (() => VNode) | string
+  suffix: (() => VNode) | string
+}
+
+/** 标签输入框插槽 */
+type InputTagSlots = {
+  tag: (e: { data: A.TagData }) => VNode
+  prefix: (() => VNode) | string
+  suffix: (() => VNode) | string
+}
+
+/** 评分插槽 */
+type RateSlots = {
+  character: (e: { index: number }) => VNode
+}
+
+/** 选择器插槽 */
+type SelectSlots = {
+  'trigger': () => VNode
+  'prefix': () => VNode
+  'search-icon': () => VNode
+  'loading-icon': () => VNode
+  'arrow-icon': () => VNode
+  'footer': () => VNode
+  'header': () => VNode
+  'label': (e: { data: A.SelectOptionData }) => VNode
+  'option': (e: { data: A.SelectOptionData }) => VNode
+  'empty': () => VNode
+}
+
+/** 开关插槽 */
+type SwitchSlots = {
+  'checked-icon': () => VNode
+  'unchecked-icon': () => VNode
+  'checked': () => VNode
+  'unchecked': () => VNode
+}
+
+/** 树选择器插槽 */
+type TreeSelectSlots = {
+  'trigger': () => VNode
+  'prefix': () => VNode
+  'label': (e: { data: any }) => VNode
+  'header': () => VNode
+  'loader': () => VNode
+  'empty': () => VNode
+  'footer': () => VNode
+  'tree-slot-extra': () => VNode
+  'tree-slot-title': (e: { title: string }) => VNode
+  'tree-slot-icon': (e: { node: A.TreeNodeData }) => VNode
+  'tree-slot-switcher-icon': () => VNode
+}
+
+/** 提及插槽 */
+type MentionSlots = {
+  option: (e: { data: any }) => VNode
+}
+
+/** 组件插槽合并类型 */
+export type FormComponentSlots = MergeMultiple<[
+  AutoCompleteSlots,
+  CascaderSlots,
+  CheckboxGroupSlots,
+  RadioGroupSlots,
+  DatePickerSlots,
+  InputSlots,
+  InputNumberSlots,
+  InputTagSlots,
+  RateSlots,
+  SelectSlots,
+  SwitchSlots,
+  TreeSelectSlots,
+  MentionSlots
+]>
+
+/** 表单项插槽接口 */
+export type FormColumnItemSlots = FormComponentSlots
+
+/** 表单项显隐控制类型 */
+export type FormColumnItemHide<F> = boolean | ((form: F) => boolean)
+export type FormColumnItemDisabled<F> = boolean | ((form: F) => boolean)
+
+/** 表单项数据请求相关类型 */
+export type FormColumnItemRequest<F = any> = (form: F) => Promise<any>
+export type FormColumnItemFormat<T = any> = (res: T) => FormColumnItemOptions | FormColumnItemData
+
+/** 表单列配置项接口 */
+export interface FormColumnItem<F = any> {
+  /** 表单项类型 */
+  type?: FormColumnItemType
+  /** 标签名 */
+  label?: string
+  /** 字段名 */
+  field: string
+  fieldName?: string
+  /** 自定义渲染label */
+  labelRender?: (() => VNode)
+  /** 表单项属性 */
+  props?: Partial<FormComponentProps>
+  /** 表单项校验规则 */
+  rules?: FormItemProps['rules']
+  /** 是否必填 */
+  required?: boolean
+  /** 栅格属性 */
+  gridItemProps?: GridItemProps
+  /** 表单项属性 */
+  formItemProps?: FormItemProps
+  /** 表单项插槽 */
+  slots?: FormColumnItemSlots
+  /** 表单项组件插槽 */
+  formItemSlots?: Record<string, string | VNode | (() => VNode)>
+  /** 是否隐藏（支持函数） */
+  hide?: boolean | ((model: F) => boolean)
+  /** 是否禁用（支持函数） */
+  disabled?: boolean | ((model: F) => boolean)
+  /** 栅格跨度 */
+  span?: number | Record<string, number>
+}
+
+/** Props 类型定义 */
+export interface FormProps {
+  /** 表单数据对象 */
+  modelValue: any
+  /** 表单布局方式 */
+  layout?: A.FormInstance['layout']
+  /** 表单尺寸 */
+  size?: A.FormInstance['size']
+  /** 标签布局属性 */
+  labelColProps?: A.FormInstance['labelColProps']
+  /** 表单项布局属性 */
+  wrapperColProps?: A.FormInstance['wrapperColProps']
+  /** 标签对齐方式 */
+  labelAlign?: A.FormInstance['labelAlign']
+  /** 是否禁用表单 */
+  disabled?: A.FormInstance['disabled']
+  /** 表单校验规则 */
+  rules?: A.FormInstance['rules']
+  /** 自动标签宽度 */
+  autoLabelWidth?: A.FormInstance['autoLabelWidth']
+  /** 表单ID */
+  id?: A.FormInstance['id']
+  /** 是否滚动到第一个错误项 */
+  scrollToFirstError?: A.FormInstance['scrollToFirstError']
+  /** 表单列配置 */
+  columns: FormColumnItem[]
+  /** 栅格布局属性 */
+  gridProps?: A.GridProps
+  /** 栅格项属性 */
+  gridItemProps?: GridItemProps
+  /** 是否为搜索模式 */
+  search?: boolean
+  /** 默认是否折叠 */
+  defaultCollapsed?: boolean
+  /** 搜索按钮文字 */
+  searchBtnText?: string
+  /** 是否隐藏折叠按钮 */
+  hideFoldBtn?: boolean
+  /** 是否显示后缀 */
+  suffix?: boolean
+  /** 表单控制 */
+  fc?: Record<string, { disabled?: boolean, hidden?: boolean, required?: boolean }>
+}
diff --git a/frontend-pc/src/components/GiIconBox/GiIconBox.vue b/frontend-pc/src/components/GiIconBox/GiIconBox.vue
new file mode 100644
index 0000000..2d184bb
--- /dev/null
+++ b/frontend-pc/src/components/GiIconBox/GiIconBox.vue
@@ -0,0 +1,99 @@
+<!--
+  @file GiIconBox 组件 - 图标容器
+  @description 提供可自定义的图标容器，支持不同颜色、尺寸和形状
+-->
+<template>
+  <div class="gi-icon-box" :class="getClass" :style="getStyle">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { CSSProperties } from 'vue'
+import type { IconBoxProps as Props } from './type'
+import { computed } from 'vue'
+
+const props = withDefaults(defineProps<Props>(), {
+  color: '#165DFF',
+  size: 20,
+  shape: 'square'
+})
+
+/** 预设状态颜色 */
+const STATUS_COLORS = ['primary', 'success', 'warning', 'danger'] as const
+
+/** 计算容器的 class */
+const getClass = computed(() => {
+  const classes = [
+    STATUS_COLORS.includes(props.color as typeof STATUS_COLORS[number])
+    && `gi-icon-box--${props.color}`,
+    props.shape && `gi-icon-box__shape--${props.shape}`
+  ].filter(Boolean)
+
+  return classes.join(' ')
+})
+
+/** 计算容器的样式 */
+const getStyle = computed((): CSSProperties => {
+  const style: CSSProperties = {}
+
+  // 处理自定义颜色（纯色或 linear-gradient / radial-gradient）
+  if (!STATUS_COLORS.includes(props.color as typeof STATUS_COLORS[number])) {
+    const c = String(props.color)
+    if (/gradient\(/i.test(c)) {
+      style.background = c
+    } else {
+      style.backgroundColor = c
+    }
+  }
+
+  // 处理自定义尺寸
+  if (props.size !== 20) {
+    style.width = `${props.size}px`
+    style.height = `${props.size}px`
+  }
+
+  return style
+})
+</script>
+
+<style lang="scss" scoped>
+.gi-icon-box {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  color: #fff;
+  transition: all 0.2s ease;
+
+  // 状态颜色
+  &--primary {
+    background-color: rgb(var(--primary-6));
+  }
+
+  &--success {
+    background-color: rgb(var(--success-6));
+  }
+
+  &--warning {
+    background-color: rgb(var(--warning-6));
+  }
+
+  &--danger {
+    background-color: rgb(var(--danger-6));
+  }
+
+  // 形状样式
+  &__shape {
+    &--square {
+      border-radius: 4px;
+    }
+
+    &--round {
+      border-radius: 50%;
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiIconBox/index.ts b/frontend-pc/src/components/GiIconBox/index.ts
new file mode 100644
index 0000000..255bffc
--- /dev/null
+++ b/frontend-pc/src/components/GiIconBox/index.ts
@@ -0,0 +1,5 @@
+import IconBox from './GiIconBox.vue'
+
+export * from './type'
+export type IconBoxInstance = InstanceType<typeof IconBox>
+export { IconBox as GiIconBox }
diff --git a/frontend-pc/src/components/GiIconBox/type.ts b/frontend-pc/src/components/GiIconBox/type.ts
new file mode 100644
index 0000000..180d504
--- /dev/null
+++ b/frontend-pc/src/components/GiIconBox/type.ts
@@ -0,0 +1,6 @@
+/** 组件属性定义 */
+export interface IconBoxProps {
+  color?: 'primary' | 'success' | 'warning' | 'danger' | string
+  size?: number
+  shape?: 'square' | 'round'
+}
diff --git a/frontend-pc/src/components/GiInputSearch/GiInputSearch.vue b/frontend-pc/src/components/GiInputSearch/GiInputSearch.vue
new file mode 100644
index 0000000..fbdf1e5
--- /dev/null
+++ b/frontend-pc/src/components/GiInputSearch/GiInputSearch.vue
@@ -0,0 +1,50 @@
+<template>
+  <a-input-group class="gi-input-search">
+    <a-input v-model="model" :placeholder="props.placeholder" readonly></a-input>
+    <template v-if="!props.readonly">
+      <a-button :disabled="props.disabled" @click="emit('search', model)">
+        <icon-search />
+      </a-button>
+      <a-button :disabled="props.disabled" @click="emit('clear')">
+        <icon-close />
+      </a-button>
+    </template>
+  </a-input-group>
+</template>
+
+<script setup lang="ts">
+import type { InputSearchProps as Props } from './type'
+
+const model = defineModel({ type: String, default: '' })
+
+const props = withDefaults(defineProps<Props>(), {
+  placeholder: '请选择',
+  disabled: false,
+  readonly: false
+})
+
+const emit = defineEmits<{
+  (e: 'search', value: string): void
+  (e: 'clear'): void
+}>()
+</script>
+
+<style lang="scss" scoped>
+.gi-input-search {
+  display: flex;
+  width: 100%;
+
+  > :deep(.arco-btn) {
+    flex-shrink: 0;
+
+    &:hover,
+    &:active {
+      z-index: 1;
+    }
+  }
+
+  > :deep(.arco-btn + .arco-btn) {
+    margin-left: -1px;
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiInputSearch/index.ts b/frontend-pc/src/components/GiInputSearch/index.ts
new file mode 100644
index 0000000..9e3fb86
--- /dev/null
+++ b/frontend-pc/src/components/GiInputSearch/index.ts
@@ -0,0 +1,5 @@
+import InputSearch from './GiInputSearch.vue'
+
+export type InputSearchInstance = InstanceType<typeof InputSearch>
+export * from './type'
+export { InputSearch as GiInputSearch }
diff --git a/frontend-pc/src/components/GiInputSearch/type.ts b/frontend-pc/src/components/GiInputSearch/type.ts
new file mode 100644
index 0000000..b6cbf1c
--- /dev/null
+++ b/frontend-pc/src/components/GiInputSearch/type.ts
@@ -0,0 +1,5 @@
+export interface InputSearchProps {
+  placeholder?: string
+  disabled?: boolean
+  readonly?: boolean
+}
diff --git a/frontend-pc/src/components/GiOption/GiOption.vue b/frontend-pc/src/components/GiOption/GiOption.vue
new file mode 100644
index 0000000..8a35cb8
--- /dev/null
+++ b/frontend-pc/src/components/GiOption/GiOption.vue
@@ -0,0 +1,16 @@
+<template>
+  <ul class="gi-option">
+    <slot></slot>
+  </ul>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'GiOption' })
+</script>
+
+<style lang="scss" scoped>
+.gi-option {
+  width: 100%;
+  min-width: 120px;
+}
+</style>
diff --git a/frontend-pc/src/components/GiOption/GiOptionItem.vue b/frontend-pc/src/components/GiOption/GiOptionItem.vue
new file mode 100644
index 0000000..72f9550
--- /dev/null
+++ b/frontend-pc/src/components/GiOption/GiOptionItem.vue
@@ -0,0 +1,79 @@
+<!--
+  @file GiOptionItem 组件 - 选项列表项
+  @description 提供统一的选项列表项样式，支持图标和更多操作
+-->
+<template>
+  <li class="gi-option-item" :class="{ 'gi-option-item--more': props.more, 'gi-option-item--active': props.active }"
+    @click="handleClick">
+    <div class="gi-option-item__wrapper">
+      <span class="gi-option-item__icon">
+        <slot name="icon">
+          <Icon v-if="props.icon" :icon="props.icon" :width="16" :height="16" />
+        </slot>
+      </span>
+      <slot>
+        <span class="gi-option-item__label">{{ props.label }}</span>
+      </slot>
+    </div>
+    <IconRight v-if="props.more" />
+  </li>
+</template>
+
+<script setup lang="ts">
+import type { OptionItemProps as Props } from './type'
+import { Icon } from '@iconify/vue'
+
+defineOptions({ name: 'GiOptionItem' })
+
+const props = withDefaults(defineProps<Props>(), {
+  icon: '',
+  label: '',
+  more: false,
+  active: false
+})
+
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+/** 处理点击事件 */
+const handleClick = () => {
+  emit('click')
+}
+</script>
+
+<style lang="scss" scoped>
+.gi-option-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 34px;
+  padding: 0 5px 0 10px;
+  font-size: 14px;
+  line-height: 34px;
+  color: var(--color-text-2);
+  cursor: pointer;
+  user-select: none;
+
+  &__wrapper {
+    display: flex;
+    align-items: center;
+  }
+
+  &__icon {
+    display: flex;
+    align-items: center;
+    margin-right: 8px;
+  }
+
+  &--active,
+  &:hover {
+    color: rgb(var(--primary-6));
+    background: var(--color-primary-light-1);
+  }
+
+  &--more {
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiOption/index.ts b/frontend-pc/src/components/GiOption/index.ts
new file mode 100644
index 0000000..811323f
--- /dev/null
+++ b/frontend-pc/src/components/GiOption/index.ts
@@ -0,0 +1,7 @@
+import Option from './GiOption.vue'
+import OptionItem from './GiOptionItem.vue'
+
+export type OptionInstance = InstanceType<typeof Option>
+export type OptionItemInstance = InstanceType<typeof OptionItem>
+export * from './type'
+export { Option as GiOption, OptionItem as GiOptionItem }
diff --git a/frontend-pc/src/components/GiOption/type.ts b/frontend-pc/src/components/GiOption/type.ts
new file mode 100644
index 0000000..bbddcce
--- /dev/null
+++ b/frontend-pc/src/components/GiOption/type.ts
@@ -0,0 +1,11 @@
+/** 组件属性定义 */
+export interface OptionItemProps {
+  /** 图标名称 */
+  icon?: string
+  /** 选项文本 */
+  label?: string
+  /** 是否显示更多图标 */
+  more?: boolean
+  /** 是否激活状态 */
+  active?: boolean
+}
diff --git a/frontend-pc/src/components/GiPageLayout/GiPageLayout.vue b/frontend-pc/src/components/GiPageLayout/GiPageLayout.vue
new file mode 100644
index 0000000..f2511cb
--- /dev/null
+++ b/frontend-pc/src/components/GiPageLayout/GiPageLayout.vue
@@ -0,0 +1,192 @@
+<template>
+  <a-split v-model:size="size" class="gi-page-layout" :class="getClass" min="1px" max="600px" :disabled="!slots.left">
+    <template #first>
+      <div v-if="slots.left" class="gi-page-layout__left" :style="props.leftStyle">
+        <slot name="left"></slot>
+      </div>
+    </template>
+    <template #second>
+      <div v-if="slots.header" class="gi-page-layout__header" :style="props.headerStyle">
+        <slot name="header"></slot>
+      </div>
+      <div class="gi-page-layout__body" :style="props.bodyStyle">
+        <slot></slot>
+      </div>
+    </template>
+    <template v-if="props.collapsed || isMobile" #resize-trigger-icon>
+      <SplitButton :collapsed="parseInt(size) < 20" @click="handleClick"></SplitButton>
+    </template>
+  </a-split>
+</template>
+
+<script setup lang='ts'>
+import type { PageLayoutProps as Props } from './type'
+import { browse } from 'xe-utils'
+import SplitButton from './SplitButton.vue'
+
+defineOptions({ name: 'GiPageLayout' })
+
+const props = withDefaults(defineProps<Props>(), {
+  size: '270px',
+  margin: false,
+  inner: false,
+  headerBordered: true,
+  leftStyle: () => ({}),
+  headerStyle: () => ({}),
+  bodyStyle: () => ({}),
+  collapsed: false,
+  bgTransparent: false
+})
+
+/** 组件插槽定义 */
+defineSlots<{
+  header: () => void
+  left: () => void
+  default: () => void
+}>()
+
+const slots = useSlots()
+const isMobile = browse().isMobile ?? false
+const size = ref(isMobile ? '0px' : props.size)
+const collapsing = ref(false)
+
+const getClass = computed(() => {
+  return {
+    'gi-page-layout--disabled': !slots.left,
+    'gi-page-layout--margin': props.margin,
+    'gi-page-layout--inner': props.inner,
+    'gi-page-layout--has-header': slots.header,
+    'gi-page-layout--header-bordered': props.headerBordered,
+    'gi-page-layout--collapsing': collapsing.value,
+    'gi-page-layout--bg-transparent': props.bgTransparent
+  }
+})
+
+function handleClick() {
+  collapsing.value = true
+  setTimeout(() => {
+    collapsing.value = false
+  }, 300)
+  size.value = Number.parseInt(size.value) > 20 ? '0px' : props.size
+}
+</script>
+
+<style lang='scss' scoped>
+:deep(.arco-split-pane) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+:deep(.arco-split-trigger) {
+  position: relative;
+}
+
+:deep(.arco-split-trigger-icon-wrapper) {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 9;
+  width: 16px;
+  height: 100%;
+  user-select: none;
+  background-color: transparent;
+  transform: translate(-50%, -50%);
+
+  .arco-split-trigger-icon {
+    display: none;
+  }
+
+  &:hover,
+  &:active {
+    &::before {
+      width: 2px;
+      background-color: var(--color-primary-light-2);
+    }
+  }
+
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    width: 1px;
+    height: 100%;
+    content: '';
+    background-color: var(--color-border-2);
+    transform: translateX(-50%);
+  }
+}
+
+.gi-page-layout {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  width: auto;
+  height: 100%;
+  overflow: hidden;
+  background-color: var(--color-bg-1);
+}
+
+.gi-page-layout--bg-transparent {
+  background-color: transparent;
+}
+
+.gi-page-layout--margin {
+  margin: var(--margin);
+}
+
+.gi-page-layout--inner {
+  .gi-page-layout__header {
+    padding: 0;
+  }
+
+  .gi-page-layout__body {
+    padding-right: 0;
+    padding-bottom: 0;
+    padding-left: 0;
+  }
+}
+
+.gi-page-layout--header-bordered {
+  .gi-page-layout__header {
+    border-bottom: 1px solid var(--color-border);
+  }
+}
+
+.gi-page-layout--disabled {
+  :deep(> .arco-split-pane-first) {
+    display: none;
+  }
+}
+
+.gi-page-layout--collapsing {
+  :deep(> .arco-split-pane-first) {
+    transition: flex-basis 0.3s;
+  }
+}
+
+.gi-page-layout__left {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: var(--padding);
+  overflow: hidden;
+}
+
+.gi-page-layout__header {
+  box-sizing: border-box;
+  padding: var(--padding);
+  padding-bottom: 0;
+}
+
+.gi-page-layout__body {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  padding: var(--padding);
+  overflow: hidden;
+}
+</style>
diff --git a/frontend-pc/src/components/GiPageLayout/SplitButton.vue b/frontend-pc/src/components/GiPageLayout/SplitButton.vue
new file mode 100644
index 0000000..820ab64
--- /dev/null
+++ b/frontend-pc/src/components/GiPageLayout/SplitButton.vue
@@ -0,0 +1,100 @@
+<!--
+  @file GiSplitButton 组件 - 分割面板切换按钮
+  @description 提供可折叠面板的切换按钮，支持多种样式和交互效果
+-->
+<template>
+  <div class="gi-split-button" :class="buttonClass" @click="handleClick">
+    <icon-right v-if="collapsed" :size="iconSize" />
+    <icon-left v-else :size="iconSize" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+/** 按钮类型 */
+type ButtonType = 'default' | 'circle'
+
+/** 组件属性定义 */
+interface Props {
+  /** 是否折叠状态 */
+  collapsed?: boolean
+  /** 按钮类型 */
+  type?: ButtonType
+  /** 图标大小 */
+  iconSize?: number
+  /** 是否禁用 */
+  disabled?: boolean
+}
+
+/** 组件事件定义 */
+interface Emits {
+  (e: 'click'): void
+  (e: 'update:collapsed', value: boolean): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  collapsed: false,
+  type: 'circle',
+  iconSize: 14,
+  disabled: false
+})
+
+const emit = defineEmits<Emits>()
+
+/** 计算按钮类名 */
+const buttonClass = computed(() => [
+  `gi-split-button--${props.type}`,
+  {
+    'is-collapsed': props.collapsed,
+    'is-disabled': props.disabled
+  }
+])
+
+/** 处理点击事件 */
+const handleClick = () => {
+  if (props.disabled) return
+  emit('click')
+  emit('update:collapsed', !props.collapsed)
+}
+</script>
+
+<style lang="scss" scoped>
+.gi-split-button {
+  position: absolute;
+  top: 50%;
+  z-index: 2;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background-color: var(--color-bg-1);
+  border: 1px solid var(--color-border-2);
+  transform: translateY(-50%);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  will-change: transform, background-color, border-color;
+
+  &.is-disabled {
+    pointer-events: none;
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  &--default {
+    left: 0;
+    width: 18px;
+    height: 40px;
+    box-shadow: 2px 0 6px rgb(0 0 0 / 10%);
+  }
+
+  &--circle {
+    left: -4px;
+    width: 24px;
+    height: 24px;
+    overflow: hidden;
+    border-radius: 50%;
+    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiPageLayout/index.ts b/frontend-pc/src/components/GiPageLayout/index.ts
new file mode 100644
index 0000000..7050a1b
--- /dev/null
+++ b/frontend-pc/src/components/GiPageLayout/index.ts
@@ -0,0 +1,5 @@
+import PageLayout from './GiPageLayout.vue'
+
+export type PageLayoutInstance = InstanceType<typeof PageLayout>
+export * from './type'
+export { PageLayout as GiPageLayout }
diff --git a/frontend-pc/src/components/GiPageLayout/type.ts b/frontend-pc/src/components/GiPageLayout/type.ts
new file mode 100644
index 0000000..e25e74e
--- /dev/null
+++ b/frontend-pc/src/components/GiPageLayout/type.ts
@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'vue'
+
+/** 组件属性定义 */
+export interface PageLayoutProps {
+  size?: string
+  margin?: boolean
+  inner?: boolean
+  headerBordered?: boolean
+  leftStyle?: CSSProperties
+  headerStyle?: CSSProperties
+  bodyStyle?: CSSProperties
+  collapsed?: boolean
+  bgTransparent?: boolean
+}
diff --git a/frontend-pc/src/components/GiTable/GiTable.vue b/frontend-pc/src/components/GiTable/GiTable.vue
new file mode 100644
index 0000000..5efa51b
--- /dev/null
+++ b/frontend-pc/src/components/GiTable/GiTable.vue
@@ -0,0 +1,440 @@
+<!--
+  @file GiTable 组件
+  @description 增强型表格组件，支持全屏、列设置、斑马纹、边框等功能
+-->
+<template>
+  <div class="gi-table" :class="{ 'gi-table--fullscreen': isFullscreen }">
+    <!-- 表格头部区域 -->
+    <a-row justify="space-between" align="center" class="g-row-tool">
+      <!-- 左侧标题区域 -->
+      <a-space wrap>
+        <slot name="custom-title">
+          <div class="gi-table__title">{{ props.title }}</div>
+        </slot>
+      </a-space>
+
+      <!-- 表格操作按钮组 -->
+      <a-space wrap>
+        <slot name="custom-extra"></slot>
+        <!-- 斑马纹开关 -->
+        <a-tooltip content="斑马纹">
+          <a-switch v-model="stripe" size="small" type="round" />
+        </a-tooltip>
+
+        <!-- 刷新按钮 -->
+        <a-tooltip content="刷新">
+          <a-button size="mini" class="g-hover-btn" @click="handleRefresh">
+            <template #icon><icon-refresh :size="18" /></template>
+          </a-button>
+        </a-tooltip>
+
+        <!-- 全屏按钮 -->
+        <a-tooltip content="全屏">
+          <a-button size="mini" class="g-hover-btn" @click="toggleFullscreen">
+            <template #icon>
+              <icon-fullscreen v-if="!isFullscreen" :size="18" />
+              <icon-fullscreen-exit v-else :size="18" />
+            </template>
+          </a-button>
+        </a-tooltip>
+
+        <!-- 边框显示按钮 -->
+        <a-tooltip content="显示边框">
+          <a-button size="mini" class="g-hover-btn" @click="toggleBorder">
+            <template #icon>
+              <Icon icon="custom:borders" :width="18" :height="18" />
+            </template>
+          </a-button>
+        </a-tooltip>
+
+        <!-- 表格尺寸设置 -->
+        <a-dropdown @select="handleSizeChange">
+          <a-tooltip content="表格尺寸">
+            <a-button size="mini" class="g-hover-btn">
+              <template #icon>
+                <Icon icon="custom:table-size" :width="17" :height="17" />
+              </template>
+            </a-button>
+          </a-tooltip>
+          <template #content>
+            <a-doption v-for="item in TABLE_SIZE_OPTIONS" :key="item.value" :value="item.value"
+              :active="item.value === size">
+              {{ item.label }}
+            </a-doption>
+          </template>
+        </a-dropdown>
+
+        <!-- 列设置按钮 -->
+        <a-popover v-if="showSettingColumnBtn" trigger="click" position="br"
+          :content-style="{ minWidth: '160px', padding: '6px 8px 10px' }">
+          <a-button type="primary" size="mini">
+            <template #icon><icon-settings /></template>
+          </a-button>
+          <template #content>
+            <!-- 列拖拽排序区域 -->
+            <div class="gi-table__draggable">
+              <VueDraggable :model-value="currentSettingColumns" :animation="150"
+                @update:model-value="(val) => { settingColumnList = val as TableSettingColumnItem[] }">
+                <div v-for="item in currentSettingColumns" :key="item.key" class="gi-table__draggable-item">
+                  <div class="gi-table__draggable-item-move">
+                    <icon-drag-dot-vertical />
+                  </div>
+                  <a-checkbox v-model:model-value="item.show" :disabled="item.disabled">
+                    {{ item.title }}
+                  </a-checkbox>
+                  <div class="gi-table__draggable-item-fixed">
+                    <span class="gi-table__pin-btn" :class="{ 'is-active': item.fixedLeft }"
+                      @click.stop="toggleFixedLeft(item.key)">
+                      <icon-pushpin />
+                    </span>
+                    <span class="gi-table__pin-btn gi-table__pin-btn--right" :class="{ 'is-active': item.fixedRight }"
+                      @click.stop="toggleFixedRight(item.key)">
+                      <icon-pushpin />
+                    </span>
+                  </div>
+                </div>
+              </VueDraggable>
+            </div>
+            <a-divider :margin="6" />
+            <a-row justify="center">
+              <a-button type="primary" size="mini" long @click="resetSettingColumns">
+                <template #icon><icon-refresh /></template>
+                <template #default>重置</template>
+              </a-button>
+            </a-row>
+          </template>
+        </a-popover>
+      </a-space>
+    </a-row>
+
+    <!-- 表格主体区域 -->
+    <div class="gi-table__container">
+      <a-table ref="tableRef" v-bind="tableProps" :stripe="stripe" :size="size" :bordered="{ cell: isBordered }"
+        :columns="visibleColumns" :data="data">
+        <template v-for="key in slotKeys" :key="key" #[key]="scope">
+          <slot :key="key" :name="key" v-bind="scope" />
+        </template>
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" generic="T extends TableData">
+import type { DropdownInstance, TableColumnData, TableData, TableInstance } from '@arco-design/web-vue'
+import type { TableProps, TableSettingColumnItem } from './type'
+import { Icon } from '@iconify/vue'
+import { omit } from 'lodash-es'
+import { computed, ref, watch } from 'vue'
+import { VueDraggable } from 'vue-draggable-plus'
+
+defineOptions({ name: 'GiTable' })
+
+// Props 默认值
+const props = withDefaults(defineProps<Props>(), {
+  title: '',
+  disabledColumnKeys: () => [],
+  data: () => []
+})
+
+/** Emits 类型定义 */
+const emit = defineEmits<{
+  (e: 'refresh'): void
+}>()
+
+/** Slots 类型定义 */
+defineSlots<{
+  'th': (props: { column: TableColumnData }) => void
+  'thead': () => void
+  'empty': (props: { column: TableColumnData }) => void
+  'summary-cell': (props: { column: TableColumnData, record: T, rowIndex: number }) => void
+  'pagination-right': () => void
+  'pagination-left': () => void
+  'td': (props: { column: TableColumnData, record: T, rowIndex: number }) => void
+  'tr': (props: { record: T, rowIndex: number }) => void
+  'tbody': () => void
+  'drag-handle-icon': () => void
+  'footer': () => void
+  'expand-row': (props: { record: T }) => void
+  'expand-icon': (props: { record: T, expanded?: boolean }) => void
+  'columns': () => void
+  'custom-title': () => void
+  'custom-extra': () => void
+  [propsName: string]: (props: { key: string, record: T, column: TableColumnData, rowIndex: number }) => void
+}>()
+
+/** Props 类型定义 */
+interface Props extends TableProps {
+  /** 表格标题 */
+  title?: string
+  /** 禁止控制显示隐藏的列 */
+  disabledColumnKeys?: string[]
+  /** 表格数据 */
+  data?: T[]
+}
+
+const slots = useSlots()
+const attrs = useAttrs()
+
+/** 插槽键名列表（性能优化：避免模板中重复计算） */
+const slotKeys = computed(() => Object.keys(slots))
+
+/** 表格属性计算 */
+const tableProps = computed(() => {
+  return { ...attrs, ...omit(props, ['title', 'disabledColumnKeys']) }
+})
+
+/** 组件状态 */
+const tableRef = useTemplateRef('tableRef')
+const stripe = ref(false)
+const size = ref<TableInstance['size']>('medium')
+const isBordered = ref(true)
+const isFullscreen = ref(false)
+
+/** 表格尺寸选项 */
+const TABLE_SIZE_OPTIONS = [
+  { label: '迷你', value: 'mini' },
+  { label: '小型', value: 'small' },
+  { label: '中等', value: 'medium' },
+  { label: '大型', value: 'large' }
+] as const
+
+/** 处理表格尺寸变更 */
+const handleSizeChange: DropdownInstance['onSelect'] = (value) => {
+  if (value) {
+    size.value = value as TableInstance['size']
+  }
+}
+
+/** 处理表格刷新 */
+const handleRefresh = () => {
+  emit('refresh')
+}
+
+/** 切换全屏状态 */
+const toggleFullscreen = () => {
+  isFullscreen.value = !isFullscreen.value
+}
+
+/** 切换边框显示 */
+const toggleBorder = () => {
+  isBordered.value = !isBordered.value
+}
+
+/** 列设置相关逻辑 */
+const showSettingColumnBtn = computed(() => {
+  const columns = Array.isArray(props.columns) ? props.columns : undefined
+  return Boolean(columns?.length)
+})
+
+/** 获取列的 key */
+const getColumnKey = (column: TableColumnData, index?: number) => {
+  if (column.dataIndex) return String(column.dataIndex)
+  if (typeof column.title === 'string' && column.title) return column.title
+  // 使用索引作为后备，确保唯一性
+  return `__column_${index ?? Date.now()}__`
+}
+
+/** 计算初始列设置列表 */
+const initialSettingColumns = computed<TableSettingColumnItem[]>(() => {
+  if (!props.columns) return []
+
+  const columns = Array.isArray(props.columns) ? props.columns : []
+  return columns.map((column, index) => {
+    const key = getColumnKey(column, index)
+    const fixed = column.fixed
+    return {
+      key,
+      title: typeof column.title === 'string' ? column.title : '',
+      show: true,
+      disabled: props.disabledColumnKeys.includes(key),
+      fixedLeft: fixed === 'left',
+      fixedRight: fixed === 'right'
+    }
+  })
+})
+
+/** 用户修改后的列设置列表 */
+const settingColumnList = ref<TableSettingColumnItem[]>([])
+
+/** 检查列结构是否匹配 */
+const isColumnStructureMatch = (userColumns: TableSettingColumnItem[], initialColumns: TableSettingColumnItem[]): boolean => {
+  if (userColumns.length === 0 || userColumns.length !== initialColumns.length) return false
+  const initialKeys = new Set(initialColumns.map((item) => item.key))
+  const userKeys = new Set(userColumns.map((item) => item.key))
+  return initialKeys.size === userKeys.size && [...initialKeys].every((key) => userKeys.has(key))
+}
+
+/** 列映射表（性能优化：避免在 visibleColumns 中重复创建） */
+const columnMap = computed(() => {
+  if (!props.columns) return new Map<string, TableColumnData>()
+  const columns = Array.isArray(props.columns) ? props.columns : []
+  return new Map(columns.map((col, index) => [getColumnKey(col, index), col]))
+})
+
+/** 当前使用的列设置列表（自动处理列结构变化） */
+const currentSettingColumns = computed(() => {
+  const isValid = isColumnStructureMatch(settingColumnList.value, initialSettingColumns.value)
+  return isValid ? settingColumnList.value : initialSettingColumns.value
+})
+
+/** 重置列设置 */
+const resetSettingColumns = () => {
+  settingColumnList.value = [...initialSettingColumns.value]
+}
+
+/** 确保列设置列表已初始化（首次点击或拖拽前可能为空） */
+const ensureSettingColumnList = () => {
+  if (settingColumnList.value.length === 0 && initialSettingColumns.value.length > 0) {
+    settingColumnList.value = initialSettingColumns.value.map((item) => ({ ...item }))
+  }
+}
+
+/** 切换列固定左侧：图标高亮且当前列固定到左侧 */
+const toggleFixedLeft = (key: string) => {
+  ensureSettingColumnList()
+  settingColumnList.value = settingColumnList.value.map((item) =>
+    item.key === key
+      ? { ...item, fixedLeft: !item.fixedLeft, fixedRight: false }
+      : item
+  )
+}
+
+/** 切换列固定右侧：图标高亮且当前列固定到右侧 */
+const toggleFixedRight = (key: string) => {
+  ensureSettingColumnList()
+  settingColumnList.value = settingColumnList.value.map((item) =>
+    item.key === key
+      ? { ...item, fixedRight: !item.fixedRight, fixedLeft: false }
+      : item
+  )
+}
+
+/** 监听 columns 变化，自动重置列设置 */
+watch(() => props.columns, () => {
+  // 列结构变化时，如果用户设置不匹配，自动重置
+  if (!isColumnStructureMatch(settingColumnList.value, initialSettingColumns.value)) {
+    resetSettingColumns()
+  }
+}, { deep: true })
+
+/** 计算显示的列（含固定列设置）：固定左 → 不固定 → 固定右 */
+const visibleColumns = computed(() => {
+  if (!props.columns) return []
+
+  const shown = currentSettingColumns.value.filter((item) => item.show)
+  const leftFixed: typeof shown = []
+  const noFixed: typeof shown = []
+  const rightFixed: typeof shown = []
+  for (const item of shown) {
+    if (item.fixedLeft) leftFixed.push(item)
+    else if (item.fixedRight) rightFixed.push(item)
+    else noFixed.push(item)
+  }
+  const ordered = [...leftFixed, ...noFixed, ...rightFixed]
+
+  return ordered
+    .map((item) => {
+      const col = columnMap.value.get(item.key)
+      if (!col) return null
+      // 以列配置为准：未勾选固定时不再回退到 props 的 fixed，以便用户能取消固定
+      const fixed = item.fixedRight ? 'right' : item.fixedLeft ? 'left' : undefined
+      return { ...col, fixed }
+    })
+    .filter(Boolean) as TableColumnData[]
+})
+
+defineExpose({ tableRef })
+</script>
+
+<style lang="scss" scoped>
+.gi-table {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--color-bg-1);
+
+  &--fullscreen {
+    position: fixed;
+    inset: 0;
+    z-index: 1001;
+    padding: var(--padding);
+  }
+
+  &__container {
+    max-height: 100%;
+    overflow: hidden;
+  }
+
+  &__title {
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1.5;
+    color: var(--color-text-1);
+  }
+
+  &__draggable {
+    box-sizing: border-box;
+    max-height: 250px;
+    padding: 1px 0;
+    overflow: hidden auto;
+  }
+
+  &__draggable-item {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    &:hover {
+      background-color: var(--color-fill-2);
+    }
+
+    &-move {
+      padding: 0 2px;
+      cursor: move;
+    }
+
+    &-fixed {
+      display: flex;
+      flex-shrink: 0;
+      gap: 4px;
+      align-items: center;
+      margin-left: auto;
+    }
+
+    :deep(.arco-checkbox) {
+      flex: 1;
+      min-width: 0;
+      font-size: 12px;
+
+      .arco-checkbox-icon {
+        width: 14px;
+        height: 14px;
+      }
+    }
+  }
+
+  &__pin-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px;
+    font-size: 14px;
+    color: var(--color-text-3);
+    cursor: pointer;
+    transition: color 0.2s;
+
+    &:hover {
+      color: var(--color-text-2);
+    }
+
+    &.is-active {
+      color: rgb(var(--primary-6));
+    }
+
+    &--right {
+      transform: scaleX(-1);
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiTable/index.ts b/frontend-pc/src/components/GiTable/index.ts
new file mode 100644
index 0000000..eeee32b
--- /dev/null
+++ b/frontend-pc/src/components/GiTable/index.ts
@@ -0,0 +1,5 @@
+import Table from './GiTable.vue'
+
+export type * from './type'
+export type TableInstance = InstanceType<typeof Table>
+export { Table as GiTable }
diff --git a/frontend-pc/src/components/GiTable/type.ts b/frontend-pc/src/components/GiTable/type.ts
new file mode 100644
index 0000000..359a266
--- /dev/null
+++ b/frontend-pc/src/components/GiTable/type.ts
@@ -0,0 +1,53 @@
+import type { TableInstance } from '@arco-design/web-vue'
+
+export type TableProps = {
+  columns?: TableInstance['$props']['columns']
+  data?: TableInstance['$props']['data']
+  bordered?: TableInstance['$props']['bordered']
+  hoverable?: TableInstance['$props']['hoverable']
+  stripe?: TableInstance['$props']['stripe']
+  size?: TableInstance['$props']['size']
+  tableLayoutFixed?: TableInstance['$props']['tableLayoutFixed']
+  loading?: TableInstance['$props']['loading']
+  rowSelection?: TableInstance['$props']['rowSelection']
+  expandable?: TableInstance['$props']['expandable']
+  scroll?: TableInstance['$props']['scroll']
+  pagination?: TableInstance['$props']['pagination']
+  pagePosition?: TableInstance['$props']['pagePosition']
+  indentSize?: TableInstance['$props']['indentSize']
+  rowKey?: TableInstance['$props']['rowKey']
+  showHeader?: TableInstance['$props']['showHeader']
+  virtualListProps?: TableInstance['$props']['virtualListProps']
+  spanMethod?: TableInstance['$props']['spanMethod']
+  spanAll?: TableInstance['$props']['spanAll']
+  loadMore?: TableInstance['$props']['loadMore']
+  filterIconAlignLeft?: TableInstance['$props']['filterIconAlignLeft']
+  hideExpandButtonOnEmpty?: TableInstance['$props']['hideExpandButtonOnEmpty']
+  rowClass?: TableInstance['$props']['rowClass']
+  draggable?: TableInstance['$props']['draggable']
+  rowNumber?: TableInstance['$props']['rowNumber']
+  columnResizable?: TableInstance['$props']['columnResizable']
+  summary?: TableInstance['$props']['summary']
+  summaryText?: TableInstance['$props']['summaryText']
+  summarySpanMethod?: TableInstance['$props']['summarySpanMethod']
+  selectedKeys?: TableInstance['$props']['selectedKeys']
+  defaultSelectedKeys?: TableInstance['$props']['defaultSelectedKeys']
+  expandedKeys?: TableInstance['$props']['expandedKeys']
+  defaultExpandedKeys?: TableInstance['$props']['defaultExpandedKeys']
+  defaultExpandAllRows?: TableInstance['$props']['defaultExpandAllRows']
+  stickyHeader?: TableInstance['$props']['stickyHeader']
+  scrollbar?: TableInstance['$props']['scrollbar']
+  showEmptyTree?: TableInstance['$props']['showEmptyTree']
+}
+
+/** 列设置项类型 */
+export interface TableSettingColumnItem {
+  title: string
+  key: string
+  show: boolean
+  disabled: boolean
+  /** 固定左侧 */
+  fixedLeft?: boolean
+  /** 固定右侧 */
+  fixedRight?: boolean
+}
diff --git a/frontend-pc/src/components/GiTableSetting/GiTableSetting.vue b/frontend-pc/src/components/GiTableSetting/GiTableSetting.vue
new file mode 100644
index 0000000..acebb7c
--- /dev/null
+++ b/frontend-pc/src/components/GiTableSetting/GiTableSetting.vue
@@ -0,0 +1,291 @@
+<template>
+  <div class="gi-table-setting" :class="{ 'gi-table-setting--fullscreen': isFullscreen }">
+    <a-row justify="space-between" align="center" class="g-row-tool">
+      <a-space wrap>
+        <slot name="custom-title">
+          <div class="gi-table-setting__title">{{ title }}</div>
+        </slot>
+      </a-space>
+
+      <a-space wrap>
+        <slot name="custom-extra" />
+
+        <a-tooltip content="导出">
+          <a-button class="gi-table-setting__btn" type="text" size="mini" @click="emit('export')">
+            <template #icon><icon-download :size="18" /></template>
+          </a-button>
+        </a-tooltip>
+
+        <a-tooltip content="斑马纹">
+          <a-button class="gi-table-setting__btn" type="text" size="mini" @click="stripe = !stripe">
+            <template #icon><icon-brush :size="18" /></template>
+          </a-button>
+        </a-tooltip>
+
+        <a-tooltip content="刷新">
+          <a-button class="gi-table-setting__btn" type="text" size="mini" @click="emit('refresh')">
+            <template #icon><icon-refresh :size="18" /></template>
+          </a-button>
+        </a-tooltip>
+
+        <a-tooltip :content="isFullscreen ? '退出全屏' : '全屏'">
+          <a-button class="gi-table-setting__btn" type="text" size="mini" @click="toggleFullscreen">
+            <template #icon>
+              <icon-fullscreen v-if="!isFullscreen" :size="18" />
+              <icon-fullscreen-exit v-else :size="18" />
+            </template>
+          </a-button>
+        </a-tooltip>
+
+        <a-tooltip content="显示边框">
+          <a-button class="gi-table-setting__btn" type="text" size="mini" @click="toggleBorder">
+            <template #icon><icon-apps :size="18" /></template>
+          </a-button>
+        </a-tooltip>
+
+        <a-dropdown @select="handleSizeChange">
+          <a-tooltip content="表格尺寸">
+            <a-button class="gi-table-setting__btn" type="text" size="mini">
+              <template #icon>
+                <icon-font-colors :size="18" />
+              </template>
+            </a-button>
+          </a-tooltip>
+          <template #content>
+            <a-doption v-for="item in TABLE_SIZE_OPTIONS" :key="item.value" :value="item.value"
+              :active="item.value === size">
+              {{ item.label }}
+            </a-doption>
+          </template>
+        </a-dropdown>
+
+        <a-popover v-if="showSettingColumnBtn" trigger="click" position="br"
+          :content-style="{ minWidth: '160px', padding: '6px 8px 10px' }">
+          <a-button class="gi-table-setting__btn" type="text" size="mini">
+            <template #icon><icon-settings :size="18" /></template>
+          </a-button>
+          <template #content>
+            <div class="gi-table-setting__draggable">
+              <VueDraggable :model-value="currentSettingColumns" :animation="150"
+                @update:model-value="onSettingColumnsUpdate">
+                <div v-for="item in currentSettingColumns" :key="item.key" class="gi-table-setting__draggable-item">
+                  <div class="gi-table-setting__draggable-item-move">
+                    <icon-drag-dot-vertical />
+                  </div>
+                  <a-checkbox v-model:model-value="item.show" :disabled="item.disabled">
+                    {{ item.title }}
+                  </a-checkbox>
+                  <div class="gi-table-setting__draggable-item-fixed">
+                    <span class="gi-table-setting__pin-btn" :class="{ 'is-active': item.fixedLeft }"
+                      @click.stop="toggleFixedLeft(item.key)">
+                      <icon-pushpin />
+                    </span>
+                    <span class="gi-table-setting__pin-btn gi-table-setting__pin-btn--right"
+                      :class="{ 'is-active': item.fixedRight }" @click.stop="toggleFixedRight(item.key)">
+                      <icon-pushpin />
+                    </span>
+                  </div>
+                </div>
+              </VueDraggable>
+            </div>
+            <a-divider :margin="6" />
+            <a-row justify="center">
+              <a-button type="primary" size="mini" long @click="resetSettingColumns">
+                <template #icon><icon-refresh /></template>
+                <template #default>重置</template>
+              </a-button>
+            </a-row>
+          </template>
+        </a-popover>
+      </a-space>
+    </a-row>
+
+    <div class="gi-table-setting__body">
+      <slot :setting-columns="settingColumns" :is-fullscreen="isFullscreen" :table-props="tableProps" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { DropdownInstance, TableColumnData, TableInstance } from '@arco-design/web-vue'
+import type { GiTableSettingProps, TableSettingColumnListItem } from './type'
+import { computed, ref } from 'vue'
+import { VueDraggable } from 'vue-draggable-plus'
+import { useTableColumnSetting } from './useTableColumnSetting'
+
+defineOptions({ name: 'GiTableSetting' })
+
+const props = withDefaults(defineProps<GiTableSettingProps>(), {
+  title: '',
+  columns: () => [],
+  disabledColumnKeys: () => []
+})
+
+const emit = defineEmits<{
+  refresh: []
+  export: []
+}>()
+
+defineSlots<{
+  'custom-title'?: () => unknown
+  'custom-extra'?: () => unknown
+  'default': (props: {
+    settingColumns: TableColumnData[]
+    isFullscreen: boolean
+    tableProps: {
+      stripe: boolean
+      bordered: { cell: boolean }
+      size: TableInstance['size']
+    }
+  }) => unknown
+}>()
+
+const stripe = ref(false)
+const size = ref<TableInstance['size']>('medium')
+const isBordered = ref(true)
+const isFullscreen = ref(false)
+
+const TABLE_SIZE_OPTIONS = [
+  { label: '迷你', value: 'mini' },
+  { label: '小型', value: 'small' },
+  { label: '中等', value: 'medium' },
+  { label: '大型', value: 'large' }
+] as const
+
+const tableProps = computed(() => ({
+  stripe: stripe.value,
+  bordered: { cell: isBordered.value },
+  size: size.value
+}))
+
+const {
+  showSettingColumnBtn,
+  currentSettingColumns,
+  settingColumnList,
+  settingColumns,
+  resetSettingColumns,
+  toggleFixedLeft,
+  toggleFixedRight
+} = useTableColumnSetting({
+  columns: () => props.columns,
+  disabledColumnKeys: () => props.disabledColumnKeys
+})
+
+function onSettingColumnsUpdate(val: TableSettingColumnListItem[]) {
+  settingColumnList.value = val
+}
+
+const handleSizeChange: DropdownInstance['onSelect'] = (value) => {
+  if (value) {
+    size.value = value as TableInstance['size']
+  }
+}
+
+function toggleFullscreen() {
+  isFullscreen.value = !isFullscreen.value
+}
+
+function toggleBorder() {
+  isBordered.value = !isBordered.value
+}
+</script>
+
+<style lang="scss" scoped>
+.gi-table-setting {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  background: var(--color-bg-1);
+
+  &--fullscreen {
+    position: fixed;
+    inset: 0;
+    z-index: 1001;
+    box-sizing: border-box;
+    padding: var(--padding);
+  }
+
+  &__btn {
+    color: var(--color-text-1);
+  }
+
+  &__title {
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1.5;
+    color: var(--color-text-1);
+  }
+
+  &__body {
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  &__draggable {
+    box-sizing: border-box;
+    max-height: 250px;
+    padding: 1px 0;
+    overflow: hidden auto;
+  }
+
+  &__draggable-item {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    &:hover {
+      background-color: var(--color-fill-2);
+    }
+
+    &-move {
+      padding: 0 2px;
+      cursor: move;
+    }
+
+    &-fixed {
+      display: flex;
+      flex-shrink: 0;
+      gap: 4px;
+      align-items: center;
+      margin-left: auto;
+    }
+
+    :deep(.arco-checkbox) {
+      flex: 1;
+      min-width: 0;
+      font-size: 12px;
+
+      .arco-checkbox-icon {
+        width: 14px;
+        height: 14px;
+      }
+    }
+  }
+
+  &__pin-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px;
+    font-size: 14px;
+    color: var(--color-text-3);
+    cursor: pointer;
+    transition: color 0.2s;
+
+    &:hover {
+      color: var(--color-text-2);
+    }
+
+    &.is-active {
+      color: rgb(var(--primary-6));
+    }
+
+    &--right {
+      transform: scaleX(-1);
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/components/GiTableSetting/index.ts b/frontend-pc/src/components/GiTableSetting/index.ts
new file mode 100644
index 0000000..048b334
--- /dev/null
+++ b/frontend-pc/src/components/GiTableSetting/index.ts
@@ -0,0 +1,5 @@
+import TableSetting from './GiTableSetting.vue'
+
+export type * from './type'
+export type TableSettingInstance = InstanceType<typeof TableSetting>
+export { TableSetting as GiTableSetting }
diff --git a/frontend-pc/src/components/GiTableSetting/type.ts b/frontend-pc/src/components/GiTableSetting/type.ts
new file mode 100644
index 0000000..53eb8f7
--- /dev/null
+++ b/frontend-pc/src/components/GiTableSetting/type.ts
@@ -0,0 +1,22 @@
+import type { TableInstance } from '@arco-design/web-vue'
+
+export interface GiTableSettingProps {
+  /** 工具栏标题 */
+  title?: string
+  /** 列配置（用于列设置） */
+  columns?: TableInstance['columns']
+  /** 禁止控制显示隐藏的列 key */
+  disabledColumnKeys?: string[]
+}
+
+/** 列设置项类型 */
+export interface TableSettingColumnListItem {
+  title: string
+  key: string
+  show: boolean
+  disabled: boolean
+  /** 固定左侧 */
+  fixedLeft?: boolean
+  /** 固定右侧 */
+  fixedRight?: boolean
+}
diff --git a/frontend-pc/src/components/GiTableSetting/useTableColumnSetting.ts b/frontend-pc/src/components/GiTableSetting/useTableColumnSetting.ts
new file mode 100644
index 0000000..5fab867
--- /dev/null
+++ b/frontend-pc/src/components/GiTableSetting/useTableColumnSetting.ts
@@ -0,0 +1,141 @@
+import type { TableColumnData, TableInstance } from '@arco-design/web-vue'
+import type { MaybeRefOrGetter } from 'vue'
+import type { TableSettingColumnListItem } from './type'
+import { computed, ref, toValue, watch } from 'vue'
+
+export interface UseTableColumnSettingOptions {
+  columns: MaybeRefOrGetter<TableInstance['columns'] | undefined>
+  disabledColumnKeys?: MaybeRefOrGetter<string[]>
+}
+
+/** 获取列的 key */
+export function getTableColumnKey(column: TableColumnData, index?: number) {
+  if (column.dataIndex) return String(column.dataIndex)
+  if (typeof column.title === 'string' && column.title) return column.title
+  return `__column_${index ?? Date.now()}__`
+}
+
+/** 表格列设置：显隐、排序、固定 */
+export function useTableColumnSetting(options: UseTableColumnSettingOptions) {
+  const showSettingColumnBtn = computed(() => {
+    const columns = Array.isArray(toValue(options.columns)) ? toValue(options.columns) : undefined
+    return Boolean(columns?.length)
+  })
+
+  const initialSettingColumns = computed<TableSettingColumnListItem[]>(() => {
+    const raw = toValue(options.columns)
+    if (!raw) return []
+
+    const columns = Array.isArray(raw) ? raw : []
+    return columns.map((column, index) => {
+      const key = getTableColumnKey(column, index)
+      const fixed = column.fixed
+      const disabledKeys = toValue(options.disabledColumnKeys) ?? []
+      return {
+        key,
+        title: typeof column.title === 'string' ? column.title : '',
+        show: true,
+        disabled: disabledKeys.includes(key),
+        fixedLeft: fixed === 'left',
+        fixedRight: fixed === 'right'
+      }
+    })
+  })
+
+  const settingColumnList = ref<TableSettingColumnListItem[]>([])
+
+  const isColumnStructureMatch = (
+    userColumns: TableSettingColumnListItem[],
+    initialColumns: TableSettingColumnListItem[]
+  ): boolean => {
+    if (userColumns.length === 0 || userColumns.length !== initialColumns.length) return false
+    const initialKeys = new Set(initialColumns.map((item) => item.key))
+    const userKeys = new Set(userColumns.map((item) => item.key))
+    return initialKeys.size === userKeys.size && [...initialKeys].every((key) => userKeys.has(key))
+  }
+
+  const columnMap = computed(() => {
+    const raw = toValue(options.columns)
+    if (!raw) return new Map<string, TableColumnData>()
+    const columns = Array.isArray(raw) ? raw : []
+    return new Map(columns.map((col, index) => [getTableColumnKey(col, index), col]))
+  })
+
+  const currentSettingColumns = computed(() => {
+    const isValid = isColumnStructureMatch(settingColumnList.value, initialSettingColumns.value)
+    return isValid ? settingColumnList.value : initialSettingColumns.value
+  })
+
+  const resetSettingColumns = () => {
+    settingColumnList.value = [...initialSettingColumns.value]
+  }
+
+  const ensureSettingColumnList = () => {
+    if (settingColumnList.value.length === 0 && initialSettingColumns.value.length > 0) {
+      settingColumnList.value = initialSettingColumns.value.map((item) => ({ ...item }))
+    }
+  }
+
+  const toggleFixedLeft = (key: string) => {
+    ensureSettingColumnList()
+    settingColumnList.value = settingColumnList.value.map((item) =>
+      item.key === key
+        ? { ...item, fixedLeft: !item.fixedLeft, fixedRight: false }
+        : item
+    )
+  }
+
+  const toggleFixedRight = (key: string) => {
+    ensureSettingColumnList()
+    settingColumnList.value = settingColumnList.value.map((item) =>
+      item.key === key
+        ? { ...item, fixedRight: !item.fixedRight, fixedLeft: false }
+        : item
+    )
+  }
+
+  watch(
+    () => toValue(options.columns),
+    () => {
+      if (!isColumnStructureMatch(settingColumnList.value, initialSettingColumns.value)) {
+        resetSettingColumns()
+      }
+    },
+    { deep: true }
+  )
+
+  const settingColumns = computed(() => {
+    const raw = toValue(options.columns)
+    if (!raw) return []
+
+    const shown = currentSettingColumns.value.filter((item) => item.show)
+    const leftFixed: typeof shown = []
+    const noFixed: typeof shown = []
+    const rightFixed: typeof shown = []
+    for (const item of shown) {
+      if (item.fixedLeft) leftFixed.push(item)
+      else if (item.fixedRight) rightFixed.push(item)
+      else noFixed.push(item)
+    }
+    const ordered = [...leftFixed, ...noFixed, ...rightFixed]
+
+    return ordered
+      .map((item) => {
+        const col = columnMap.value.get(item.key)
+        if (!col) return null
+        const fixed = item.fixedRight ? 'right' : item.fixedLeft ? 'left' : undefined
+        return { ...col, fixed }
+      })
+      .filter(Boolean) as TableColumnData[]
+  })
+
+  return {
+    showSettingColumnBtn,
+    currentSettingColumns,
+    settingColumnList,
+    settingColumns,
+    resetSettingColumns,
+    toggleFixedLeft,
+    toggleFixedRight
+  }
+}
diff --git a/frontend-pc/src/components/GiTag/GiTag.tsx b/frontend-pc/src/components/GiTag/GiTag.tsx
new file mode 100644
index 0000000..07ae1a4
--- /dev/null
+++ b/frontend-pc/src/components/GiTag/GiTag.tsx
@@ -0,0 +1,135 @@
+/**
+ * @file GiTag 组件 - 提供多样化的标签展示
+ * @description 支持多种样式类型、状态、颜色和大小的标签组件
+ */
+
+import type { CSSProperties, PropType } from 'vue'
+import type { TagProps as Props } from './type'
+import { computed, defineComponent } from 'vue'
+import './tag.scss'
+
+/** 基础颜色映射表 */
+const BASE_COLORS: Record<string, string> = {
+  red: '#FF0000',
+  orangered: '#f77234',
+  orange: '#ff7d00',
+  gold: '#f7ba1e',
+  lime: '#9fdb1d',
+  green: '#00b42a',
+  cyan: '#14c9c9',
+  blue: '#3491fa',
+  purple: '#722ed1',
+  pink: '#f5319d',
+  gray: '#86909c'
+} as const
+
+export default defineComponent({
+  name: 'GiTag',
+  props: {
+    type: {
+      type: String as PropType<Props['type']>,
+      default: 'light'
+    },
+    status: {
+      type: String as PropType<Props['status']>,
+      default: 'primary'
+    },
+    color: {
+      type: String as PropType<Props['color'] | string>,
+      default: ''
+    },
+    size: {
+      type: String as PropType<Props['size']>,
+      default: 'small'
+    },
+    closable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['click', 'close'],
+  setup(props: Props, { slots, emit }) {
+    /**
+     * 将十六进制颜色转换为 RGB 对象
+     * @param hex - 十六进制颜色值
+     */
+    const hexToRgb = (hex: string) => {
+      const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex
+      return {
+        r: Number.parseInt(cleanHex.slice(0, 2), 16),
+        g: Number.parseInt(cleanHex.slice(2, 4), 16),
+        b: Number.parseInt(cleanHex.slice(4, 6), 16)
+      }
+    }
+
+    /** 计算标签的 class */
+    const className = computed(() => {
+      return [
+        'gi-tag',
+        props.type && `gi-tag__type--${props.type}`,
+        props.size && `gi-tag__size--${props.size}`,
+        props.status && `gi-tag__status--${props.status}`
+      ].filter(Boolean)
+    })
+
+    /** 计算标签的样式 */
+    const calcStyle = computed((): CSSProperties => {
+      if (!props.color) return {}
+
+      const color = BASE_COLORS[props.color as string] || props.color
+      const { r, g, b } = hexToRgb(color)
+      const style: CSSProperties = {}
+
+      switch (props.type) {
+        case 'light':
+          style.color = color
+          style.backgroundColor = `rgba(${r}, ${g}, ${b}, 0.1)`
+          style['--tag-close-hover-bg-color'] = color
+          break
+        case 'dark':
+          style.color = '#fff'
+          style.backgroundColor = color
+          style['--tag-close-hover-color'] = color
+          style['--tag-close-hover-bg-color'] = 'rgba(255, 255, 255, 0.9)'
+          break
+        case 'outline':
+          style.color = color
+          style.backgroundColor = 'transparent'
+          style.borderColor = color
+          style['--tag-close-hover-bg-color'] = color
+          break
+        case 'light-outline':
+          style.color = color
+          style.backgroundColor = `rgba(${r}, ${g}, ${b}, 0.1)`
+          style.borderColor = `rgba(${r}, ${g}, ${b}, 0.2)`
+          style['--tag-close-hover-bg-color'] = color
+          break
+      }
+
+      return style
+    })
+
+    /** 点击标签事件处理 */
+    const handleClick = () => emit('click')
+
+    /** 关闭标签事件处理 */
+    const handleClose = (event: MouseEvent) => {
+      event.stopPropagation()
+      emit('close')
+    }
+
+    /** 关闭图标组件 */
+    const CloseIcon = props.closable && (
+      <span class="gi-tag-close-btn" onClick={handleClose}>
+        <icon-close class="close-icon" />
+      </span>
+    )
+
+    return () => (
+      <span class={className.value} style={calcStyle.value} onClick={handleClick}>
+        {slots.default?.()}
+        {CloseIcon}
+      </span>
+    )
+  }
+})
diff --git a/frontend-pc/src/components/GiTag/index.ts b/frontend-pc/src/components/GiTag/index.ts
new file mode 100644
index 0000000..fe51656
--- /dev/null
+++ b/frontend-pc/src/components/GiTag/index.ts
@@ -0,0 +1,5 @@
+import Tag from './GiTag.tsx'
+
+export type TagInstance = InstanceType<typeof Tag>
+export * from './type'
+export { Tag as GiTag }
diff --git a/frontend-pc/src/components/GiTag/tag.scss b/frontend-pc/src/components/GiTag/tag.scss
new file mode 100644
index 0000000..ed27c19
--- /dev/null
+++ b/frontend-pc/src/components/GiTag/tag.scss
@@ -0,0 +1,166 @@
+$status: primary, success, warning, danger;
+
+$tag-size-mini-height: 20px;
+$tag-size-small-height: 22px;
+$tag-size-large-height: 24px;
+
+$tag-size-mini-padding: 0 6px;
+$tag-size-small-padding: 0 8px;
+$tag-size-large-padding: 0 10px;
+
+.gi-tag {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: $tag-size-small-height;
+  padding: $tag-size-small-padding;
+  font-size: 12px;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  border-radius: 3px;
+}
+
+.gi-tag-close-btn {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin-left: 4px;
+  cursor: pointer;
+  background-color: transparent;
+  border-radius: var(--border-radius-circle);
+  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+
+  .close-icon {
+    z-index: 9;
+    width: 12px;
+    height: 12px;
+  }
+}
+
+.gi-tag__size--mini {
+  height: $tag-size-mini-height;
+  padding: $tag-size-mini-padding;
+
+  .gi-tag-close-btn {
+    .close-icon {
+      width: 10px;
+      height: 10px;
+    }
+
+    &::before {
+      width: 14px;
+      height: 14px;
+    }
+  }
+}
+
+.gi-tag__size--small {
+  height: $tag-size-small-height;
+  padding: $tag-size-small-padding;
+}
+
+.gi-tag__size--large {
+  height: $tag-size-large-height;
+  padding: $tag-size-small-padding;
+}
+
+.gi-tag__type--light {
+  color: #fff;
+
+  @each $i in $status {
+    &.gi-tag__status--#{$i}
+
+ {
+      color: rgb(var(--#{$i}-6));
+      background-color: rgb(var(--#{$i}-1));
+
+      --tag-close-hover-color: #fff;
+      --tag-close-hover-bg-color: rgb(var(--#{$i}-6));
+
+      .gi-tag-close-btn {
+        &:hover {
+          color: var(--tag-close-hover-color);
+          background-color: var(--tag-close-hover-bg-color);
+        }
+      }
+    }
+  }
+}
+
+.gi-tag__type--dark {
+  color: #fff;
+
+  @each $i in $status {
+    &.gi-tag__status--#{$i}
+
+ {
+      background-color: rgb(var(--#{$i}-6));
+
+      --tag-close-hover-color: rgb(var(--#{$i}-6));
+      --tag-close-hover-bg-color: rgb(255 255 255 / 90%);
+
+      .gi-tag-close-btn {
+        &:hover {
+          color: var(--tag-close-hover-color);
+          background-color: var(--tag-close-hover-bg-color);
+        }
+      }
+    }
+  }
+}
+
+.gi-tag__type--outline {
+  background: transparent;
+  border-style: solid;
+  border-width: 1px;
+
+  @each $i in $status {
+    &.gi-tag__status--#{$i}
+
+ {
+      color: rgb(var(--#{$i}-6));
+      border-color: rgb(var(--#{$i}-6));
+
+      --tag-close-hover-color: #fff;
+      --tag-close-hover-bg-color: rgb(var(--#{$i}-6));
+
+      .gi-tag-close-btn {
+        &:hover {
+          color: var(--tag-close-hover-color);
+          background-color: var(--tag-close-hover-bg-color);
+        }
+      }
+    }
+  }
+}
+
+.gi-tag__type--light-outline {
+  border-style: solid;
+  border-width: 1px;
+
+  @each $i in $status {
+    &.gi-tag__status--#{$i}
+
+ {
+      color: rgb(var(--#{$i}-6));
+      background-color: rgb(var(--#{$i}-1));
+      border-color: rgb(var(--#{$i}-2));
+
+      --tag-close-hover-color: #fff;
+      --tag-close-hover-bg-color: rgb(var(--#{$i}-6));
+
+      .gi-tag-close-btn {
+        &:hover {
+          color: var(--tag-close-hover-color);
+          background-color: var(--tag-close-hover-bg-color);
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/frontend-pc/src/components/GiTag/type.ts b/frontend-pc/src/components/GiTag/type.ts
new file mode 100644
index 0000000..91e282e
--- /dev/null
+++ b/frontend-pc/src/components/GiTag/type.ts
@@ -0,0 +1,13 @@
+/** 组件属性定义 */
+export interface TagProps {
+  /** 标签类型 */
+  type?: 'dark' | 'light' | 'outline' | 'light-outline'
+  /** 标签状态 */
+  status?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
+  /** 自定义颜色，支持预设颜色名或十六进制颜色值 */
+  color?: 'red' | 'orangered' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'blue' | 'purple' | 'pink' | 'gray' | string
+  /** 标签尺寸 */
+  size?: 'mini' | 'small' | 'large'
+  /** 是否可关闭 */
+  closable?: boolean
+}
diff --git a/frontend-pc/src/components/GiThemeBtn/GiThemeBtn.vue b/frontend-pc/src/components/GiThemeBtn/GiThemeBtn.vue
new file mode 100644
index 0000000..19d2d05
--- /dev/null
+++ b/frontend-pc/src/components/GiThemeBtn/GiThemeBtn.vue
@@ -0,0 +1,16 @@
+<template>
+  <a-button size="mini" class="g-hover-btn" @click="toggleTheme">
+    <template #icon>
+      <icon-sun-fill v-if="!isDark" :size="18" />
+      <icon-moon-fill v-else :size="18" />
+    </template>
+  </a-button>
+</template>
+
+<script setup lang="ts">
+import { useTheme } from '@/hooks'
+
+defineOptions({ name: 'GiThemeBtn' })
+
+const { isDark, toggleTheme } = useTheme()
+</script>
diff --git a/frontend-pc/src/components/GiThemeBtn/index.ts b/frontend-pc/src/components/GiThemeBtn/index.ts
new file mode 100644
index 0000000..228ec31
--- /dev/null
+++ b/frontend-pc/src/components/GiThemeBtn/index.ts
@@ -0,0 +1,4 @@
+import ThemeBtn from './GiThemeBtn.vue'
+
+export type ThemeBtnInstance = InstanceType<typeof ThemeBtn>
+export { ThemeBtn as GiThemeBtn }
diff --git a/frontend-pc/src/components/dialog/TreeUserList/Tree.vue b/frontend-pc/src/components/dialog/TreeUserList/Tree.vue
new file mode 100644
index 0000000..3921133
--- /dev/null
+++ b/frontend-pc/src/components/dialog/TreeUserList/Tree.vue
@@ -0,0 +1,45 @@
+<template>
+  <a-spin :loading="loading" class="g-full-column">
+    <a-input-search class="g-mb" placeholder="请输入关键词" allow-clear />
+
+    <a-scrollbar style="height: 100%; overflow: auto" outer-style="flex: 1;overflow: hidden">
+      <a-tree ref="treeRef" show-line size="mini" :data="(treeData as unknown as TreeNodeData[])"
+        :field-names="{ key: 'id', title: 'name' }" @select="select">
+      </a-tree>
+    </a-scrollbar>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+import type { TreeNodeData } from '@arco-design/web-vue'
+import { getCateTree } from '@/apis/cate'
+
+const emit = defineEmits<{
+  (e: 'node-click'): void
+}>()
+
+const treeRef = useTemplateRef('treeRef')
+const loading = ref(false)
+const treeData = ref<any[]>([])
+
+// 获取分类树
+const getTreeData = async () => {
+  try {
+    loading.value = true
+    const res = await getCateTree()
+    treeData.value = res.data
+    nextTick(() => {
+      treeRef.value?.expandAll()
+    })
+  } finally {
+    loading.value = false
+  }
+}
+getTreeData()
+
+const select = () => {
+  emit('node-click')
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/dialog/TreeUserList/index.vue b/frontend-pc/src/components/dialog/TreeUserList/index.vue
new file mode 100644
index 0000000..91f27d0
--- /dev/null
+++ b/frontend-pc/src/components/dialog/TreeUserList/index.vue
@@ -0,0 +1,93 @@
+<template>
+  <GiPageLayout bg-transparent>
+    <template #left>
+      <Tree @node-click="search" />
+    </template>
+    <a-row justify="end" class="g-row-tool">
+      <a-space wrap>
+        <a-input v-model="searchParams.username" placeholder="输入用户名搜索" allow-clear style="max-width: 250px">
+        </a-input>
+        <a-button type="primary" @click="search">
+          <template #icon><icon-search /></template>
+          <span>查询</span>
+        </a-button>
+        <a-button @click="reset">重置</a-button>
+      </a-space>
+    </a-row>
+
+    <a-table class="g-table" row-key="id" :loading="loading" :bordered="{ cell: true }" :columns="columns"
+      :data="tableData" :scroll="{ x: '100%', y: '100%' }"
+      :row-selection="{ type: props.multiple ? 'checkbox' : 'radio', showCheckedAll: true }" :pagination="pagination"
+      @select="select" @select-all="selectAll">
+    </a-table>
+  </GiPageLayout>
+</template>
+
+<script setup lang="tsx">
+import type { TableColumnData } from '@arco-design/web-vue'
+import { baseAPI } from '@/apis/person'
+import { GiCellStatus } from '@/components/index'
+import { useTable } from '@/hooks'
+import Tree from './Tree.vue'
+
+interface Props {
+  multiple?: boolean
+  queryParams?: Record<string, any>
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  multiple: false,
+  queryParams: () => ({})
+})
+
+const searchParams = reactive({
+  username: ''
+})
+
+const columns = [
+  {
+    title: '序号',
+    width: 68,
+    align: 'center',
+    render: ({ rowIndex }) => (<span>{rowIndex + 1}</span>)
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    width: 100
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180
+  },
+  {
+    title: '地址',
+    dataIndex: 'address',
+    ellipsis: true,
+    tooltip: true
+  },
+  {
+    title: '状态',
+    width: 100,
+    align: 'center',
+    render: ({ record }) => {
+      return <GiCellStatus status={record.status} />
+    }
+  }
+] as TableColumnData[]
+
+const { loading, tableData, pagination, search, select, selectAll, getSelectedData } = useTable({
+  listAPI: (page) => baseAPI.getList({ ...page, ...searchParams, ...props.queryParams }),
+  immediate: true
+})
+
+const reset = () => {
+  searchParams.username = ''
+  search()
+}
+
+defineExpose({ getSelectedData })
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/dialog/UserList/index.vue b/frontend-pc/src/components/dialog/UserList/index.vue
new file mode 100644
index 0000000..9645e20
--- /dev/null
+++ b/frontend-pc/src/components/dialog/UserList/index.vue
@@ -0,0 +1,89 @@
+<template>
+  <GiPageLayout bg-transparent>
+    <a-row justify="end" class="g-row-tool">
+      <a-space wrap>
+        <a-input v-model="searchParams.username" placeholder="输入用户名搜索" allow-clear style="max-width: 250px">
+        </a-input>
+        <a-button type="primary" @click="search">
+          <template #icon><icon-search /></template>
+          <span>查询</span>
+        </a-button>
+        <a-button @click="reset">重置</a-button>
+      </a-space>
+    </a-row>
+
+    <a-table class="g-table" row-key="id" :loading="loading" :bordered="{ cell: true }" :columns="columns"
+      :data="tableData" :scroll="{ x: '100%', y: '100%' }"
+      :row-selection="{ type: props.multiple ? 'checkbox' : 'radio', showCheckedAll: true }" :pagination="pagination"
+      @select="select" @select-all="selectAll">
+    </a-table>
+  </GiPageLayout>
+</template>
+
+<script setup lang="tsx">
+import type { TableColumnData } from '@arco-design/web-vue'
+import { baseAPI } from '@/apis/person'
+import { GiCellStatus } from '@/components/index'
+import { useTable } from '@/hooks'
+
+interface Props {
+  multiple?: boolean
+  queryParams?: Record<string, any>
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  multiple: false,
+  queryParams: () => ({})
+})
+
+const searchParams = reactive({
+  username: ''
+})
+
+const columns = [
+  {
+    title: '序号',
+    width: 68,
+    align: 'center',
+    render: ({ rowIndex }) => (<span>{rowIndex + 1}</span>)
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    width: 180
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180
+  },
+  {
+    title: '地址',
+    dataIndex: 'address',
+    ellipsis: true,
+    tooltip: true
+  },
+  {
+    title: '状态',
+    width: 100,
+    align: 'center',
+    render: ({ record }) => {
+      return <GiCellStatus status={record.status} />
+    }
+  }
+] as TableColumnData[]
+
+const { loading, tableData, pagination, search, select, selectAll, getSelectedData } = useTable({
+  listAPI: (page) => baseAPI.getList({ ...page, ...searchParams, ...props.queryParams }),
+  immediate: true
+})
+
+const reset = () => {
+  searchParams.username = ''
+  search()
+}
+
+defineExpose({ getSelectedData })
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/dialog/index.ts b/frontend-pc/src/components/dialog/index.ts
new file mode 100644
index 0000000..3d3ffd5
--- /dev/null
+++ b/frontend-pc/src/components/dialog/index.ts
@@ -0,0 +1,16 @@
+import type { ListItem as UserListItem } from '@/apis/person'
+import { createSelectDialog } from '@/utils/createSelectDialog'
+import TreeUserList from './TreeUserList/index.vue'
+import UserList from './UserList/index.vue'
+
+/** 选择用户列表的对话框 */
+export const SelectUserListDialog = createSelectDialog<UserListItem[]>({
+  title: '选择用户',
+  component: UserList
+})
+
+/** 左树右表的对话框 */
+export const SelectTreeUserListDialog = createSelectDialog<UserListItem[]>({
+  title: '左树右表对话框示例',
+  component: TreeUserList
+})
diff --git a/frontend-pc/src/components/icons/Icon403.vue b/frontend-pc/src/components/icons/Icon403.vue
new file mode 100644
index 0000000..6f0abf4
--- /dev/null
+++ b/frontend-pc/src/components/icons/Icon403.vue
@@ -0,0 +1,625 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <g id="freepik--Floor--inject-70">
+      <ellipse id="freepik--floor--inject-70" cx="250" cy="384.61" rx="209.73" ry="94.79" style="fill: #f5f5f5">
+      </ellipse>
+    </g>
+    <g id="freepik--Shadows--inject-70">
+      <ellipse id="freepik--Shadow--inject-70" cx="352.36" cy="395.73" rx="56.05" ry="32.36" style="fill: #e0e0e0">
+      </ellipse>
+      <path id="freepik--shadow--inject-70"
+        d="M91.71,412.52c-9.53,5.57-9.53,14.59,0,20.15s25,5.56,34.51,0,9.53-14.58,0-20.15S101.24,407,91.71,412.52Z"
+        style="fill: #e0e0e0"></path>
+    </g>
+    <g id="freepik--Door--inject-70">
+      <g id="freepik--Bricks--inject-70">
+        <path d="M103.87,225.91v3.46c0,1.09.77,1.53,1.71,1l3.34-1.92V221L105.58,223A3.78,3.78,0,0,0,103.87,225.91Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M93.28,223v3.45c0,1.09.77,1.53,1.71,1l13.93-8V212L95,220A3.78,3.78,0,0,0,93.28,223Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M100.82,262.05,85,271.18a3.8,3.8,0,0,0-1.71,3v3.46c0,1.09.77,1.53,1.71,1l15.82-9.13a3.78,3.78,0,0,0,1.71-3V263C102.53,261.94,101.76,261.5,100.82,262.05Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M108.92,302.88l-13.93,8a3.78,3.78,0,0,0-1.71,3v3.46c0,1.09.77,1.53,1.71,1l13.93-8Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M93.28,186.59V190c0,1.09.77,1.53,1.71,1l13.93-8v-7.4l-13.93,8A3.78,3.78,0,0,0,93.28,186.59Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M77.44,295.91v3.46c0,1.09.76,1.53,1.71,1L95,291.23a3.77,3.77,0,0,0,1.71-3v-3.46c0-1.09-.76-1.53-1.71-1L79.15,293A3.77,3.77,0,0,0,77.44,295.91Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M93.28,259.32v3.46c0,1.09.77,1.53,1.71,1l13.93-8v-7.41L95,256.37A3.78,3.78,0,0,0,93.28,259.32Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M91.94,318.09v-3.45c0-1.09-.76-1.54-1.71-1l-15.82,9.13a3.8,3.8,0,0,0-1.71,3v3.46c0,1.09.77,1.53,1.71,1l15.82-9.14A3.75,3.75,0,0,0,91.94,318.09Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M92,176.33,76.2,185.46a3.8,3.8,0,0,0-1.71,3v3.46c0,1.09.77,1.53,1.71,1L92,183.74a3.8,3.8,0,0,0,1.71-3v-3.46C93.73,176.23,93,175.79,92,176.33Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M100.82,189.31,85,198.44a3.8,3.8,0,0,0-1.71,3v3.46c0,1.09.77,1.53,1.71,1l15.82-9.14a3.78,3.78,0,0,0,1.71-3v-3.46C102.53,189.2,101.76,188.76,100.82,189.31Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M100.82,225.68,85,234.81a3.8,3.8,0,0,0-1.71,3v3.46c0,1.09.77,1.53,1.71,1l15.82-9.13a3.78,3.78,0,0,0,1.71-3v-3.46C102.53,225.57,101.76,225.13,100.82,225.68Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M85,333.14,100.82,324a3.8,3.8,0,0,0,1.71-3v-3.46c0-1.09-.77-1.53-1.71-1L85,325.73a3.8,3.8,0,0,0-1.71,3v3.46C83.29,333.24,84.06,333.68,85,333.14Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M235.65,161.92v3.46a3.77,3.77,0,0,1-1.7,3l-3.34,1.93v-7.41l3.34-1.92C234.89,160.39,235.65,160.83,235.65,161.92Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M230.61,281.09l13.93-8c.94-.55,1.7-.1,1.7,1v3.45a3.77,3.77,0,0,1-1.7,3l-13.93,8Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M246.24,146.74v3.46a3.79,3.79,0,0,1-1.7,3l-13.93,8v-7.4l13.93-8C245.48,145.21,246.24,145.65,246.24,146.74Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M238.71,194.54l15.82-9.14c.94-.54,1.71-.1,1.71,1v3.46a3.8,3.8,0,0,1-1.71,3l-15.82,9.13c-1,.55-1.71.1-1.71-1V197.5A3.75,3.75,0,0,1,238.71,194.54Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M230.61,244.72l13.93-8c.94-.54,1.7-.1,1.7,1v3.45a3.77,3.77,0,0,1-1.7,3l-13.93,8Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M246.24,110.37v3.46a3.77,3.77,0,0,1-1.7,3l-13.93,8v-7.4l13.93-8C245.48,108.84,246.24,109.28,246.24,110.37Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M262.09,201.4v3.46a3.77,3.77,0,0,1-1.71,3L244.56,217c-.94.55-1.7.11-1.7-1v-3.46a3.77,3.77,0,0,1,1.7-3l15.82-9.13C261.33,199.87,262.09,200.31,262.09,201.4Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M246.24,183.11v3.46a3.79,3.79,0,0,1-1.7,3l-13.93,8v-7.4l13.93-8C245.48,181.58,246.24,182,246.24,183.11Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M247.59,240.33v-3.46a3.77,3.77,0,0,1,1.71-3l15.82-9.13c.94-.55,1.71-.11,1.71,1v3.46a3.78,3.78,0,0,1-1.71,3l-15.82,9.14C248.35,241.86,247.59,241.42,247.59,240.33Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M238.71,121.8l15.82-9.14c.94-.54,1.71-.1,1.71,1v3.46a3.8,3.8,0,0,1-1.71,3l-15.82,9.13c-1,.55-1.71.1-1.71-1v-3.46A3.75,3.75,0,0,1,238.71,121.8Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M238.71,158.17,254.53,149c.94-.54,1.71-.1,1.71,1v3.46a3.8,3.8,0,0,1-1.71,3l-15.82,9.13c-1,.55-1.71.1-1.71-1v-3.45A3.75,3.75,0,0,1,238.71,158.17Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M254.53,247.36l-15.82,9.14c-1,.54-1.71.1-1.71-1v-3.46a3.77,3.77,0,0,1,1.71-3L254.53,240c.94-.55,1.71-.1,1.71,1v3.46A3.78,3.78,0,0,1,254.53,247.36Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M230.61,299.27l13.93-8c.94-.54,1.7-.1,1.7,1v3.46a3.79,3.79,0,0,1-1.7,3l-13.93,8Z"
+          style="fill: #e0e0e0"></path>
+      </g>
+      <g id="freepik--door--inject-70">
+        <g id="freepik--door--inject-70">
+          <path
+            d="M108.92,413V165.44a12,12,0,0,1,5.42-9.38L221.46,94.21a3.83,3.83,0,0,1,3.83-.38L229,96a3.79,3.79,0,0,1,1.6,3.51V347.06l-7.81,4.51-6.34-3.67-96,55.42v7.33l-7.81,4.51Z"
+            style="fill: #37474f"></path>
+          <path d="M134.28,395.32l-13.85,8v7.33l-7.81,4.51-3.7-2.14V165.44a11,11,0,0,1,1.6-5.35l23.58,13.62Z"
+            style="fill: #263238"></path>
+          <path
+            d="M112.62,167.59V415.14l7.81-4.5v-7.32l96-55.42,6.34,3.66,7.81-4.5V99.48c0-3.47-2.43-4.85-5.4-3.13L118,158.21A12,12,0,0,0,112.62,167.59Z"
+            style="fill: #455a64"></path>
+          <polygon points="120.43 168.9 120.43 406.38 219.1 349.42 219.1 111.95 120.43 168.9"
+            style="fill: currentcolor"></polygon>
+          <polygon points="120.43 168.9 120.43 406.38 219.1 349.42 219.1 111.95 120.43 168.9"
+            style=" opacity: 0.7;fill: #fff"></polygon>
+          <g style="opacity: 0.43">
+            <path d="M137.25,377.26V178.61l65-37.54V339.71ZM140,180.19V372.53l59.59-34.4V145.8Z"
+              style="fill: currentcolor"></path>
+            <path d="M137.25,178.61V377.26l65-37.55V141.07Zm62.31,159.52L140,372.53V180.19l59.59-34.39Z"
+              style="opacity: 0.1"></path>
+          </g>
+          <polygon points="219.1 349.42 219.1 111.95 222.75 109.83 222.76 351.57 219.1 349.42" style="fill: #263238">
+          </polygon>
+          <polygon points="120.43 410.64 222.76 351.57 219.1 349.42 120.43 406.38 120.43 410.64" style="fill: #e0e0e0">
+          </polygon>
+        </g>
+        <g id="freepik--Latch--inject-70">
+          <polygon points="122.34 258.22 124.31 259.36 124.32 292.09 122.34 290.95 122.34 258.22" style="fill: #e0e0e0">
+          </polygon>
+          <polygon points="124.31 259.36 134.94 253.22 134.95 285.95 124.32 292.09 124.31 259.36" style="fill: #fafafa">
+          </polygon>
+          <path d="M135,262.23l-4.66,2.68v5.32a.64.64,0,0,0,1,.55l3.7-2.13Z" style="opacity: 0.05"></path>
+          <polygon points="134.94 253.22 132.97 252.08 122.34 258.22 124.31 259.36 134.94 253.22" style="fill: #ebebeb">
+          </polygon>
+          <path
+            d="M128.39,263.82l4.88,2.81,1.95-3.38-4.88-2.81h0a.94.94,0,0,0-1,.09,3,3,0,0,0-1.38,2.39A1,1,0,0,0,128.39,263.82Z"
+            style="fill: #e0e0e0"></path>
+          <polygon
+            points="130.29 264.91 132.06 265.94 132.06 263.61 133.95 262.52 132.18 261.5 130.29 262.58 130.29 264.91"
+            style="opacity: 0.1"></polygon>
+          <polygon points="132.65 263.98 132.65 269.09 152.15 257.84 152.15 252.73 132.65 263.98" style="fill: #fafafa">
+          </polygon>
+          <polygon points="132.65 263.98 130.88 262.95 130.88 268.07 132.65 269.09 132.65 263.98" style="fill: #e0e0e0">
+          </polygon>
+          <polygon points="152.15 252.73 150.38 251.7 130.88 262.95 132.65 263.98 152.15 252.73" style="fill: #ebebeb">
+          </polygon>
+          <path
+            d="M127.84,278.23a4,4,0,0,1,1.79-3.1c1-.57,1.79-.11,1.79,1a3.92,3.92,0,0,1-1.08,2.52V282a1.35,1.35,0,0,1-.61,1.05l-.2.12c-.34.19-.61,0-.61-.35v-3.34C128.28,279.56,127.84,279.08,127.84,278.23Z"
+            style="fill: #455a64"></path>
+        </g>
+        <g id="freepik--Close--inject-70">
+          <path
+            d="M155.5,200.16l30.07-17.36c1.79-1,3.25-.2,3.25,1.87v20.65a7.21,7.21,0,0,1-3.25,5.63L155.5,228.31c-1.79,1-3.25.19-3.25-1.88V205.78A7.17,7.17,0,0,1,155.5,200.16Z"
+            style="opacity: 0.15"></path>
+          <path
+            d="M156.65,201l30.07-17.36c1.79-1,3.25-.2,3.25,1.87v20.65a7.21,7.21,0,0,1-3.25,5.63l-30.07,17.36c-1.8,1-3.25.19-3.25-1.88V206.66A7.15,7.15,0,0,1,156.65,201Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M165.59,198h-.08a.37.37,0,0,1-.29-.45l6.1-26.68a.36.36,0,0,1,.35-.29h0a.37.37,0,0,1,.36.26l6.1,19.65a.38.38,0,1,1-.72.22l-5.68-18.31L166,197.74A.38.38,0,0,1,165.59,198Z"
+            style="fill: #263238"></path>
+          <path
+            d="M157.66,220.88a.72.72,0,0,1-.09-.44V209.63a1.37,1.37,0,0,1,.09-.55.58.58,0,0,1,.29-.31l3.27-1.89c.11-.06.18,0,.23.05a1.51,1.51,0,0,1,.06.52v.45a2.41,2.41,0,0,1-.06.6.5.5,0,0,1-.23.31l-2.16,1.25v3L161,212c.1-.06.18,0,.22.05a1.3,1.3,0,0,1,.07.53V213a1.89,1.89,0,0,1-.07.6.55.55,0,0,1-.22.32L159.06,215v3.28l2.17-1.26a.15.15,0,0,1,.22,0,1.54,1.54,0,0,1,.06.53v.45a2.34,2.34,0,0,1-.06.61.54.54,0,0,1-.22.3l-3.28,1.9C157.81,220.93,157.71,220.94,157.66,220.88Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M162.78,217.6v-11a1.19,1.19,0,0,1,.1-.53.72.72,0,0,1,.29-.33l1.81-1q2.25-1.31,2.25,2a5.9,5.9,0,0,1-1,3.53v.07c.3.08.55.56.76,1.44l.68,2.95a.44.44,0,0,0,0,.1.34.34,0,0,1,0,.1c0,.27-.2.52-.61.75l-.32.19c-.35.2-.55.18-.58-.06l-.62-3a1.21,1.21,0,0,0-.31-.64c-.12-.08-.29-.05-.53.09l-.42.24v4.26a1,1,0,0,1-.59.85l-.31.17C163,218,162.78,217.93,162.78,217.6Zm2.28-7.69a1.4,1.4,0,0,0,.51-.76,3.86,3.86,0,0,0,.22-1.37,2,2,0,0,0-.21-1.1q-.21-.27-.57-.06l-.76.44v3.32Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M168.65,214.21v-11a1.38,1.38,0,0,1,.09-.54.8.8,0,0,1,.3-.33l1.81-1q2.25-1.31,2.25,2a5.94,5.94,0,0,1-1,3.53v.06c.3.09.55.57.76,1.45l.67,2.94,0,.1s0,.07,0,.11c0,.26-.2.51-.61.74l-.32.19c-.36.2-.55.18-.59-.06l-.61-3a1.19,1.19,0,0,0-.31-.63c-.12-.08-.3-.06-.54.08l-.41.24v4.27a1,1,0,0,1-.6.84l-.3.18C168.84,214.6,168.65,214.55,168.65,214.21Zm2.28-7.69a1.36,1.36,0,0,0,.51-.76,4.07,4.07,0,0,0,.21-1.37,1.92,1.92,0,0,0-.2-1.09.39.39,0,0,0-.57-.07l-.76.44V207Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M174.29,205.36q0-6.15,2.89-7.82t2.89,4.48q0,6.18-2.89,7.85T174.29,205.36Zm3.93,1a13.59,13.59,0,0,0,.33-3.46,9.2,9.2,0,0,0-.33-3.07q-.33-.77-1-.36a2.49,2.49,0,0,0-1,1.56,13.45,13.45,0,0,0-.33,3.45,9.36,9.36,0,0,0,.33,3.08c.23.52.57.64,1,.37A2.55,2.55,0,0,0,178.22,206.36Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M181.35,206.88v-11a1.38,1.38,0,0,1,.09-.54.68.68,0,0,1,.3-.33l1.8-1q2.27-1.31,2.26,2a5.94,5.94,0,0,1-1.05,3.53v.06c.29.09.55.57.76,1.45l.67,2.94a.3.3,0,0,1,0,.1.41.41,0,0,1,0,.11c0,.26-.2.51-.6.74l-.33.19c-.35.2-.54.18-.58-.06l-.62-3a1.13,1.13,0,0,0-.31-.63c-.11-.09-.29-.06-.53.08l-.41.24V206a1,1,0,0,1-.6.84l-.3.17C181.54,207.27,181.35,207.21,181.35,206.88Zm2.27-7.69a1.32,1.32,0,0,0,.52-.76,4.11,4.11,0,0,0,.21-1.37,2,2,0,0,0-.21-1.1.39.39,0,0,0-.56-.06l-.76.44v3.32Z"
+            style="fill: #fafafa"></path>
+        </g>
+      </g>
+      <g id="freepik--Tapes--inject-70">
+        <polygon points="112.53 369.86 108.83 367.75 108.84 380.2 112.53 382.31 112.53 369.86" style="opacity: 0.2">
+        </polygon>
+        <polygon points="112.53 366.54 108.35 364.1 108.36 376.55 112.53 378.99 112.53 366.54"
+          style="fill: currentcolor"></polygon>
+        <polygon points="112.53 366.54 108.35 364.1 108.36 376.55 112.53 378.99 112.53 366.54" style="opacity: 0.2">
+        </polygon>
+        <polygon points="230.53 215.01 112.53 369.86 112.54 382.31 230.53 227.47 230.53 215.01" style="opacity: 0.25">
+        </polygon>
+        <polygon points="230.53 211.7 112.53 366.54 112.54 378.99 230.53 224.15 230.53 211.7"
+          style="fill: currentcolor"></polygon>
+        <polygon points="230.53 224.13 230.53 218.48 224.68 219.38 219.81 225.77 230.53 224.13" style="fill: #455a64">
+        </polygon>
+        <polygon points="215.94 243.32 205.18 244.97 200.3 251.37 211.07 249.71 215.94 243.32" style="fill: #455a64">
+        </polygon>
+        <polygon points="225.69 230.52 214.93 232.17 210.05 238.57 220.82 236.92 225.69 230.52" style="fill: #455a64">
+        </polygon>
+        <polygon points="206.19 256.11 195.43 257.77 190.55 264.16 201.32 262.51 206.19 256.11" style="fill: #455a64">
+        </polygon>
+        <polygon points="196.44 268.91 185.67 270.56 180.8 276.96 191.56 275.31 196.44 268.91" style="fill: #455a64">
+        </polygon>
+        <polygon points="186.69 281.71 175.92 283.36 171.05 289.76 181.81 288.11 186.69 281.71" style="fill: #455a64">
+        </polygon>
+        <polygon points="176.94 294.5 166.17 296.16 161.29 302.55 172.06 300.9 176.94 294.5" style="fill: #455a64">
+        </polygon>
+        <polygon points="167.18 307.3 156.42 308.95 151.54 315.35 162.31 313.7 167.18 307.3" style="fill: #455a64">
+        </polygon>
+        <polygon points="157.43 320.1 146.67 321.75 141.79 328.15 152.56 326.5 157.43 320.1" style="fill: #455a64">
+        </polygon>
+        <polygon points="147.68 332.89 136.91 334.55 132.04 340.94 142.81 339.29 147.68 332.89" style="fill: #455a64">
+        </polygon>
+        <polygon points="137.93 345.69 127.16 347.34 122.29 353.74 133.05 352.09 137.93 345.69" style="fill: #455a64">
+        </polygon>
+        <polygon points="128.18 358.49 117.41 360.14 112.53 366.54 123.3 364.88 128.18 358.49" style="fill: #455a64">
+        </polygon>
+        <polygon points="118.41 371.29 112.53 372.19 112.53 378.99 113.53 377.68 118.41 371.29" style="fill: #455a64">
+        </polygon>
+        <polygon points="112.53 283.52 230.53 298.93 230.53 311.38 112.53 295.98 112.53 283.52" style="opacity: 0.25">
+        </polygon>
+        <polygon points="112.53 281.42 230.53 296.82 230.53 309.27 112.53 293.87 112.53 281.42"
+          style="fill: currentcolor"></polygon>
+        <polygon points="112.53 283.52 108.83 281.35 108.84 293.81 112.53 295.97 112.53 283.52" style="opacity: 0.2">
+        </polygon>
+        <polygon points="112.53 281.42 108.35 278.97 108.36 291.43 112.53 293.87 112.53 281.42"
+          style="fill: currentcolor"></polygon>
+        <polygon points="112.53 281.42 108.35 278.97 108.36 291.43 112.53 293.87 112.53 281.42" style="opacity: 0.2">
+        </polygon>
+        <path
+          d="M117.8,284.78s.06,0,.07.09a.54.54,0,0,1,0,.22l-.17,1.15a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-1.34-.17-.22,1.48,1.25.16s.06,0,.08.1a.74.74,0,0,1,0,.21l-.17,1.16a.66.66,0,0,1-.06.2s-.07.08-.1.07l-1.25-.16-.34,2.35a.77.77,0,0,1-.07.2c0,.06-.07.09-.1.08l-.59-.07s0,0-.07-.1a.49.49,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2s.07-.08.1-.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M118.2,287.72a7.33,7.33,0,0,1,.27-1.14,4.74,4.74,0,0,1,.41-.9,1.83,1.83,0,0,1,.53-.57A.8.8,0,0,1,120,285a.81.81,0,0,1,.55.31,1.82,1.82,0,0,1,.35.68,4.55,4.55,0,0,1,.13,1,7.67,7.67,0,0,1,0,1.16c0,.32-.09.64-.14,1s-.1.66-.15,1a7.47,7.47,0,0,1-.27,1.13,4.85,4.85,0,0,1-.41.91,2,2,0,0,1-.53.57.86.86,0,0,1-.61.16.84.84,0,0,1-.56-.31,1.88,1.88,0,0,1-.34-.68,4,4,0,0,1-.13-1,7.78,7.78,0,0,1,0-1.16c0-.3.08-.62.13-1S118.14,288,118.2,287.72Zm1.69,2.13c0-.13,0-.28.07-.43s.06-.33.08-.49,0-.33.07-.49,0-.29,0-.42a2.9,2.9,0,0,0,0-.5,1.58,1.58,0,0,0-.05-.41.71.71,0,0,0-.13-.29.34.34,0,0,0-.48-.06.74.74,0,0,0-.22.24,2.29,2.29,0,0,0-.16.38,3.33,3.33,0,0,0-.12.5,3.86,3.86,0,0,0-.07.41c0,.16,0,.32-.08.49s0,.33-.07.49,0,.3,0,.43a2.79,2.79,0,0,0,0,.93c0,.25.17.39.36.41a.47.47,0,0,0,.46-.31A2.93,2.93,0,0,0,119.89,289.85Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M123.63,285.52a1,1,0,0,1,.5.22,1.3,1.3,0,0,1,.34.51,2.92,2.92,0,0,1,.13.81,5.59,5.59,0,0,1-.07,1.11,5.42,5.42,0,0,1-.34,1.34,1.91,1.91,0,0,1-.51.77l.18,2.66v.12a.38.38,0,0,1-.06.16s0,.07-.08.07l-.61-.08a.13.13,0,0,1-.11-.12.69.69,0,0,1,0-.2l-.16-2.39-.42-.05-.34,2.32a.52.52,0,0,1-.06.2c0,.06-.07.09-.1.08l-.59-.07s0,0-.07-.1a.49.49,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2c0-.05.07-.08.1-.08Zm-1,3.23.51.07a.37.37,0,0,0,.33-.14,1.11,1.11,0,0,0,.22-.61,1.27,1.27,0,0,0,0-.65.35.35,0,0,0-.29-.21l-.51-.07Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M124.75,293.42a.12.12,0,0,1-.07-.1.48.48,0,0,1,0-.21l1-7a.93.93,0,0,1,.07-.2c0-.05.07-.08.1-.07l1.44.18a.69.69,0,0,1,.48.27,1.37,1.37,0,0,1,.25.56,2.93,2.93,0,0,1,.08.75,7.35,7.35,0,0,1-.07.82,3.19,3.19,0,0,1-.11.54,4,4,0,0,1-.12.4c0,.11-.09.19-.13.26l-.09.15a2,2,0,0,1,.15.71,7.05,7.05,0,0,1-.07.94,6.25,6.25,0,0,1-.18.86,3.27,3.27,0,0,1-.29.73,1.32,1.32,0,0,1-.4.49.63.63,0,0,1-.51.14Zm1-1.6.74.1c.09,0,.17-.05.24-.17a1.24,1.24,0,0,0,.15-.46,1.26,1.26,0,0,0,0-.48c0-.14-.1-.21-.19-.22l-.74-.09Zm1.49-3.49a1.17,1.17,0,0,0,0-.46c0-.12-.09-.19-.18-.2l-.7-.09-.18,1.24.7.09c.09,0,.16,0,.23-.14A1.44,1.44,0,0,0,127.2,288.33Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M128.27,293.87s-.05,0-.07-.1a.49.49,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2c0-.05.07-.08.1-.07l.59.07a.12.12,0,0,1,.07.1.48.48,0,0,1,0,.21l-1,7a.86.86,0,0,1-.07.21c0,.05-.07.08-.1.07Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M132.37,286.64a.83.83,0,0,1,.53.29,1.72,1.72,0,0,1,.35.69,3.94,3.94,0,0,1,.16,1,8.93,8.93,0,0,1-.06,1.24q0,.24-.06.42c0,.13,0,.25,0,.37s0,.23-.06.36a3.55,3.55,0,0,1-.06.4,7.41,7.41,0,0,1-.29,1.21,4.66,4.66,0,0,1-.43.92,1.94,1.94,0,0,1-.52.57.81.81,0,0,1-.59.15l-1.22-.15s0,0-.07-.1a.7.7,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2c0-.05.07-.08.1-.07Zm.15,3.06c.11-.83,0-1.28-.42-1.32l-.46-.06-.6,4.13.48.06c.37.05.63-.34.77-1.18l.06-.42.06-.4.06-.38C132.49,290,132.5,289.86,132.52,289.7Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M136,287.1a.79.79,0,0,1,.53.29,1.75,1.75,0,0,1,.35.68,4.1,4.1,0,0,1,.16,1,8.93,8.93,0,0,1-.06,1.24c0,.16,0,.29-.06.42s0,.25,0,.37,0,.23-.05.35,0,.26-.07.41a7.67,7.67,0,0,1-.29,1.21,4.66,4.66,0,0,1-.43.92,1.94,1.94,0,0,1-.52.57.81.81,0,0,1-.59.15l-1.22-.15s0,0-.07-.1a.49.49,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2s.07-.08.1-.07Zm.15,3.06c.11-.83,0-1.28-.42-1.33l-.46-.05-.6,4.13.48.06c.37,0,.63-.34.77-1.18l.06-.43L136,291l.06-.38C136.08,290.46,136.09,290.32,136.11,290.16Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M139.62,293.55s0,0,.07.09a.49.49,0,0,1,0,.21l-.16,1.16a.93.93,0,0,1-.07.2.14.14,0,0,1-.1.08l-2.13-.28s0,0-.07-.1a.67.67,0,0,1,0-.2l1-7a.52.52,0,0,1,.06-.2c0-.06.07-.08.1-.08l2.09.27s.06,0,.08.1a.74.74,0,0,1,0,.21l-.17,1.15a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-1.38-.18-.17,1.18,1.28.16a.12.12,0,0,1,.07.1.48.48,0,0,1,0,.21l-.17,1.15a.65.65,0,0,1-.06.21c0,.05-.07.08-.1.07l-1.28-.16-.18,1.21Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M142.39,295.67s-.08,0-.1-.11a.41.41,0,0,1,0-.16l-.49-3.85-.53,3.67a.77.77,0,0,1-.07.2c0,.06-.07.09-.1.08l-.59-.07s-.05,0-.07-.1a.7.7,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2c0-.05.07-.08.1-.07l.47.06s.09,0,.11.11,0,.12,0,.16l.48,3.85.54-3.68a.59.59,0,0,1,.06-.2c0-.05.07-.08.1-.07l.59.07s.06,0,.07.1a.48.48,0,0,1,0,.21l-1,7a.65.65,0,0,1-.06.21s-.07.08-.1.07Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M146.72,296.22s-.06,0-.08-.09a.74.74,0,0,1,0-.21l.16-1.11-1.41-.18s-.06,0-.08-.1a.74.74,0,0,1,0-.21l.17-1.15a1.4,1.4,0,0,1,.12-.47l1.94-3.92a.42.42,0,0,1,.1-.15.14.14,0,0,1,.09,0l.68.09s.06,0,.07.1a.48.48,0,0,1,0,.21l-.61,4.17.39.05a.12.12,0,0,1,.07.1.48.48,0,0,1,0,.21l-.17,1.15a.48.48,0,0,1-.07.21c0,.05-.06.08-.09.07l-.39,0-.16,1.11a.52.52,0,0,1-.07.2c0,.06-.06.08-.1.08Zm.35-3.15.3-2-1,1.92Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M151.09,288.92a.79.79,0,0,1,.54.31,1.88,1.88,0,0,1,.31.7,4.59,4.59,0,0,1,.1,1A11.23,11.23,0,0,1,152,292c0,.32-.09.64-.14,1s-.1.66-.14,1a11.3,11.3,0,0,1-.26,1.11,4.09,4.09,0,0,1-.38.91,1.84,1.84,0,0,1-.49.59.81.81,0,0,1-.61.17.79.79,0,0,1-.55-.31,1.81,1.81,0,0,1-.31-.7,4.59,4.59,0,0,1-.1-1,11.23,11.23,0,0,1,.07-1.13c0-.3.08-.62.13-1s.1-.67.16-1a9,9,0,0,1,.25-1.11,4.09,4.09,0,0,1,.38-.91,1.84,1.84,0,0,1,.49-.59A.82.82,0,0,1,151.09,288.92Zm-.23,4.89c.1-.62.19-1.22.27-1.83,0-.18,0-.35,0-.5a2.55,2.55,0,0,0,0-.41.71.71,0,0,0-.11-.28.27.27,0,0,0-.21-.13.3.3,0,0,0-.24.07.7.7,0,0,0-.18.25,2.35,2.35,0,0,0-.14.38c0,.15-.07.32-.1.5q-.15.9-.27,1.83a4.77,4.77,0,0,0,0,.5,1.76,1.76,0,0,0,0,.41.66.66,0,0,0,.11.28.27.27,0,0,0,.21.13.3.3,0,0,0,.24-.07.7.7,0,0,0,.18-.25,1.68,1.68,0,0,0,.14-.38C150.8,294.16,150.83,294,150.86,293.81Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M155.51,289.6s.06,0,.07.09a.49.49,0,0,1,0,.21l-.17,1.16a.65.65,0,0,1-.06.21l-.09.16-.73,1.25a1.59,1.59,0,0,1,.46.81,3.34,3.34,0,0,1,0,1.39,3.93,3.93,0,0,1-.62,1.81,1.09,1.09,0,0,1-1.06.49.92.92,0,0,1-.55-.26,1.49,1.49,0,0,1-.35-.54,2.71,2.71,0,0,1-.16-.72,3.56,3.56,0,0,1,0-.8.69.69,0,0,1,0-.17s.05-.06.08-.06l.57.07a.17.17,0,0,1,.13.12,2.17,2.17,0,0,0,.07.24.7.7,0,0,0,.13.24.32.32,0,0,0,.26.14.43.43,0,0,0,.38-.13.84.84,0,0,0,.22-.53.86.86,0,0,0-.06-.58.47.47,0,0,0-.33-.22l-.37,0a.12.12,0,0,1-.07-.1.48.48,0,0,1,0-.21l.14-.94a.65.65,0,0,1,.06-.21l.09-.17.64-1.1-1.17-.15s-.06,0-.07-.1a.48.48,0,0,1,0-.21l.17-1.15a.4.4,0,0,1,.07-.2c0-.06.06-.08.09-.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M160.1,290.18s.06,0,.08.1a.74.74,0,0,1,0,.21l-.17,1.15a.58.58,0,0,1-.06.21s-.07.08-.1.07l-1.34-.17-.22,1.49,1.25.16s.06,0,.08.1a.74.74,0,0,1,0,.21l-.17,1.15a.65.65,0,0,1-.06.21c0,.05-.07.08-.1.07L158,295l-.34,2.35a.52.52,0,0,1-.07.2c0,.06-.06.08-.1.08l-.59-.08s-.05,0-.07-.09a.54.54,0,0,1,0-.22l1-7a.52.52,0,0,1,.06-.2c0-.06.07-.08.1-.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M160.47,293.12a8.91,8.91,0,0,1,.27-1.13,4.74,4.74,0,0,1,.41-.9,2.15,2.15,0,0,1,.53-.58.91.91,0,0,1,.62-.16.86.86,0,0,1,.55.31,2,2,0,0,1,.34.69,3.93,3.93,0,0,1,.13,1,6.63,6.63,0,0,1,0,1.16c0,.31-.09.64-.14,1s-.1.66-.14,1a8.64,8.64,0,0,1-.28,1.14,4.19,4.19,0,0,1-.41.9,1.88,1.88,0,0,1-.53.58.84.84,0,0,1-.61.15.89.89,0,0,1-.56-.3,1.93,1.93,0,0,1-.33-.69,3.9,3.9,0,0,1-.14-1,7.71,7.71,0,0,1,.06-1.16c0-.3.08-.62.13-1S160.42,293.43,160.47,293.12Zm1.69,2.13c0-.13.05-.27.08-.43s0-.32.07-.49.05-.33.07-.48,0-.3.05-.42a4.77,4.77,0,0,0,0-.51,2.42,2.42,0,0,0-.05-.41.78.78,0,0,0-.14-.29.34.34,0,0,0-.23-.13.32.32,0,0,0-.25.07.83.83,0,0,0-.21.24,1.76,1.76,0,0,0-.17.39,3.19,3.19,0,0,0-.12.49c0,.12,0,.26-.07.42s-.05.31-.08.48l-.06.49c0,.16,0,.31-.06.44a2.73,2.73,0,0,0,0,.92c0,.25.17.39.36.41s.34-.08.47-.3A3,3,0,0,0,162.16,295.25Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M165.89,290.92a1,1,0,0,1,.51.22,1.19,1.19,0,0,1,.33.51,2.64,2.64,0,0,1,.13.81,5.59,5.59,0,0,1-.07,1.11,6,6,0,0,1-.33,1.34,2,2,0,0,1-.52.77l.18,2.66a.48.48,0,0,1,0,.12.43.43,0,0,1-.06.17.1.1,0,0,1-.07.06l-.62-.08a.14.14,0,0,1-.11-.11.76.76,0,0,1,0-.21l-.16-2.39-.41,0-.34,2.33a.59.59,0,0,1-.07.2c0,.05-.06.08-.1.07l-.58-.07s-.06,0-.08-.1a.74.74,0,0,1,0-.21l1-7a.48.48,0,0,1,.07-.21s.06-.08.09-.07Zm-1,3.23.51.07a.39.39,0,0,0,.34-.14,1.12,1.12,0,0,0,.21-.61,1.08,1.08,0,0,0,0-.65.35.35,0,0,0-.29-.21l-.5-.07Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M167,298.82s-.06,0-.07-.1a.48.48,0,0,1,0-.21l1-7a.65.65,0,0,1,.07-.21s.06-.08.1-.07l1.44.18a.73.73,0,0,1,.48.27,1.37,1.37,0,0,1,.25.56,3,3,0,0,1,.07.75,5.55,5.55,0,0,1-.06.82,5.33,5.33,0,0,1-.11.55,2.54,2.54,0,0,1-.13.39,1.29,1.29,0,0,1-.12.26l-.09.15a1.8,1.8,0,0,1,.14.71,5.5,5.5,0,0,1-.06.94c-.05.3-.11.58-.18.86a3.83,3.83,0,0,1-.29.73,1.47,1.47,0,0,1-.4.5.67.67,0,0,1-.51.14Zm.95-1.6.74.1c.09,0,.17,0,.25-.16a1.37,1.37,0,0,0,.15-.47,1.25,1.25,0,0,0,0-.48c0-.13-.09-.21-.18-.22l-.74-.09Zm1.5-3.49a1.4,1.4,0,0,0,0-.46c0-.12-.09-.19-.18-.2l-.7-.09-.18,1.24.7.09a.22.22,0,0,0,.22-.14A1.14,1.14,0,0,0,169.47,293.73Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M170.55,299.27s-.06,0-.07-.1a.48.48,0,0,1,0-.21l1-7a.52.52,0,0,1,.07-.2c0-.06.06-.08.1-.08l.58.08s.06,0,.08.09a.74.74,0,0,1,0,.21l-1,7a.4.4,0,0,1-.07.2c0,.06-.06.08-.09.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M174.66,292a.82.82,0,0,1,.53.3,1.75,1.75,0,0,1,.35.68,4.1,4.1,0,0,1,.16,1,9,9,0,0,1-.06,1.24q0,.23-.06.42c0,.13,0,.25-.05.36s0,.24-.05.36,0,.26-.07.4a7.54,7.54,0,0,1-.29,1.22,4.94,4.94,0,0,1-.43.92,1.94,1.94,0,0,1-.52.57.86.86,0,0,1-.59.15l-1.22-.16s-.05,0-.07-.09a.5.5,0,0,1,0-.21l1-7a.52.52,0,0,1,.06-.2c0-.06.07-.08.1-.08Zm.15,3.07c.11-.84,0-1.28-.42-1.33l-.46-.06-.6,4.13.48.07c.37,0,.63-.35.77-1.18l.06-.43.06-.39.06-.39C174.78,295.4,174.79,295.26,174.81,295.11Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M178.25,292.5a.87.87,0,0,1,.53.3,1.75,1.75,0,0,1,.35.68,3.63,3.63,0,0,1,.15,1,6.71,6.71,0,0,1-.06,1.24c0,.15,0,.29-.05.42s0,.25,0,.36l-.06.36c0,.12,0,.26-.06.4a6.81,6.81,0,0,1-.3,1.22,4.38,4.38,0,0,1-.42.92,1.94,1.94,0,0,1-.52.57.93.93,0,0,1-.6.15L176,300s-.06,0-.07-.1a.48.48,0,0,1,0-.21l1-7a.77.77,0,0,1,.07-.2c0-.06.07-.08.1-.08Zm.15,3.07c.1-.84,0-1.28-.43-1.33l-.46-.06-.6,4.13.48.06c.38.05.64-.34.77-1.17,0-.15.05-.3.07-.43l.06-.39c0-.13,0-.26.05-.39S178.38,295.72,178.4,295.57Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M181.91,299s.05,0,.07.1a.49.49,0,0,1,0,.21l-.16,1.15a.77.77,0,0,1-.07.2c0,.06-.07.09-.1.08l-2.12-.27s-.06,0-.08-.1a.74.74,0,0,1,0-.21l1-7a.48.48,0,0,1,.07-.21c0-.05.06-.08.09-.07l2.09.27s.06,0,.08.09a.8.8,0,0,1,0,.22l-.17,1.15a.59.59,0,0,1-.06.2.14.14,0,0,1-.1.08l-1.38-.18-.17,1.17,1.28.17s.06,0,.07.1a.48.48,0,0,1,0,.21l-.17,1.15a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-1.29-.17-.17,1.22Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M184.67,301.08a.15.15,0,0,1-.11-.12.73.73,0,0,1,0-.16L184,297l-.53,3.68a.4.4,0,0,1-.07.2c0,.06-.06.08-.09.08l-.59-.08s-.06,0-.07-.1a.48.48,0,0,1,0-.21l1-7a.52.52,0,0,1,.07-.2c0-.06.06-.08.1-.08l.46.06a.14.14,0,0,1,.11.11.9.9,0,0,1,0,.16l.49,3.85.53-3.67a.4.4,0,0,1,.07-.2c0-.06.06-.08.09-.08l.59.07s.06,0,.08.1a.74.74,0,0,1,0,.21l-1,7a.4.4,0,0,1-.07.2c0,.06-.06.08-.09.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M189,301.63a.12.12,0,0,1-.07-.1.48.48,0,0,1,0-.21l.16-1.11-1.41-.18s-.06,0-.07-.1a.48.48,0,0,1,0-.21l.17-1.15a1.61,1.61,0,0,1,.12-.46l1.94-3.93a.42.42,0,0,1,.1-.15.11.11,0,0,1,.1,0l.67.08s.06,0,.08.1a.74.74,0,0,1,0,.21l-.6,4.18.38.05s.06,0,.07.09a.53.53,0,0,1,0,.22l-.17,1.15a.52.52,0,0,1-.06.2s-.07.08-.1.08l-.39-.05-.16,1.11a.43.43,0,0,1-.07.2c0,.05-.06.08-.09.07Zm.36-3.16.29-2-.95,1.92Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M193.37,294.33a.76.76,0,0,1,.54.31,1.83,1.83,0,0,1,.31.69,4.07,4.07,0,0,1,.1,1,8.94,8.94,0,0,1-.07,1.14c0,.31-.08.64-.13,1s-.1.66-.15.95a8.77,8.77,0,0,1-.26,1.12,4.53,4.53,0,0,1-.37.91,2,2,0,0,1-.5.59.79.79,0,0,1-.61.16.76.76,0,0,1-.55-.31,1.83,1.83,0,0,1-.3-.69,4.63,4.63,0,0,1-.11-1,9,9,0,0,1,.08-1.14c0-.3.08-.62.13-1s.1-.66.15-1a9,9,0,0,1,.25-1.11,4.53,4.53,0,0,1,.38-.91,2,2,0,0,1,.49-.59A.82.82,0,0,1,193.37,294.33Zm-.23,4.88c.11-.61.19-1.22.27-1.82,0-.18,0-.35,0-.51a1.67,1.67,0,0,0,0-.4.7.7,0,0,0-.11-.29.28.28,0,0,0-.21-.12.26.26,0,0,0-.23.06.86.86,0,0,0-.19.25,2.49,2.49,0,0,0-.14.39,4.9,4.9,0,0,0-.1.5c-.1.59-.19,1.2-.27,1.82,0,.18,0,.35,0,.5a1.73,1.73,0,0,0,0,.41.7.7,0,0,0,.11.29.28.28,0,0,0,.21.12.29.29,0,0,0,.24-.06.7.7,0,0,0,.18-.25,1.77,1.77,0,0,0,.14-.39A3.15,3.15,0,0,0,193.14,299.21Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M197.78,295s.05,0,.07.1a.7.7,0,0,1,0,.21l-.17,1.15a.65.65,0,0,1-.07.21.79.79,0,0,1-.08.16l-.73,1.26a1.52,1.52,0,0,1,.46.8,3.57,3.57,0,0,1,0,1.4,3.84,3.84,0,0,1-.62,1.8,1.13,1.13,0,0,1-1.07.5,1,1,0,0,1-.54-.26,1.48,1.48,0,0,1-.35-.55,2.54,2.54,0,0,1-.16-.72,3.07,3.07,0,0,1,0-.8.42.42,0,0,1,.05-.17s0-.06.08-.06l.57.08q.09,0,.12.12c0,.07.05.15.08.23a.85.85,0,0,0,.13.25.34.34,0,0,0,.26.13.45.45,0,0,0,.38-.12.94.94,0,0,0,.22-.54.84.84,0,0,0-.06-.57.44.44,0,0,0-.33-.22l-.37-.05s-.06,0-.08-.1a.74.74,0,0,1,0-.21l.13-.93a.81.81,0,0,1,.07-.22l.09-.16.64-1.11-1.17-.14a.12.12,0,0,1-.07-.1.48.48,0,0,1,0-.21l.17-1.16a.59.59,0,0,1,.06-.2c0-.05.07-.08.1-.07Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M202.36,295.59s.06,0,.08.09a.81.81,0,0,1,0,.22l-.17,1.15a.59.59,0,0,1-.06.2c0,.05-.07.08-.1.08l-1.34-.18-.22,1.49,1.25.16s.06,0,.08.1a.74.74,0,0,1,0,.21l-.17,1.16a.59.59,0,0,1-.06.2s-.07.08-.1.07l-1.25-.16-.34,2.35a.77.77,0,0,1-.07.2c0,.06-.06.08-.1.08l-.59-.08s0,0-.07-.09a.49.49,0,0,1,0-.21l1-7a.59.59,0,0,1,.06-.2c0-.06.07-.08.1-.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M202.76,298.53a7.18,7.18,0,0,1,.28-1.13,3.78,3.78,0,0,1,.41-.9,2,2,0,0,1,.52-.58.87.87,0,0,1,.62-.16.84.84,0,0,1,.55.31,1.89,1.89,0,0,1,.34.68,4.06,4.06,0,0,1,.14,1,7.85,7.85,0,0,1-.06,1.16c0,.31-.08.63-.13,1s-.1.66-.15.95A7.6,7.6,0,0,1,205,302a3.94,3.94,0,0,1-.41.9,1.85,1.85,0,0,1-.52.58.88.88,0,0,1-1.17-.15,1.86,1.86,0,0,1-.34-.69,4.52,4.52,0,0,1-.14-1,7.91,7.91,0,0,1,.06-1.17c0-.29.08-.61.13-.95S202.71,298.84,202.76,298.53Zm1.7,2.13c0-.13,0-.27.07-.43s.05-.32.08-.49l.06-.49c0-.15,0-.29.05-.42a3,3,0,0,0,0-.5,1.64,1.64,0,0,0-.05-.41.71.71,0,0,0-.13-.29.32.32,0,0,0-.23-.13.36.36,0,0,0-.26.07.63.63,0,0,0-.21.24,2.7,2.7,0,0,0-.17.38c0,.15-.08.32-.11.5s-.05.26-.08.42,0,.31-.07.48-.05.33-.07.49,0,.3-.05.44a3,3,0,0,0,0,.92c.06.25.18.39.37.41a.47.47,0,0,0,.46-.31A2.83,2.83,0,0,0,204.46,300.66Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M208.17,296.33a.91.91,0,0,1,.5.22,1.13,1.13,0,0,1,.33.5,2.62,2.62,0,0,1,.14.81,6.52,6.52,0,0,1-.07,1.12,5.54,5.54,0,0,1-.34,1.34,2,2,0,0,1-.51.77l.18,2.65v.12a.43.43,0,0,1-.06.17c0,.05-.05.06-.08.06l-.61-.08c-.06,0-.1,0-.11-.11a.75.75,0,0,1,0-.2l-.16-2.39-.42-.06-.34,2.33a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-.59-.08s-.05,0-.07-.09a.79.79,0,0,1,0-.22l1-7a.52.52,0,0,1,.06-.2c0-.06.07-.08.1-.08Zm-1,3.23.51.06a.37.37,0,0,0,.33-.13,1.68,1.68,0,0,0,.19-1.26.38.38,0,0,0-.29-.22l-.51-.06Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M209.29,304.22s-.06,0-.07-.09a.48.48,0,0,1,0-.21l1-7a.77.77,0,0,1,.07-.2c0-.06.06-.08.1-.08l1.44.19a.68.68,0,0,1,.48.26,1.41,1.41,0,0,1,.25.57,2.52,2.52,0,0,1,.07.75,5.55,5.55,0,0,1-.06.82,4.63,4.63,0,0,1-.11.54,2.35,2.35,0,0,1-.13.4,2.17,2.17,0,0,1-.12.26l-.09.14a1.85,1.85,0,0,1,.14.72,5.39,5.39,0,0,1-.06.93,6.09,6.09,0,0,1-.18.87,3.27,3.27,0,0,1-.29.73,1.53,1.53,0,0,1-.4.49.67.67,0,0,1-.51.14Zm1-1.59.75.09c.08,0,.16,0,.24-.16a1.31,1.31,0,0,0,.15-.46,1.5,1.5,0,0,0,0-.48c0-.14-.1-.21-.19-.22l-.74-.1Zm1.5-3.5a1.17,1.17,0,0,0,0-.46c0-.12-.09-.18-.18-.19l-.7-.09-.18,1.24.7.09c.09,0,.16,0,.23-.14A1.43,1.43,0,0,0,211.74,299.13Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M212.83,304.68s-.06,0-.08-.1a.74.74,0,0,1,0-.21l1-7a.43.43,0,0,1,.07-.2c0-.05.06-.08.09-.07l.59.07s.06,0,.07.1a.48.48,0,0,1,0,.21l-1,7a.52.52,0,0,1-.07.2c0,.06-.06.09-.1.08Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M216.92,297.45a.81.81,0,0,1,.53.29,1.89,1.89,0,0,1,.35.68,4.13,4.13,0,0,1,.15,1,6.68,6.68,0,0,1-.06,1.24c0,.15,0,.29,0,.42l-.06.37c0,.11,0,.23-.05.35s0,.26-.06.41a7.64,7.64,0,0,1-.3,1.21,4.15,4.15,0,0,1-.42.92,2,2,0,0,1-.53.57.8.8,0,0,1-.59.15l-1.21-.15a.12.12,0,0,1-.07-.1.48.48,0,0,1,0-.21l1-7a.59.59,0,0,1,.07-.2c0-.05.06-.08.1-.07Zm.15,3.06c.1-.83,0-1.28-.43-1.33l-.46-.06-.6,4.14.48.06c.38.05.64-.35.77-1.18,0-.15,0-.29.07-.43l.06-.39c0-.12,0-.25,0-.38S217.05,300.66,217.07,300.51Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M220.51,297.91a.81.81,0,0,1,.54.29,2.06,2.06,0,0,1,.35.68,4.69,4.69,0,0,1,.15,1,6.68,6.68,0,0,1-.06,1.24l-.06.42c0,.13,0,.25-.05.36s0,.24,0,.36l-.06.4a8.71,8.71,0,0,1-.3,1.22,4.15,4.15,0,0,1-.42.92,2,2,0,0,1-.53.57.81.81,0,0,1-.59.15l-1.21-.16s-.06,0-.08-.09a.74.74,0,0,1,0-.21l1-7a.4.4,0,0,1,.07-.2c0-.06.06-.08.1-.08Zm.16,3.06c.1-.83,0-1.28-.43-1.33l-.46-.06-.6,4.14.48.06c.38,0,.63-.35.77-1.18,0-.15,0-.29.07-.43s0-.26.05-.39l.06-.38C220.63,301.27,220.65,301.12,220.67,301Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M224.18,304.36s0,0,.07.09a.49.49,0,0,1,0,.21l-.16,1.16a.93.93,0,0,1-.07.2c0,.05-.06.08-.1.07l-2.13-.27s0,0-.07-.09a.74.74,0,0,1,0-.21l1-7a.4.4,0,0,1,.07-.2c0-.06.06-.08.09-.08l2.09.27s.06,0,.08.1a.74.74,0,0,1,0,.21l-.17,1.15a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-1.38-.18-.17,1.18,1.28.16a.12.12,0,0,1,.07.1.48.48,0,0,1,0,.21l-.17,1.15a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-1.29-.16-.17,1.21Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M226.94,306.48c-.05,0-.08,0-.11-.11a.69.69,0,0,1,0-.16l-.49-3.85-.54,3.67a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08l-.59-.08s-.06,0-.07-.09a.48.48,0,0,1,0-.21l1-7a.52.52,0,0,1,.06-.2c0-.06.07-.08.1-.08l.47.06c.05,0,.08.05.1.12a.41.41,0,0,1,0,.16l.49,3.85.53-3.68a.77.77,0,0,1,.07-.2.14.14,0,0,1,.1-.08l.59.08s0,0,.07.1a.48.48,0,0,1,0,.21l-1,7a.52.52,0,0,1-.06.2c0,.06-.07.08-.1.08Z"
+          style="fill: #37474f"></path>
+      </g>
+    </g>
+    <g id="freepik--error-403--inject-70">
+      <g id="freepik--404--inject-70">
+        <path
+          d="M142.21,105.27a1.09,1.09,0,0,0-.17-.13l-5.26-3V77.19a1.71,1.71,0,0,0-.41-1.27.64.64,0,0,0-.17-.13l-5.62-3.24a.75.75,0,0,0-.82,0L122,77.11a3.55,3.55,0,0,0-1.07.89,7.56,7.56,0,0,0-.85,1.65L104.56,118.6a10.66,10.66,0,0,0-.67,3.81v8.45a1.67,1.67,0,0,0,.42,1.27.7.7,0,0,0,.17.13l5.62,3.25a.75.75,0,0,0,.81-.06l10.67-6.16v1.63a1.69,1.69,0,0,0,.42,1.27l.16.13,5.63,3.25a.79.79,0,0,0,.82-.06l6.77-3.91a2.64,2.64,0,0,0,1-1.21,4.14,4.14,0,0,0,.41-1.75v-8.12l4.45-2.57a2.63,2.63,0,0,0,1-1.21,4,4,0,0,0,.41-1.75v-8.44A1.7,1.7,0,0,0,142.21,105.27Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M126.47,81.24l0,.1a7.51,7.51,0,0,0-.79,1.55l-15.47,39a9.49,9.49,0,0,0-.46,1.6l-5.66-3.27a10.25,10.25,0,0,1,.45-1.58L120,79.65a7.74,7.74,0,0,1,.86-1.65,0,0,0,0,1,0,0Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M110,135.47c-.63-.37-5.32-3.08-5.55-3.2l-.17-.14a1.7,1.7,0,0,1-.42-1.28v-8.43a11.37,11.37,0,0,1,.22-2.22l5.62,3.25a11.3,11.3,0,0,0-.21,2.22v8.44a1.73,1.73,0,0,0,.41,1.27Z"
+          style="opacity: 0.3"></path>
+        <polygon points="127.47 98.5 127.47 113.15 122.73 110.42 127.47 98.5" style="opacity: 0.3"></polygon>
+        <polygon points="127.47 113.15 119.92 117.51 122.73 110.42 127.47 113.15" style="opacity: 0.4"></polygon>
+        <path
+          d="M127.62,135.44l.1.08-5.55-3.2a.43.43,0,0,1-.17-.13,1.67,1.67,0,0,1-.42-1.27v-1.63l5.63-3.25v8.12A1.74,1.74,0,0,0,127.62,135.44Z"
+          style="opacity: 0.3"></path>
+        <path d="M142,105.11a.78.78,0,0,0-.74.09l-4.45,2.57v-5.66Z" style="opacity: 0.15"></path>
+        <path
+          d="M136.16,75.77a.79.79,0,0,0-.78.07l-7.81,4.51a3.76,3.76,0,0,0-1,.89L120.89,78a3.72,3.72,0,0,1,1-.88l7.82-4.51a.75.75,0,0,1,.82,0Z"
+          style=" opacity: 0.4;fill: #fff"></path>
+        <path
+          d="M128.61,135.51a.77.77,0,0,1-1-.07,1.74,1.74,0,0,1-.41-1.28V126l-16.3,9.41a.74.74,0,0,1-1-.07,1.74,1.74,0,0,1-.41-1.28v-8.44a10.45,10.45,0,0,1,.67-3.81l15.47-39a7.24,7.24,0,0,1,.85-1.64,3.51,3.51,0,0,1,1.06-.89l7.81-4.51a.75.75,0,0,1,1,.07,1.71,1.71,0,0,1,.41,1.27v30.58l4.45-2.57a.76.76,0,0,1,1,.07,1.7,1.7,0,0,1,.41,1.28V115a4,4,0,0,1-.41,1.75,2.63,2.63,0,0,1-1,1.21l-4.45,2.57v8.12a4.14,4.14,0,0,1-.41,1.75,2.64,2.64,0,0,1-1,1.21Zm-1.14-22.36V98.5l-7.55,19Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M181.49,70a34.85,34.85,0,0,0-1.06-7.63,11.8,11.8,0,0,0-2.74-5.31A6.76,6.76,0,0,0,176.28,56l-5.64-3.25a6.94,6.94,0,0,0-3.21-.91,12.68,12.68,0,0,0-6.67,2.1,24.42,24.42,0,0,0-6.67,5.6,32.84,32.84,0,0,0-4.63,7.38,38.69,38.69,0,0,0-2.75,8.47,55.19,55.19,0,0,0-1.06,8.85q-.1,3.5-.1,7.23c0,2.5,0,4.81.1,7a35.47,35.47,0,0,0,1.06,7.63,11.81,11.81,0,0,0,2.75,5.31,6.12,6.12,0,0,0,1.4,1.1c.94.56,5.18,3,5.72,3.31a7.11,7.11,0,0,0,3.13.86,12.68,12.68,0,0,0,6.67-2.1,24.46,24.46,0,0,0,6.68-5.6,33.57,33.57,0,0,0,4.63-7.38,38.67,38.67,0,0,0,2.74-8.47,54.08,54.08,0,0,0,1.06-8.85q.1-3.33.1-7.07T181.49,70Zm-20.44,28.3a22.2,22.2,0,0,1-.2-2.6q-.25-6.63,0-13.38a26.75,26.75,0,0,1,.36-3.88,17.86,17.86,0,0,1,.93-3.44,11.62,11.62,0,0,1,1.66-2.91,8.47,8.47,0,0,1,2.25-2q.16,1.17.24,2.58.21,6.48,0,13.38a29.35,29.35,0,0,1-.33,3.85,15.61,15.61,0,0,1-.93,3.45,11.91,11.91,0,0,1-1.69,2.92A8.75,8.75,0,0,1,161.05,98.32Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M156.43,115.65c-.93-.53-4.7-2.7-5.57-3.22a6.65,6.65,0,0,1-1.4-1.1,11.81,11.81,0,0,1-2.75-5.31,35.47,35.47,0,0,1-1.06-7.63c-.06-2.14-.1-4.45-.1-7s0-4.91.1-7.23a55.06,55.06,0,0,1,1.06-8.85,38.81,38.81,0,0,1,1.75-6.06l5.62,3.25a39,39,0,0,0-1.74,6,53.12,53.12,0,0,0-1.06,8.86q-.1,3.48-.11,7.23c0,2.5,0,4.81.11,7a34.34,34.34,0,0,0,1.06,7.63,11.71,11.71,0,0,0,2.74,5.3A6.54,6.54,0,0,0,156.43,115.65Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M176.06,55.85a7.13,7.13,0,0,0-3-.79q-2.79-.14-6.68,2.1a24.57,24.57,0,0,0-6.67,5.61,33.21,33.21,0,0,0-4.63,7.36c-.19.41-.36.81-.53,1.23l-.47,1.19h0l-5.62-3.25c.13-.36.27-.71.41-1.06s.38-.9.59-1.35a33.3,33.3,0,0,1,4.62-7.38,24.76,24.76,0,0,1,6.68-5.6,12.59,12.59,0,0,1,6.67-2.1,6.9,6.9,0,0,1,3.21.91Z"
+          style=" opacity: 0.4;fill: #fff"></path>
+        <path
+          d="M171.92,89.32a29.32,29.32,0,0,1-.34,3.86,15.52,15.52,0,0,1-.92,3.44A12,12,0,0,1,170,98l-5.62-3.25a12.61,12.61,0,0,0,.63-1.34,15.77,15.77,0,0,0,.94-3.45,29.35,29.35,0,0,0,.33-3.85q.21-6.89,0-13.38c0-.94-.13-1.8-.24-2.59l.33-.21a4.35,4.35,0,0,1,2.59-.78,2.34,2.34,0,0,1,1.66,1,6.11,6.11,0,0,1,.9,2.38,26.61,26.61,0,0,1,.39,3.45Q172.12,82.43,171.92,89.32Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M170,98a10.51,10.51,0,0,1-1,1.58,8.86,8.86,0,0,1-2.59,2.21,4.38,4.38,0,0,1-2.58.77,2.33,2.33,0,0,1-1.68-1,5.76,5.76,0,0,1-.93-2.37c-.06-.28-.1-.57-.14-.87a8.6,8.6,0,0,0,2.29-2,11.4,11.4,0,0,0,1-1.58Z"
+          style="opacity: 0.4"></path>
+        <path
+          d="M166.38,57.16q3.88-2.25,6.68-2.1a6.71,6.71,0,0,1,4.63,2,11.8,11.8,0,0,1,2.74,5.31A34.85,34.85,0,0,1,181.49,70q.1,3.36.1,7.11t-.1,7.07a54.08,54.08,0,0,1-1.06,8.85,38.67,38.67,0,0,1-2.74,8.47,33.57,33.57,0,0,1-4.63,7.38,24.46,24.46,0,0,1-6.68,5.6,12.68,12.68,0,0,1-6.67,2.1,6.68,6.68,0,0,1-4.63-2,11.71,11.71,0,0,1-2.74-5.3,34.94,34.94,0,0,1-1.06-7.63c-.07-2.14-.1-4.45-.1-7s0-4.9.1-7.23a54,54,0,0,1,1.06-8.85,38.93,38.93,0,0,1,2.74-8.48,33.5,33.5,0,0,1,4.63-7.37A24.57,24.57,0,0,1,166.38,57.16Zm5.54,32.16q.21-6.88,0-13.38a26.64,26.64,0,0,0-.39-3.44,6.17,6.17,0,0,0-.9-2.38,2.31,2.31,0,0,0-1.66-1,4.44,4.44,0,0,0-2.59.78,9,9,0,0,0-2.58,2.21A11.62,11.62,0,0,0,162.14,75a17.86,17.86,0,0,0-.93,3.44,26.75,26.75,0,0,0-.36,3.88q-.25,6.75,0,13.38a21.32,21.32,0,0,0,.34,3.46,5.52,5.52,0,0,0,.93,2.37,2.31,2.31,0,0,0,1.68,1,4.38,4.38,0,0,0,2.58-.77A9,9,0,0,0,169,99.55a11.88,11.88,0,0,0,1.68-2.92,15.76,15.76,0,0,0,.93-3.45A31.14,31.14,0,0,0,171.92,89.32Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M219.68,56a6.27,6.27,0,0,0-1.16-.85,6.56,6.56,0,0,0-.76-.35,6,6,0,0,1,.58.25l-4.27-2.48h0l5.3-11.28c.21-.44.43-1,.66-1.57a4.82,4.82,0,0,0,.36-1.77V29.59a1.68,1.68,0,0,0-.41-1.26.91.91,0,0,0-.24-.16h0L214.25,25a.81.81,0,0,0-.79.07L189,39.14a2.31,2.31,0,0,0-.83,1,1.49,1.49,0,0,0-.14.24,4.17,4.17,0,0,0-.41,1.74V50.4a1.66,1.66,0,0,0,.41,1.25,1.46,1.46,0,0,0,.21.16c.19.09,4.54,2.62,5.41,3.12,0,0-.05,0-.06-.06h0a.75.75,0,0,0,1,.07l3.61-2.09L197,55.57a17.85,17.85,0,0,0-.71,1.67,3.17,3.17,0,0,0-.14.4c0,.13-.08.26-.11.4a.11.11,0,0,1,0,.05,1.9,1.9,0,0,0,0,.25s0,0,0,.08a3.1,3.1,0,0,0-.05.6v6.76a1.73,1.73,0,0,0,.4,1.26,1.43,1.43,0,0,0,.22.15L202,70.34l-.08-.06a.75.75,0,0,0,.94,0l4.23-2.45h0a7.94,7.94,0,0,1-1.52,3.72,12.92,12.92,0,0,1-4.06,3.6,5.83,5.83,0,0,1-3.13,1.07,5.76,5.76,0,0,1-.66-.1h0l-2.44-1.41a1,1,0,0,0-.34-.11,2,2,0,0,0-1.23.36l-6.44,3.72a2.18,2.18,0,0,0-.79,1,.49.49,0,0,0,0,.11h0a4.15,4.15,0,0,0-.22.65,2.88,2.88,0,0,0-.07.65,12.08,12.08,0,0,0,1.09,5.06,7.11,7.11,0,0,0,3,3.28c.82.46,4.08,2.38,5.34,3.09-.18-.11-.34-.24-.5-.36a6,6,0,0,0,.72.48,7.9,7.9,0,0,0,4.77.78A17.12,17.12,0,0,0,207.06,91a29.39,29.39,0,0,0,15.12-26.58C222.18,60.32,221.35,57.52,219.68,56Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M188.18,40.22a.64.64,0,0,0,0-.07l-.13.25a4,4,0,0,0-.41,1.74v8.32a1.63,1.63,0,0,0,.41,1.26.7.7,0,0,0,.2.15L193.68,55a.12.12,0,0,0-.06-.06h0a1.65,1.65,0,0,1-.41-1.26V45.34a3.87,3.87,0,0,1,.41-1.72,3,3,0,0,1,.28-.46c-.06.09-.13.17-.19.28Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M201.46,62.06l-5.56-3.21c0,.06,0,.11,0,.17v6.76a1.73,1.73,0,0,0,.4,1.26,1.43,1.43,0,0,0,.22.15c.21.11,4.83,2.78,5.46,3.15l-.07-.07,0,0a1.65,1.65,0,0,1-.41-1.24V62.23S201.46,62.12,201.46,62.06Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M201.8,60.45c.24-.61.48-1.16.72-1.67l5.41-11.54-9.72,5.62L197,55.57c-.24.5-.48,1-.71,1.67a3,3,0,0,0-.14.39c0,.14-.08.26-.11.4v.06a2,2,0,0,1,0,.24.19.19,0,0,1,0,.08,2.25,2.25,0,0,0,0,.44l5.56,3.21A5.05,5.05,0,0,1,201.8,60.45Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M186.45,79.66s0,.07,0,.11h0a3.41,3.41,0,0,0-.22.66,3,3,0,0,0-.08.64,12.13,12.13,0,0,0,1.1,5.07,7,7,0,0,0,3,3.27l5.33,3.1a.45.45,0,0,1-.1-.09,7.07,7.07,0,0,1-2.66-3.06,12,12,0,0,1-1.1-5.07,3.33,3.33,0,0,1,.33-1.41,3,3,0,0,1,.27-.44l-5.57-3.2A2.77,2.77,0,0,0,186.45,79.66Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M197.71,76.16h0l-2.44-1.42a1.13,1.13,0,0,0-.34-.1,2.08,2.08,0,0,0-1.23.35l-6.44,3.73a1.76,1.76,0,0,0-.52.53l5.57,3.2a1.9,1.9,0,0,1,.53-.53l6.43-3.71c.71-.41,1.26-.48,1.63-.19l-3.17-1.85Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M203.92,79.47a5.75,5.75,0,0,0,3.15-1.07,12.88,12.88,0,0,0,4.05-3.6,8.13,8.13,0,0,0,1.62-4.94c0-1.82-.55-2.86-1.62-3.08a6,6,0,0,0-4.05,1.1,7.85,7.85,0,0,1-1.52,3.71,12.88,12.88,0,0,1-4.05,3.6,5.71,5.71,0,0,1-3.14,1.06,4.25,4.25,0,0,1-.65-.09L200.88,78l1.26.89A3.75,3.75,0,0,0,203.92,79.47Z"
+          style="opacity: 0.4"></path>
+        <path d="M214.07,52.55s3.08,1.8,4.27,2.48a.46.46,0,0,0-.14-.05.34.34,0,0,0-.15-.07,7.72,7.72,0,0,0-4.86-.48Z"
+          style=" opacity: 0.4;fill: #fff"></path>
+        <path
+          d="M216.76,26.52l-2.52-1.47a.81.81,0,0,0-.79.07L189,39.21a2.36,2.36,0,0,0-.84.94.64.64,0,0,1,0,.07l5.55,3.22c.06-.11.13-.19.19-.28a3,3,0,0,1,.19-.3,1.79,1.79,0,0,1,.49-.43L219,28.34a.82.82,0,0,1,.71-.11Z"
+          style=" opacity: 0.4;fill: #fff"></path>
+        <path
+          d="M219,28.26a.75.75,0,0,1,1,.07,1.68,1.68,0,0,1,.41,1.26v8.34A4.82,4.82,0,0,1,220,39.7c-.23.61-.45,1.13-.66,1.57l-5.3,11.28-.88,1.88a7.58,7.58,0,0,1,5.33.71,6.63,6.63,0,0,1,1.16.85c1.67,1.53,2.5,4.33,2.5,8.42A29.39,29.39,0,0,1,207.06,91a17.12,17.12,0,0,1-6.51,2.42,7.9,7.9,0,0,1-4.77-.78,7.12,7.12,0,0,1-3-3.27,12.2,12.2,0,0,1-1.1-5.07,3.3,3.3,0,0,1,.33-1.41,2.07,2.07,0,0,1,.8-1l6.43-3.72c.72-.41,1.26-.48,1.64-.2s.79.58,1.25.89a3.68,3.68,0,0,0,1.78.58,5.86,5.86,0,0,0,3.14-1.06,13.09,13.09,0,0,0,4.06-3.61,8,8,0,0,0,1.61-4.93c0-1.84-.53-2.86-1.61-3.08a6.09,6.09,0,0,0-4.06,1.08l-4.23,2.45a.75.75,0,0,1-1-.07,1.69,1.69,0,0,1-.4-1.26V62.23a5,5,0,0,1,.35-1.78c.24-.61.48-1.16.72-1.67l5.41-11.54-13.33,7.7a.75.75,0,0,1-1-.07,1.69,1.69,0,0,1-.41-1.26V45.28a4.06,4.06,0,0,1,.41-1.73,2.61,2.61,0,0,1,1-1.19Z"
+          style="fill: currentcolor"></path>
+      </g>
+    </g>
+    <g id="freepik--Character--inject-70">
+      <g id="freepik--character--inject-70">
+        <path d="M414.41,218.19l7.08-.31,4.58,8.68s-2.85,1.48-13.05,1.6Z" style="fill: #f28f8f"></path>
+        <path
+          d="M369.6,197.3c2.7,1.27,4.17,2.74,7.07,5.1,3.58,2.92,15.93,11.31,18.58,12a170.44,170.44,0,0,0,21.36,3.44s-1.15,7,.34,10.45c-6.34.28-22.5.82-28.14-.51-6-1.42-12.66-4.8-17.78-7.77S367.05,199.82,369.6,197.3Z"
+          style="fill: currentcolor"></path>
+        <g style="opacity: 0.7">
+          <path
+            d="M369.6,197.3c2.7,1.27,4.17,2.74,7.07,5.1,3.58,2.92,15.93,11.31,18.58,12a170.44,170.44,0,0,0,21.36,3.44s-1.15,7,.34,10.45c-6.34.28-22.5.82-28.14-.51-6-1.42-12.66-4.8-17.78-7.77S367.05,199.82,369.6,197.3Z"
+            style="fill: #fff"></path>
+        </g>
+        <path
+          d="M371,220.06c5.12,3,11.74,6.35,17.78,7.77,4.08,1,13.68.95,21.08.76a118.81,118.81,0,0,1-19-3.06,73.51,73.51,0,0,1-11.77-6.2c-3.33-2.37-3.53-6.62-5.23-12.77-2.26-8.16-4.25-9.26-4.25-9.26C367.05,199.82,365.92,217.09,371,220.06Z"
+          style="opacity: 0.1"></path>
+        <path d="M409.89,228.59a14.48,14.48,0,0,1,.31-8.69s-2.06,2-1.62,8.72Z" style="fill: currentcolor"></path>
+        <path d="M409.89,228.59a14.48,14.48,0,0,1,.31-8.69s-2.06,2-1.62,8.72Z" style="opacity: 0.1"></path>
+        <path
+          d="M424.39,226.71c6-.21,8.23-3.25,9.07-8.52s.69-12.16.76-14-.47-2.46-1.2-2.56c-.27,0-1.43.25-1.56,2.2-.24,3.56-.33,5.75-1,5.72s-.57-2.66-.51-6.25c0-2.42,0-4.46-1.4-4.46s-1.79,1.44-1.86,4.71,0,5.7-.86,5.77c-.7,0-.56-3.43-.72-5.67s-.15-3.58-1.55-3.55-1.61,1.83-1.56,4a86.09,86.09,0,0,1-.23,9c-.39,1.29-1.73-1.89-2.71-3.2-1.61-2.15-3.58-1.17-2.78.79a38.83,38.83,0,0,1,2.18,7.4C418.88,220.58,419.89,226.73,424.39,226.71Z"
+          style="fill: #ffa8a7"></path>
+        <path d="M424.36,215.82s3.62,3.77,2.32,7.8a5.35,5.35,0,0,0,.65-5.4A4.09,4.09,0,0,0,424.36,215.82Z"
+          style="fill: #f28f8f"></path>
+        <path
+          d="M345.39,404.83c-.13,1.14-.28,4.34-6.07,5.13s-9.44-1.12-11-3.9-1.19-5.06-1.44-7.64-2.37-3.95-3-5.28c-.9-1.95.42-5,.42-5Z"
+          style="fill: #263238"></path>
+        <path
+          d="M387.63,395.77a3.49,3.49,0,0,1-.38,2.8,12.16,12.16,0,0,1-9.28,2.48,22.39,22.39,0,0,1-9.81-3.85,12.92,12.92,0,0,0-7.58-2.18c-2.79-.1-4.82-.72-5-1.45-.37-1.28-.37-2.1.23-2.06Z"
+          style="fill: #263238"></path>
+        <path
+          d="M345,402.2a31.89,31.89,0,0,0-2.66-3.17,28.64,28.64,0,0,1-6-15.36c0-.31-.06-.91-.37-1.1s-.63.08-1,.22h0v0a6,6,0,0,1-1.79.47,33.38,33.38,0,0,1-4.83-.19c-.4.05-.52,1.29-.49,2.62-.73-.46-1-1.38-1.62-1.91-.36-.29-.51-.3-.51-.77,0-.31,0-.59,0-.9-.52-.15-1,1.87-1.4,3.41-.5,1.78-1.12,3.79-.42,5.6a15.72,15.72,0,0,0,1.63,2.8,11.62,11.62,0,0,1,2.1,5.12c.08.81,0,1.64.13,2.45a7.16,7.16,0,0,0,5.06,5.87c3.52,1.11,8.82.93,11.93-1.53C345.85,405,345.48,403.15,345,402.2Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M385.29,392c-.77-.24-1.53-.52-2.28-.82a41.85,41.85,0,0,1-6.07-3c-.85-.52-1.69-1.06-2.51-1.63s-1.65-1.27-2.47-1.93a8.81,8.81,0,0,1-1.18-1.26,13,13,0,0,1-1.74-2.82,1,1,0,0,0-.43-.57.84.84,0,0,0-.82.17,4,4,0,0,1-.64.43l-.68.28a7.85,7.85,0,0,1-2.28.56c-2.94.26-3-.33-3.16.62a7.93,7.93,0,0,0,0,1.06c-1.55-.25-2.77-.76-2.84-1.34l-.18-1.88c-2.31-.32-2.08,2.38-2.36,5.34-.23,2.54-.82,4.73-.12,6.58,2.33,2,6.46,1.54,8.81,1.93,3.32.55,4.88,3,9.5,4.61,7.44,2.58,12.15-.4,13.54-1.69C388.28,395,388.46,393.05,385.29,392Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M329.2,250.14c-.93,9-1.91,22.55-2.29,33.12-.7,19.86-.43,44.69-.43,44.69a68.59,68.59,0,0,0-2.14,12.73c-.47,12.69-.38,44.1-.38,44.1s5.26,5.3,13.13,1.14c0,0,7-42.87,8.92-55.38,1.87-11.93,5.5-38,5.5-38l1.64,36.05a52.37,52.37,0,0,0-1.23,16.26c.42,5.81,3.74,37.44,3.74,37.44,3,2.84,11.84,1.3,13.77-1,0,0,3.09-45.34,3.43-51.47.74-13.26,1-63.83,0-71.5S329.2,250.14,329.2,250.14Z"
+          style="fill: #263238"></path>
+        <path d="M351.51,292.56l2.31-15.29a30.68,30.68,0,0,0,11-4.64s-1.8,4.08-8.82,7l-2.28,14.23-.55,34.75Z"></path>
+        <path
+          d="M340,155.33s-.21,0-.54.11a2.48,2.48,0,0,0-1.33-2.8,2.67,2.67,0,0,0-3.45,1.41l3.76,1.73a5.24,5.24,0,0,0-2.86,2.44c-1,2.12.33,6.64,1.7,12.22a79,79,0,0,0,3,10.34c.63,1.63,1.77,1.68,1.77,1.68v-5.57l-.24-4.61s3-4.05,3.29-7.37c.41-4.26-.48-6-.48-6Z"
+          style="fill: #263238"></path>
+        <path
+          d="M342,171.54c-1.11,1-2-1.53-2.95-2.51s-4-2.3-5.5.91,1.39,7.71,3.68,8.77c3.34,1.55,4.84-1.82,4.84-1.82v13.93c3.52,6.35,11.29,6.14,14.89,7a12.33,12.33,0,0,0-.14-6.25l0-4.54a16.7,16.7,0,0,0,4.6.25c3-.48,4.67-3,5.58-6.28,1.47-5.29,1.77-14.18-.27-24.45-3.4-2.63-14.92-2.21-22.06,2.32C345.19,168,343.14,170.57,342,171.54Z"
+          style="fill: #ffa8a7"></path>
+        <path
+          d="M356.82,187.06s-6.79-1.34-9.17-2.6a7.88,7.88,0,0,1-3.29-3.23,10.64,10.64,0,0,0,1.88,3.82c1.74,2.21,10.59,3.82,10.59,3.82Z"
+          style="fill: #f28f8f"></path>
+        <path d="M353.73,169.64a1.45,1.45,0,1,1-1.45-1.45A1.45,1.45,0,0,1,353.73,169.64Z" style="fill: #263238"></path>
+        <path d="M365.24,168.58a1.45,1.45,0,1,1-1.45-1.45A1.45,1.45,0,0,1,365.24,168.58Z" style="fill: #263238"></path>
+        <path d="M351.77,165.78l-3,1.59a1.79,1.79,0,0,1,.75-2.37A1.67,1.67,0,0,1,351.77,165.78Z" style="fill: #263238">
+        </path>
+        <path d="M354.48,178.6l5.09,1.32a2.57,2.57,0,0,1-3.15,2A2.75,2.75,0,0,1,354.48,178.6Z" style="fill: #b16668">
+        </path>
+        <path
+          d="M355,179.67a3.05,3.05,0,0,0-.52.05,2.73,2.73,0,0,0,2,2.17,2.41,2.41,0,0,0,1.28,0A2.77,2.77,0,0,0,355,179.67Z"
+          style="fill: #f28f8f"></path>
+        <path d="M366.44,166.06l-3.12-1.48a1.66,1.66,0,0,1,2.25-.86A1.82,1.82,0,0,1,366.44,166.06Z"
+          style="fill: #263238"></path>
+        <polygon points="358.23 167.93 359.14 177.24 363.79 175.15 358.23 167.93" style="fill: #f28f8f"></polygon>
+        <path
+          d="M336.08,190.82c-6.18,2.21-10.77,4.37-15.06,8.05,0,0,4.44,19.27,7.22,29.88,2.52,9.67.16,29.37.16,29.37s3.89,5.88,26,5.24C366.9,263,373,259,373,259s1.06-21.73.58-39.9c-.38-14.62-1.44-18.15-3.93-21.81-1.8-1.22-11.75-4.9-11.75-4.9a26.09,26.09,0,0,0-.86,5.45C353.36,192.18,336.08,190.82,336.08,190.82Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M336.08,190.82c-6.18,2.21-10.77,4.37-15.06,8.05,0,0,4.44,19.27,7.22,29.88,2.52,9.67.16,29.37.16,29.37s3.89,5.88,26,5.24C366.9,263,373,259,373,259s1.06-21.73.58-39.9c-.38-14.62-1.44-18.15-3.93-21.81-1.8-1.22-11.75-4.9-11.75-4.9a26.09,26.09,0,0,0-.86,5.45C353.36,192.18,336.08,190.82,336.08,190.82Z"
+          style=" opacity: 0.3;fill: #fff"></path>
+        <path
+          d="M333.15,240.67c-.26-6.51-1.67-18.85-1.57-28.2l-4.41-6.69-2.57,8.31c1.23,5.1,2.56,10.54,3.64,14.66,2.52,9.67.16,29.37.16,29.37s3.89,5.88,26,5.24l.4,0A37.07,37.07,0,0,1,342.93,260C336.06,256.6,333.41,247.19,333.15,240.67Z"
+          style="opacity: 0.1"></path>
+        <path
+          d="M342.1,184.93V186c.2,1,2.25,3.45,7.41,5.77a17.37,17.37,0,0,1,7.48,6.06s-1.76-2.71-3.93-1.28-4.37,5-5.49,5-4.86-3.57-7.79-6.63c-2.45-2.58-3.7-4.13-3.7-4.13S340.09,185,342.1,184.93Z"
+          style="fill: currentcolor"></path>
+        <path d="M357,197.85c1.57-3.76,4.4-.55,4.58-.53.82.05-1.79-6.86-4.73-8.76v3Z" style="fill: currentcolor"></path>
+        <path
+          d="M342.1,184.93V186c.2,1,2.25,3.45,7.41,5.77a17.37,17.37,0,0,1,7.48,6.06s-1.76-2.71-3.93-1.28-4.37,5-5.49,5-4.86-3.57-7.79-6.63c-2.45-2.58-3.7-4.13-3.7-4.13S340.09,185,342.1,184.93Z"
+          style=" opacity: 0.65;fill: #fff"></path>
+        <path d="M357,197.85c1.57-3.76,4.4-.55,4.58-.53.82.05-1.79-6.86-4.73-8.76v3Z" style=" opacity: 0.65;fill: #fff">
+        </path>
+        <path d="M361.11,262.77c.26-13.86.62-49.46-4.12-64.92,0,0,4.47,32.91,2.05,65.19Q360.12,262.92,361.11,262.77Z"
+          style="fill: currentcolor"></path>
+        <path d="M361.11,262.77c.26-13.86.62-49.46-4.12-64.92,0,0,4.47,32.91,2.05,65.19Q360.12,262.92,361.11,262.77Z"
+          style="opacity: 0.1"></path>
+        <path d="M338.56,214.48a38.54,38.54,0,0,0,14.09-1.7l.22,2.72a35,35,0,0,1-14,1.46Z" style="fill: currentcolor">
+        </path>
+        <path d="M338.56,214.48a38.54,38.54,0,0,0,14.09-1.7l.22,2.72a35,35,0,0,1-14,1.46Z" style="opacity: 0.1"></path>
+        <g id="freepik--Shield--inject-70">
+          <path
+            d="M373.17,208.11a.2.2,0,0,0-.07-.2h0c-.05,0-.38-.23-.43-.26h0c-.05,0-.12,0-.22.06a3.15,3.15,0,0,1-3.12.34,2.24,2.24,0,0,1-.35-.34v0h0a.32.32,0,0,0-.09-.08l-.44-.27h0c-.1-.05-.2,0-.27.14-.93,2.11-2.84,4.22-4.08,4.72a.7.7,0,0,0-.25.17.53.53,0,0,0-.15.35c-.09,2.75,1.27,7.19,4.07,8.76a5.58,5.58,0,0,0,.52.32C372.32,217.85,373.06,211.37,373.17,208.11Z"
+            style="fill: #ebebeb"></path>
+          <path
+            d="M367.74,221.45c-2.8-1.57-4.16-6-4.07-8.76a.55.55,0,0,1,.06-.22l.43.28a.46.46,0,0,0-.05.21C364,215.56,365.23,219.68,367.74,221.45Z"
+            style="fill: #e0e0e0"></path>
+          <path
+            d="M373.17,208.11c-.11,3.26-.85,9.74-4.91,13.66-2.86-1.53-4.24-6-4.15-8.81a.53.53,0,0,1,.15-.35.74.74,0,0,1,.25-.17c1.24-.5,3.15-2.61,4.08-4.72.07-.15.16-.19.26-.14h0a.32.32,0,0,1,.09.08h0v0a3,3,0,0,0,3.91.28.25.25,0,0,1,.22-.07h0A.2.2,0,0,1,373.17,208.11Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M368.85,207.58c-.1-.05-.19,0-.26.14-.93,2.11-2.84,4.22-4.08,4.72a.74.74,0,0,0-.25.17.53.53,0,0,0-.15.35c-.09,2.77,1.29,7.28,4.15,8.81A30.26,30.26,0,0,0,368.85,207.58Z"
+            style="fill: #f0f0f0"></path>
+        </g>
+        <path d="M346.57,160.89s9.32,4.54,19.32.61c10.27-4.05,1.27-6.92,1.27-6.92Z" style="fill: #263238"></path>
+        <path
+          d="M367.42,141c-7.75-1.72-16.22-2.63-26.39,1.54s-12.73,10.4-12.73,10.4,9.86,3.38,18.19,1.55S367.42,141,367.42,141Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M334.13,158.62s-5.45-4.43-5.83-5.73a34.25,34.25,0,0,0,11.82-1.45c6.68-2,13.93-8.7,21.41-10.25s10.4,2,10.4,2a35.42,35.42,0,0,1-4.74,8.65s-2.61,5.09-11.41,6.75S334.13,158.62,334.13,158.62Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M334.13,158.62a14.94,14.94,0,0,0,.42,1.74,8.37,8.37,0,0,0,.81,1.47c3.12.61,10.62,1.1,20.51-1.26,6.2-1.49,9.06-3.21,10.24-4.45a3.36,3.36,0,0,0,1.2-2.9l-.12-1.37s-2.06,2.73-12.2,5.26A70.36,70.36,0,0,1,334.13,158.62Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M334.13,158.62a14.94,14.94,0,0,0,.42,1.74,8.37,8.37,0,0,0,.81,1.47c3.12.61,10.62,1.1,20.51-1.26,6.2-1.49,9.06-3.21,10.24-4.45a3.36,3.36,0,0,0,1.2-2.9l-.12-1.37s-2.06,2.73-12.2,5.26A70.36,70.36,0,0,1,334.13,158.62Z"
+          style="opacity: 0.05"></path>
+        <path
+          d="M339.53,295.16c-1-1.46-3.31-2.78-4.17-3.64-1.52-1.54-3.74-4.79-3.41-5.39s1.26.18,3.2.17c3,0,3.82-1.18,3.79-2.28,0-.86-1.83-.7-4-1.18-1.91-.61-4.2-2.76-5.45-4.45s-2.26-6.1-2.26-6.1-6.49.09-11,3.16c0,0,1.29,6.7,2.77,11.45,1.65,5.33,5.39,11.21,11.08,12.53a13.83,13.83,0,0,0,7.16-.36,5.29,5.29,0,0,0,1.9-.94A2,2,0,0,0,339.53,295.16Z"
+          style="fill: #ffa8a7"></path>
+        <path
+          d="M321,198.87s-1-.2-2.68,3.66a61.94,61.94,0,0,0-3.27,11.53c-.67,3.22-3.87,20.13-3.87,27.4s2.17,21.88,5,34.33c3.48.35,9.46-.55,11.46-2.83-1.31-12.42-2.41-18.81-2.11-28.58,2-14.5,7.87-29.69,8.12-31.38C334.18,209.29,328.32,197.63,321,198.87Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M321,198.87s-1-.2-2.68,3.66a61.94,61.94,0,0,0-3.27,11.53c-.67,3.22-3.87,20.13-3.87,27.4s2.17,21.88,5,34.33c3.48.35,9.46-.55,11.46-2.83-1.31-12.42-2.41-18.81-2.11-28.58,2-14.5,7.87-29.69,8.12-31.38C334.18,209.29,328.32,197.63,321,198.87Z"
+          style=" opacity: 0.65;fill: #fff"></path>
+        <path
+          d="M316.27,260c-1.74-8.5-4.59-25.14-2.64-38.23-1.12,6.43-2.43,15-2.43,19.69,0,7.27,2.17,21.88,5,34.33a20.33,20.33,0,0,0,4.16-.08C319.11,271.6,317.34,265.24,316.27,260Z"
+          style="opacity: 0.1"></path>
+        <path d="M314.94,269.69c2.84.18,7.89-.62,10-2,0,0-3.68,1.63-10.19.7Z" style="fill: currentcolor"></path>
+        <path d="M314.94,269.69c2.84.18,7.89-.62,10-2,0,0-3.68,1.63-10.19.7Z" style="opacity: 0.1"></path>
+        <g id="freepik--shield--inject-70">
+          <path
+            d="M364.79,145.63c0-.08,0-.13,0-.15h0l-.32-.2h0s-.1,0-.17,0a2.37,2.37,0,0,1-2.33.25,1.6,1.6,0,0,1-.26-.26h0a.19.19,0,0,0-.07-.06l-.32-.2h0c-.07,0-.14,0-.19.11a7.61,7.61,0,0,1-3.05,3.52.5.5,0,0,0-.19.13.41.41,0,0,0-.11.26c-.07,2,.95,5.37,3,6.54a3,3,0,0,0,.38.24C364.16,152.9,364.71,148.07,364.79,145.63Z"
+            style="fill: #ebebeb"></path>
+          <path
+            d="M360.74,155.59c-2.1-1.17-3.11-4.49-3-6.54a.42.42,0,0,1,0-.16l.33.2a.29.29,0,0,0,0,.16C358,151.19,358.86,154.27,360.74,155.59Z"
+            style="fill: #e0e0e0"></path>
+          <path
+            d="M364.79,145.63c-.08,2.44-.63,7.27-3.67,10.2-2.13-1.14-3.16-4.51-3.09-6.58a.36.36,0,0,1,.11-.26.59.59,0,0,1,.18-.13,7.5,7.5,0,0,0,3.05-3.52c.05-.11.13-.15.2-.11h0a.19.19,0,0,1,.07.06h0a2.19,2.19,0,0,0,2.92.21c.07-.05.12-.06.16,0h0S364.8,145.55,364.79,145.63Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M361.57,145.23c-.07,0-.15,0-.2.11a7.5,7.5,0,0,1-3.05,3.52.59.59,0,0,0-.18.13.36.36,0,0,0-.11.26c-.07,2.07,1,5.44,3.09,6.58A22.54,22.54,0,0,0,361.57,145.23Z"
+            style="fill: #f0f0f0"></path>
+        </g>
+      </g>
+    </g>
+    <g id="freepik--speech-bubble--inject-70">
+      <g id="freepik--speech-bubble--inject-70">
+        <g id="freepik--speech-bubble--inject-70">
+          <path d="M349.86,130l-5.46-12.44,4.39-12.67V97.08l-13.44,7.76v7.76l5.78,12.18a.87.87,0,0,0,.39.35h0Z"
+            style="fill: currentcolor"></path>
+          <path d="M349.86,130l-5.46-12.44,4.39-12.67V97.08l-13.44,7.76v7.76l5.78,12.18a.87.87,0,0,0,.39.35h0Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M390.07,55.14a8.93,8.93,0,0,0-4-7l-3.28-1.89a8.88,8.88,0,0,0-8.06,0L297.61,90.86a8.9,8.9,0,0,0-4,7V128.6a8.93,8.93,0,0,0,4,7l3.28,1.89a8.88,8.88,0,0,0,8.06,0l34.84-20,5.77,12.17a.86.86,0,0,0,1.55-.15l6.1-19.77L386,92.88a8.91,8.91,0,0,0,4-7Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M293.58,128.6a8.93,8.93,0,0,0,4,7l3.28,1.89a9,9,0,0,0,7.37.33c-1.89.71-3.34-.36-3.34-2.65V104.38a8.2,8.2,0,0,1,1.18-4l-11.34-6.55a8.26,8.26,0,0,0-1.18,4Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M389.94,54c-.47-1.71-2-2.25-3.89-1.18L309,97.41a7.84,7.84,0,0,0-2.84,3l-11.33-6.54a8,8,0,0,1,2.83-3l77.08-44.6a9,9,0,0,1,8.07,0l3.29,1.9A8.93,8.93,0,0,1,389.94,54Z"
+            style=" opacity: 0.5;fill: #fff"></path>
+        </g>
+        <path
+          d="M310.48,123.13V106.88a2.14,2.14,0,0,1,.15-.88,1.11,1.11,0,0,1,.47-.51l4.61-2.67c.17-.09.29-.06.37.1a2.33,2.33,0,0,1,.12.91v.8a3.6,3.6,0,0,1-.12,1.05.84.84,0,0,1-.37.52l-2.61,1.51v3.77l2.46-1.42c.17-.1.29-.07.37.09a2.44,2.44,0,0,1,.11.92v.8a3.74,3.74,0,0,1-.11,1,.87.87,0,0,1-.37.52l-2.46,1.42v6.76a1.64,1.64,0,0,1-1,1.39l-.67.38C310.81,123.77,310.48,123.68,310.48,123.13Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M317.25,111q0-9.22,4.39-11.77,2.14-1.23,3.26.37c.74,1.06,1.12,3.18,1.12,6.34a21.71,21.71,0,0,1-1.12,7.64,7.75,7.75,0,0,1-3.26,4.13Q317.26,120.21,317.25,111Zm5.38,2.24a6.69,6.69,0,0,0,.55-2.11,27.55,27.55,0,0,0,.19-3.66,22.45,22.45,0,0,0-.19-3.41,2.52,2.52,0,0,0-.55-1.48c-.25-.2-.57-.18-1,0a2.53,2.53,0,0,0-1,1.08,7,7,0,0,0-.57,2.12,27.42,27.42,0,0,0-.19,3.64,22.69,22.69,0,0,0,.19,3.42,2.51,2.51,0,0,0,.57,1.48.83.83,0,0,0,1,0A2.63,2.63,0,0,0,322.63,113.2Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M327.56,113.27V97a2,2,0,0,1,.16-.88,1.11,1.11,0,0,1,.51-.54L331,94a2.29,2.29,0,0,1,2.48-.26c.63.43.94,1.55.94,3.37a9,9,0,0,1-1.59,5.28v.11a1.13,1.13,0,0,1,.67.64,4.44,4.44,0,0,1,.45,1.29l1,4.38.05.28c0,.46-.34.89-1,1.29l-.58.34c-.59.34-.93.31-1-.11l-.89-4.39a1.08,1.08,0,0,0-.34-.6c-.13-.08-.33,0-.61.12l-.4.23v5.83a1.67,1.67,0,0,1-1,1.41l-.57.33C327.89,113.9,327.56,113.82,327.56,113.27Zm3.52-11.63a1.69,1.69,0,0,0,.62-.93,5.19,5.19,0,0,0,.26-1.8,2.64,2.64,0,0,0-.26-1.44.47.47,0,0,0-.68-.11l-.88.51v4.31Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M336.35,108.72a1.09,1.09,0,0,1-.15-.7V92a2.09,2.09,0,0,1,.15-.85,1.11,1.11,0,0,1,.47-.51l3-1.73c2.35-1.36,3.52-.58,3.52,2.32a8.92,8.92,0,0,1-1.51,5.13l0,.09a1.28,1.28,0,0,1,1.34.73,5,5,0,0,1,.49,2.48,9.46,9.46,0,0,1-1,4.24,7,7,0,0,1-2.84,3l-3.05,1.77C336.61,108.82,336.45,108.82,336.35,108.72Zm3.49-12.47a1.85,1.85,0,0,0,.79-1,5.05,5.05,0,0,0,.26-1.82,2.79,2.79,0,0,0-.24-1.44q-.24-.34-.78,0l-1.19.69v4.25Zm.12,7.51a2.12,2.12,0,0,0,.91-1.06,5.23,5.23,0,0,0,.29-2,2.65,2.65,0,0,0-.28-1.52c-.19-.23-.5-.22-.92,0l-1.28.73v4.52Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M345.15,103.11V86.6a1.62,1.62,0,0,1,1-1.41l.71-.41c.63-.37.95-.26.95.3v16.51a1.63,1.63,0,0,1-.95,1.41l-.71.4C345.47,103.78,345.15,103.68,345.15,103.11Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M349.78,101a1,1,0,0,1-.16-.7v-16a2,2,0,0,1,.16-.88,1,1,0,0,1,.46-.51l3.19-1.84q2.18-1.26,3.21.39c.68,1.1,1,3.17,1,6.19a22.19,22.19,0,0,1-1,7.38,7.47,7.47,0,0,1-3.21,4.1l-3.19,1.83C350,101.07,349.87,101.08,349.78,101Zm3.56-5.19a3.08,3.08,0,0,0,1.28-2,20.41,20.41,0,0,0,.38-4.59,14.66,14.66,0,0,0-.38-4.15c-.26-.7-.68-.89-1.28-.54l-1.07.61V96.4Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M359.44,95.39a1.11,1.11,0,0,1-.15-.7v-16a2.14,2.14,0,0,1,.15-.88,1.11,1.11,0,0,1,.47-.51l3.19-1.84q2.17-1.26,3.2.39t1,6.19a22,22,0,0,1-1,7.38,7.41,7.41,0,0,1-3.2,4.1l-3.19,1.83C359.7,95.48,359.54,95.49,359.44,95.39Zm3.57-5.2a3.07,3.07,0,0,0,1.28-2,20.48,20.48,0,0,0,.38-4.59,14.66,14.66,0,0,0-.38-4.15c-.26-.71-.69-.89-1.28-.55l-1.07.62v11.3Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M369.11,89.81a1.11,1.11,0,0,1-.15-.7v-16a2.12,2.12,0,0,1,.15-.87,1.18,1.18,0,0,1,.47-.52l4.94-2.85a.23.23,0,0,1,.37.09,2.39,2.39,0,0,1,.12.92v.8a3.64,3.64,0,0,1-.12,1,.87.87,0,0,1-.37.52L371.57,74v3.74l2.62-1.51c.17-.09.29-.06.37.1a2.3,2.3,0,0,1,.12.91V78a3.6,3.6,0,0,1-.12,1.05.84.84,0,0,1-.37.52l-2.62,1.51v4.18l3-1.71c.17-.1.29-.07.36.1a2.63,2.63,0,0,1,.11.92v.8a4,4,0,0,1-.11,1,.82.82,0,0,1-.36.52l-5,2.86C369.37,89.9,369.21,89.91,369.11,89.81Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M376.53,85V68.48a1.61,1.61,0,0,1,1-1.38l.43-.26a1,1,0,0,1,.54-.16c.13,0,.24.14.33.38l3,6.67a13.89,13.89,0,0,1,.57,1.69l.07-.1c-.09-.84-.14-1.49-.14-2V65.13a1.62,1.62,0,0,1,1-1.38l.41-.23c.64-.38,1-.29,1,.26V80.29a1.64,1.64,0,0,1-1,1.39l-.32.18a1.06,1.06,0,0,1-.56.18c-.14,0-.26-.14-.35-.38l-3.2-6.92a10.16,10.16,0,0,1-.45-1.39l-.08.12a14.88,14.88,0,0,1,.13,1.68v8.49a1.62,1.62,0,0,1-1,1.39l-.4.23C376.86,85.63,376.53,85.54,376.53,85Z"
+          style="fill: #455a64"></path>
+      </g>
+    </g>
+    <g id="freepik--Plant--inject-70">
+      <g id="freepik--Pot--inject-70">
+        <g id="freepik--pot--inject-70">
+          <path
+            d="M124.7,425.24c8.41-8.69,13.36-44,5.15-50.91H88.08c-8.2,6.88-3.27,42.21,5.15,50.9l.23.24.29.28a8.57,8.57,0,0,0,.76.69l.2.16.63.48a10,10,0,0,0,1.09.7c6.92,4.05,18.15,4.05,25.07,0h0a10,10,0,0,0,1.09-.7c.21-.15.4-.3.6-.46l.24-.19c.27-.22.51-.44.74-.66l.33-.33Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M91.71,371.55c-9.53,5.57-9.53,14.59,0,20.15s25,5.56,34.51,0,9.53-14.58,0-20.15S101.24,366,91.71,371.55Z"
+            style="fill: #455a64"></path>
+          <g style="opacity: 0.1">
+            <path
+              d="M91.71,371.55c-9.53,5.57-9.53,14.59,0,20.15s25,5.56,34.51,0,9.53-14.58,0-20.15S101.24,366,91.71,371.55Z"
+              style="fill: #fff"></path>
+          </g>
+          <path d="M96.29,374.23c-7,4.08-7,10.71,0,14.79s18.35,4.09,25.35,0,7-10.71,0-14.79S103.29,370.14,96.29,374.23Z"
+            style="fill: #263238"></path>
+          <path
+            d="M121.63,381.25c-7-4.09-18.34-4.09-25.34,0a11.69,11.69,0,0,0-4.19,3.89A11.76,11.76,0,0,0,96.29,389c7,4.09,18.35,4.09,25.34,0a11.72,11.72,0,0,0,4.2-3.88A11.65,11.65,0,0,0,121.63,381.25Z"
+            style="fill: #f5f5f5"></path>
+        </g>
+        <g id="freepik--Plants--inject-70">
+          <path
+            d="M85.81,305.77l16.7,11.42-15.79-6a28.78,28.78,0,0,0,3.12,12.14s10.43,5.06,16.1,10.4l-13.89-4.37a15.32,15.32,0,0,0,.43,7.26c.09.32.19.65.29,1,.74,2.22,1.79,6.43,3.56,11.4h0a73.25,73.25,0,0,0,5.74,12.56,51.3,51.3,0,0,0,3.82,5.64l.26.34q3.87-2.58,8-5.05c1.6-4.1,3.37-14.06,3.69-22.14,1.21-30.93-23.23-46.89-42.31-51.47C75.59,288.91,82.57,296.5,85.81,305.77Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M85.81,305.77l16.7,11.42-15.79-6a28.78,28.78,0,0,0,3.12,12.14s10.43,5.06,16.1,10.4l-13.89-4.37a15.32,15.32,0,0,0,.43,7.26c.09.32.19.65.29,1,.74,2.22,1.79,6.43,3.56,11.4h0a73.25,73.25,0,0,0,5.74,12.56,51.3,51.3,0,0,0,3.82,5.64l.26.34q3.87-2.58,8-5.05c1.6-4.1,3.37-14.06,3.69-22.14,1.21-30.93-23.23-46.89-42.31-51.47C75.59,288.91,82.57,296.5,85.81,305.77Z"
+            style="opacity: 0.3"></path>
+          <path
+            d="M99.13,306.12a22.94,22.94,0,0,1,4.34,5.23,48.28,48.28,0,0,1,3.06,6.1,62.65,62.65,0,0,1,3.74,13.08,57.68,57.68,0,0,1-1.47,26.89h0a.44.44,0,0,0,.85.26h0a58.35,58.35,0,0,0,1.06-27.23,62.82,62.82,0,0,0-4-13.09,47.87,47.87,0,0,0-3.16-6.07A23.37,23.37,0,0,0,99.13,306.12Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M157.52,321.57l0,0c-.38.49-6.29,5.64-15.36,21.07l-18.39,4.62,15,1.35-6.88,12-15.7,3.88,12.44,1.54s-3,12.18-11.61,17.55c-4.78,3-7.15,3.48-8.67,2.15-1.06-.94-1.52-6.71-2.58-11.84s-1.45-13.52,3-23.83a31.46,31.46,0,0,1,4.78-7.64C124.72,329,146.58,321.83,157.52,321.57Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M157.52,321.57l0,0c-.38.49-6.29,5.64-15.36,21.07l-18.39,4.62,15,1.35-6.88,12-15.7,3.88,12.44,1.54s-3,12.18-11.61,17.55c-4.78,3-7.15,3.48-8.67,2.15-1.06-.94-1.52-6.71-2.58-11.84s-1.45-13.52,3-23.83a31.46,31.46,0,0,1,4.78-7.64C124.72,329,146.58,321.83,157.52,321.57Z"
+            style="opacity: 0.15"></path>
+          <path
+            d="M112.17,355.34a0,0,0,0,0,0,0v0A48.67,48.67,0,0,0,109,368.81h0a145.8,145.8,0,0,0,.22,17.45,2.92,2.92,0,0,1-.91-.51c-1.06-.94-1.52-6.71-2.58-11.84s-1.45-13.52,3-23.83a31.46,31.46,0,0,1,4.78-7.64c11.2-13.49,33.06-20.63,44-20.89-16.68,3.39-34.29,15.26-42.7,28.59A34.19,34.19,0,0,0,112.17,355.34Z"
+            style="opacity: 0.1"></path>
+          <path
+            d="M140.91,327.48c-8.17,4-15.85,9.28-21.77,16.31a43.5,43.5,0,0,0-7.21,11.67,41.81,41.81,0,0,0-3,13.34,0,0,0,0,0,.09,0,53.43,53.43,0,0,1,3.72-13,50.07,50.07,0,0,1,6.94-11.55,57.58,57.58,0,0,1,9.76-9.41,75.9,75.9,0,0,1,11.5-7.28,0,0,0,1,0,0-.08Z"
+            style="fill: #fafafa"></path>
+          <path
+            d="M60.05,333.25h0a33.68,33.68,0,0,1,4,0,64.21,64.21,0,0,1,15.67,2.9c1.89.59,3.78,1.26,5.66,2,.93.39,1.86.8,2.78,1.23a45,45,0,0,1,12.34,8.3,28.44,28.44,0,0,1,4.39,5.5c.16.26.33.52.48.78h0c.39.68.73,1.36,1.07,2A38.81,38.81,0,0,1,111,374.83c.09,4.62-1.19,10-2,10.89a2.23,2.23,0,0,1-.38.32c-1.27.91-3.39.54-7.42-1.43-8.07-3.94-11.76-14.86-11.76-14.86l10.78-2.45-14.12-2-6.17-8.54,10.34-2.47L76,352.87a209.33,209.33,0,0,0-15.88-19.6l0,0Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M64.1,333.22a64.21,64.21,0,0,1,15.67,2.9c1.89.59,3.78,1.26,5.66,2,.93.39,1.86.8,2.78,1.23a45,45,0,0,1,12.34,8.3,28.44,28.44,0,0,1,4.39,5.5c.16.26.33.52.48.78h0c.39.68.73,1.36,1.07,2A38.81,38.81,0,0,1,111,374.83c.09,4.62-1.19,10-2,10.89a2.23,2.23,0,0,1-.38.32,2.42,2.42,0,0,1-.85.37c.57-7.2-4-25.13-9.68-32.29-6-7.45-19.73-18-38-20.85l0,0A33,33,0,0,1,64.1,333.22Z"
+            style="opacity: 0.05"></path>
+          <path
+            d="M107.81,386.41a61.14,61.14,0,0,0-1.91-15.75A50.94,50.94,0,0,0,99.83,356a36,36,0,0,0-5.13-6.15,52.73,52.73,0,0,0-6.14-5.12,59.51,59.51,0,0,0-14.07-7.4,0,0,0,0,0-.06,0,.06.06,0,0,0,0,.06,78.8,78.8,0,0,1,13.58,8,66.22,66.22,0,0,1,6,5,35.22,35.22,0,0,1,5.15,5.9,50.3,50.3,0,0,1,6.23,14.42,61.24,61.24,0,0,1,2.25,15.64,0,0,0,0,0,0,0A0,0,0,0,0,107.81,386.41Z"
+            style="fill: #fafafa"></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/icons/Icon404.vue b/frontend-pc/src/components/icons/Icon404.vue
new file mode 100644
index 0000000..e6972fd
--- /dev/null
+++ b/frontend-pc/src/components/icons/Icon404.vue
@@ -0,0 +1,363 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <g id="freepik--Floor--inject-37">
+      <ellipse id="freepik--floor--inject-37" cx="249.03" cy="368.25" rx="228.44" ry="118.95" style="fill: #f5f5f5">
+      </ellipse>
+    </g>
+    <g id="freepik--Shadows--inject-37">
+      <ellipse id="freepik--Shadow--inject-37" cx="395.38" cy="348.61" rx="60.93" ry="35.18" style="fill: #e6e6e6">
+      </ellipse>
+      <g id="freepik--shadow--inject-37">
+        <path id="freepik--shadow--inject-37"
+          d="M150,327.73c23.31,13.46,24.26,35.68.94,49.14s-62.05,13.06-85.37-.4-23.31-35.28,0-48.74S126.67,314.27,150,327.73Z"
+          style="fill: #e6e6e6"></path>
+        <path id="freepik--shadow--inject-37"
+          d="M340.14,400.26l-76.52-44.18a9.57,9.57,0,0,0-8.66,0l-76.52,44.18c-2.39,1.38-2.39,3.62,0,5l34.85,20.12-32.55,18.79c-6.61,3.81-17.37,3.81-24,0l-51.2-29.56c-2.82-1.63-4.38-3.68-4.38-5.76s1.56-4.14,4.38-5.77l45.37-26.2a2,2,0,1,0-2-3.46L103.56,399.6c-4.11,2.38-6.38,5.66-6.38,9.24s2.27,6.85,6.38,9.23l51.2,29.56a30.56,30.56,0,0,0,28,0l34.55-19.94L255,449.44a9.57,9.57,0,0,0,8.66,0l76.52-44.18C342.53,403.88,342.53,401.64,340.14,400.26Z"
+          style="fill: #e6e6e6"></path>
+      </g>
+    </g>
+    <g id="freepik--character-2--inject-37">
+      <g id="freepik--Character--inject-37">
+        <g id="freepik--Bottom--inject-37">
+          <path
+            d="M427.58,332.09s2.78-41.18,2-56.36c-.65-12-2.28-17-2.62-19.71,0,0-2.95-28-3.19-51.89-.12-11.48-1.18-19.64-7.47-33.28l-40.43,9.67c-.82,6.06-3.6,46.36-4.26,82.19-.57,31.37.32,58.83.32,58.83l0,1.65c0,1.84-.4,3.12-1.58,6.06a35.32,35.32,0,0,1-6.26,10.36c-.83.9-6.6,5.94-7.36,7-2.48,2.89,2.66,4.52,6.47,4,4-.54,10.26-2.07,12-4.51,1.18-1.64,2.07-7.35,3.28-9,4.09-5.58,5.77-8,5.8-9.76.06-3.22-1.05-4.49-1.45-6.31.33-3.8,8.54-35.05,8.68-46.12.07-5.27-.29-12.53-.29-12.53l6.36-36.52c2.46,9.12,6.78,31.76,8.24,40.45,1.77,10.62,6.4,37.88,9.14,54.14,1.05,6.27,1.54,9.44,2,12.35l.11,1.24c.09,1.58,1.24,18.48,1.86,22,1.3,7.39,7.87,6.46,8.92.48.9-5.08-.22-20.84-.25-22.77Z"
+            style="fill: #ffa8a7"></path>
+          <path
+            d="M427.58,332.09c1.86,0,.64,7.21,1.12,11.82.51,4.95,2.13,8.57,2.6,12.62a16.48,16.48,0,0,1-1.55,10.39c-1.29,3-7.79,7-10.26,2.79s-3-9.08-2.71-13.7,0-7.72.09-11.35c.09-3.2-2.26-11.37.15-11.83l.11,1.24c.87,1.73,9.65,2.07,10.53-.27Z"
+            style="fill: #37474f"></path>
+          <path d="M384.7,331.27c.57,2.31,0,8.65,0,8.65s-1,2.19-4.57,3.64l-1.6-8.82Z" style="fill: #263238"></path>
+          <polygon points="380.11 343.56 372.25 340.98 370.35 334 379.19 338.47 380.11 343.56"></polygon>
+          <path
+            d="M371.93,323.19l0-1.65c-1.07.52-3.42,9.13-6.6,15-2.9,5.39-8.65,8.39-10.52,10.74-2.5,3.13,2.36,7.18,10.15,5.51,3.87-.83,9.73-3.3,11.32-5.91s2.12-7.41,3.42-9.33,4.39-4.13,5-6.31a12,12,0,0,0,0-6c-.61-2-1.15-4.39-1.83-4.17l0,1.51c-.52,1.06-2.41,2.3-6.34,2.52C374.61,325.19,372.79,324.9,371.93,323.19Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M375.05,180s-2.67,29.67-3.53,55.94-.09,60.17-.09,60.17,2.71,1.94,8.68,2.21,8-1.72,8-1.72,3.65-11.91,4.22-20.29a85.71,85.71,0,0,0,0-13.63l5.33-35.06s6.76,34.52,7.53,38.69,7.24,41.06,7.24,41.06,2.54,2.34,9.06,2.22c5.77-.11,7.44-2.18,7.44-2.18s1.39-22.62,1.07-32.28c-.27-8.52-2.22-15.3-2.61-20.83s-.61-37-1-49S425,183,414.73,168.56Z"
+            style="fill: #455a64"></path>
+          <path d="M397.7,227.65l-4.44-22s-7.73-2-11.34-6.74c0,0,1,5.24,9,8.59l4.72,21.88L394,252Z"
+            style="fill: #37474f"></path>
+        </g>
+        <g id="freepik--Top--inject-37">
+          <path
+            d="M318.56,174.53a19.1,19.1,0,0,0,8.51-.63,16.74,16.74,0,0,1-3.37-2.23,2.33,2.33,0,0,1-.4-3.22c.37-.4,1.29.53,3.37,1.12,2.66.75,4.59.91,7.15,2.39a4.69,4.69,0,0,0,3.2.56c6.24-1.17,20.79-8,27.46-11.56,1.36-5.55,3.72-13.71,6.63-23.89,2.69-9.38,7-13.48,13.88-13.33L384,144.11s-3.28,14.07-7.34,25.56c-.71,2-3.56,4.33-8.78,6.27-6.76,2.51-14.92,4.88-24.89,7.61A77.29,77.29,0,0,1,330.65,186c-10.54.9-14.58-2-16-4.08C310.61,176.18,313,173.42,318.56,174.53Z"
+            style="fill: #ffa8a7"></path>
+          <path
+            d="M402.72,123.59l9.62.74a22.36,22.36,0,0,0,7.24,21.54l-4.29,17.28c.14,2.14,3.68,9.34,7.11,17.08-6.45,8.64-38.09,11.59-48.41,4,1.59-8.14,2.78-14.32,3.1-17.41l-.52-11.17c-12.94-10.61,2.67-26.78,8.42-31.92l7.22-.32Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M443.23,209.68a5.39,5.39,0,0,1-2.06-4.64c.17-1.61.54-3.63,1.21-4.41s4.87-6.49,6.73-3.17c2,3.62,1.59,5.09,1.59,5.09Z"
+            style="fill: #f28f8f"></path>
+          <path
+            d="M430.27,286a25.84,25.84,0,0,1-12.75-3.86L367.59,253.3c-7.71-4.45-14-15.32-14-24.23V187.18a8,8,0,0,0-12-6.9L324.11,190.4a2,2,0,1,1-2-3.46l17.53-10.13a12,12,0,0,1,18,10.37v41.89c0,7.5,5.5,17,12,20.77l49.93,28.82c6.39,3.69,12.32,4.33,16.68,1.82s6.77-8,6.77-15.35V211.65c0-9.06,5.79-19.5,13.18-23.77l12.19-7a2,2,0,1,1,2,3.46l-12.19,7c-6.06,3.5-11.18,12.79-11.18,20.3v53.48c0,8.86-3.12,15.54-8.77,18.81A15.68,15.68,0,0,1,430.27,286Z"
+            style="fill: #37474f"></path>
+          <g id="freepik--Plug--inject-37">
+            <path
+              d="M344,193.29v3.27c0,5.23-3.67,11.6-8.21,14.21l-30.28,17.49-30.79-17.78V183.82L304.58,170c4.75-2.19,12.27-1.85,16.81.76l14.38,8.31C340.3,181.69,344,188.06,344,193.29Z"
+              style="fill: #37474f"></path>
+            <path
+              d="M304.58,170c4.75-2.19,12.27-1.85,16.81.76l14.38,8.31c4.53,2.61,4.35,6.51-.4,8.71l-29.89,13.8-30.8-17.77Z"
+              style="fill: #455a64"></path>
+            <path d="M308.39,195.18a9.07,9.07,0,0,1,4.1,7.1v21.93l-7,4-30.79-17.78V183.82l7.8-3.6Z"
+              style="opacity: 0.15"></path>
+            <path
+              d="M272.07,179.23a2.85,2.85,0,0,1,2.88.28L305.23,197a9.06,9.06,0,0,1,4.1,7.11v26.08a2.85,2.85,0,0,1-1.2,2.64c-.7.39-3.17,1.82-3.86,2.23a2.87,2.87,0,0,1-2.89-.28l-30.29-17.49a9.07,9.07,0,0,1-4.1-7.1V184.11a2.89,2.89,0,0,1,1.19-2.65Z"
+              style="fill: #37474f"></path>
+            <path
+              d="M301.38,199.22l-30.29-17.48c-2.26-1.31-4.1-.25-4.1,2.37v26.08a9.07,9.07,0,0,0,4.1,7.1l30.29,17.49c2.26,1.31,4.1.25,4.1-2.37V206.33A9.09,9.09,0,0,0,301.38,199.22Z"
+              style="fill: #455a64"></path>
+            <path
+              d="M265.51,229.58v4.51c0,1.83.63,3.1,1.67,3.7l2.72,1.57A4,4,0,0,0,274,239l25-14.46V206.74l-2.72-1.57-25.05,14.46A12.69,12.69,0,0,0,265.51,229.58ZM276.84,224A4,4,0,0,1,277,225a8.5,8.5,0,0,1-3.85,6.67,3.62,3.62,0,0,1-1,.4,4.11,4.11,0,0,1-.14-1,8.51,8.51,0,0,1,3.85-6.67A4.74,4.74,0,0,1,276.84,224Z"
+              style="fill: currentcolor"></path>
+            <path
+              d="M269.76,239.26a1,1,0,0,0,.17.12h0l-.1-.06-2.63-1.53c-1.05-.58-1.67-1.85-1.67-3.69v-4.51a11.64,11.64,0,0,1,1.69-5.67l2.72,1.57a11.8,11.8,0,0,0-1.68,5.67v4.51a4.59,4.59,0,0,0,1.05,3.22A2.45,2.45,0,0,0,269.76,239.26Z"
+              style="opacity: 0.2"></path>
+            <path
+              d="M299,206.74,274,221.2a11.72,11.72,0,0,0-4.06,4.28l-2.72-1.57a11.78,11.78,0,0,1,4.05-4.28l25.05-14.46Z"
+              style=" opacity: 0.5;fill: #fff"></path>
+            <path d="M270,239.45l-.07,0,0,0S270,239.45,270,239.45Z" style=" opacity: 0.5;fill: #fff"></path>
+            <path d="M270,239.43l0,0,0,0Z" style="opacity: 0.2"></path>
+            <path
+              d="M277,225a4.27,4.27,0,0,0-.14-1.07h0c1.65-.45,2.86.58,2.86,2.64a8.52,8.52,0,0,1-3.84,6.67c-1.78,1-3.3.49-3.72-1.17a3.27,3.27,0,0,0,1-.4A8.53,8.53,0,0,0,277,225Z"
+              style="opacity: 0.2"></path>
+            <path
+              d="M242.42,216.24v4.52c0,1.82.63,3.1,1.67,3.69l2.72,1.58a4,4,0,0,0,4.08-.38l25-14.47V193.41l-2.72-1.58-25,14.46A12.72,12.72,0,0,0,242.42,216.24Zm11.33-5.61a4.33,4.33,0,0,1,.14,1.07,8.51,8.51,0,0,1-3.85,6.67,4.6,4.6,0,0,1-1,.4,3.81,3.81,0,0,1-.14-1.05,8.52,8.52,0,0,1,3.84-6.67A3.91,3.91,0,0,1,253.75,210.63Z"
+              style="fill: currentcolor"></path>
+            <path
+              d="M246.93,226.1l-.05,0-.07,0-2.72-1.59c-1.05-.59-1.67-1.86-1.67-3.7v-4.51a9.88,9.88,0,0,1,.45-2.84,13.48,13.48,0,0,1,1.23-2.82h0l2.72,1.56h0a12.69,12.69,0,0,0-.69,1.38,10.89,10.89,0,0,0-1,4.28v4.51a4.61,4.61,0,0,0,1,3.22A2.8,2.8,0,0,0,246.93,226.1Z"
+              style="opacity: 0.2"></path>
+            <path d="M275.92,193.41l-25,14.46a11.64,11.64,0,0,0-4.06,4.28l-2.72-1.56a11.77,11.77,0,0,1,4-4.3l25-14.46Z"
+              style=" opacity: 0.5;fill: #fff"></path>
+            <path d="M247,226.12l-.07,0,.05,0Z" style=" opacity: 0.5;fill: #fff"></path>
+            <path
+              d="M253.88,211.69a4.21,4.21,0,0,0-.13-1.06h0c1.64-.46,2.86.58,2.86,2.64a8.52,8.52,0,0,1-3.84,6.67c-1.79,1-3.3.49-3.72-1.18a3.12,3.12,0,0,0,1-.4A8.5,8.5,0,0,0,253.88,211.69Z"
+              style="opacity: 0.2"></path>
+          </g>
+          <path
+            d="M250,199.55a1.49,1.49,0,0,1-1.45-1.13l-4-15.68a1.5,1.5,0,0,1,2.91-.75l4,15.69a1.48,1.48,0,0,1-1.08,1.82A1.57,1.57,0,0,1,250,199.55Z"
+            style="fill: #e0e0e0"></path>
+          <path
+            d="M238.74,206.09a1.5,1.5,0,0,1-.93-.32L222.92,194a1.5,1.5,0,1,1,1.86-2.35l14.89,11.76a1.51,1.51,0,0,1,.25,2.11A1.48,1.48,0,0,1,238.74,206.09Z"
+            style="fill: #e0e0e0"></path>
+          <path
+            d="M218.22,220.45a1.5,1.5,0,0,1-.11-3l17.41-1.35a1.49,1.49,0,0,1,1.61,1.38,1.51,1.51,0,0,1-1.38,1.61l-17.41,1.35Z"
+            style="fill: #e0e0e0"></path>
+          <path
+            d="M456.84,193.36a98.58,98.58,0,0,0-1.64-11,148.11,148.11,0,0,0-9.06-24.81c-1.67-3.19-5.44-7.84-8.11-11.77-3.78-5.55-6.44-8.66-9.31-12.43-6.32-8.27-9-8.75-16.38-9-1,2.63-3.28,13.41,4.11,22.12l15.84,16.7c.9,1.45,10.58,18,12.19,24.11a4.52,4.52,0,0,1-.38,3.23,39,39,0,0,0-2.77,8.76c-.47,2.12-1.73,3.8-1.3,4.13a2.84,2.84,0,0,0,3.51-.28,15.05,15.05,0,0,0,2.73-4.12,2.15,2.15,0,0,1,2.29,2.19c.09,1.23-.47,2.94-.9,5.07-.08.42-.18.9-.37,2.06a13.42,13.42,0,0,0-.28,2.38c2,.37,4.09-.85,7.45-4C457.49,203.76,457.69,199.9,456.84,193.36Z"
+            style="fill: #ffa8a7"></path>
+          <path
+            d="M404.44,118.73c.06-2,6.56-6.68,9.85-11.66,3-4.62,7.31-17.32-2.79-21.38,0,0,2.18-6.09-1.78-9.68s-9.29-1.37-10.13.13a9,9,0,0,0-8.46-6.64,7.87,7.87,0,0,0-8.28,6.17,7.59,7.59,0,0,0-9.21,2.58c-3.71,5.11,1.21,9.79,1.21,9.79A4.25,4.25,0,0,0,373,92c.29,2.16,2.36,2.69,2.6,3.77a1.06,1.06,0,0,1-1.81.94,2.18,2.18,0,0,0,2.56,1.73c2.33-.13,4.41-3.3,4.41-3.3Z"
+            style="fill: #263238"></path>
+          <path
+            d="M383.24,85.05c-3,1.3-5.83,5.87-5.79,18.65,0,10.83,3.36,13.57,5,14.38s4.95.39,8.14-.1v6.23s-5.77,7.16-.6,10.72c13.32-2.33,14.34-11.07,14.34-11.07l.24-13.58s1.83,1.92,5-.9c2.66-2.33,3.62-6.32,1.62-8.52s-4.56-2.37-6.88.08c0,0-4.25.28-10.64-3.73S385,89.13,383.24,85.05Z"
+            style="fill: #ffa8a7"></path>
+          <path d="M390.91,110.48a1.56,1.56,0,0,1-1.48,1.66,1.61,1.61,0,1,1,1.48-1.66Z" style="fill: #b16668"></path>
+          <path d="M382.68,100a1.44,1.44,0,1,1-1.5-1.45A1.47,1.47,0,0,1,382.68,100Z" style="fill: #263238"></path>
+          <path d="M393.75,100.66a1.56,1.56,0,0,1-1.48,1.66,1.59,1.59,0,0,1-1.6-1.56,1.54,1.54,0,1,1,3.08-.1Z"
+            style="fill: #263238"></path>
+          <path d="M381.68,94.27l-3.05,1.79a1.7,1.7,0,0,0,2.4.65A1.83,1.83,0,0,0,381.68,94.27Z" style="fill: #263238">
+          </path>
+          <path d="M404.37,99.18l0,6a2.82,2.82,0,0,1-2.89-2.92A3.1,3.1,0,0,1,404.37,99.18Z" style="fill: #263238">
+          </path>
+          <polygon points="386.62 98.57 386.01 107.21 381.45 106.14 386.62 98.57" style="fill: #f28f8f"></polygon>
+          <path d="M390.63,118c3.35-.39,10.27-2.31,11.4-5.13a7.35,7.35,0,0,1-2.48,3.57c-2.09,1.8-8.93,3.66-8.93,3.66Z"
+            style="fill: #f28f8f"></path>
+        </g>
+        <g id="freepik--question-marks--inject-37">
+          <path
+            d="M430.9,51.18a13.78,13.78,0,0,1,3.55,2,10.75,10.75,0,0,1,2.65,2.79,8.68,8.68,0,0,1,1.3,3.44,7.65,7.65,0,0,1-.47,3.87,7.9,7.9,0,0,1-1.59,2.66,9.5,9.5,0,0,1-2.13,1.68,14.81,14.81,0,0,1-2.4,1.1l-2.36.85a11.94,11.94,0,0,0-2,.94A3.57,3.57,0,0,0,426,71.85a1.76,1.76,0,0,1-.66.64,1,1,0,0,1-.86.05l-3.12-1.17a1.18,1.18,0,0,1-.67-.63,1,1,0,0,1,0-.89,7.71,7.71,0,0,1,1.74-2.56,10.91,10.91,0,0,1,2.25-1.63,15.6,15.6,0,0,1,2.46-1.06c.84-.28,1.62-.55,2.35-.83a10.4,10.4,0,0,0,1.89-.92,2.79,2.79,0,0,0,1.12-1.38,3.29,3.29,0,0,0-.34-3.06,6,6,0,0,0-3.11-2.31,5.73,5.73,0,0,0-6.43,1.55,2.59,2.59,0,0,1-.69.52,1.15,1.15,0,0,1-.84-.06l-3.32-1.25a.93.93,0,0,1-.54-.49.85.85,0,0,1,0-.75,6.67,6.67,0,0,1,2-2.6,10.71,10.71,0,0,1,3.27-1.86,13,13,0,0,1,4.07-.74A11.48,11.48,0,0,1,430.9,51.18Zm-7.12,23.9a1.1,1.1,0,0,1,.65.62,1.13,1.13,0,0,1,0,.9l-1.36,3.61a1.1,1.1,0,0,1-.62.65,1.13,1.13,0,0,1-.9,0l-3.53-1.33a1.1,1.1,0,0,1-.65-.62,1.13,1.13,0,0,1,0-.9l1.36-3.61a1.15,1.15,0,0,1,.62-.66,1.17,1.17,0,0,1,.9,0Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M432.63,94.28a1.1,1.1,0,0,1,0,1.57l-2.5,2.64a1.08,1.08,0,0,1-.78.34,1.11,1.11,0,0,1-.8-.3L426,96.08a1.08,1.08,0,0,1-.34-.78,1.07,1.07,0,0,1,.3-.8l2.51-2.63a1.12,1.12,0,0,1,1.57,0Zm15-18.13a13.34,13.34,0,0,1,2.37,3,10.44,10.44,0,0,1,1.27,3.4A8.25,8.25,0,0,1,451.1,86a8,8,0,0,1-4.19,4.91,8.77,8.77,0,0,1-2.46.68,14.86,14.86,0,0,1-2.49.07l-2.36-.13a12.13,12.13,0,0,0-2.11.07,3.4,3.4,0,0,0-1.72.7,1.56,1.56,0,0,1-.81.31.94.94,0,0,1-.77-.27l-2.27-2.16a1.15,1.15,0,0,1-.36-.79.92.92,0,0,1,.32-.79A7.27,7.27,0,0,1,434.32,87a10.23,10.23,0,0,1,2.55-.59,15.29,15.29,0,0,1,2.53,0q1.25.11,2.34.15a9.53,9.53,0,0,0,2-.11,2.61,2.61,0,0,0,1.49-.78,3.13,3.13,0,0,0,.82-2.78,5.62,5.62,0,0,0-1.85-3.15,5.42,5.42,0,0,0-6.16-1,2.3,2.3,0,0,1-.78.19,1,1,0,0,1-.71-.36l-2.42-2.31a.92.92,0,0,1-.3-.61.88.88,0,0,1,.26-.67,6.45,6.45,0,0,1,2.68-1.53,10.2,10.2,0,0,1,3.52-.41,12.17,12.17,0,0,1,3.81.86A10.6,10.6,0,0,1,447.59,76.15Z"
+            style="fill: currentcolor"></path>
+          <g style="opacity: 0.6">
+            <path
+              d="M432.63,94.28a1.1,1.1,0,0,1,0,1.57l-2.5,2.64a1.08,1.08,0,0,1-.78.34,1.11,1.11,0,0,1-.8-.3L426,96.08a1.08,1.08,0,0,1-.34-.78,1.07,1.07,0,0,1,.3-.8l2.51-2.63a1.12,1.12,0,0,1,1.57,0Zm15-18.13a13.34,13.34,0,0,1,2.37,3,10.44,10.44,0,0,1,1.27,3.4A8.25,8.25,0,0,1,451.1,86a8,8,0,0,1-4.19,4.91,8.77,8.77,0,0,1-2.46.68,14.86,14.86,0,0,1-2.49.07l-2.36-.13a12.13,12.13,0,0,0-2.11.07,3.4,3.4,0,0,0-1.72.7,1.56,1.56,0,0,1-.81.31.94.94,0,0,1-.77-.27l-2.27-2.16a1.15,1.15,0,0,1-.36-.79.92.92,0,0,1,.32-.79A7.27,7.27,0,0,1,434.32,87a10.23,10.23,0,0,1,2.55-.59,15.29,15.29,0,0,1,2.53,0q1.25.11,2.34.15a9.53,9.53,0,0,0,2-.11,2.61,2.61,0,0,0,1.49-.78,3.13,3.13,0,0,0,.82-2.78,5.62,5.62,0,0,0-1.85-3.15,5.42,5.42,0,0,0-6.16-1,2.3,2.3,0,0,1-.78.19,1,1,0,0,1-.71-.36l-2.42-2.31a.92.92,0,0,1-.3-.61.88.88,0,0,1,.26-.67,6.45,6.45,0,0,1,2.68-1.53,10.2,10.2,0,0,1,3.52-.41,12.17,12.17,0,0,1,3.81.86A10.6,10.6,0,0,1,447.59,76.15Z"
+              style="fill: #fff"></path>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="freepik--character-1--inject-37">
+      <g id="freepik--character--inject-37">
+        <g id="freepik--bottom--inject-37">
+          <path d="M76.81,345.71c3.17,1.93,7.38,2,11.35.61l3-21-14-3.58Z" style="fill: #ffa8a7"></path>
+          <path
+            d="M99.4,365.81c.35.36.14,3-.29,3.59s-2.84,2.59-7.28,2.67c-4.23.07-8-.7-10.36-2.41s-3.49-3.5-3.6-5.92.29-4.71-.75-6.62-2.29-3.51-2.61-4.45a12,12,0,0,1,0-5.17Z"
+            style="fill: #263238"></path>
+          <path
+            d="M89.13,345.44a11.56,11.56,0,0,0,.38,2.7,24.77,24.77,0,0,0,2.29,5.42,22.77,22.77,0,0,0,1.63,2.57c1.19,1.59,2.71,2.92,4,4.45a8.61,8.61,0,0,1,2.33,5.32c0,3.32-3.65,4.25-6.44,4.59a20.33,20.33,0,0,1-9-.93,8.26,8.26,0,0,1-5.69-6.92c-.11-.93,0-1.86-.06-2.79a12.93,12.93,0,0,0-2.26-5.93,17,17,0,0,1-1.8-3.26c-.76-2.09.06-4.36.72-6.37.57-1.73,1-3.82,1.64-3.62,0,.35,0,1.13,0,1.13.18.39.62.67.73,1.13a8.59,8.59,0,0,0,.43,1.39,3.6,3.6,0,0,0,1.38,1.7c.11-1.25.22-2.5.32-3.74a1.31,1.31,0,0,1,1.43-1.49,23.59,23.59,0,0,1,7.11-.21,1.36,1.36,0,0,1,.93.47,1.44,1.44,0,0,1,.11.85A32.79,32.79,0,0,0,89.13,345.44Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M89.13,345.44a11.56,11.56,0,0,0,.38,2.7,24.77,24.77,0,0,0,2.29,5.42,22.77,22.77,0,0,0,1.63,2.57c1.19,1.59,2.71,2.92,4,4.45a8.61,8.61,0,0,1,2.33,5.32c0,3.32-3.65,4.25-6.44,4.59a20.33,20.33,0,0,1-9-.93,8.26,8.26,0,0,1-5.69-6.92c-.11-.93,0-1.86-.06-2.79a12.93,12.93,0,0,0-2.26-5.93,17,17,0,0,1-1.8-3.26c-.76-2.09.06-4.36.72-6.37.57-1.73,1-3.82,1.64-3.62,0,.35,0,1.13,0,1.13.18.39.62.67.73,1.13a8.59,8.59,0,0,0,.43,1.39,3.6,3.6,0,0,0,1.38,1.7c.11-1.25.22-2.5.32-3.74a1.31,1.31,0,0,1,1.43-1.49,23.59,23.59,0,0,1,7.11-.21,1.36,1.36,0,0,1,.93.47,1.44,1.44,0,0,1,.11.85A32.79,32.79,0,0,0,89.13,345.44Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M92.21,354.28c-1.18-1-3.94-1.15-5.46-1.07a9.22,9.22,0,0,0-4.37,1.27,1,1,0,0,1-1.25-.17h0a.92.92,0,0,1,.16-1.4,9.45,9.45,0,0,1,4.93-1.53C90,351.32,91,352,91,352S92.64,353.2,92.21,354.28Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M94.86,357.82c-1.5-1-4.54-1-6.06-.95a8.6,8.6,0,0,0-4.25,1.36,1,1,0,0,1-1.26-.17h0a.91.91,0,0,1,.17-1.4,9.55,9.55,0,0,1,5-1.66c3.73-.07,4.66.75,4.66.75A3.07,3.07,0,0,1,94.86,357.82Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M84.93,347.75a9.27,9.27,0,0,1,4.65.64c.63.41,1,1.46.57,1.7A8.66,8.66,0,0,0,86,349.3a12.24,12.24,0,0,0-4.07.89c-.33.12-.71.3-1,.46a.87.87,0,0,1-1.2-.44h0a.84.84,0,0,1,.38-1A11.93,11.93,0,0,1,84.93,347.75Z"
+            style="fill: #455a64"></path>
+          <path d="M116.27,337.82c2.44,6.11,6.26,4.23,12.08.71l.88-20.86-14.81-1.37Z" style="fill: #ffa8a7"></path>
+          <path
+            d="M150.69,352.53a4,4,0,0,1-.32,2.93c-.46.84-5.09,3.14-11.14,2.4a25.22,25.22,0,0,1-12.32-5.06c-2.23-1.66-4.62-2.07-7.62-2.41s-5.25-1.38-5.84-2.82.31-3.82.31-3.82Z"
+            style="fill: #263238"></path>
+          <path
+            d="M127.13,333.3a11.94,11.94,0,0,0,1.61-.46,1.31,1.31,0,0,1,.91,0c.38.17.5.63.59,1a13.86,13.86,0,0,0,.52,2.67,6.54,6.54,0,0,0,1.6,1.88,27.83,27.83,0,0,0,4.69,3.39c1.93,1.18,3.83,2.11,5.82,3.14s4.78,1.77,6.36,3c2.29,1.74,2.38,5.79-.42,7.23-2.41,1.25-8.65,2.41-15,.23-3.47-1.19-7.17-5.16-11.77-5.77-2.93-.38-6.83-.84-8.6-3.17-.64-1-.08-3.9.44-7.29.47-3,.9-7.8,1.87-7.48l.07.92L117,334a10.07,10.07,0,0,0,.82.78,14.84,14.84,0,0,0,1,1.06,3,3,0,0,0,1.69.71,1.56,1.56,0,0,0,.85-.19c.5-.28.57-.94,1-1.35A4.88,4.88,0,0,1,124,333.9a9.61,9.61,0,0,1,2.66-.54A3.65,3.65,0,0,0,127.13,333.3Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M127.13,333.3a11.94,11.94,0,0,0,1.61-.46,1.31,1.31,0,0,1,.91,0c.38.17.5.63.59,1a13.86,13.86,0,0,0,.52,2.67,6.54,6.54,0,0,0,1.6,1.88,27.83,27.83,0,0,0,4.69,3.39c1.93,1.18,3.83,2.11,5.82,3.14s4.78,1.77,6.36,3c2.29,1.74,2.38,5.79-.42,7.23-2.41,1.25-8.65,2.41-15,.23-3.47-1.19-7.17-5.16-11.77-5.77-2.93-.38-6.83-.84-8.6-3.17-.64-1-.08-3.9.44-7.29.47-3,.9-7.8,1.87-7.48l.07.92L117,334a10.07,10.07,0,0,0,.82.78,14.84,14.84,0,0,0,1,1.06,3,3,0,0,0,1.69.71,1.56,1.56,0,0,0,.85-.19c.5-.28.57-.94,1-1.35A4.88,4.88,0,0,1,124,333.9a9.61,9.61,0,0,1,2.66-.54A3.65,3.65,0,0,0,127.13,333.3Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M134.4,340a2.76,2.76,0,0,0-2.1-1.57c-1.32-.32-3.73.54-5.26,1.67a1.1,1.1,0,0,0,.06,1.82h0a1.12,1.12,0,0,0,1.26-.07A8.32,8.32,0,0,1,134.4,340Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M138.41,342.57a3.15,3.15,0,0,0-2.5-1.46,9.76,9.76,0,0,0-5.76,1.81,1.07,1.07,0,0,0,0,1.76h0a1.07,1.07,0,0,0,1.22-.08A8.42,8.42,0,0,1,138.41,342.57Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M142.87,344.91a3.51,3.51,0,0,0-2.6-1.34,9.46,9.46,0,0,0-5.53,1.84,1.07,1.07,0,0,0,.06,1.76h0a1,1,0,0,0,1.21-.07A8,8,0,0,1,142.87,344.91Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M76.42,289.41c.45-10.07,2.59-15.31,2.89-18.1,0,0,.82-55.4,2.17-72.21l49.6-2.11c.73,18,1.39,66.36,1,72.76-.37,6.13-2.86,59.3-2.86,59.3-7,2.19-14.47-1-14.47-1s-4.16-30.25-4.84-36.92a85.23,85.23,0,0,1,.46-18l-3.17-43.07s-3.83,33.4-5.72,46C99.32,290.47,90,335.14,90,335.14c-6.7,1.67-13.22-1.22-13.22-1.22S75.76,304,76.42,289.41Z"
+            style="fill: #455a64"></path>
+          <path d="M107.21,230.1l.94-5.94c2.89-.43,10.21-5,14.54-9a34.5,34.5,0,0,1-12.16,11.21l-.15,46.78Z"
+            style="fill: #37474f"></path>
+        </g>
+        <g id="freepik--top--inject-37">
+          <path
+            d="M127.55,167.81c-3.37-7.69-9.17-20.64-9.17-20.64l-1.47-21a56.64,56.64,0,0,1,6.41.57c3.12.49,8.07,3.47,10.33,9.09,1.69,4.17,10.47,29.61,10.47,29.61l15.3-8.06c3.92-2.49,5.31-6.62,7.81-9s5-2.74,7.77-4.65,3.86-3.44,4.56-1.53-2.4,4.84-3,5.57-3.61,2.29.23,2.49,11.61-3.54,13.47-4.18,1.7,1.57.73,2.94-1.07,5.39-2.69,7.64c-1.72,2.4-2.65,3.43-6.34,4.86-3.43,1.32-10.54,1.66-14.2,3.77s-12.52,10.12-18.43,14.23c-7.93,5.52-12.39,5.88-15.5,1.48S128.74,170.52,127.55,167.81Z"
+            style="fill: #ffa8a7"></path>
+          <path
+            d="M114.84,125.72c5.2-.4,11.33-.08,14.72,3,2.71,2.47,3.73,4,6.75,12.54,2,5.73,6.28,18.93,6.28,18.93a27.32,27.32,0,0,0-15,9.19l-9.75-21.91Z"
+            style="fill: #e0e0e0"></path>
+          <path d="M144.12,165.39a13.09,13.09,0,0,0-6.47,5s.37-4,6-6.39Z" style="fill: #f28f8f"></path>
+          <path
+            d="M102.39,124.78a24.57,24.57,0,0,0-7.31.8c-4.57,1.21-12.76,3.51-12.76,3.51-2.6,1.35-3.61,5.85-4.2,8.44-1.88,8.29,3,27,3.75,34.29S81,201.44,81,201.44c5.59,6.48,35.88,10.78,50.63,0,0,0,.64-51.27-.81-58.63-2.2-11.14-5.47-16.43-17-17.1Z"
+            style="fill: #f5f5f5"></path>
+          <path d="M108.86,97.28l-3.29,1.81a2,2,0,0,1,.77-2.62A1.83,1.83,0,0,1,108.86,97.28Z" style="fill: #263238">
+          </path>
+          <path d="M123.17,98.6l-3-2.31a1.82,1.82,0,0,1,2.61-.4A2,2,0,0,1,123.17,98.6Z" style="fill: #263238"></path>
+          <path
+            d="M93.74,86.81S90.2,87.3,88.9,90c-1.12,2.32-.72,7.92.79,14a56.45,56.45,0,0,0,3.8,11.46,4.7,4.7,0,0,0,2.7,2.17L96,110.37l-.26-5s3.23-4.42,3.59-8c.46-4.66-.52-6.57-.52-6.57Z"
+            style="fill: #263238"></path>
+          <path
+            d="M99.45,93.81A13.53,13.53,0,0,0,113,107.29c7.46,0,13.06-6.15,13-13.62s-5.66-13.45-13.13-13.42A13.52,13.52,0,0,0,99.45,93.81Z"
+            style="fill: #263238"></path>
+          <path
+            d="M96,104.52c-1.22,1.06-2.21-1.67-3.23-2.74s-4.37-2.51-6,1,1.46,8.6,4,9.58A3.65,3.65,0,0,0,95.08,111v16c3.85,6.94,10.64,6.72,14.27,6.33s4.42-4.16,1.77-7.2l0-5a28.29,28.29,0,0,0,6.1.29c3.32-.52,5-3,6-6.63,1.6-5.79,2.25-15.51,0-26.74-3.72-2.88-16.62-2.4-24.43,2.55C99.4,100.67,97.16,103.47,96,104.52Z"
+            style="fill: #ffa8a7"></path>
+          <path
+            d="M123.88,82.49a24.39,24.39,0,0,0,.67-6.37c0-.84-.21-1.86-1-2.18s-1.57.26-2.25.72c-2.88,1.94-6.46,2.49-9.93,2.68-6,.33-15.17-.06-18.22,6.51-.85,1.82-1,3.74.68,5a11.5,11.5,0,0,0,5,1.86c3,.53,6,1.19,9.08,1.6s6.74.81,9.79-.13c2.57-.79,5.18-1.47,7.09-3.51a9.78,9.78,0,0,0,2.62-6.54c0-.34-.07-.77-.41-.86a.78.78,0,0,0-.49.1Z"
+            style="fill: #263238"></path>
+          <path
+            d="M111.09,121.24s-7.42-1.47-10-2.84a8.57,8.57,0,0,1-3.6-3.54,11.65,11.65,0,0,0,2,4.18c1.91,2.42,11.58,4.17,11.58,4.17Z"
+            style="fill: #f28f8f"></path>
+          <path d="M109.6,102.19a1.67,1.67,0,1,1-1.67-1.72A1.7,1.7,0,0,1,109.6,102.19Z" style="fill: #263238"></path>
+          <path
+            d="M112,113.74a1.6,1.6,0,0,1-1.56,1.63,1.61,1.61,0,0,1-1.58-1.63,1.59,1.59,0,0,1,1.56-1.62A1.61,1.61,0,0,1,112,113.74Z"
+            style="fill: #b16668"></path>
+          <path d="M107.5,96.94l-3.44,2.17a2.13,2.13,0,0,1,.66-2.88A2,2,0,0,1,107.5,96.94Z" style="fill: #263238">
+          </path>
+          <path d="M119.64,94.82l3.62,1.62a1.9,1.9,0,0,1-2.56,1A2.09,2.09,0,0,1,119.64,94.82Z" style="fill: #263238">
+          </path>
+          <path d="M121.55,101.69a1.61,1.61,0,1,1-1.62-1.67A1.65,1.65,0,0,1,121.55,101.69Z" style="fill: #263238">
+          </path>
+          <polygon points="113.37 98.87 113.97 109.99 119.24 108.59 113.37 98.87" style="fill: #f28f8f"></polygon>
+          <path
+            d="M20,144.67c1.73.93,8.78,5.89,12.61,6.32,1.62.18,2.06-.08,2-.5-.08-.58-1.11-1.45-1.36-1.92-.43-.82-3-4.22-2-6s1.87-.08,4.25,2.25,4.82,3.14,6.91,5.85,2.79,7,6.25,10.11l13.78,9.41s6.42-29.79,9.24-33.3c3-3.69,15.87,4.35,13.17,16.08S76,185.06,71.72,189.05c-2.76,2.59-8.57.15-15.82-6.3C50.17,177.65,42.32,170,39,167.29s-10.22-4.17-13.39-6c-3.41-2-4.16-3.17-5.47-5.82-1.23-2.49-.68-6.48-1.41-8S18.24,143.74,20,144.67Z"
+            style="fill: #ffa8a7"></path>
+          <path
+            d="M82.32,129.09c4.42,2.76,4.64,6.78,4.86,11.38a47.57,47.57,0,0,1-2.52,15.84c-1.87,5.79-4.84,16.36-4.84,16.36s-11.54.27-17.48-4.86c0,0,2.71-11.4,4.62-20S71.19,130.06,82.32,129.09Z"
+            style="fill: #e0e0e0"></path>
+          <path d="M62.39,170.21c3.15,1.75,5,5.51,5.57,7a11,11,0,0,0-5.24-8.53Z" style="fill: #f28f8f"></path>
+        </g>
+        <g id="freepik--Outlet--inject-37">
+          <polygon points="182.11 386.34 259.29 430.9 259.29 447.32 182.11 402.76 182.11 386.34"
+            style="fill: currentcolor"></polygon>
+          <polygon points="182.11 386.34 259.29 430.9 259.29 447.32 182.11 402.76 182.11 386.34" style="opacity: 0.35">
+          </polygon>
+          <polygon points="336.47 386.34 259.29 430.9 259.29 447.32 336.47 402.76 336.47 386.34"
+            style="fill: currentcolor"></polygon>
+          <polygon points="336.47 386.34 259.29 430.9 259.29 447.32 336.47 402.76 336.47 386.34" style="opacity: 0.2">
+          </polygon>
+          <polygon points="336.47 386.34 259.29 341.79 182.11 386.34 259.29 430.9 336.47 386.34"
+            style="fill: currentcolor"></polygon>
+          <polygon points="336.47 386.34 259.29 341.79 182.11 386.34 259.29 430.9 336.47 386.34" style="opacity: 0.15">
+          </polygon>
+          <polygon points="259.29 430.9 259.29 426.21 190.23 386.34 182.11 386.34 259.29 430.9" style="opacity: 0.1">
+          </polygon>
+          <polygon points="259.29 341.79 259.29 346.48 328.35 386.34 336.47 386.34 259.29 341.79" style="opacity: 0.1">
+          </polygon>
+          <polygon points="336.47 386.34 328.35 386.34 259.29 426.21 259.29 430.9 336.47 386.34"
+            style="fill: currentcolor"></polygon>
+          <polygon points="259.29 341.79 259.29 346.48 190.23 386.34 182.11 386.34 259.29 341.79"
+            style="fill: currentcolor"></polygon>
+          <path
+            d="M259.57,367l33.16,19.14c2.48,1.44,2.48,3.76,0,5.19L268,405.65a9.89,9.89,0,0,1-9,0l-33.16-19.14c-2.48-1.44-2.48-3.76,0-5.19L250.58,367A9.89,9.89,0,0,1,259.57,367Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M268,405.65l23.91-13.81-32.34-18.67a10,10,0,0,0-9,0L226.66,387,259,405.65A9.89,9.89,0,0,0,268,405.65Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M239.54,386.37,254.05,378a1.94,1.94,0,0,1,1.74,0l1.78,1c.48.27.48.72,0,1l-14.51,8.37a1.92,1.92,0,0,1-1.73,0l-1.78-1A.53.53,0,0,1,239.54,386.37Z"
+            style="fill: #263238"></path>
+          <path
+            d="M261.21,398.9l14.51-8.37a1.92,1.92,0,0,1,1.73,0l1.79,1c.48.27.48.72,0,1l-14.51,8.37a1.92,1.92,0,0,1-1.73,0l-1.78-1A.53.53,0,0,1,261.21,398.9Z"
+            style="fill: #263238"></path>
+          <path
+            d="M225.76,418.77a9.64,9.64,0,0,0-4.38-7.57,3.05,3.05,0,0,0-3.09-.3L216.4,412a3.06,3.06,0,0,0-1.28,2.82,9.69,9.69,0,0,0,4.37,7.58,3.07,3.07,0,0,0,3.1.3l1.88-1.13A3.08,3.08,0,0,0,225.76,418.77Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M219.49,412.33a9.64,9.64,0,0,1,4.38,7.57c0,2.79-2,3.92-4.38,2.53a9.69,9.69,0,0,1-4.37-7.58C215.12,412.07,217.08,410.94,219.49,412.33Z"
+            style="opacity: 0.1"></path>
+        </g>
+        <g id="freepik--Cable--inject-37">
+          <path
+            d="M168.76,444.27a28.55,28.55,0,0,1-14-3.39l-51.2-29.56c-4.11-2.38-6.38-5.66-6.38-9.24s2.27-6.85,6.38-9.23l59.32-34.25c6.5-3.75,12-13.26,12-20.77V150.1a2,2,0,0,1,4,0V337.83c0,9.06-6.14,19.71-14,24.24l-59.32,34.25c-2.82,1.63-4.38,3.67-4.38,5.76s1.56,4.14,4.38,5.77l51.2,29.56c6.61,3.82,17.37,3.82,24,0l37.75-21.78a2,2,0,1,1,2,3.46l-37.75,21.79A28.5,28.5,0,0,1,168.76,444.27Z"
+            style="fill: #37474f"></path>
+        </g>
+        <g id="freepik--exclamation-marks--inject-37">
+          <path
+            d="M78.92,78.31a1,1,0,0,1,.16-.79,1,1,0,0,1,.68-.45l4.86-.94a1,1,0,0,1,.8.16,1.09,1.09,0,0,1,.45.68l.75,3.9a1,1,0,0,1-.17.79,1,1,0,0,1-.67.46l-4.87.93a1,1,0,0,1-.79-.16,1,1,0,0,1-.45-.68ZM74.86,57.25A1.06,1.06,0,0,1,75.7,56l4.87-.94a1,1,0,0,1,.79.17,1,1,0,0,1,.45.67L85,72.57a1,1,0,0,1-.17.79,1,1,0,0,1-.67.45l-4.87.94a1,1,0,0,1-.79-.17,1,1,0,0,1-.45-.67Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M70.8,94.63a1.06,1.06,0,0,1,.08-1.5l3.69-3.31a1,1,0,0,1,.77-.26,1,1,0,0,1,.73.34l2.65,3a1.06,1.06,0,0,1-.08,1.5L75,97.67a1,1,0,0,1-.77.26,1,1,0,0,1-.73-.34Zm-14.31-16a1.07,1.07,0,0,1-.27-.77,1,1,0,0,1,.35-.73l3.69-3.31a1,1,0,0,1,.77-.27,1,1,0,0,1,.73.35L73.08,86.56a1,1,0,0,1,.26.77,1,1,0,0,1-.34.73l-3.7,3.31a1,1,0,0,1-.76.26,1,1,0,0,1-.74-.34Z"
+            style="fill: currentcolor"></path>
+          <g style="opacity: 0.6">
+            <path
+              d="M70.8,94.63a1.06,1.06,0,0,1,.08-1.5l3.69-3.31a1,1,0,0,1,.77-.26,1,1,0,0,1,.73.34l2.65,3a1.06,1.06,0,0,1-.08,1.5L75,97.67a1,1,0,0,1-.77.26,1,1,0,0,1-.73-.34Zm-14.31-16a1.07,1.07,0,0,1-.27-.77,1,1,0,0,1,.35-.73l3.69-3.31a1,1,0,0,1,.77-.27,1,1,0,0,1,.73.35L73.08,86.56a1,1,0,0,1,.26.77,1,1,0,0,1-.34.73l-3.7,3.31a1,1,0,0,1-.76.26,1,1,0,0,1-.74-.34Z"
+              style="fill: #fff"></path>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="freepik--error-404--inject-37">
+      <g id="freepik--Text--inject-37">
+        <path
+          d="M166,48a7.12,7.12,0,0,1,4.77,1.45,5.24,5.24,0,0,1,1.7,4.23,5.34,5.34,0,0,1-1.7,4.26A7.07,7.07,0,0,1,166,59.44H162v5.65a.66.66,0,0,1-.2.49.67.67,0,0,1-.48.2h-2.05a.68.68,0,0,1-.69-.69V48.71a.68.68,0,0,1,.69-.68ZM162,56.27h3.93a4.11,4.11,0,0,0,2.31-.57,2.19,2.19,0,0,0,.86-2,2.14,2.14,0,0,0-.86-2,4.29,4.29,0,0,0-2.31-.54H162Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M174.76,55.84a3.58,3.58,0,0,1,.47-1.14,4.24,4.24,0,0,1,1-1.14,5.61,5.61,0,0,1,1.65-.88,6.82,6.82,0,0,1,2.27-.34,7.36,7.36,0,0,1,2.33.34,5.13,5.13,0,0,1,1.79,1,4.38,4.38,0,0,1,1.15,1.66,6.13,6.13,0,0,1,.41,2.3v7.45a.67.67,0,0,1-.21.49.66.66,0,0,1-.48.2h-1.92a.68.68,0,0,1-.69-.69v-.83A4.13,4.13,0,0,1,181,65.51a5.48,5.48,0,0,1-2.55.52,6.15,6.15,0,0,1-2-.29,4,4,0,0,1-1.45-.82,3.74,3.74,0,0,1-.9-1.26,3.91,3.91,0,0,1-.31-1.58,3.3,3.3,0,0,1,1.24-2.74A7.21,7.21,0,0,1,178.44,58l4.13-.71a1.62,1.62,0,0,0-.68-1.47,3.22,3.22,0,0,0-1.7-.43,2.24,2.24,0,0,0-1,.18,2.81,2.81,0,0,0-.68.48,1.6,1.6,0,0,1-.42.28,1.16,1.16,0,0,1-.42.08h-2.36a.6.6,0,0,1-.43-.16A.39.39,0,0,1,174.76,55.84ZM179,63a4.55,4.55,0,0,0,1.53-.24,3.46,3.46,0,0,0,1.13-.65,2.68,2.68,0,0,0,.68-.91,2.42,2.42,0,0,0,.23-1V59.9l-3.45.6a3.67,3.67,0,0,0-1.49.52,1.09,1.09,0,0,0-.46.93.83.83,0,0,0,.55.79A3.14,3.14,0,0,0,179,63Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M195,68.31a3.89,3.89,0,0,0,1.09-.16,2.94,2.94,0,0,0,1-.52,3,3,0,0,0,.75-.9,2.75,2.75,0,0,0,.29-1.28v-.94a4.37,4.37,0,0,1-.53.49,4.06,4.06,0,0,1-.8.5,5.54,5.54,0,0,1-1.09.38,6.1,6.1,0,0,1-1.41.15,5.2,5.2,0,0,1-2.29-.49,5.36,5.36,0,0,1-1.75-1.32,6.17,6.17,0,0,1-1.14-1.9,6.9,6.9,0,0,1-.47-2.25c0-.25,0-.55,0-.88s0-.64,0-.89a6.9,6.9,0,0,1,.47-2.25,6.29,6.29,0,0,1,1.14-1.9A5.36,5.36,0,0,1,192,52.83a5.2,5.2,0,0,1,2.29-.49,6.1,6.1,0,0,1,1.41.15,5.54,5.54,0,0,1,1.09.38,4.06,4.06,0,0,1,.8.5,4.37,4.37,0,0,1,.53.49v-.58a.7.7,0,0,1,.68-.69h1.93a.72.72,0,0,1,.69.69V65.17a6,6,0,0,1-1.72,4.63A6.74,6.74,0,0,1,195,71.36a8,8,0,0,1-2.4-.35,6.51,6.51,0,0,1-1.91-.91,4.84,4.84,0,0,1-1.3-1.29,3,3,0,0,1-.53-1.49.57.57,0,0,1,.19-.48.71.71,0,0,1,.49-.2h1.73a.85.85,0,0,1,.61.24c.17.16.31.31.43.44a2.39,2.39,0,0,0,.9.71A4.21,4.21,0,0,0,195,68.31ZM192,58.48a6.74,6.74,0,0,0,0,1.42,3.37,3.37,0,0,0,1,2.37,3.15,3.15,0,0,0,2.1.72,3.07,3.07,0,0,0,2.09-.74,3,3,0,0,0,1-2.1,8.31,8.31,0,0,0,.05-1,8.5,8.5,0,0,0-.05-1,3,3,0,0,0-3.07-2.84,3.15,3.15,0,0,0-2.1.72A3.37,3.37,0,0,0,192,58.48Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M204.27,59.19a8.14,8.14,0,0,1,.44-2.68A6.32,6.32,0,0,1,206,54.33a5.82,5.82,0,0,1,2-1.46,6.58,6.58,0,0,1,5.15,0,6.06,6.06,0,0,1,2,1.39,6.35,6.35,0,0,1,1.26,2.06,7.06,7.06,0,0,1,.44,2.47v1.14a.62.62,0,0,1-.2.48.64.64,0,0,1-.48.21h-8.47a2.11,2.11,0,0,0,.24,1,2.24,2.24,0,0,0,.65.75,2.84,2.84,0,0,0,.94.46,3.93,3.93,0,0,0,1.09.15,4.25,4.25,0,0,0,1.31-.17,3,3,0,0,0,.84-.41,2.34,2.34,0,0,1,.46-.28,1.26,1.26,0,0,1,.48-.08h2a.71.71,0,0,1,.49.2.55.55,0,0,1,.19.49,2.19,2.19,0,0,1-.39.91,4.55,4.55,0,0,1-1.1,1.09,7.19,7.19,0,0,1-1.82.91,7.53,7.53,0,0,1-2.49.38,6.49,6.49,0,0,1-2.58-.49,5.44,5.44,0,0,1-2-1.41A6.19,6.19,0,0,1,204.71,62,8.38,8.38,0,0,1,204.27,59.19Zm6.22-3.81a3.19,3.19,0,0,0-1.26.22,2.56,2.56,0,0,0-.87.56,2.38,2.38,0,0,0-.55.76,2.59,2.59,0,0,0-.24.8h5.73a4.2,4.2,0,0,0-.19-.8,2,2,0,0,0-.46-.76,2.29,2.29,0,0,0-.83-.56A3.39,3.39,0,0,0,210.49,55.38Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M237.64,65.09a.68.68,0,0,1-.68.69H235a.66.66,0,0,1-.48-.2.67.67,0,0,1-.21-.49V58.65a3.82,3.82,0,0,0-.71-2.43,2.58,2.58,0,0,0-2.18-.91,2.61,2.61,0,0,0-2.11.91,3.62,3.62,0,0,0-.78,2.43v6.44a.66.66,0,0,1-.2.49.67.67,0,0,1-.48.2H226a.67.67,0,0,1-.48-.2.66.66,0,0,1-.2-.49V53.28a.62.62,0,0,1,.2-.48.64.64,0,0,1,.48-.21h1.93a.64.64,0,0,1,.48.21.62.62,0,0,1,.2.48v.58a5.77,5.77,0,0,1,1.55-1.09,4.71,4.71,0,0,1,2.1-.43,6.14,6.14,0,0,1,2.59.48,4.44,4.44,0,0,1,1.67,1.29,4.87,4.87,0,0,1,.9,1.89,9.35,9.35,0,0,1,.27,2.27Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M246.82,52.34a6.94,6.94,0,0,1,2.52.43A6.19,6.19,0,0,1,251.29,54a5.94,5.94,0,0,1,1.32,1.78,5.72,5.72,0,0,1,.57,2.18,4.51,4.51,0,0,1,0,.58v1.41a4.45,4.45,0,0,1,0,.57,6.4,6.4,0,0,1-.58,2.18,5.55,5.55,0,0,1-1.31,1.76,6.16,6.16,0,0,1-1.95,1.18,7.6,7.6,0,0,1-5,0,6.1,6.1,0,0,1-2-1.18,5.52,5.52,0,0,1-1.3-1.76,6.41,6.41,0,0,1-.59-2.18q0-.23,0-.57c0-.23,0-.46,0-.7s0-.47,0-.71,0-.43,0-.58a6.11,6.11,0,0,1,.57-2.18A5.94,5.94,0,0,1,242.34,54a6.13,6.13,0,0,1,2-1.19A6.94,6.94,0,0,1,246.82,52.34Zm3.07,5.7a3.38,3.38,0,0,0-.37-1.3,2.52,2.52,0,0,0-.72-.82,2.41,2.41,0,0,0-.94-.42,4.55,4.55,0,0,0-1-.12,4.48,4.48,0,0,0-1,.12,2.41,2.41,0,0,0-.94.42,2.31,2.31,0,0,0-.72.82,3.21,3.21,0,0,0-.37,1.3c0,.14,0,.31,0,.51s0,.42,0,.64,0,.43,0,.64a4.81,4.81,0,0,0,0,.5,3.17,3.17,0,0,0,.37,1.3,2.44,2.44,0,0,0,.72.83,2.74,2.74,0,0,0,.94.42,5.1,5.1,0,0,0,1,.11,5.17,5.17,0,0,0,1-.11,2.74,2.74,0,0,0,.94-.42,2.67,2.67,0,0,0,.72-.83,3.33,3.33,0,0,0,.37-1.3c0-.12,0-.29,0-.5V58.55C249.91,58.35,249.9,58.18,249.89,58Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M260.38,61a1.83,1.83,0,0,0,.42,1.26,2.06,2.06,0,0,0,1.56.47h1.55a.65.65,0,0,1,.48.2.66.66,0,0,1,.2.48v1.67a.68.68,0,0,1-.68.69H262a5.27,5.27,0,0,1-3.66-1.16,4.47,4.47,0,0,1-1.28-3.53V55.64h-1.68a.7.7,0,0,1-.68-.69V53.28a.7.7,0,0,1,.68-.69h1.68V48.46a.68.68,0,0,1,.68-.68h1.93a.65.65,0,0,1,.48.2.66.66,0,0,1,.2.48v4.13h3.27a.72.72,0,0,1,.69.69V55a.72.72,0,0,1-.69.69h-3.27Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M277,52.59h3.52a.67.67,0,0,1,.49.21.66.66,0,0,1,.2.48V55a.66.66,0,0,1-.2.48.67.67,0,0,1-.49.21H277v9.45a.68.68,0,0,1-.68.69h-1.93a.66.66,0,0,1-.48-.2.67.67,0,0,1-.21-.49V55.64H272a.63.63,0,0,1-.48-.21.62.62,0,0,1-.2-.48V53.28a.62.62,0,0,1,.2-.48.63.63,0,0,1,.48-.21h1.67V51.45a5.24,5.24,0,0,1,.36-2.06,3.41,3.41,0,0,1,1-1.39,4.2,4.2,0,0,1,1.59-.76,8.68,8.68,0,0,1,2.06-.22h2.06a.65.65,0,0,1,.48.2.66.66,0,0,1,.2.48v1.67a.68.68,0,0,1-.68.69H279a2.58,2.58,0,0,0-1.47.34,1.47,1.47,0,0,0-.51,1.31Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M289,52.34a6.94,6.94,0,0,1,2.52.43A6.19,6.19,0,0,1,293.43,54a5.94,5.94,0,0,1,1.32,1.78,5.72,5.72,0,0,1,.57,2.18,4.51,4.51,0,0,1,0,.58v1.41a4.45,4.45,0,0,1,0,.57,6.4,6.4,0,0,1-.58,2.18,5.55,5.55,0,0,1-1.31,1.76,6.16,6.16,0,0,1-1.95,1.18A6.94,6.94,0,0,1,289,66a7,7,0,0,1-2.53-.43,6.16,6.16,0,0,1-1.95-1.18,5.52,5.52,0,0,1-1.3-1.76,6.19,6.19,0,0,1-.59-2.18c0-.15,0-.34,0-.57s0-.46,0-.7,0-.47,0-.71,0-.43,0-.58a5.72,5.72,0,0,1,.57-2.18A5.94,5.94,0,0,1,284.48,54a6.19,6.19,0,0,1,1.95-1.19A7,7,0,0,1,289,52.34ZM292,58a3.38,3.38,0,0,0-.36-1.3,2.43,2.43,0,0,0-.73-.82,2.37,2.37,0,0,0-.93-.42,4.55,4.55,0,0,0-1-.12,4.42,4.42,0,0,0-1,.12,2.41,2.41,0,0,0-.94.42,2.31,2.31,0,0,0-.72.82,3.21,3.21,0,0,0-.37,1.3c0,.14,0,.31,0,.51s0,.42,0,.64,0,.43,0,.64a4.81,4.81,0,0,0,0,.5,3.17,3.17,0,0,0,.37,1.3,2.44,2.44,0,0,0,.72.83,2.74,2.74,0,0,0,.94.42,5,5,0,0,0,1,.11,5.17,5.17,0,0,0,1-.11,2.7,2.7,0,0,0,.93-.42,2.57,2.57,0,0,0,.73-.83,3.33,3.33,0,0,0,.36-1.3,3.25,3.25,0,0,0,0-.5V58.55A3.68,3.68,0,0,0,292,58Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M298.11,53.28a.7.7,0,0,1,.68-.69h1.93a.72.72,0,0,1,.69.69v6.44a4.14,4.14,0,0,0,.64,2.43,2.42,2.42,0,0,0,2.12.92,2.44,2.44,0,0,0,2.05-.92,3.82,3.82,0,0,0,.71-2.43V53.28a.72.72,0,0,1,.69-.69h1.92a.67.67,0,0,1,.49.21.66.66,0,0,1,.2.48V65.09a.68.68,0,0,1-.69.69h-1.92a.66.66,0,0,1-.48-.2.67.67,0,0,1-.21-.49v-.58a6.22,6.22,0,0,1-1.44,1,4.23,4.23,0,0,1-2.08.47,6,6,0,0,1-2.56-.48,4.19,4.19,0,0,1-1.62-1.29,5,5,0,0,1-.87-1.89,9.87,9.87,0,0,1-.25-2.27Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M326.1,65.09a.68.68,0,0,1-.68.69h-1.93a.66.66,0,0,1-.48-.2.67.67,0,0,1-.21-.49V58.65a3.82,3.82,0,0,0-.71-2.43,2.58,2.58,0,0,0-2.18-.91,2.61,2.61,0,0,0-2.11.91,3.62,3.62,0,0,0-.78,2.43v6.44a.66.66,0,0,1-.2.49.67.67,0,0,1-.48.2h-1.93a.67.67,0,0,1-.48-.2.66.66,0,0,1-.2-.49V53.28a.62.62,0,0,1,.2-.48.64.64,0,0,1,.48-.21h1.93a.64.64,0,0,1,.48.21.62.62,0,0,1,.2.48v.58a5.77,5.77,0,0,1,1.55-1.09,4.71,4.71,0,0,1,2.1-.43,6.14,6.14,0,0,1,2.59.48,4.44,4.44,0,0,1,1.67,1.29,4.87,4.87,0,0,1,.9,1.89,9.35,9.35,0,0,1,.27,2.27Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M334.54,52.34a6,6,0,0,1,1.41.15,5.54,5.54,0,0,1,1.09.38,4.06,4.06,0,0,1,.8.5,3.73,3.73,0,0,1,.53.49v-5.4a.68.68,0,0,1,.69-.68H341a.62.62,0,0,1,.48.2.63.63,0,0,1,.21.48V65.09a.67.67,0,0,1-.21.49.66.66,0,0,1-.48.2h-1.92a.68.68,0,0,1-.69-.69v-.58a3.73,3.73,0,0,1-.53.49,4.06,4.06,0,0,1-.8.5,5.54,5.54,0,0,1-1.09.38,6,6,0,0,1-1.41.15,5.2,5.2,0,0,1-2.29-.49,5.36,5.36,0,0,1-1.75-1.32,6.37,6.37,0,0,1-1.14-1.9,6.9,6.9,0,0,1-.47-2.25c0-.25,0-.55,0-.88s0-.64,0-.89a6.9,6.9,0,0,1,.47-2.25,6.49,6.49,0,0,1,1.14-1.9,5.36,5.36,0,0,1,1.75-1.32A5.2,5.2,0,0,1,334.54,52.34Zm-2.36,6.14a6.74,6.74,0,0,0,0,1.42,3.41,3.41,0,0,0,1,2.37,3.17,3.17,0,0,0,2.1.72,3.11,3.11,0,0,0,2.1-.74,3,3,0,0,0,1-2.1,8.31,8.31,0,0,0,.05-1,8.5,8.5,0,0,0-.05-1,3,3,0,0,0-3.07-2.84,3.17,3.17,0,0,0-2.1.72A3.41,3.41,0,0,0,332.18,58.48Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M196.44,90.76a.59.59,0,0,1,.44.19.6.6,0,0,1,.18.44v2.46a.6.6,0,0,1-.18.44.59.59,0,0,1-.44.19h-11a.58.58,0,0,1-.44-.19.61.61,0,0,1-.19-.44v-15a.61.61,0,0,1,.19-.44.58.58,0,0,1,.44-.19h10.83a.65.65,0,0,1,.63.63V81.3a.61.61,0,0,1-.19.45.6.6,0,0,1-.44.18h-7.16v2.51h6.65a.58.58,0,0,1,.44.19.61.61,0,0,1,.19.44v2.46a.61.61,0,0,1-.19.44.58.58,0,0,1-.44.19h-6.65v2.6Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M206.66,78.21a10.39,10.39,0,0,1,2.74.33,6,6,0,0,1,2.06,1,4.3,4.3,0,0,1,1.3,1.67,5.73,5.73,0,0,1,.45,2.35,5.37,5.37,0,0,1-.72,2.9,4.61,4.61,0,0,1-2,1.75l2.88,5.53a.56.56,0,0,1,.07.26.51.51,0,0,1-.51.51h-3.16a.87.87,0,0,1-.66-.21,2,2,0,0,1-.32-.42l-2.58-5H204v5a.6.6,0,0,1-.18.44.59.59,0,0,1-.44.19h-3a.59.59,0,0,1-.44-.19.6.6,0,0,1-.18-.44v-15a.6.6,0,0,1,.18-.44.59.59,0,0,1,.44-.19Zm-2.63,7h2.63a3.18,3.18,0,0,0,1.62-.37,1.43,1.43,0,0,0,.63-1.35,1.41,1.41,0,0,0-.63-1.34,3.18,3.18,0,0,0-1.62-.37H204Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M222.81,78.21a10.39,10.39,0,0,1,2.74.33,6,6,0,0,1,2.06,1,4.21,4.21,0,0,1,1.3,1.67,5.73,5.73,0,0,1,.45,2.35,5.37,5.37,0,0,1-.72,2.9,4.61,4.61,0,0,1-2,1.75l2.88,5.53a.56.56,0,0,1,.07.26.51.51,0,0,1-.51.51h-3.16a.87.87,0,0,1-.66-.21,2,2,0,0,1-.32-.42l-2.58-5h-2.13v5a.61.61,0,0,1-.19.44.59.59,0,0,1-.44.19h-3.05a.59.59,0,0,1-.44-.19.6.6,0,0,1-.18-.44v-15a.6.6,0,0,1,.18-.44.59.59,0,0,1,.44-.19Zm-2.62,7h2.62a3.18,3.18,0,0,0,1.62-.37,1.43,1.43,0,0,0,.63-1.35,1.41,1.41,0,0,0-.63-1.34,3.18,3.18,0,0,0-1.62-.37h-2.62Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M231.5,84.28a7.14,7.14,0,0,1,.57-2.45,5.8,5.8,0,0,1,1.42-2,6.62,6.62,0,0,1,2.23-1.35,9.4,9.4,0,0,1,6.05,0A6.72,6.72,0,0,1,244,79.83a5.77,5.77,0,0,1,1.41,2,6.71,6.71,0,0,1,.57,2.45c0,.66.05,1.36.05,2.09s0,1.41-.05,2a6.81,6.81,0,0,1-.57,2.46,6.1,6.1,0,0,1-1.41,2,6.54,6.54,0,0,1-2.25,1.34,9.58,9.58,0,0,1-6.05,0,6.45,6.45,0,0,1-2.23-1.34,6.13,6.13,0,0,1-1.42-2,7.25,7.25,0,0,1-.57-2.46c0-.63,0-1.31,0-2S231.47,84.94,231.5,84.28Zm10.2,4c0-.28,0-.59.05-.93s0-.69,0-1.05,0-.7,0-1,0-.63-.05-.9a3.57,3.57,0,0,0-.24-1.06,2.47,2.47,0,0,0-.56-.85,2.62,2.62,0,0,0-.89-.57,3.47,3.47,0,0,0-1.26-.21,3.37,3.37,0,0,0-1.25.21,2.57,2.57,0,0,0-.9.57,2.62,2.62,0,0,0-.56.85,3.57,3.57,0,0,0-.24,1.06q0,.4-.06.9c0,.33,0,.68,0,1s0,.71,0,1.05,0,.65.06.93a3.13,3.13,0,0,0,.8,1.93,2.79,2.79,0,0,0,2.15.76,2.75,2.75,0,0,0,2.14-.76A3.26,3.26,0,0,0,241.7,88.3Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M255.65,78.21a10.45,10.45,0,0,1,2.74.33,5.91,5.91,0,0,1,2.05,1,4.32,4.32,0,0,1,1.31,1.67,5.73,5.73,0,0,1,.45,2.35,5.37,5.37,0,0,1-.72,2.9,4.58,4.58,0,0,1-2.05,1.75l2.88,5.53a.59.59,0,0,1,.08.26.5.5,0,0,1-.16.36.49.49,0,0,1-.36.15h-3.16a.87.87,0,0,1-.66-.21,1.89,1.89,0,0,1-.31-.42l-2.58-5H253v5a.65.65,0,0,1-.63.63h-3a.65.65,0,0,1-.63-.63v-15a.65.65,0,0,1,.63-.63Zm-2.63,7h2.63a3.14,3.14,0,0,0,1.61-.37,1.41,1.41,0,0,0,.64-1.35,1.4,1.4,0,0,0-.64-1.34,3.14,3.14,0,0,0-1.61-.37H253Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M277.47,94.48a.61.61,0,0,1-.45-.19.6.6,0,0,1-.18-.44V91.48h-7.32a.6.6,0,0,1-.44-.18.61.61,0,0,1-.19-.45V88.39a1.63,1.63,0,0,1,.3-1l6.95-8.76a1.38,1.38,0,0,1,.38-.34,1.26,1.26,0,0,1,.48-.08h3.51a.58.58,0,0,1,.44.19.61.61,0,0,1,.19.44v8.92h2a.63.63,0,0,1,.44.19.6.6,0,0,1,.18.44v2.46a.64.64,0,0,1-.18.45.62.62,0,0,1-.44.18h-2v2.37a.61.61,0,0,1-.19.44.58.58,0,0,1-.44.19ZM277,87.76V83.49l-3.39,4.27Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M292.5,78a8,8,0,0,1,3,.51,6,6,0,0,1,2.08,1.37,5.62,5.62,0,0,1,1.23,2,8.82,8.82,0,0,1,.48,2.41c0,.66,0,1.36,0,2.09s0,1.41,0,2a8.82,8.82,0,0,1-.48,2.41,5.46,5.46,0,0,1-1.23,2,6,6,0,0,1-2.08,1.37,9.08,9.08,0,0,1-6,0,6,6,0,0,1-2.08-1.37,5.46,5.46,0,0,1-1.23-2,8.82,8.82,0,0,1-.48-2.41c0-.63,0-1.31,0-2s0-1.43,0-2.09a8.82,8.82,0,0,1,.48-2.41,5.62,5.62,0,0,1,1.23-2,6,6,0,0,1,2.08-1.37A8,8,0,0,1,292.5,78ZM295,88.3c.06-1.32.06-2.62,0-3.91a5.58,5.58,0,0,0-.18-1.06,2.31,2.31,0,0,0-.4-.85,2,2,0,0,0-.75-.57,2.8,2.8,0,0,0-1.16-.21,2.83,2.83,0,0,0-1.16.21,2,2,0,0,0-.75.57,2.49,2.49,0,0,0-.41.85,4.35,4.35,0,0,0-.17,1.06,36.43,36.43,0,0,0,0,3.91,5.75,5.75,0,0,0,.15,1.07,2.42,2.42,0,0,0,.42.85,2,2,0,0,0,.76.56,2.83,2.83,0,0,0,1.16.21,2.8,2.8,0,0,0,1.16-.21,2,2,0,0,0,.76-.56,2.42,2.42,0,0,0,.42-.85A5.75,5.75,0,0,0,295,88.3Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M309.79,94.48a.65.65,0,0,1-.63-.63V91.48h-7.32a.6.6,0,0,1-.44-.18.65.65,0,0,1-.19-.45V88.39a1.57,1.57,0,0,1,.31-1l6.94-8.76a1.27,1.27,0,0,1,.39-.34,1.17,1.17,0,0,1,.47-.08h3.51a.65.65,0,0,1,.63.63v8.92h2a.65.65,0,0,1,.63.63v2.46a.65.65,0,0,1-.19.45.6.6,0,0,1-.44.18h-2v2.37a.65.65,0,0,1-.63.63Zm-.51-6.72V83.49l-3.39,4.27Z"
+          style="fill: currentcolor"></path>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/icons/Icon500.vue b/frontend-pc/src/components/icons/Icon500.vue
new file mode 100644
index 0000000..91b82a2
--- /dev/null
+++ b/frontend-pc/src/components/icons/Icon500.vue
@@ -0,0 +1,967 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+    <g id="freepik--Floor--inject-87">
+      <ellipse id="freepik--floor--inject-87" cx="250" cy="378.78" rx="230.68" ry="112.11" style="fill: #f5f5f5">
+      </ellipse>
+    </g>
+    <g id="freepik--Shadows--inject-87">
+      <path id="freepik--Shadow--inject-87"
+        d="M152.14,433.48a2,2,0,0,1-2-1.63l-.45-2.42a24.58,24.58,0,0,1-3.07-.75h-.07l-4.26,2a2.47,2.47,0,0,1-1,.21,2.42,2.42,0,0,1-1.21-.31l-4.24-2.45a1.68,1.68,0,0,1-.15-2.88l2.57-1.84a9.54,9.54,0,0,1-.64-1l-5.41-.34a1.94,1.94,0,0,1-1.81-1.93V417a1.94,1.94,0,0,1,1.82-1.93l5.4-.34a9.54,9.54,0,0,1,.64-1l-2.57-1.84a1.74,1.74,0,0,1-.74-1.48,1.71,1.71,0,0,1,.89-1.4l4.24-2.45a2.42,2.42,0,0,1,1.21-.31,2.31,2.31,0,0,1,1,.21l4.26,2h.05s0,0,0,0a26.67,26.67,0,0,1,3.11-.77l.45-2.41a2.05,2.05,0,0,1,2-1.64h6.24a2,2,0,0,1,2,1.64l.46,2.41a26.48,26.48,0,0,1,3.07.76H164l4.26-2a2.31,2.31,0,0,1,1-.21,2.42,2.42,0,0,1,1.21.31l4.24,2.45a1.71,1.71,0,0,1,.89,1.4,1.76,1.76,0,0,1-.74,1.48l-2.57,1.84a9.54,9.54,0,0,1,.64,1l5.4.34a1.94,1.94,0,0,1,1.82,1.93v3.16a1.94,1.94,0,0,1-1.82,1.93l-5.4.34a9.54,9.54,0,0,1-.64,1l2.57,1.84a1.76,1.76,0,0,1,.74,1.48,1.72,1.72,0,0,1-.89,1.4l-4.24,2.45a2.42,2.42,0,0,1-1.21.31h0a2.47,2.47,0,0,1-1-.21l-4.26-2h0s0,0,0,0a26,26,0,0,1-3.1.76l-.46,2.42a2,2,0,0,1-2,1.63Zm3.12-19.39a13.16,13.16,0,0,0-6.48,1.53c-1.45.84-2.28,1.91-2.28,2.95s.83,2.11,2.28,2.95a14.49,14.49,0,0,0,13,0c1.45-.84,2.28-1.91,2.28-2.95s-.83-2.11-2.28-2.95A13.16,13.16,0,0,0,155.26,414.09Z"
+        style="fill: #e6e6e6"></path>
+      <path id="freepik--shadow--inject-87"
+        d="M200.64,405.59a2.25,2.25,0,0,1-1.6-.7l-1.69-1.77-1.25,0c-.42,0-.83,0-1.24,0l-1.8,1.89a2,2,0,0,1-1.46.58,2.5,2.5,0,0,1-.54-.07l-4.2-1a1.84,1.84,0,0,1-1.24-1,1.6,1.6,0,0,1,0-1.37l.67-1.32c-.36-.2-.7-.41-1-.63l-4,.66a1.39,1.39,0,0,1-.3,0,2.14,2.14,0,0,1-1.69-.89l-1.59-2.21a1.84,1.84,0,0,1-.35-1,1.62,1.62,0,0,1,1.14-1.57l3.06-1a.66.66,0,0,1,0-.14l-2.95-.94a1.71,1.71,0,0,1-1.26-1.5v-.11a1.53,1.53,0,0,1,.3-.92l1.73-2.42a2,2,0,0,1,1.63-.77,2,2,0,0,1,.35,0l3.91.66c.28-.19.59-.38.91-.56l.12-.07-.62-1.23a1.62,1.62,0,0,1-.19-.69l0-.21,0-.11a1.65,1.65,0,0,1,1.25-1.41l4.39-1a1.49,1.49,0,0,1,.43-.05,2.22,2.22,0,0,1,1.59.7l1.7,1.77c.42,0,.85,0,1.27,0s.81,0,1.21,0l1.8-1.89a2,2,0,0,1,1.46-.58,1.88,1.88,0,0,1,.53.07l4.21,1a1.71,1.71,0,0,1,1.38,1.63,1.41,1.41,0,0,1-.15.69l-.68,1.35.14.08a10.26,10.26,0,0,1,.88.55l4-.66a1.36,1.36,0,0,1,.29,0,2.17,2.17,0,0,1,1.7.88l1.59,2.22a1.73,1.73,0,0,1,.35,1v.18l0,.12a1.62,1.62,0,0,1-1.1,1.3l-3.08,1v.14l3,.93a1.72,1.72,0,0,1,1,2.53c-.51.79-1.1,1.53-1.64,2.29l-.09.13a2,2,0,0,1-1.63.77l-.36,0-3.9-.65c-.33.22-.67.43-1,.63l.62,1.23a1.67,1.67,0,0,1,0,1.51,1.63,1.63,0,0,1-1.13.91l-4.36,1.05A2.06,2.06,0,0,1,200.64,405.59ZM190,395a3.29,3.29,0,0,0,.83.84,4.32,4.32,0,0,0,.5.33,7.8,7.8,0,0,0,2.12.81,11.25,11.25,0,0,0,2.62.3,9.87,9.87,0,0,0,4.73-1.1,5.65,5.65,0,0,0,.51-.33,3.16,3.16,0,0,0,.76-.74,1.35,1.35,0,0,0,.13-1.6l-.08-.12-.1-.15-.11-.13,0,0,0,0,0,0a6.51,6.51,0,0,0-3.11-1.56,11.32,11.32,0,0,0-2.62-.3c-2.62,0-5.09.89-6,2.17a1.37,1.37,0,0,0-.23,1.38l0,.11.11.19Z"
+        style="fill: #e6e6e6"></path>
+      <path id="freepik--shadow--inject-87"
+        d="M257.82,424.33l35.88-20.72a1.17,1.17,0,0,0,0-2.22l-8.8-5.08a4.28,4.28,0,0,0-3.85,0L245.18,417a1.17,1.17,0,0,0,0,2.22l4.39,2.54-45,26c-1.06.61-.61.82-.12,1.11s.87.54,1.93-.07l45-26,2.59,1.5A4.28,4.28,0,0,0,257.82,424.33Z"
+        style="fill: #e6e6e6"></path>
+      <path id="freepik--shadow--inject-87"
+        d="M244.29,384.57a16.13,16.13,0,0,1-8-1.95c-.25-.15-.49-.3-.72-.46l-1.32-.93,11.29-1.66,1-2.13-3.05-1.79-10.76,1.58.35-1a7,7,0,0,1,3.31-3.56,16.27,16.27,0,0,1,7.9-1.88,18.75,18.75,0,0,1,3.62.35l36.81-21.25a4.43,4.43,0,0,1-.31-3,6.67,6.67,0,0,1,3.42-4,16.34,16.34,0,0,1,7.91-1.88,16.14,16.14,0,0,1,8,2c.26.15.49.3.72.46l1.33.93-11.29,1.65-1,2.14,3.05,1.78,10.76-1.57-.35,1a7,7,0,0,1-3.31,3.55,16.27,16.27,0,0,1-7.9,1.88,18.83,18.83,0,0,1-3.62-.34l-36.81,21.25a4.35,4.35,0,0,1,.31,3,6.64,6.64,0,0,1-3.42,3.95A16.17,16.17,0,0,1,244.29,384.57Z"
+        style="fill: #e6e6e6"></path>
+      <ellipse id="freepik--shadow--inject-87" cx="387.02" cy="400.95" rx="57.04" ry="32.93" style="fill: #e6e6e6">
+      </ellipse>
+      <polygon id="freepik--shadow--inject-87"
+        points="143.07 320.2 205.13 356.03 263.01 322.5 200.95 286.68 143.07 320.2" style="fill: #e6e6e6"></polygon>
+      <polygon id="freepik--shadow--inject-87" points="119.51 407 203.19 358.69 129.97 316.42 46.3 364.73 119.51 407"
+        style="fill: #e6e6e6"></polygon>
+    </g>
+    <g id="freepik--Gate--inject-87">
+      <g id="freepik--gate--inject-87">
+        <polygon
+          points="205.12 353.37 146.37 319.44 146.37 316.88 200.37 285.7 259.12 319.62 259.12 322.19 205.12 353.37"
+          style="fill: currentcolor"></polygon>
+        <polygon points="146.37 316.88 205.12 350.8 259.12 319.62 200.37 285.7 146.37 316.88"
+          style="fill: currentcolor"></polygon>
+        <polygon points="146.37 316.88 205.12 350.8 259.12 319.62 200.37 285.7 146.37 316.88" style="opacity: 0.15">
+        </polygon>
+        <path
+          d="M219.68,331a4.34,4.34,0,0,0,3.94,0,1.2,1.2,0,0,0,0-2.27,4.34,4.34,0,0,0-3.94,0A1.2,1.2,0,0,0,219.68,331Z"
+          style="fill: #37474f"></path>
+        <polygon points="205.12 350.8 205.12 353.37 146.37 319.44 146.37 316.88 205.12 350.8" style="opacity: 0.3">
+        </polygon>
+      </g>
+    </g>
+    <g id="freepik--Server--inject-87">
+      <g id="freepik--server--inject-87">
+        <path
+          d="M128.34,115.9l65.46,37.79a4.85,4.85,0,0,1,2.19,3.79V356.29a4.85,4.85,0,0,1-2.19,3.8L123,401a4.83,4.83,0,0,1-4.38,0L53.16,363.17A4.83,4.83,0,0,1,51,359.38V160.57a4.85,4.85,0,0,1,2.19-3.8L124,115.9A4.83,4.83,0,0,1,128.34,115.9Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M51,160.56V359.38a4.87,4.87,0,0,0,2.19,3.79L118.62,401a4.36,4.36,0,0,0,2.19.53V197.62a4.49,4.49,0,0,1-2.19-.53L53.16,159.3l-.6-.5-.78-.64A4.57,4.57,0,0,0,51,160.56Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M51,160.56V359.38a4.87,4.87,0,0,0,2.19,3.79L118.62,401a4.36,4.36,0,0,0,2.19.53V197.62a4.49,4.49,0,0,1-2.19-.53L53.16,159.3l-.6-.5-.78-.64A4.57,4.57,0,0,0,51,160.56Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M53.16,156.77,124,115.9a4.81,4.81,0,0,1,4.37,0l65.46,37.79a1.34,1.34,0,0,1,0,2.53L123,197.1a4.89,4.89,0,0,1-4.38,0L53.16,159.3A1.34,1.34,0,0,1,53.16,156.77Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M53.16,156.77,124,115.9a4.81,4.81,0,0,1,4.37,0l65.46,37.79a1.34,1.34,0,0,1,0,2.53L123,197.1a4.89,4.89,0,0,1-4.38,0L53.16,159.3A1.34,1.34,0,0,1,53.16,156.77Z"
+          style="opacity: 0.15"></path>
+        <polygon points="188.13 291.62 129.38 325.54 129.38 387.89 188.13 353.97 188.13 291.62" style="fill: #455a64">
+        </polygon>
+        <path
+          d="M159.26,336.16a.62.62,0,0,0-.61.06L134.75,350a1.79,1.79,0,0,0-.61.64l-1.6-.93a1.77,1.77,0,0,1,.6-.64l23.4-13.45a1.85,1.85,0,0,1,1.71,0Z"
+          style="fill: #263238"></path>
+        <path
+          d="M133.89,351.46v26.77c0,.55.39.77.86.5L158.65,365a1.9,1.9,0,0,0,.86-1.48V336.72c0-.55-.39-.77-.86-.5L134.75,350A1.89,1.89,0,0,0,133.89,351.46Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M134.12,378.78l-1-.57a1.89,1.89,0,0,1-.85-1.48v-26.2a1.7,1.7,0,0,1,.25-.85l1.6.93a1.81,1.81,0,0,0-.25.85v26.77A.65.65,0,0,0,134.12,378.78Z"
+          style="fill: #263238"></path>
+        <path
+          d="M135.8,376.32a.46.46,0,0,1-.2-.05.51.51,0,0,1-.22-.46V352a1.34,1.34,0,0,1,.61-1l21.31-12.25a.5.5,0,0,1,.51,0,.51.51,0,0,1,.22.46v23.79a1.32,1.32,0,0,1-.6,1.05l-21.31,12.25A.64.64,0,0,1,135.8,376.32Zm21.8-37.44a.41.41,0,0,0-.18.05L136.1,351.19a1.08,1.08,0,0,0-.48.83v23.79c0,.12,0,.21.09.24a.26.26,0,0,0,.26,0h0l21.31-12.25a1.08,1.08,0,0,0,.48-.83V339.14c0-.12,0-.21-.09-.24A.12.12,0,0,0,157.6,338.88Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M137.48,373.19a.21.21,0,0,1-.12,0,.26.26,0,0,1-.13-.25V352.72a.72.72,0,0,1,.29-.5l18.21-10.49a.28.28,0,0,1,.29,0,.29.29,0,0,1,.13.26l0,20.22a.64.64,0,0,1-.29.51l-18.19,10.45A.32.32,0,0,1,137.48,373.19Zm0-.24Zm18.4-31h0l-18.22,10.5a.5.5,0,0,0-.16.28V373l0,0,18.18-10.45a.39.39,0,0,0,.17-.29h0l0-20.22A.06.06,0,0,0,155.89,341.93Z"
+          style="fill: currentcolor"></path>
+        <path d="M138.71,346.89a.25.25,0,0,1-.24-.25v-5.7a.24.24,0,1,1,.48,0v5.7A.25.25,0,0,1,138.71,346.89Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M142.7,344.6a.24.24,0,0,1-.24-.24v-5.71a.24.24,0,0,1,.24-.24.24.24,0,0,1,.24.24v5.71A.24.24,0,0,1,142.7,344.6Z"
+          style="fill: currentcolor"></path>
+        <path d="M146.69,342.31a.24.24,0,0,1-.25-.24v-5.7a.25.25,0,0,1,.49,0v5.7A.24.24,0,0,1,146.69,342.31Z"
+          style="fill: currentcolor"></path>
+        <path d="M150.67,340a.24.24,0,0,1-.24-.24v-5.71a.25.25,0,0,1,.49,0v5.71A.25.25,0,0,1,150.67,340Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M154.66,337.74a.24.24,0,0,1-.24-.24v-5.7a.24.24,0,0,1,.24-.24.23.23,0,0,1,.24.24v5.7A.23.23,0,0,1,154.66,337.74Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M159.26,315.1a.6.6,0,0,0-.61.06l-23.9,13.75a1.84,1.84,0,0,0-.61.63l-1.6-.92a1.69,1.69,0,0,1,.6-.64l23.4-13.46a1.91,1.91,0,0,1,1.71,0Z"
+          style="fill: #263238"></path>
+        <path
+          d="M133.89,330.39v13.5c0,.55.39.77.86.5l23.9-13.75a1.9,1.9,0,0,0,.86-1.48V315.65c0-.54-.39-.76-.86-.49l-23.9,13.75A1.88,1.88,0,0,0,133.89,330.39Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M134.12,344.44l-1-.57a1.89,1.89,0,0,1-.85-1.48V329.46a1.7,1.7,0,0,1,.25-.84l1.6.92a1.84,1.84,0,0,0-.25.85V343.9A.64.64,0,0,0,134.12,344.44Z"
+          style="fill: #263238"></path>
+        <path
+          d="M135.8,342a.46.46,0,0,1-.2-.05.51.51,0,0,1-.22-.46V331a1.34,1.34,0,0,1,.61-1l21.31-12.26a.46.46,0,0,1,.73.43v10.51a1.32,1.32,0,0,1-.6,1.05l-21.31,12.25A.64.64,0,0,1,135.8,342Zm21.8-24.17a.32.32,0,0,0-.18.06L136.1,330.13a1.08,1.08,0,0,0-.48.83v10.51c0,.12,0,.21.09.24a.26.26,0,0,0,.26,0h0l21.31-12.25a1.08,1.08,0,0,0,.48-.83V318.08a.29.29,0,0,0-.09-.25Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M137.48,338.86a.21.21,0,0,1-.12,0,.26.26,0,0,1-.13-.25v-6.91a.76.76,0,0,1,.29-.51l18.21-10.49a.3.3,0,0,1,.29,0,.27.27,0,0,1,.13.25l0,7a.64.64,0,0,1-.29.51l-18.19,10.45A.33.33,0,0,1,137.48,338.86Zm0-.25Zm18.4-17.75,0,0-18.22,10.49a.56.56,0,0,0-.16.29v6.95l0,0,18.18-10.45a.39.39,0,0,0,.17-.29h0l0-7S155.89,320.87,155.89,320.86Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,312.35a3.14,3.14,0,0,0-1.42,2.45c0,.9.64,1.26,1.42.81a3.14,3.14,0,0,0,1.41-2.44C165.5,312.27,164.86,311.9,164.09,312.35Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,336.35a3.14,3.14,0,0,0-1.42,2.45c0,.9.64,1.26,1.42.81a3.14,3.14,0,0,0,1.41-2.44C165.5,336.27,164.86,335.9,164.09,336.35Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,342.81a3.12,3.12,0,0,0-1.42,2.44c0,.9.64,1.26,1.42.81a3.12,3.12,0,0,0,1.41-2.44C165.5,342.72,164.86,342.36,164.09,342.81Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,349.26a3.14,3.14,0,0,0-1.42,2.45c0,.89.64,1.26,1.42.81a3.14,3.14,0,0,0,1.41-2.44C165.5,349.18,164.86,348.81,164.09,349.26Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,355.72a3.12,3.12,0,0,0-1.42,2.44c0,.9.64,1.26,1.42.81a3.14,3.14,0,0,0,1.41-2.44C165.5,355.63,164.86,355.27,164.09,355.72Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,318.18a3.14,3.14,0,0,0-1.42,2.45c0,.9.64,1.26,1.42.81A3.14,3.14,0,0,0,165.5,319C165.5,318.1,164.86,317.73,164.09,318.18Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164.09,324a3.14,3.14,0,0,0-1.42,2.45c0,.9.64,1.26,1.42.81a3.14,3.14,0,0,0,1.41-2.44C165.5,323.93,164.86,323.56,164.09,324Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M179.52,315.4l-.14-1.31a.14.14,0,0,0-.18-.13,2.94,2.94,0,0,1-.65.07.3.3,0,0,0-.26.13l-.29.43,1.54.88A.14.14,0,0,1,179.52,315.4Zm1.11-9.18a3,3,0,0,1,0,.31,5,5,0,0,1-2.28,4l-.28.15c.14,1.22,1.1,1.67,2.26,1a5,5,0,0,0,2.28-3.95C182.63,306.33,181.76,305.73,180.63,306.22Zm4.94-1.16-1.55-.9-.23.47a.33.33,0,0,0,0,.29,3,3,0,0,1,.27.6.14.14,0,0,0,.2.09l1.2-.53a.12.12,0,0,1,.1,0Zm-3-3.42-.87-.51h-.13l0,0s0,0,0,0l0,0-.71,1.07-.9-.52h0l-.65-.38h0l-.07,0-.93.54-.42.24-.05,0,0,.06,0,0,0,0h0a.41.41,0,0,0,0,.08l-.13,1.51a.17.17,0,0,1,0,.05.11.11,0,0,1,0,.05.61.61,0,0,1-.11.18,8.13,8.13,0,0,0-.76.79.14.14,0,0,1-.11.07.26.26,0,0,1-.15,0l-.87-.3h-.15l-.05,0,0,0-.41.71-.43.75-.15.26a.21.21,0,0,0,0,.13.23.23,0,0,0,.07.13l.7.6.05.07a.23.23,0,0,1,0,.11.19.19,0,0,1,0,.08,8.41,8.41,0,0,0-.32,1.05.51.51,0,0,1-.08.17l-.09.1-1.23.86s-.06.06-.09.1a.34.34,0,0,0,0,.17v1.56a.12.12,0,0,0,0,.1l1.57.9-.57,1.15a.18.18,0,0,0,.07.23l1.9,1.1.08,0a.46.46,0,0,1-.07-.07.2.2,0,0,1,0-.17l.8-1.61a.14.14,0,0,0,0-.07.29.29,0,0,0,0-.22,3.29,3.29,0,0,1-.26-.6.14.14,0,0,0-.2-.09l-.61.27-.6.27a.09.09,0,0,1-.1,0,.1.1,0,0,1-.05-.1v-1.56a.33.33,0,0,1,.05-.16s0-.08.09-.1l1.23-.87a.32.32,0,0,0,.1-.1.37.37,0,0,0,.07-.16,8.41,8.41,0,0,1,.32-1.05.25.25,0,0,0,0-.09.27.27,0,0,0-.08-.18l-.7-.6a.16.16,0,0,1-.06-.12.2.2,0,0,1,0-.13l.29-.49.34-.61.36-.62a.25.25,0,0,1,.16-.1h.09l.86.3a.22.22,0,0,0,.16,0,.26.26,0,0,0,.11-.07,8.22,8.22,0,0,1,.75-.8.42.42,0,0,0,.11-.17.23.23,0,0,0,0-.11l.14-1.5a.24.24,0,0,1,0-.08.34.34,0,0,1,.14-.17l.25-.15.54-.31.56-.32a.1.1,0,0,1,.09,0h0s.05.05.06.09l.07.69.06.62a.14.14,0,0,0,.18.13,3,3,0,0,1,.65-.07.24.24,0,0,0,.19-.06.16.16,0,0,0,.07-.07l1-1.5a.17.17,0,0,1,.23-.05Z"
+          style="fill: #263238"></path>
+        <path
+          d="M179.54,303.46a.24.24,0,0,0,0,.08l-.14,1.5a.23.23,0,0,1,0,.11l-2-1.15h0l0-.05a.17.17,0,0,0,0-.05l.13-1.51a.41.41,0,0,1,0-.08Z"
+          style="opacity: 0.1"></path>
+        <path d="M178.38,306.19a.22.22,0,0,1-.16,0l-.86-.3h-.09l-2-1.13h.06l.87.3a.26.26,0,0,0,.15,0Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M176.94,308.73l-2-1.14h0s0-.06,0-.1l-.05-.07-.7-.6a.23.23,0,0,1-.07-.13l2,1.15a.16.16,0,0,0,.06.12l.7.6A.27.27,0,0,1,176.94,308.73Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M176.93,313.29a.14.14,0,0,1,0,.07l-.8,1.61a.2.2,0,0,0,0,.17v0h0l-1.89-1.1a.18.18,0,0,1-.07-.23l.57-1.15.42.24h0a.09.09,0,0,0,.1,0l.6-.27Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M179.52,315.4a.14.14,0,0,0,0,.07l-1.54-.88.29-.43a.3.3,0,0,1,.26-.13,2.94,2.94,0,0,0,.65-.07.14.14,0,0,1,.18.13Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M183.64,302.28a.17.17,0,0,0-.23.05l-1,1.5a.16.16,0,0,1-.07.07l-.56-.32-.52-.3-.07-.69s0-.08-.06-.09h0l-.4-.24.71-1.07,0,0s0,0,0,0l0,0h0a.22.22,0,0,1,.11,0l.87.51Z"
+          style="opacity: 0.1"></path>
+        <path d="M176.54,310a.32.32,0,0,1-.1.1l-1.23.87s-.06.06-.09.1l-2-1.15s.05-.08.09-.1l1.23-.86.09-.1Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M185.48,305.07l-1.2.54a.14.14,0,0,1-.2-.09,3,3,0,0,0-.27-.6.33.33,0,0,1,0-.29l.8-1.61a.19.19,0,0,0-.07-.24l-.87-.5a.18.18,0,0,0-.24.05l-1,1.5a.3.3,0,0,1-.26.13,3,3,0,0,0-.65.07.14.14,0,0,1-.18-.13l-.13-1.31a.1.1,0,0,0-.16-.08l-1.35.78a.33.33,0,0,0-.16.25l-.14,1.5a.47.47,0,0,1-.14.28,8.22,8.22,0,0,0-.75.8.27.27,0,0,1-.27.07l-.86-.3a.22.22,0,0,0-.25.09l-1,1.72a.21.21,0,0,0,0,.25l.7.6a.27.27,0,0,1,.07.27,8.41,8.41,0,0,0-.32,1.05.41.41,0,0,1-.17.26l-1.23.87a.34.34,0,0,0-.14.26v1.56a.1.1,0,0,0,.15.1l1.21-.54a.14.14,0,0,1,.2.09,3.29,3.29,0,0,0,.26.6.3.3,0,0,1,0,.29l-.8,1.61a.19.19,0,0,0,.07.24l.87.5a.18.18,0,0,0,.24,0l1-1.5a.3.3,0,0,1,.26-.13,2.94,2.94,0,0,0,.65-.07.14.14,0,0,1,.18.13l.14,1.31c0,.09.07.13.16.08l1.35-.78a.38.38,0,0,0,.16-.25l.13-1.5a.47.47,0,0,1,.14-.28,7.16,7.16,0,0,0,.75-.8.27.27,0,0,1,.27-.07l.87.3a.21.21,0,0,0,.24-.09l1-1.72a.2.2,0,0,0,0-.25l-.7-.6a.27.27,0,0,1-.07-.27,8.41,8.41,0,0,0,.32-1.05.46.46,0,0,1,.17-.26l1.23-.87a.34.34,0,0,0,.14-.26v-1.56A.1.1,0,0,0,185.48,305.07Zm-5.13,6.56c-1.26.73-2.28.14-2.28-1.32a5,5,0,0,1,2.28-3.95c1.26-.73,2.28-.14,2.28,1.32A5,5,0,0,1,180.35,311.63Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M176.19,318.62l-.06,0,0,0h0l-.32-.18-.91-.53,0,0-.08,0h-.12l-.85.08h-.08l0,0,0,0,0,0s0,0,0,0l-.46,1.23a.23.23,0,0,1-.07.1l-.11.08-.28.14-.88-.51h0a.16.16,0,0,0-.09,0l-.66.7-.27.28a.13.13,0,0,0,0,.06l0,.06a.11.11,0,0,0,0,.05v0l.26.88s0,.07,0,.11a.42.42,0,0,1,0,.1,6.17,6.17,0,0,0-.43.74.24.24,0,0,1-.1.1.24.24,0,0,1-.1.05l-.8.2-.06,0a.1.1,0,0,0-.05,0l0,0a.07.07,0,0,0,0,.06l-.3,1-.1.36c0,.05,0,.08,0,.1h0l.53.31.07,0,.29.16h0c0,.12,0,.24,0,.36a.28.28,0,0,1-.07.21l-.81,1a.34.34,0,0,0,0,.11h0a.12.12,0,0,0,0,.1l.38.84,0,0h0l1.61.94.08,0v0l0-.08-.19-.41-.16-.36a.2.2,0,0,1,0-.11.14.14,0,0,1,.05-.09l.81-1a.31.31,0,0,0,0-.1.3.3,0,0,0,0-.12,4.09,4.09,0,0,1,0-.7.12.12,0,0,0-.12-.12l-.73,0-.06,0h0a.09.09,0,0,1,0-.09l.18-.61,0,0,.2-.7,0-.06a.26.26,0,0,1,.15-.09l.8-.2a.16.16,0,0,0,.1-.05.19.19,0,0,0,.1-.1,7.89,7.89,0,0,1,.43-.74.3.3,0,0,0,0-.1.22.22,0,0,0,0-.11l-.26-.88a.17.17,0,0,1,0-.1h0a.17.17,0,0,1,.06-.1l.63-.67.3-.32s.1-.06.13,0h0l0,0,.43.66s.11,0,.18,0a4.26,4.26,0,0,1,.53-.31.27.27,0,0,0,.1-.06.26.26,0,0,0,.08-.11l.46-1.24,0-.06.31-.08.68-.07h.07Zm-3.6,9a.13.13,0,0,0-.08-.15,1.51,1.51,0,0,1-.37-.22.18.18,0,0,0-.2,0l-.86.79a.21.21,0,0,1-.1,0l.85.49.53.31a.09.09,0,0,1,0-.08Zm3.8-8.92a.1.1,0,0,1,0,.09l-.27,1.21a.14.14,0,0,0,.09.15,2,2,0,0,1,.37.22s.12,0,.19,0l.86-.8c.05,0,.1-.05.13,0Zm-1.13,9-.43-.66c0-.05-.11-.05-.18,0l-.26.16.89.52Zm.69-5.51a.85.85,0,0,0-.67-.53h-.1a1.39,1.39,0,0,0-.6.13,1.69,1.69,0,0,1,0,.23,3.74,3.74,0,0,1-1.71,2.95l-.19.11a1.24,1.24,0,0,0,.11.44.84.84,0,0,0,.8.54h.33a2.42,2.42,0,0,0,1.1-.72A3.23,3.23,0,0,0,176,322.19Zm1.34,0c0,.12,0,.23,0,.34a.12.12,0,0,0,.13.12l.72,0,.06,0Z"
+          style="fill: #263238"></path>
+        <path d="M175.26,327.7l0,0-.89-.52.26-.16c.07-.05.15-.05.18,0Z" style="opacity: 0.15"></path>
+        <path
+          d="M172.32,328.88a.09.09,0,0,0,0,.08l-.53-.31-.85-.49a.21.21,0,0,0,.1,0l.86-.79a.18.18,0,0,1,.2,0,1.51,1.51,0,0,0,.37.22.13.13,0,0,1,.08.15Z"
+          style="opacity: 0.1"></path>
+        <path
+          d="M171.46,326a.28.28,0,0,1-.06.09l-.82,1a.18.18,0,0,0,0,.1l-1.71-1a.51.51,0,0,1,0-.12l.81-1s0-.06.05-.08Z"
+          style="opacity: 0.1"></path>
+        <path
+          d="M171.47,325.17c0,.24,0,.47,0,.7a.26.26,0,0,1,0,.12l-1.72-1a.21.21,0,0,0,0-.13c0-.12,0-.24,0-.36l.8.47h0l.06,0,.73,0A.12.12,0,0,1,171.47,325.17Z"
+          style="opacity: 0.05"></path>
+        <path
+          d="M172,323.15a.19.19,0,0,1-.11,0l-.8.2a.23.23,0,0,0-.15.1l-1.71-1,0,0s0,0,.05,0l.06,0,.8-.19a.27.27,0,0,0,.1-.06Z"
+          style="opacity: 0.1"></path>
+        <path
+          d="M172.59,322.09a.22.22,0,0,1,0,.11l-1.71-1a.24.24,0,0,0,0-.12l-.26-.88a0,0,0,0,1,0,0s0,0,0-.05l1.72,1a.38.38,0,0,0,0,.1Z"
+          style="opacity: 0.1"></path>
+        <path d="M175.32,318.88l0,.06-.45,1.23a.31.31,0,0,1-.09.12l-1.72-1,0,0,.07-.09.47-1.24,0,0s0,0,0,0Z"
+          style="opacity: 0.1"></path>
+        <path d="M175.32,318.88a.27.27,0,0,1,.14-.07h.17" style="fill: none"></path>
+        <path
+          d="M178.18,322.71l-.06,0-.72,0a.12.12,0,0,1-.13-.12c0-.11,0-.22,0-.34s0-.24,0-.36a.34.34,0,0,1,.08-.21l.82-1a.22.22,0,0,0,0-.2l-.38-.85,0,0s-.08,0-.13,0l-.86.8c-.07.05-.15.07-.19,0a2,2,0,0,0-.37-.22.14.14,0,0,1-.09-.15l.27-1.21a.1.1,0,0,0,0-.09.11.11,0,0,0-.08,0l-.68.07h-.17a.27.27,0,0,0-.14.07l0,.06-.46,1.24a.26.26,0,0,1-.08.11.27.27,0,0,1-.1.06,4.26,4.26,0,0,0-.53.31c-.07,0-.15,0-.18,0l-.43-.66,0,0s-.08,0-.13,0l-.3.32-.63.67a.26.26,0,0,0-.07.1.17.17,0,0,0,0,.1l.26.88a.22.22,0,0,1,0,.11.3.3,0,0,1,0,.1,7.89,7.89,0,0,0-.43.74.19.19,0,0,1-.1.1.16.16,0,0,1-.1.05l-.8.2a.26.26,0,0,0-.15.09l0,.06-.2.7,0,0-.18.61a.09.09,0,0,0,0,.09h0l.06,0,.73,0a.12.12,0,0,1,.12.12,4.09,4.09,0,0,0,0,.7.3.3,0,0,1,0,.12.31.31,0,0,1,0,.1l-.81,1a.23.23,0,0,0-.05.2l.16.36,0,.05.05.11.07.14,0,.13,0,.06v0s0,0,0,0a.21.21,0,0,0,.1,0l.86-.79a.18.18,0,0,1,.2,0,1.51,1.51,0,0,0,.37.22.13.13,0,0,1,.08.15l-.27,1.22a.09.09,0,0,0,0,.08.11.11,0,0,0,.08,0l.85-.08a.27.27,0,0,0,.19-.13l.46-1.23a.32.32,0,0,1,.18-.18l.27-.15.26-.16c.07-.05.15-.05.18,0l.43.66,0,0a.12.12,0,0,0,.14,0l.93-1a.21.21,0,0,0,.07-.2l-.26-.88a.34.34,0,0,1,.05-.21,7.89,7.89,0,0,0,.43-.74.28.28,0,0,1,.2-.15l.8-.19a.31.31,0,0,0,.18-.15l.4-1.36A.08.08,0,0,0,178.18,322.71Zm-4.25,3.3h-.33a.84.84,0,0,1-.8-.54,1.24,1.24,0,0,1-.11-.44,2.11,2.11,0,0,1,0-.25,3.83,3.83,0,0,1,1.05-2.41,2.75,2.75,0,0,1,.65-.52l.21-.11a1.39,1.39,0,0,1,.6-.13h.1a.85.85,0,0,1,.67.53,3.23,3.23,0,0,1-.92,3.1A2.42,2.42,0,0,1,173.93,326Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M175.34,341.7a6.41,6.41,0,0,0-3.62,3,5.94,5.94,0,0,0,.19,5.64,6.5,6.5,0,0,0-1,3.49,7.74,7.74,0,0,0,5.1,6.89l.29.1.87-.5a8.29,8.29,0,0,1-4.68-4.3,5.85,5.85,0,0,1,.15-4.59A7.35,7.35,0,0,0,174.3,353c1.74,1.14,5.13,2,6.72.17a2.84,2.84,0,0,0-.13-3.71,5.56,5.56,0,0,0-4-1.87,5.62,5.62,0,0,0-4.16,1.75,5.46,5.46,0,0,1-.41-2.58,4.92,4.92,0,0,1,3.52-4.13c1.44,2.24,4.62,4.28,7.07,2.37s-1.46-3.64-3.1-3.79a10.71,10.71,0,0,0-3.39.19,3.68,3.68,0,0,1-.22-2,4.39,4.39,0,0,1,1.67-2.6,5.6,5.6,0,0,1,6.6-.4.36.36,0,1,0,.46-.56C181,332.24,173.28,336.65,175.34,341.7Zm-.62,7.42a4.17,4.17,0,0,1,3.69-.17c1,.45,2.2,1.4,2,2.66-.28,2.19-3.23,1.58-4.61,1a5.79,5.79,0,0,1-2.59-2.24A4.77,4.77,0,0,1,174.72,349.12Zm3-6.91a7.28,7.28,0,0,1,3.08.22c.47.15,1.81.6,1.74,1.28,0,.42-.65.74-1,.88a2.54,2.54,0,0,1-1.61.08,5.49,5.49,0,0,1-2.78-2l-.23-.33A6.84,6.84,0,0,1,177.69,342.21Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M175.34,341.7a6.41,6.41,0,0,0-3.62,3,5.94,5.94,0,0,0,.19,5.64,6.5,6.5,0,0,0-1,3.49,7.74,7.74,0,0,0,5.1,6.89l.29.1.87-.5a8.29,8.29,0,0,1-4.68-4.3,5.85,5.85,0,0,1,.15-4.59A7.35,7.35,0,0,0,174.3,353c1.74,1.14,5.13,2,6.72.17a2.84,2.84,0,0,0-.13-3.71,5.56,5.56,0,0,0-4-1.87,5.62,5.62,0,0,0-4.16,1.75,5.46,5.46,0,0,1-.41-2.58,4.92,4.92,0,0,1,3.52-4.13c1.44,2.24,4.62,4.28,7.07,2.37s-1.46-3.64-3.1-3.79a10.71,10.71,0,0,0-3.39.19,3.68,3.68,0,0,1-.22-2,4.39,4.39,0,0,1,1.67-2.6,5.6,5.6,0,0,1,6.6-.4.36.36,0,1,0,.46-.56C181,332.24,173.28,336.65,175.34,341.7Zm-.62,7.42a4.17,4.17,0,0,1,3.69-.17c1,.45,2.2,1.4,2,2.66-.28,2.19-3.23,1.58-4.61,1a5.79,5.79,0,0,1-2.59-2.24A4.77,4.77,0,0,1,174.72,349.12Zm3-6.91a7.28,7.28,0,0,1,3.08.22c.47.15,1.81.6,1.74,1.28,0,.42-.65.74-1,.88a2.54,2.54,0,0,1-1.61.08,5.49,5.49,0,0,1-2.78-2l-.23-.33A6.84,6.84,0,0,1,177.69,342.21Z"
+          style=" opacity: 0.7;fill: #fff"></path>
+        <path
+          d="M172.27,352.4a5.43,5.43,0,0,1,.35-1,3.86,3.86,0,0,1-.71-1.09,7,7,0,0,0-.54,1.06A8.6,8.6,0,0,0,172.27,352.4Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M174.6,343.21a7.24,7.24,0,0,1,1.22-.59,5.7,5.7,0,0,1-.48-.92,7.31,7.31,0,0,0-1.36.63A6.94,6.94,0,0,0,174.6,343.21Z"
+          style="fill: currentcolor"></path>
+        <path d="M176.28,360.81l.87-.5a10.72,10.72,0,0,1-1.08-.52l-.93.53a7.2,7.2,0,0,0,.85.39Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M199.46,344.67a6.45,6.45,0,0,0-4.52-1.29,6,6,0,0,0-4.54,3.36,6.44,6.44,0,0,0-2.28.5,7.83,7.83,0,0,0-1.17.64,7.58,7.58,0,0,0-2.93,7.2c0,.31.09.61.15.91l.06.22.77-.44,0-.24a7.81,7.81,0,0,1,1.08-5.11,5.7,5.7,0,0,1,2.07-1.86,6,6,0,0,1,1.79-.62,6.89,6.89,0,0,0-.33,2.28c0,2.08,1.26,5.36,3.67,5.63a2.84,2.84,0,0,0,3-2.22,5.47,5.47,0,0,0-.74-4.36,5.63,5.63,0,0,0-3.79-2.44,5.4,5.4,0,0,1,1.88-1.8,4.92,4.92,0,0,1,5.4.56c-1,2.46-.9,6.22,2.06,7.15s2.16-3.26,1.37-4.69a11.14,11.14,0,0,0-2.08-2.69,3.64,3.64,0,0,1,1.54-1.33,4.36,4.36,0,0,1,3.08-.1,5.62,5.62,0,0,1,4.08,5.21.36.36,0,1,0,.72.06C210.47,344,202.45,340.11,199.46,344.67Zm-6.46,3.7a4.16,4.16,0,0,1,2.23,2.94c.21,1.1.1,2.61-1,3.19-2,1-3.14-1.77-3.45-3.24a5.87,5.87,0,0,1,.38-3.4A4.84,4.84,0,0,1,193,348.37Zm7.37-1.48a7.41,7.41,0,0,1,1.57,2.66c.14.47.54,1.84-.08,2.16-.36.2-1-.11-1.28-.31a2.47,2.47,0,0,1-1-1.28,5.44,5.44,0,0,1,.08-3.43,3,3,0,0,1,.13-.39C200,346.5,200.2,346.69,200.37,346.89Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M199.46,344.67a6.45,6.45,0,0,0-4.52-1.29,6,6,0,0,0-4.54,3.36,6.44,6.44,0,0,0-2.28.5,7.83,7.83,0,0,0-1.17.64,7.58,7.58,0,0,0-2.93,7.2c0,.31.09.61.15.91l.06.22.77-.44,0-.24a7.81,7.81,0,0,1,1.08-5.11,5.7,5.7,0,0,1,2.07-1.86,6,6,0,0,1,1.79-.62,6.89,6.89,0,0,0-.33,2.28c0,2.08,1.26,5.36,3.67,5.63a2.84,2.84,0,0,0,3-2.22,5.47,5.47,0,0,0-.74-4.36,5.63,5.63,0,0,0-3.79-2.44,5.4,5.4,0,0,1,1.88-1.8,4.92,4.92,0,0,1,5.4.56c-1,2.46-.9,6.22,2.06,7.15s2.16-3.26,1.37-4.69a11.14,11.14,0,0,0-2.08-2.69,3.64,3.64,0,0,1,1.54-1.33,4.36,4.36,0,0,1,3.08-.1,5.62,5.62,0,0,1,4.08,5.21.36.36,0,1,0,.72.06C210.47,344,202.45,340.11,199.46,344.67Zm-6.46,3.7a4.16,4.16,0,0,1,2.23,2.94c.21,1.1.1,2.61-1,3.19-2,1-3.14-1.77-3.45-3.24a5.87,5.87,0,0,1,.38-3.4A4.84,4.84,0,0,1,193,348.37Zm7.37-1.48a7.41,7.41,0,0,1,1.57,2.66c.14.47.54,1.84-.08,2.16-.36.2-1-.11-1.28-.31a2.47,2.47,0,0,1-1-1.28,5.44,5.44,0,0,1,.08-3.43,3,3,0,0,1,.13-.39C200,346.5,200.2,346.69,200.37,346.89Z"
+          style=" opacity: 0.7;fill: #fff"></path>
+        <path
+          d="M188.91,348.21a5.68,5.68,0,0,1,1-.27,4.22,4.22,0,0,1,.49-1.2,6.85,6.85,0,0,0-1.18.17A8.27,8.27,0,0,0,188.91,348.21Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M197.79,344.92a6,6,0,0,1,1.18.67,6.92,6.92,0,0,1,.49-.93,7.66,7.66,0,0,0-1.31-.73A5.86,5.86,0,0,0,197.79,344.92Z"
+          style="fill: currentcolor"></path>
+        <path d="M184.23,356.21l-.06-.22c-.06-.3-.11-.6-.15-.91l.95.45,0,.24Z" style="fill: currentcolor"></path>
+        <path
+          d="M185.94,245,131.56,276.4a4.84,4.84,0,0,0-2.18,3.79v18.66c0,1.4,1,2,2.19,1.27l54.37-31.39a4.87,4.87,0,0,0,2.19-3.79V246.27C188.13,244.88,187.15,244.31,185.94,245Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M184,253.23a4.7,4.7,0,0,1-2.19,3.64l-46.16,26.65c-1.21.69-2.19.2-2.19-1.11a4.7,4.7,0,0,1,2.19-3.64l46.16-26.65C183,251.43,184,251.92,184,253.23Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M184,262.72a4.7,4.7,0,0,1-2.19,3.64L135.67,293c-1.21.7-2.19.21-2.19-1.1a4.7,4.7,0,0,1,2.19-3.64l46.16-26.65C183,260.91,184,261.41,184,262.72Z"
+          style="fill: #263238"></path>
+        <path
+          d="M181.83,261.61l-19.59,11.31v4.74l19.59-11.3a4.7,4.7,0,0,0,2.19-3.64C184,261.41,183,260.91,181.83,261.61Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M110.54,201.07c-2.27-1.31-4.11-.12-4.11,2.68V304.13a9.4,9.4,0,0,0,4.11,7.44c2.27,1.32,4.11.12,4.11-2.67V208.51A9.43,9.43,0,0,0,110.54,201.07Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M110.54,201.07c-2.27-1.31-4.11-.12-4.11,2.68V304.13a9.4,9.4,0,0,0,4.11,7.44c2.27,1.32,4.11.12,4.11-2.67V208.51A9.43,9.43,0,0,0,110.54,201.07Z"
+          style="opacity: 0.5"></path>
+        <path
+          d="M110.54,309.17a4.7,4.7,0,0,1-2.05-3.71V204.77c0-1.4.92-2,2.05-1.35a4.69,4.69,0,0,1,2,3.72V307.83C112.59,309.23,111.67,309.83,110.54,309.17Z"
+          style="fill: #37474f"></path>
+        <path d="M110.54,309.17a4.7,4.7,0,0,1-2.05-3.71v-49.2l4.1,2.37v49.2C112.59,309.23,111.67,309.83,110.54,309.17Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M98.22,194c-2.27-1.32-4.11-.12-4.11,2.67V297a9.43,9.43,0,0,0,4.11,7.44c2.26,1.31,4.1.11,4.1-2.68V201.39A9.41,9.41,0,0,0,98.22,194Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M98.22,194c-2.27-1.32-4.11-.12-4.11,2.67V297a9.43,9.43,0,0,0,4.11,7.44c2.26,1.31,4.1.11,4.1-2.68V201.39A9.41,9.41,0,0,0,98.22,194Z"
+          style="opacity: 0.5"></path>
+        <path
+          d="M98.22,302.06a4.7,4.7,0,0,1-2.06-3.72V197.65c0-1.4.92-2,2.06-1.34a4.7,4.7,0,0,1,2,3.71V300.71C100.27,302.11,99.35,302.71,98.22,302.06Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M85.89,186.84c-2.27-1.31-4.11-.12-4.11,2.68V289.9a9.4,9.4,0,0,0,4.11,7.44c2.27,1.32,4.11.12,4.11-2.67V194.28A9.43,9.43,0,0,0,85.89,186.84Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M85.89,186.84c-2.27-1.31-4.11-.12-4.11,2.68V289.9a9.4,9.4,0,0,0,4.11,7.44c2.27,1.32,4.11.12,4.11-2.67V194.28A9.43,9.43,0,0,0,85.89,186.84Z"
+          style="opacity: 0.5"></path>
+        <path
+          d="M85.89,294.94a4.7,4.7,0,0,1-2-3.71V190.54c0-1.4.92-2,2-1.35A4.7,4.7,0,0,1,88,192.91V293.6C87.94,295,87,295.6,85.89,294.94Z"
+          style="fill: #37474f"></path>
+        <path d="M85.89,294.94a4.7,4.7,0,0,1-2-3.71V218.11L88,220.49V293.6C87.94,295,87,295.6,85.89,294.94Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M73.57,179.73c-2.27-1.32-4.11-.12-4.11,2.67V282.79a9.43,9.43,0,0,0,4.11,7.44c2.26,1.31,4.1.11,4.1-2.68V187.16A9.39,9.39,0,0,0,73.57,179.73Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M73.57,179.73c-2.27-1.32-4.11-.12-4.11,2.67V282.79a9.43,9.43,0,0,0,4.11,7.44c2.26,1.31,4.1.11,4.1-2.68V187.16A9.39,9.39,0,0,0,73.57,179.73Z"
+          style="opacity: 0.5"></path>
+        <path
+          d="M73.57,287.83a4.7,4.7,0,0,1-2.06-3.72V183.42c0-1.4.92-2,2.06-1.34a4.7,4.7,0,0,1,2.05,3.71V286.48C75.62,287.88,74.7,288.48,73.57,287.83Z"
+          style="fill: #37474f"></path>
+        <path d="M73.57,287.83a4.7,4.7,0,0,1-2.06-3.72V265.75l4.11,2.37v18.36C75.62,287.88,74.7,288.48,73.57,287.83Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M61.24,172.61c-2.27-1.32-4.11-.12-4.11,2.68V275.67a9.4,9.4,0,0,0,4.11,7.44c2.27,1.32,4.11.12,4.11-2.67V180.05A9.43,9.43,0,0,0,61.24,172.61Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M61.24,172.61c-2.27-1.32-4.11-.12-4.11,2.68V275.67a9.4,9.4,0,0,0,4.11,7.44c2.27,1.32,4.11.12,4.11-2.67V180.05A9.43,9.43,0,0,0,61.24,172.61Z"
+          style="opacity: 0.5"></path>
+        <path
+          d="M61.24,280.71A4.7,4.7,0,0,1,59.19,277V176.3c0-1.39.92-2,2.05-1.34a4.7,4.7,0,0,1,2.06,3.72V279.37C63.3,280.76,62.38,281.37,61.24,280.71Z"
+          style="fill: #37474f"></path>
+        <path d="M61.24,280.71A4.7,4.7,0,0,1,59.19,277V223.05l4.11,2.38v53.94C63.3,280.76,62.38,281.37,61.24,280.71Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M185.94,169.32l-54.38,31.39a4.82,4.82,0,0,0-2.18,3.79V267c0,1.39,1,2,2.19,1.26l54.37-31.39a4.87,4.87,0,0,0,2.19-3.79V170.58C188.13,169.18,187.15,168.62,185.94,169.32Z"
+          style="fill: #37474f"></path>
+        <path d="M130,202.43a4.29,4.29,0,0,0-.59,2.07V267c0,1.39,1,2,2.19,1.26l54.37-31.39a4.58,4.58,0,0,0,1.59-1.72Z"
+          style="fill: #263238"></path>
+        <path d="M131.56,200.71a4.82,4.82,0,0,0-2.18,3.79V267l54.37-31.39a4.87,4.87,0,0,0,2.18-3.8V169.32Z"
+          style="fill: #455a64"></path>
+        <g id="freepik--dead-emoji--inject-87">
+          <path
+            d="M149.47,217.14a1.1,1.1,0,0,1-.78-.31l-7.23-7a1.12,1.12,0,1,1,1.56-1.62l7.23,6.95a1.13,1.13,0,0,1-.78,1.94Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M142.24,221.31a1.05,1.05,0,0,1-.48-.11,1.13,1.13,0,0,1-.54-1.5l7.23-15.3a1.12,1.12,0,0,1,1.5-.53,1.13,1.13,0,0,1,.54,1.5l-7.23,15.3A1.13,1.13,0,0,1,142.24,221.31Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M173.07,203.51a1.12,1.12,0,0,1-.78-.31l-7.23-6.95a1.13,1.13,0,0,1,1.57-1.63l7.22,6.95a1.14,1.14,0,0,1,0,1.6A1.1,1.1,0,0,1,173.07,203.51Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M165.84,207.69a1.2,1.2,0,0,1-.48-.11,1.14,1.14,0,0,1-.54-1.5l7.23-15.3a1.13,1.13,0,0,1,2,1L166.86,207A1.13,1.13,0,0,1,165.84,207.69Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M141.92,238.65a1.14,1.14,0,0,1-1-.57,1.13,1.13,0,0,1,.42-1.54l31.47-18.17a1.13,1.13,0,0,1,1.54.41,1.14,1.14,0,0,1-.42,1.55l-31.47,18.16A1,1,0,0,1,141.92,238.65Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M163.85,239.16a3.11,3.11,0,0,1-1.58-.42,4.17,4.17,0,0,1-1.81-3.79v-8.79a1.14,1.14,0,0,1,1.13-1.13h0a1.14,1.14,0,0,1,1.13,1.13V235a2.07,2.07,0,0,0,.68,1.83,1.65,1.65,0,0,0,1.56-.24,7.85,7.85,0,0,0,3.37-6.14v-8.78a1.13,1.13,0,1,1,2.25,0v8.78a10.09,10.09,0,0,1-4.49,8.09A4.46,4.46,0,0,1,163.85,239.16Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M165.52,233.5a1.13,1.13,0,0,1-1.13-1.13v-8.48a1.13,1.13,0,0,1,2.26,0v8.48A1.12,1.12,0,0,1,165.52,233.5Z"
+            style="fill: currentcolor"></path>
+        </g>
+        <g id="freepik--server--inject-87">
+          <path
+            d="M66.16,363.4a2.11,2.11,0,0,1,1,1.67c0,.62-.43.87-1,.56a2.16,2.16,0,0,1-1-1.67C65.19,363.34,65.63,363.09,66.16,363.4Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M74.24,368.07a2.11,2.11,0,0,1,1,1.67c0,.61-.43.86-1,.56a2.13,2.13,0,0,1-1-1.68C73.27,368,73.7,367.76,74.24,368.07Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M82.17,372.65a2.1,2.1,0,0,1,1,1.66c0,.62-.43.87-1,.56a2.13,2.13,0,0,1-1-1.67C81.21,372.59,81.64,372.34,82.17,372.65Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M90.18,377.27a2.13,2.13,0,0,1,1,1.66c0,.61-.43.86-1,.56a2.13,2.13,0,0,1-1-1.66C89.22,377.21,89.65,377,90.18,377.27Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M56.74,315.92,65,320.63a5.17,5.17,0,0,1,2.32,4v4.71c0,1.48-1,2.09-2.32,1.34L56.74,326a5.16,5.16,0,0,1-2.33-4v-4.71C54.41,315.78,55.46,315.18,56.74,315.92Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M59,321.23l1.07-.62h0a1.41,1.41,0,0,1,1.42.14,4.48,4.48,0,0,1,2,3.51,1.4,1.4,0,0,1-.59,1.3h0l-1,.57-.18-.3a1.81,1.81,0,0,1-.58-.22,4.46,4.46,0,0,1-2-3.5,2.06,2.06,0,0,1,.06-.52Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M59,321.23l1.07-.62h0a1.41,1.41,0,0,1,1.42.14,4.48,4.48,0,0,1,2,3.51,1.4,1.4,0,0,1-.59,1.3h0l-1,.57-.18-.3a1.81,1.81,0,0,1-.58-.22,4.46,4.46,0,0,1-2-3.5,2.06,2.06,0,0,1,.06-.52Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M60.42,321.34a4.49,4.49,0,0,1,2,3.51c0,1.28-.91,1.81-2,1.16a4.47,4.47,0,0,1-2-3.5C58.4,321.22,59.31,320.7,60.42,321.34Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M56.74,293.25,65,298a5.14,5.14,0,0,1,2.32,4v4.7c0,1.49-1,2.09-2.32,1.35l-8.21-4.72a5.15,5.15,0,0,1-2.33-4v-4.71C54.41,293.11,55.46,292.51,56.74,293.25Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M59,298.56l1.07-.62h0a1.42,1.42,0,0,1,1.42.15,4.45,4.45,0,0,1,2,3.5,1.43,1.43,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.12,2.12,0,0,1-.58-.23,4.45,4.45,0,0,1-2-3.5,2.12,2.12,0,0,1,.06-.52Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M59,298.56l1.07-.62h0a1.42,1.42,0,0,1,1.42.15,4.45,4.45,0,0,1,2,3.5,1.43,1.43,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.12,2.12,0,0,1-.58-.23,4.45,4.45,0,0,1-2-3.5,2.12,2.12,0,0,1,.06-.52Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M60.42,298.68a4.46,4.46,0,0,1,2,3.5c0,1.29-.91,1.81-2,1.17a4.51,4.51,0,0,1-2-3.51C58.4,298.55,59.31,298,60.42,298.68Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M185.57,276.07l-38,21.95a5.66,5.66,0,0,0-2.55,4.43v5.17c0,1.62,1.14,2.28,2.55,1.47l38-21.95a5.67,5.67,0,0,0,2.56-4.43v-5.16C188.13,275.92,187,275.26,185.57,276.07Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M185.43,280.45V283a1.13,1.13,0,0,1-.51.89l-.57.33c-.29.16-.52,0-.52-.29v-2.51a1.13,1.13,0,0,1,.52-.89l.57-.33C185.2,280,185.43,280.12,185.43,280.45Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M182.85,281.94v2.5a1.13,1.13,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.29v-2.51a1.15,1.15,0,0,1,.51-.89l.58-.33C182.62,281.48,182.85,281.61,182.85,281.94Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M180.27,283.42v2.51a1.15,1.15,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.3v-2.5a1.13,1.13,0,0,1,.51-.89l.58-.33C180,283,180.27,283.1,180.27,283.42Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M177.69,284.91v2.51a1.11,1.11,0,0,1-.51.88l-.58.34c-.28.16-.51,0-.51-.3v-2.51a1.13,1.13,0,0,1,.51-.88l.58-.33C177.46,284.45,177.69,284.59,177.69,284.91Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M175.1,286.4v2.51a1.1,1.1,0,0,1-.51.88l-.57.33c-.28.17-.51,0-.51-.29v-2.51a1.13,1.13,0,0,1,.51-.88l.57-.33C174.88,285.94,175.1,286.08,175.1,286.4Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M172.52,287.89v2.51a1.13,1.13,0,0,1-.51.88l-.57.33c-.29.17-.51,0-.51-.29v-2.51a1.1,1.1,0,0,1,.51-.88l.57-.34C172.29,287.43,172.52,287.56,172.52,287.89Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M169.94,289.38v2.5a1.13,1.13,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.29V290.3a1.15,1.15,0,0,1,.51-.89l.58-.33C169.71,288.92,169.94,289.05,169.94,289.38Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M167.36,290.87v2.5a1.13,1.13,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.3v-2.5a1.15,1.15,0,0,1,.51-.89l.58-.33C167.13,290.41,167.36,290.54,167.36,290.87Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M164.78,292.35v2.51a1.15,1.15,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.3v-2.5a1.13,1.13,0,0,1,.51-.89l.58-.33C164.55,291.9,164.78,292,164.78,292.35Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M162.2,293.84v2.51a1.1,1.1,0,0,1-.52.88l-.57.34c-.28.16-.51,0-.51-.3v-2.51a1.13,1.13,0,0,1,.51-.88l.57-.33C162,293.38,162.2,293.52,162.2,293.84Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M159.61,295.33v2.51a1.13,1.13,0,0,1-.51.88l-.57.33c-.28.17-.51,0-.51-.29v-2.51a1.13,1.13,0,0,1,.51-.88l.57-.33C159.38,294.87,159.61,295,159.61,295.33Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M157,296.82v2.51a1.13,1.13,0,0,1-.51.88l-.57.33c-.29.17-.51,0-.51-.29v-2.51a1.1,1.1,0,0,1,.51-.88l.57-.34C156.8,296.36,157,296.49,157,296.82Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M154.45,298.31v2.5a1.13,1.13,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.29v-2.51a1.15,1.15,0,0,1,.51-.89l.58-.33C154.22,297.85,154.45,298,154.45,298.31Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M151.87,299.8v2.5a1.13,1.13,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.3v-2.5a1.15,1.15,0,0,1,.51-.89l.58-.33C151.64,299.34,151.87,299.47,151.87,299.8Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M149.29,301.28v2.51a1.15,1.15,0,0,1-.51.89l-.58.33c-.28.16-.51,0-.51-.3v-2.5a1.13,1.13,0,0,1,.51-.89l.58-.33C149.06,300.83,149.29,301,149.29,301.28Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M141.15,306.31l-1.06-.62h0a1.41,1.41,0,0,0-1.42.14,4.49,4.49,0,0,0-2,3.51,1.42,1.42,0,0,0,.59,1.3h0l1,.56.18-.3a2,2,0,0,0,.58-.22,4.49,4.49,0,0,0,2-3.5,2.66,2.66,0,0,0-.06-.52Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M139.68,306.42a4.51,4.51,0,0,0-2,3.51c0,1.29.91,1.81,2,1.16a4.45,4.45,0,0,0,2-3.5C141.7,306.3,140.8,305.78,139.68,306.42Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M139.68,306.42a4.51,4.51,0,0,0-2,3.51c0,1.29.91,1.81,2,1.16a4.45,4.45,0,0,0,2-3.5C141.7,306.3,140.8,305.78,139.68,306.42Z"
+            style=" opacity: 0.8;fill: #fff"></path>
+          <path
+            d="M132.38,311.37l-1.07-.61h0a1.44,1.44,0,0,0-1.42.15,4.45,4.45,0,0,0-2,3.5,1.41,1.41,0,0,0,.59,1.31h0l1,.57.18-.3a1.94,1.94,0,0,0,.58-.23,4.45,4.45,0,0,0,2-3.5,2,2,0,0,0-.06-.51Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M130.9,311.49a4.47,4.47,0,0,0-2,3.5c0,1.29.91,1.81,2,1.17a4.47,4.47,0,0,0,2-3.5C132.93,311.37,132,310.84,130.9,311.49Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M130.9,311.49a4.47,4.47,0,0,0-2,3.5c0,1.29.91,1.81,2,1.17a4.47,4.47,0,0,0,2-3.5C132.93,311.37,132,310.84,130.9,311.49Z"
+            style=" opacity: 0.8;fill: #fff"></path>
+          <path
+            d="M73.87,301.3l39.79,23a2.85,2.85,0,0,1,1.29,2.23v11c0,.82-.58,1.15-1.29.74l-39.79-23A2.83,2.83,0,0,1,72.58,313v-11C72.58,301.22,73.15,300.89,73.87,301.3Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M75,306.14a2.74,2.74,0,0,0,1.29,2.14l34.95,20.17c.71.41,1.29.11,1.29-.66a2.77,2.77,0,0,0-1.29-2.14L76.29,305.49C75.57,305.08,75,305.37,75,306.14Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M75,311.73a2.74,2.74,0,0,0,1.29,2.14L111.24,334c.71.41,1.29.12,1.29-.65a2.77,2.77,0,0,0-1.29-2.14L76.29,311.08C75.57,310.67,75,311,75,311.73Z"
+            style="fill: #263238"></path>
+          <path
+            d="M76.29,311.08,95.6,322.21V325L76.29,313.87A2.74,2.74,0,0,1,75,311.73C75,311,75.57,310.67,76.29,311.08Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M56.74,293.25,65,298a5.14,5.14,0,0,1,2.32,4v4.7c0,1.49-1,2.09-2.32,1.35l-8.21-4.72a5.15,5.15,0,0,1-2.33-4v-4.71C54.41,293.11,55.46,292.51,56.74,293.25Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M59,298.56l1.07-.62h0a1.42,1.42,0,0,1,1.42.15,4.45,4.45,0,0,1,2,3.5,1.43,1.43,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.12,2.12,0,0,1-.58-.23,4.45,4.45,0,0,1-2-3.5,2.12,2.12,0,0,1,.06-.52Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M59,298.56l1.07-.62h0a1.42,1.42,0,0,1,1.42.15,4.45,4.45,0,0,1,2,3.5,1.43,1.43,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.12,2.12,0,0,1-.58-.23,4.45,4.45,0,0,1-2-3.5,2.12,2.12,0,0,1,.06-.52Z"
+            style="opacity: 0.2"></path>
+          <path
+            d="M60.42,298.68a4.46,4.46,0,0,1,2,3.5c0,1.29-.91,1.81-2,1.17a4.51,4.51,0,0,1-2-3.51C58.4,298.55,59.31,298,60.42,298.68Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M73.87,301.3l39.79,23a2.85,2.85,0,0,1,1.29,2.23v11c0,.82-.58,1.15-1.29.74l-39.79-23A2.83,2.83,0,0,1,72.58,313v-11C72.58,301.22,73.15,300.89,73.87,301.3Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M75,306.14a2.74,2.74,0,0,0,1.29,2.14l34.95,20.17c.71.41,1.29.11,1.29-.66a2.77,2.77,0,0,0-1.29-2.14L76.29,305.49C75.57,305.08,75,305.37,75,306.14Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M75,311.73a2.74,2.74,0,0,0,1.29,2.14L111.24,334c.71.41,1.29.12,1.29-.65a2.77,2.77,0,0,0-1.29-2.14L76.29,311.08C75.57,310.67,75,311,75,311.73Z"
+            style="fill: #263238"></path>
+          <path
+            d="M76.29,311.08,95.6,322.21V325L76.29,313.87A2.74,2.74,0,0,1,75,311.73C75,311,75.57,310.67,76.29,311.08Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M73.87,324l39.79,23a2.89,2.89,0,0,1,1.29,2.24v11c0,.82-.58,1.15-1.29.74L73.87,338a2.84,2.84,0,0,1-1.29-2.24v-11C72.58,324,73.15,323.62,73.87,324Z"
+            style="fill: #37474f"></path>
+          <path
+            d="M75,328.87A2.74,2.74,0,0,0,76.29,331l34.95,20.16c.71.42,1.29.12,1.29-.65a2.77,2.77,0,0,0-1.29-2.14L76.29,328.22C75.57,327.81,75,328.1,75,328.87Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M75,334.46a2.74,2.74,0,0,0,1.29,2.14l34.95,20.16c.71.41,1.29.12,1.29-.65a2.77,2.77,0,0,0-1.29-2.14L76.29,333.81C75.57,333.4,75,333.69,75,334.46Z"
+            style="fill: #263238"></path>
+          <path
+            d="M76.29,333.81l24.15,13.92v2.79L76.29,336.6A2.74,2.74,0,0,1,75,334.46C75,333.69,75.57,333.4,76.29,333.81Z"
+            style="fill: currentcolor"></path>
+        </g>
+        <path
+          d="M56.74,338.72,65,343.43a5.15,5.15,0,0,1,2.32,4v4.71c0,1.48-1,2.08-2.32,1.34l-8.21-4.71a5.18,5.18,0,0,1-2.33-4v-4.71C54.41,338.58,55.46,338,56.74,338.72Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M59,344l1.07-.62h0a1.41,1.41,0,0,1,1.42.14,4.46,4.46,0,0,1,2,3.5,1.41,1.41,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.08,2.08,0,0,1-.58-.22,4.48,4.48,0,0,1-2-3.51,2,2,0,0,1,.06-.51Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M59,344l1.07-.62h0a1.41,1.41,0,0,1,1.42.14,4.46,4.46,0,0,1,2,3.5,1.41,1.41,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.08,2.08,0,0,1-.58-.22,4.48,4.48,0,0,1-2-3.51,2,2,0,0,1,.06-.51Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M60.42,344.14a4.46,4.46,0,0,1,2,3.5c0,1.29-.91,1.81-2,1.17a4.47,4.47,0,0,1-2-3.5C58.4,344,59.31,343.5,60.42,344.14Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M56.74,338.72,65,343.43a5.15,5.15,0,0,1,2.32,4v4.71c0,1.48-1,2.08-2.32,1.34l-8.21-4.71a5.18,5.18,0,0,1-2.33-4v-4.71C54.41,338.58,55.46,338,56.74,338.72Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M59,344l1.07-.62h0a1.41,1.41,0,0,1,1.42.14,4.46,4.46,0,0,1,2,3.5,1.41,1.41,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.08,2.08,0,0,1-.58-.22,4.48,4.48,0,0,1-2-3.51,2,2,0,0,1,.06-.51Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M59,344l1.07-.62h0a1.41,1.41,0,0,1,1.42.14,4.46,4.46,0,0,1,2,3.5,1.41,1.41,0,0,1-.59,1.31h0l-1,.57-.18-.3a2.08,2.08,0,0,1-.58-.22,4.48,4.48,0,0,1-2-3.51,2,2,0,0,1,.06-.51Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M60.42,344.14a4.46,4.46,0,0,1,2,3.5c0,1.29-.91,1.81-2,1.17a4.47,4.47,0,0,1-2-3.5C58.4,344,59.31,343.5,60.42,344.14Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M73.87,346.77l39.79,23A2.85,2.85,0,0,1,115,372v11c0,.83-.58,1.16-1.29.75l-39.79-23a2.83,2.83,0,0,1-1.29-2.23v-11C72.58,346.69,73.15,346.35,73.87,346.77Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M75,351.61a2.74,2.74,0,0,0,1.29,2.14l34.95,20.16c.71.41,1.29.12,1.29-.65a2.77,2.77,0,0,0-1.29-2.14L76.29,351C75.57,350.54,75,350.84,75,351.61Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M75,357.19a2.76,2.76,0,0,0,1.29,2.15l34.95,20.16c.71.41,1.29.12,1.29-.65a2.79,2.79,0,0,0-1.29-2.15L76.29,356.54C75.57,356.13,75,356.42,75,357.19Z"
+          style="fill: #263238"></path>
+        <path
+          d="M76.29,356.54,95.6,367.67v2.8L76.29,359.34A2.76,2.76,0,0,1,75,357.19C75,356.42,75.57,356.13,76.29,356.54Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M177.29,158.41l-53.07,30.64a3.07,3.07,0,0,1-2.74,0L68.41,158.41a.84.84,0,0,1,0-1.59l53.07-29.58a3.07,3.07,0,0,1,2.74,0l53.07,29.58A.84.84,0,0,1,177.29,158.41Z"
+          style="opacity: 0.1"></path>
+        <path
+          d="M124.16,187.37l50.78-29.32a2.9,2.9,0,0,0,1.32-2.27v-1.71a2.91,2.91,0,0,0-1.32-2.28l-50.78-29.32a2.88,2.88,0,0,0-2.62,0L70.76,151.79a2.91,2.91,0,0,0-1.32,2.28v1.71a2.9,2.9,0,0,0,1.32,2.27l50.78,29.32A2.88,2.88,0,0,0,124.16,187.37Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M124.16,187.37l50.78-29.32a2.9,2.9,0,0,0,1.32-2.27v-1.71a2.91,2.91,0,0,0-1.32-2.28l-50.78-29.32a2.88,2.88,0,0,0-2.62,0L70.76,151.79a2.91,2.91,0,0,0-1.32,2.28v1.71a2.9,2.9,0,0,0,1.32,2.27l50.78,29.32A2.88,2.88,0,0,0,124.16,187.37Z"
+          style=" opacity: 0.5;fill: #fff"></path>
+        <path
+          d="M124.16,187.37l50.78-29.32a2.9,2.9,0,0,0,1.32-2.27v-1.71a2.91,2.91,0,0,0-1.32-2.28l-50.78-29.32a2.88,2.88,0,0,0-2.62,0L70.76,151.79a2.91,2.91,0,0,0-1.32,2.28v1.71a2.9,2.9,0,0,0,1.32,2.27l50.78,29.32A2.88,2.88,0,0,0,124.16,187.37Z"
+          style="opacity: 0.05"></path>
+        <path
+          d="M174.94,153.31l-50.78,29.31a2.88,2.88,0,0,1-2.62,0L70.76,153.31a.8.8,0,0,1,0-1.52l50.78-28.3a2.88,2.88,0,0,1,2.62,0l50.78,28.3A.8.8,0,0,1,174.94,153.31Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M174.94,153.31l-50.78,29.31a2.88,2.88,0,0,1-2.62,0L70.76,153.31a.8.8,0,0,1,0-1.52l50.78-28.3a2.88,2.88,0,0,1,2.62,0l50.78,28.3A.8.8,0,0,1,174.94,153.31Z"
+          style=" opacity: 0.7;fill: #fff"></path>
+        <path
+          d="M122.85,182.94v4.74a2.67,2.67,0,0,0,1.31-.31l50.78-29.32a2.91,2.91,0,0,0,1.32-2.28v-1.71a2.92,2.92,0,0,0-1.07-2.1c.47.41.39,1-.25,1.34l-50.78,29.32A2.57,2.57,0,0,1,122.85,182.94Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M122.85,182.94v4.74a2.67,2.67,0,0,0,1.31-.31l50.78-29.32a2.91,2.91,0,0,0,1.32-2.28v-1.71a2.92,2.92,0,0,0-1.07-2.1c.47.41.39,1-.25,1.34l-50.78,29.32A2.57,2.57,0,0,1,122.85,182.94Z"
+          style=" opacity: 0.6;fill: #fff"></path>
+        <path
+          d="M124.16,173.14l34.35-19.83a2.89,2.89,0,0,0,1.31-2.28v-1.71a2.88,2.88,0,0,0-1.31-2.27l-22-12.72a8.71,8.71,0,0,1-2.22-2l-10.52-14.17a1.74,1.74,0,0,0-2.21-.46L87.19,137.56a2.89,2.89,0,0,0-1.31,2.27V151a2.92,2.92,0,0,0,1.31,2.28l34.35,19.83A2.88,2.88,0,0,0,124.16,173.14Z"
+          style="fill: #263238"></path>
+        <path
+          d="M121.54,168.39l-22-12.71a7.19,7.19,0,0,1-1.15-.85,7.87,7.87,0,0,1-1.07-1.13L86.78,139.53a1.31,1.31,0,0,1,.41-2l34.35-19.83a1.74,1.74,0,0,1,2.21.46l10.52,14.17a8.28,8.28,0,0,0,2,2l22.2,12.64a.79.79,0,0,1,0,1.51l-34.35,19.83A2.88,2.88,0,0,1,121.54,168.39Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M87.19,137.56l34.35-19.83a1.74,1.74,0,0,1,2.21.46l10.52,14.17a8,8,0,0,0,1.08,1.12s-37,21.35-37,21.34a7.84,7.84,0,0,1-1.07-1.12L86.78,139.53A1.31,1.31,0,0,1,87.19,137.56Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M150.18,147.39a3.41,3.41,0,0,0-3.08,0c-.86.5-.86,1.29,0,1.78a3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,150.18,147.39Z"
+          style="fill: currentcolor"></path>
+        <path d="M144,151a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,144,151Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M137.85,154.51a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,137.85,154.51Z"
+          style="fill: #263238"></path>
+        <path
+          d="M131.69,158.07a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,131.69,158.07Z"
+          style="fill: #263238"></path>
+        <path
+          d="M145.56,144.73a3.37,3.37,0,0,0-3.09,0,.93.93,0,0,0,0,1.77,3.37,3.37,0,0,0,3.09,0A.93.93,0,0,0,145.56,144.73Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M139.39,148.28a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,139.39,148.28Z"
+          style="fill: #263238"></path>
+        <ellipse cx="131.69" cy="152.73" rx="2.18" ry="1.26" style="fill: currentcolor"></ellipse>
+        <path
+          d="M127.07,155.4a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,127.07,155.4Z"
+          style="fill: #263238"></path>
+        <path
+          d="M140.93,142.06a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,140.93,142.06Z"
+          style="fill: #263238"></path>
+        <path
+          d="M134.77,145.62a3.35,3.35,0,0,0-3.08,0,.93.93,0,0,0,0,1.77,3.35,3.35,0,0,0,3.08,0A.93.93,0,0,0,134.77,145.62Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M128.61,149.17a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,128.61,149.17Z"
+          style="fill: #263238"></path>
+        <path
+          d="M125.49,161.55a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,125.49,161.55Z"
+          style="fill: currentcolor"></path>
+        <ellipse cx="119.33" cy="159.77" rx="2.18" ry="1.26" style="fill: #263238"></ellipse>
+        <path
+          d="M122.45,152.73a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,122.45,152.73Z"
+          style="fill: #263238"></path>
+        <path
+          d="M136.31,139.39a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,136.31,139.39Z"
+          style="fill: currentcolor"></path>
+        <path d="M130.15,143a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,130.15,143Z"
+          style="fill: #263238"></path>
+        <path d="M124,146.51a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,124,146.51Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M117.83,150.06a3.41,3.41,0,0,0-3.08,0c-.86.5-.86,1.29,0,1.78a3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,117.83,150.06Z"
+          style="fill: #263238"></path>
+        <path
+          d="M116.25,156.22a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,116.25,156.22Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M111.63,153.55a3.41,3.41,0,0,0-3.08,0,.94.94,0,0,0,0,1.78,3.41,3.41,0,0,0,3.08,0A.94.94,0,0,0,111.63,153.55Z"
+          style="fill: #263238"></path>
+        <path
+          d="M122.78,168.71v4.73a2.72,2.72,0,0,0,1.38-.3l34.35-19.84a2.86,2.86,0,0,0,1.31-2.27v-1.71a2.89,2.89,0,0,0-1.07-2.1c.48.41.4,1-.24,1.34l-34.35,19.83A2.63,2.63,0,0,1,122.78,168.71Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M129.73,131.76l0,0a1.17,1.17,0,0,0-1.48-.31L98.33,148.67a.89.89,0,0,0-.27,1.32l0,0a1.18,1.18,0,0,0,1.48.31l29.88-17.26A.88.88,0,0,0,129.73,131.76Z"
+          style="fill: #263238"></path>
+        <path
+          d="M129.73,131.76l0,0a1.17,1.17,0,0,0-1.48-.31L106,144.24l1.24,1.67,22.21-12.83A.88.88,0,0,0,129.73,131.76Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M127.26,128.45l0,0a1.16,1.16,0,0,0-1.48-.31L95.86,145.36a.87.87,0,0,0-.27,1.31l0,0a1.16,1.16,0,0,0,1.48.31L127,129.77A.88.88,0,0,0,127.26,128.45Z"
+          style="fill: #263238"></path>
+        <path d="M127.26,128.45l0,0a1.16,1.16,0,0,0-1.48-.31l-7.43,4.29,1.24,1.66,7.42-4.28A.88.88,0,0,0,127.26,128.45Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M124.79,125.13l0,0a1.16,1.16,0,0,0-1.48-.31L93.39,142a.89.89,0,0,0-.27,1.32l0,0a1.16,1.16,0,0,0,1.48.3l29.88-17.25A.88.88,0,0,0,124.79,125.13Z"
+          style="fill: #263238"></path>
+        <path d="M124.79,125.13l0,0a1.16,1.16,0,0,0-1.48-.31l-15.57,9L109,135.4l15.56-9A.88.88,0,0,0,124.79,125.13Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M122.32,121.81l0,0a1.16,1.16,0,0,0-1.48-.3L90.92,138.72a.88.88,0,0,0-.27,1.32l0,0a1.16,1.16,0,0,0,1.48.31L122,123.13A.88.88,0,0,0,122.32,121.81Z"
+          style="fill: #263238"></path>
+        <path
+          d="M122.32,121.81l0,0a1.16,1.16,0,0,0-1.48-.3L93.68,137.13l1.24,1.66L122,123.13A.88.88,0,0,0,122.32,121.81Z"
+          style="fill: currentcolor"></path>
+      </g>
+    </g>
+    <g id="freepik--Gears--inject-87">
+      <g id="freepik--gears--inject-87">
+        <path
+          d="M132.4,412.71v7.54a.56.56,0,0,0,.51.55l3.93.24v5.54h0a.33.33,0,0,0,.19.28l4.15,2.39a1,1,0,0,0,.52.11h0a.83.83,0,0,0,.39-.08l4.2-1.94a1.58,1.58,0,0,1,1-.06,24.6,24.6,0,0,0,3.26.78.78.78,0,0,1,.61.59l.52,2.76a.69.69,0,0,0,.23.37h0a.62.62,0,0,0,.39.14h6.09a.55.55,0,0,0,.34-.13.19.19,0,0,0,.08-.07.73.73,0,0,0,.09-.08v-.06c0-.06.09-.1.1-.17l.53-2.76a.77.77,0,0,1,.6-.59,24.23,24.23,0,0,0,3.26-.78,1.58,1.58,0,0,1,1,.06l4.2,1.94a.71.71,0,0,0,.26,0v0H169a1,1,0,0,0,.4-.1h0l4.14-2.39a.41.41,0,0,0,.15-.14h0a.35.35,0,0,0,0-.11h0v-2.36h0v-3.18h0l3.86-.25h.07a.93.93,0,0,0,.1-.05.53.53,0,0,0,.26-.13.41.41,0,0,0,.08-.19c0-.06.08-.11.08-.18h0v-3.08h0v-3.95h0v-3.08a.56.56,0,0,0-.52-.55l-3.93-.25v-5.53h0a.34.34,0,0,0-.19-.3l-4.14-2.39a1.14,1.14,0,0,0-.92,0l-4.2,1.94a1.5,1.5,0,0,1-1,.06,24.21,24.21,0,0,0-3.26-.77.79.79,0,0,1-.6-.59L159,399a.65.65,0,0,0-.61-.51h-6.09a.66.66,0,0,0-.62.51l-.52,2.77a.8.8,0,0,1-.61.59,24.58,24.58,0,0,0-3.26.77,1.51,1.51,0,0,1-1-.06l-4.2-1.94a1.11,1.11,0,0,0-.91,0l-4.14,2.39a.35.35,0,0,0-.2.3h0v5.52l-3.93.25a.56.56,0,0,0-.51.55v2.46A.41.41,0,0,0,132.4,412.71Zm15.91,2a15.48,15.48,0,0,1,14,0q.44.25.81.51a8.14,8.14,0,0,1-.81.54,15.46,15.46,0,0,1-14,0,7.58,7.58,0,0,1-.81-.53A8.52,8.52,0,0,1,148.31,414.67Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M132.39,412.71l0,7.54a.55.55,0,0,0,.51.54l3.93.25v5.54a.33.33,0,0,0,.19.28l4.15,2.39a1,1,0,0,0,.52.11h0a.83.83,0,0,0,.39-.08l4.2-1.94a1.46,1.46,0,0,1,.4-.1h0a1.47,1.47,0,0,1,.56,0,24.6,24.6,0,0,0,3.26.78.64.64,0,0,1,.26.1v0a.79.79,0,0,1,.35.46l.52,2.76a.63.63,0,0,0,.23.36h0a.62.62,0,0,0,.39.14h6.2a.69.69,0,0,0,.4-.27v-.06c0-.06.09-.1.1-.17l.53-2.76a.7.7,0,0,1,.24-.4h0a.77.77,0,0,1,.36-.18,24.23,24.23,0,0,0,3.26-.78,1.69,1.69,0,0,1,.64,0v0a1.27,1.27,0,0,1,.32.07l4.2,1.94a.71.71,0,0,0,.26,0v0h0a1.07,1.07,0,0,0,.65-.1h0l4.14-2.39.09-.06.07-.09a.27.27,0,0,0,0-.12h0v-5.54l.72-.05,3.14-.2h.07a.55.55,0,0,0,.52-.54v-7a.55.55,0,0,1-.52.54l-5.52.35a1,1,0,0,0-.74.5,8.28,8.28,0,0,1-1.18,1.63.43.43,0,0,0,.07.67l3.28,2.36a.31.31,0,0,1,0,.56l-4.14,2.39a1.1,1.1,0,0,1-.92,0l-4.2-1.94a1.57,1.57,0,0,0-1-.06,23.87,23.87,0,0,1-3.26.78.79.79,0,0,0-.6.59l-.53,2.76a.65.65,0,0,1-.61.51h-6.09a.66.66,0,0,1-.62-.51l-.52-2.76a.81.81,0,0,0-.61-.59,24.6,24.6,0,0,1-3.26-.78,1.58,1.58,0,0,0-1,.06l-4.2,1.94a1.07,1.07,0,0,1-.91,0L137,419.83a.31.31,0,0,1,0-.56l3.28-2.36a.45.45,0,0,0,.06-.68,7.89,7.89,0,0,1-1.17-1.62,1,1,0,0,0-.75-.5l-5.52-.34a.56.56,0,0,1-.51-.55v-.62A.43.43,0,0,0,132.39,412.71Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M136.85,403.82v5.52l1.59-.1a1,1,0,0,0,.75-.5,8.17,8.17,0,0,1,1.17-1.62.45.45,0,0,0-.06-.68L137,404.08a.37.37,0,0,1-.17-.26Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M147.51,415.19l.35-.25,0,0,.41-.25a15.48,15.48,0,0,1,14,0l.37.22c.15.1.3.19.44.3,3-2.25,2.76-5.49-.81-7.55a15.4,15.4,0,0,0-14,0C144.74,409.7,144.47,413,147.51,415.19Z"
+          style="opacity: 0.4"></path>
+        <path
+          d="M170.26,407.12a8.23,8.23,0,0,1,1.18,1.62,1,1,0,0,0,.74.5l1.59.1v-5.53a.39.39,0,0,1-.17.27l-3.28,2.36A.44.44,0,0,0,170.26,407.12Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M168.52,401.09l-4.2,1.94a1.5,1.5,0,0,1-1,.06,24.21,24.21,0,0,0-3.26-.77.79.79,0,0,1-.6-.59L159,399a.65.65,0,0,0-.61-.51h-6.09a.66.66,0,0,0-.62.51l-.52,2.77a.8.8,0,0,1-.61.59,24.58,24.58,0,0,0-3.26.77,1.51,1.51,0,0,1-1-.06l-4.2-1.94a1.11,1.11,0,0,0-.91,0l-4.14,2.39a.31.31,0,0,0,0,.56l3.28,2.36a.45.45,0,0,1,.06.68,8.17,8.17,0,0,0-1.17,1.62,1,1,0,0,1-.75.5l-5.52.35a.56.56,0,0,0-.51.55v3.08a.56.56,0,0,0,.51.55l5.52.34a1,1,0,0,1,.75.5,8.22,8.22,0,0,0,1.17,1.63.44.44,0,0,1-.06.67L137,419.27a.31.31,0,0,0,0,.56l4.14,2.39a1.07,1.07,0,0,0,.91,0l4.2-1.94a1.58,1.58,0,0,1,1-.06,24.6,24.6,0,0,0,3.26.78.78.78,0,0,1,.61.59l.52,2.76a.66.66,0,0,0,.62.51h6.09a.65.65,0,0,0,.61-.51l.53-2.76a.77.77,0,0,1,.6-.59,24.23,24.23,0,0,0,3.26-.78,1.57,1.57,0,0,1,1,.06l4.2,1.94a1.1,1.1,0,0,0,.92,0l4.14-2.39a.31.31,0,0,0,0-.56l-3.28-2.36a.42.42,0,0,1-.06-.67,8.22,8.22,0,0,0,1.17-1.63,1,1,0,0,1,.74-.5l5.52-.34a.56.56,0,0,0,.52-.55v-3.08a.56.56,0,0,0-.52-.55l-5.52-.35a1,1,0,0,1-.74-.5,8.17,8.17,0,0,0-1.17-1.62.43.43,0,0,1,.06-.68l3.28-2.36a.31.31,0,0,0,0-.56l-4.14-2.39A1.14,1.14,0,0,0,168.52,401.09Zm-6.21,6.55c3.87,2.23,3.87,5.85,0,8.08a15.46,15.46,0,0,1-14,0c-3.87-2.23-3.87-5.85,0-8.08A15.46,15.46,0,0,1,162.31,407.64Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M173.77,419.55a.35.35,0,0,0-.16-.28L172,418.08v-3.91a.9.9,0,0,1,.22-.06l5.52-.35a.55.55,0,0,0,.52-.54v7a.55.55,0,0,1-.52.54h-.07l-3.14.2-.72.05S173.78,419.65,173.77,419.55Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M173.77,419.55a.35.35,0,0,0-.16-.28L172,418.08v-3.91a.9.9,0,0,1,.22-.06l5.52-.35a.55.55,0,0,0,.52-.54v7a.55.55,0,0,1-.52.54h-.07l-3.14.2-.72.05S173.78,419.65,173.77,419.55Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M164,420.23a1.26,1.26,0,0,1,.31.09l4.2,1.94a1.06,1.06,0,0,0,.54.07v7a.88.88,0,0,1-.28,0h0v0a.71.71,0,0,1-.26,0l-4.2-1.94a1.29,1.29,0,0,0-.31-.07Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M164,420.23a1.26,1.26,0,0,1,.31.09l4.2,1.94a1.06,1.06,0,0,0,.54.07v7a.88.88,0,0,1-.28,0h0v0a.71.71,0,0,1-.26,0l-4.2-1.94a1.29,1.29,0,0,0-.31-.07Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M158.89,424.59a.5.5,0,0,0,.08-.2l.53-2.76a.49.49,0,0,1,.08-.21v7a.54.54,0,0,0-.08.21l-.53,2.76c0,.06-.05.09-.08.14Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M158.89,424.59a.5.5,0,0,0,.08-.2l.53-2.76a.49.49,0,0,1,.08-.21v7a.54.54,0,0,0-.08.21l-.53,2.76c0,.06-.05.09-.08.14Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M151.05,421.42a.66.66,0,0,1,.08.21l.52,2.76a1.19,1.19,0,0,0,.08.2v7a1.19,1.19,0,0,1-.08-.2l-.52-2.76a.64.64,0,0,0-.08-.19Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M141.56,422.33a1.06,1.06,0,0,0,.54-.07l4.2-1.94a1.35,1.35,0,0,1,.32-.09v7a1,1,0,0,0-.32.08l-4.2,1.94a.83.83,0,0,1-.39.08h-.15Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M132.92,413.77l5.52.34a1,1,0,0,1,.23.06v3.91L137,419.27a.36.36,0,0,0-.17.28V421l-3.93-.25a.55.55,0,0,1-.51-.54l0-7.54a.43.43,0,0,1,0-.11v.62A.56.56,0,0,0,132.92,413.77Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M213.17,391.05h0l0-.1h0v-5h0a.4.4,0,0,0-.09-.24l-1.55-2.16a.71.71,0,0,0-.63-.3l-4.06.68a1.3,1.3,0,0,1-.77-.22,9.1,9.1,0,0,0-.8-.51V380h0c0-.13-.12-.25-.32-.3l-4.12-1a.79.79,0,0,0-.66.12l-2,2.07a.88.88,0,0,1-.64.2,21.77,21.77,0,0,0-2.68,0,1.1,1.1,0,0,1-.73-.32L192.36,379a.79.79,0,0,0-.68-.25l-4.28,1a.27.27,0,0,0-.22.28v3.21a9.23,9.23,0,0,0-1,.61,1.12,1.12,0,0,1-.7.12l-3.93-.66a.69.69,0,0,0-.62.18l-1.7,2.37a.15.15,0,0,0,0,.11v0c0,.36,0,6.13,0,6.16a.29.29,0,0,0,0,.1v5a.41.41,0,0,0,.09.26l1.55,2.16a.74.74,0,0,0,.63.3l4-.69a1.26,1.26,0,0,1,.78.23c.25.17.52.34.8.5v3.21c0,.14.12.26.32.31l4.11,1a.77.77,0,0,0,.67-.13l2-2.07a.88.88,0,0,1,.64-.2,24,24,0,0,0,2.68,0,1,1,0,0,1,.72.31l1.77,1.85a.82.82,0,0,0,.68.26l4.28-1a.29.29,0,0,0,.22-.23c0-.07,0-3.26,0-3.26a11.2,11.2,0,0,0,1-.6,1,1,0,0,1,.7-.13l3.93.67a.67.67,0,0,0,.62-.19l1.7-2.37a.17.17,0,0,0,0-.11c0-.11,0-6,0-6.17Zm-22.89.13c.19-.13.39-.26.61-.39a11.8,11.8,0,0,1,10.64,0c.21.13.41.25.59.38a5.89,5.89,0,0,1-.64.42,11.82,11.82,0,0,1-8.16.92,9.18,9.18,0,0,1-2.41-.92C190.69,391.46,190.47,391.32,190.28,391.18Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M213.17,391.05h0l0-.1h0v-5h0a.4.4,0,0,0-.09-.24l-1.55-2.16a.71.71,0,0,0-.63-.3l-4.06.68a1.3,1.3,0,0,1-.77-.22,9.1,9.1,0,0,0-.8-.51V380h0c0-.13-.12-.25-.32-.3l-4.12-1a.79.79,0,0,0-.66.12l-2,2.07a.88.88,0,0,1-.64.2,21.77,21.77,0,0,0-2.68,0,1.1,1.1,0,0,1-.73-.32L192.36,379a.79.79,0,0,0-.68-.25l-4.28,1a.27.27,0,0,0-.22.28v3.21a9.23,9.23,0,0,0-1,.61,1.12,1.12,0,0,1-.7.12l-3.93-.66a.69.69,0,0,0-.62.18l-1.7,2.37a.15.15,0,0,0,0,.11v0c0,.36,0,6.13,0,6.16a.29.29,0,0,0,0,.1v5a.41.41,0,0,0,.09.26l1.55,2.16a.74.74,0,0,0,.63.3l4-.69a1.26,1.26,0,0,1,.78.23c.25.17.52.34.8.5v3.21c0,.14.12.26.32.31l4.11,1a.77.77,0,0,0,.67-.13l2-2.07a.88.88,0,0,1,.64-.2,24,24,0,0,0,2.68,0,1,1,0,0,1,.72.31l1.77,1.85a.82.82,0,0,0,.68.26l4.28-1a.29.29,0,0,0,.22-.23c0-.07,0-3.26,0-3.26a11.2,11.2,0,0,0,1-.6,1,1,0,0,1,.7-.13l3.93.67a.67.67,0,0,0,.62-.19l1.7-2.37a.17.17,0,0,0,0-.11c0-.11,0-6,0-6.17Zm-22.89.13c.19-.13.39-.26.61-.39a11.8,11.8,0,0,1,10.64,0c.21.13.41.25.59.38a5.89,5.89,0,0,1-.64.42,11.82,11.82,0,0,1-8.16.92,9.18,9.18,0,0,1-2.41-.92C190.69,391.46,190.47,391.32,190.28,391.18Z"
+          style="opacity: 0.3"></path>
+        <path d="M179.23,386h0v0s0,0,0,0A.09.09,0,0,0,179.23,386Z" style="fill: currentcolor"></path>
+        <path d="M188.12,382.74c-.33.15-.64.31-.94.48V380a.28.28,0,0,0,0,.17l1,2A.38.38,0,0,1,188.12,382.74Z"
+          style="opacity: 0.3"></path>
+        <path
+          d="M183.41,387.81a4,4,0,0,0,0,1.34.42.42,0,0,1-.27.47l-3.7,1.17a.26.26,0,0,0-.18.24c0,.07,0,1.2,0,1.2l0-.09c0-2.1,0-5.61,0-5.92V386c0,.12.12.23.3.28l3.49,1.11A.49.49,0,0,1,183.41,387.81Z"
+          style="opacity: 0.15"></path>
+        <path d="M185.72,393v6.18h-.15l-4,.68a.47.47,0,0,1-.2,0v-6.18a.5.5,0,0,0,.21,0l4.05-.68Z" style="opacity: 0.15">
+        </path>
+        <path
+          d="M187.15,400c-.28-.16-.55-.33-.8-.5a1.51,1.51,0,0,0-.63-.23V393a1.42,1.42,0,0,1,.64.23,12.15,12.15,0,0,0,1.64.94c.24.12.37.33.29.49l-1.11,2.2a.3.3,0,0,0,0,.1C187.16,397.12,187.15,400,187.15,400Z"
+          style="opacity: 0.25"></path>
+        <path
+          d="M194.47,395.94v6.18a.55.55,0,0,0-.25.14l-2,2.07a.54.54,0,0,1-.36.14v-6.18a.55.55,0,0,0,.37-.14l2-2.07A.76.76,0,0,1,194.47,395.94Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M197.8,395.92v6.18a.61.61,0,0,0-.26,0,24,24,0,0,1-2.68,0,1,1,0,0,0-.39.06v-6.18a1.08,1.08,0,0,1,.4-.06,21.78,21.78,0,0,0,2.68,0A.59.59,0,0,1,197.8,395.92Z"
+          style="opacity: 0.25"></path>
+        <path
+          d="M200.42,398.27v6.18a.86.86,0,0,1-.39-.23l-1.76-1.85a1.06,1.06,0,0,0-.47-.27v-6.18a1.16,1.16,0,0,1,.47.27L200,398A.83.83,0,0,0,200.42,398.27Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M205.21,397.05V400h0v3.26a.29.29,0,0,1-.22.23l-4.28,1a.49.49,0,0,1-.29,0v-6.18a.54.54,0,0,0,.3,0l4.28-1A.25.25,0,0,0,205.21,397.05Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M205.21,397.05V400h0v3.26a.29.29,0,0,1-.22.23l-4.28,1a.49.49,0,0,1-.29,0v-6.18a.54.54,0,0,0,.3,0l4.28-1A.25.25,0,0,0,205.21,397.05Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M206.59,393.05v6.18a.91.91,0,0,0-.42.13,11.2,11.2,0,0,1-1,.6s0-2.83,0-3a.41.41,0,0,0-.05-.17l-1-2a.36.36,0,0,1,.12-.51,11.52,11.52,0,0,0,1.9-1.09A.87.87,0,0,1,206.59,393.05Z"
+          style="opacity: 0.15"></path>
+        <path
+          d="M213.17,391.06c0,.21,0,6.06,0,6.17a.17.17,0,0,1,0,.11l-1.7,2.37a.52.52,0,0,1-.29.17v-6.17a.66.66,0,0,0,.3-.17l1.7-2.38A.21.21,0,0,0,213.17,391.06Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M213.17,391.06c0,.21,0,6.06,0,6.17a.17.17,0,0,1,0,.11l-1.7,2.37a.52.52,0,0,1-.29.17v-6.17a.66.66,0,0,0,.3-.17l1.7-2.38A.21.21,0,0,0,213.17,391.06Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M213.17,391.06c0,.21,0,6.06,0,6.17a.17.17,0,0,1,0,.11l-1.7,2.37a.52.52,0,0,1-.29.17v-6.17a.66.66,0,0,0,.3-.17l1.7-2.38A.21.21,0,0,0,213.17,391.06Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M187.18,380v0a.37.37,0,0,0,0,.16l1,2a.37.37,0,0,1-.13.52c-.33.15-.64.31-.94.48a9.23,9.23,0,0,0-1,.61,1.12,1.12,0,0,1-.7.12l-3.93-.66a.69.69,0,0,0-.62.18l-1.7,2.37a.15.15,0,0,0,0,.11v0c0,.11.12.21.3.27l3.49,1.11a.49.49,0,0,1,.39.46,4,4,0,0,0,0,1.34.42.42,0,0,1-.27.47l-3.7,1.17a.25.25,0,0,0-.17.24.49.49,0,0,0,.08.24l1.55,2.16a.76.76,0,0,0,.64.3l4.05-.68a1.2,1.2,0,0,1,.78.22,12.15,12.15,0,0,0,1.64.94c.24.12.37.33.29.49l-1.11,2.2c-.08.16.06.33.3.4l4.11,1a.77.77,0,0,0,.67-.13l2-2.07a1,1,0,0,1,.64-.2,24,24,0,0,0,2.68,0,1,1,0,0,1,.72.31L200,398a.82.82,0,0,0,.68.26l4.28-1a.29.29,0,0,0,.17-.45l-1-2a.35.35,0,0,1,.13-.51,11.84,11.84,0,0,0,1.89-1.09,1,1,0,0,1,.71-.12l3.92.66a.69.69,0,0,0,.63-.19l1.7-2.37a.14.14,0,0,0,0-.1h0l0-.1h0a.47.47,0,0,0-.27-.19l-3.5-1.1c-.24-.08-.41-.29-.38-.47a4.56,4.56,0,0,0,0-1.33.43.43,0,0,1,.27-.48l3.7-1.17a.23.23,0,0,0,.17-.22h0a.4.4,0,0,0-.09-.24l-1.55-2.16a.71.71,0,0,0-.63-.3l-4.06.68a1.3,1.3,0,0,1-.77-.22,9.1,9.1,0,0,0-.8-.51c-.27-.15-.55-.3-.84-.44s-.38-.33-.3-.48l1.12-2.21a.29.29,0,0,0,0-.09c0-.13-.12-.25-.32-.3l-4.12-1a.79.79,0,0,0-.66.12l-2,2.07a.88.88,0,0,1-.64.2,21.77,21.77,0,0,0-2.68,0,1.1,1.1,0,0,1-.73-.32L192.36,379a.79.79,0,0,0-.68-.25l-4.28,1A.27.27,0,0,0,187.18,380Zm15.55,6.35a1.14,1.14,0,0,1,.11.11l.07.07.15.19c.06.07.11.15.16.22l.09.15,0,.06a2.65,2.65,0,0,1-.21,3,4.45,4.45,0,0,1-1,1,5.89,5.89,0,0,1-.64.42,11.82,11.82,0,0,1-8.16.92,9.18,9.18,0,0,1-2.41-.92c-.22-.13-.44-.27-.63-.41a4.26,4.26,0,0,1-1.28-1.43s0,0,0,0a.2.2,0,0,1,0-.08.36.36,0,0,1,0-.09.36.36,0,0,1,0-.09,2.66,2.66,0,0,1,.38-2.63c1.59-2.21,6-3.27,9.82-2.35A7.61,7.61,0,0,1,202.73,386.36Z"
+          style="fill: currentcolor"></path>
+      </g>
+    </g>
+    <g id="freepik--Wrench--inject-87">
+      <g id="freepik--wrench--inject-87">
+        <path
+          d="M236.85,372.18c-.85.49-2.44.47-2.94,1.05v2.08l9.68-1.41,3.66,2.14L245.86,379l-9.78-.65v2.08a6.19,6.19,0,0,0,.66.42,16.48,16.48,0,0,0,14.92.07c2.09-1.19,3.14-2.76,3.14-4.33h0v-2.08l-.58.09-.06-.11,36.63-21.15a16.63,16.63,0,0,0,11-1.38,6.13,6.13,0,0,0,2.94-3.13V346.7l-9.68,3.49-3.66-2.14,1.39-2.91,9.78-1.43v-2.09s-11.43-.76-15.58,1.6a6.89,6.89,0,0,0-2.59,2.39l-.55-.2v2.07h0a4,4,0,0,0,.64,2.17L247.87,370.8A16.6,16.6,0,0,0,236.85,372.18Z"
+          style="fill: #37474f"></path>
+        <polygon points="290.79 353.29 290.8 351.2 254.16 372.35 254.16 374.44 290.79 353.29" style="fill: #37474f">
+        </polygon>
+        <path
+          d="M284.51,347.57l-36.63,21.15a16.57,16.57,0,0,0-11,1.38,6.1,6.1,0,0,0-2.94,3.13l9.68-1.42,3.66,2.15-1.39,2.91-9.78,1.43c.21.14.42.28.66.42a16.48,16.48,0,0,0,14.92.06c3-1.73,3.87-4.26,2.5-6.43l36.63-21.15a16.57,16.57,0,0,0,11-1.38,6.12,6.12,0,0,0,2.94-3.12l-9.68,1.41L291.42,346l1.39-2.9,9.78-1.44-.66-.42a16.51,16.51,0,0,0-14.92-.06C284,342.87,283.14,345.4,284.51,347.57Z"
+          style="fill: #455a64"></path>
+        <polygon
+          points="292.2 346.42 291.42 345.96 292.81 343.06 302.59 341.62 302.59 343.71 292.81 345.14 292.2 346.42"
+          style="fill: #263238"></polygon>
+        <polygon
+          points="246.47 375.59 247.25 373.96 243.59 371.81 233.91 373.23 233.91 375.31 243.59 373.9 246.47 375.59"
+          style="fill: #263238"></polygon>
+      </g>
+    </g>
+    <g id="freepik--Screwdriver--inject-87">
+      <g id="freepik--screwdriver--inject-87">
+        <path
+          d="M259.26,403l7.66,13.26,25.83-14.91c1.06-.53,1.73-1.77,1.73-3.58a12,12,0,0,0-5.42-9.38,3.82,3.82,0,0,0-3.84-.38h0Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M257.72,405.71h0c-.11,2-3,2.45-3,2.45l5.41,9.38s1.81-2.22,3.62-1.34h0c2.67,1.16,4.74-.28,4.74-3.46a12,12,0,0,0-5.42-9.39C260.33,401.75,258.06,402.82,257.72,405.71Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M257.72,405.71h0c-.11,2-3,2.45-3,2.45l5.41,9.38s1.81-2.22,3.62-1.34h0c2.67,1.16,4.74-.28,4.74-3.46a12,12,0,0,0-5.42-9.39C260.33,401.75,258.06,402.82,257.72,405.71Z"
+          style="opacity: 0.05"></path>
+        <path d="M256,407.76a5.79,5.79,0,0,1-1.29.4l5.41,9.38a6,6,0,0,1,1-.91A12.1,12.1,0,0,0,256,407.76Z"
+          style="opacity: 0.05"></path>
+        <path
+          d="M249.11,408.82l.45.79a5.69,5.69,0,0,0-.23,1.68,12,12,0,0,0,5.42,9.38,5.36,5.36,0,0,0,1.57.64l.45.78,1.81-1h0a3.81,3.81,0,0,0,1.58-3.51,12,12,0,0,0-5.41-9.38,3.81,3.81,0,0,0-3.83-.38h0Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M258.36,418.59a12,12,0,0,0-5.42-9.39c-3-1.73-5.42-.32-5.42,3.13a12,12,0,0,0,5.42,9.38C255.93,423.44,258.36,422,258.36,418.59Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M258.36,418.59a12,12,0,0,0-5.42-9.39c-3-1.73-5.42-.32-5.42,3.13a12,12,0,0,0,5.42,9.38C255.93,423.44,258.36,422,258.36,418.59Z"
+          style="opacity: 0.15"></path>
+        <path d="M250.83,420a10.68,10.68,0,0,0,1.34,1.2l1.27-3.61-1.53-1.13Z" style="opacity: 0.15"></path>
+        <path
+          d="M290.07,394h0a1.49,1.49,0,0,1-.55,2l-18.45,10.65a1.49,1.49,0,0,1-2-.55h0a1.49,1.49,0,0,1,.55-2L288,393.47A1.49,1.49,0,0,1,290.07,394Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M286.74,390.05h0a.87.87,0,0,1-.07,1.53l-18.79,10.85a2.06,2.06,0,0,1-2.18-.23h0a.88.88,0,0,1,.07-1.54l18.8-10.85A2,2,0,0,1,286.74,390.05Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M291.84,398.89h0a.87.87,0,0,0-1.36-.71L271.68,409a2.06,2.06,0,0,0-.88,2h0a.87.87,0,0,0,1.36.71L291,400.89A2.05,2.05,0,0,0,291.84,398.89Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M205.43,440.47v3.61l9-2.93s1.81-3.32,3.61-4.37L252.39,417l1.05-3-1.05-.61-34.32,19.81a3.61,3.61,0,0,1-3.61-.19Z"
+          style="fill: #455a64"></path>
+        <path d="M206.49,441.08v3.61l9-2.93s1.81-3.32,3.61-4.36l34.31-19.81V414l-34.31,19.81a3.59,3.59,0,0,1-3.61-.19Z"
+          style="fill: #37474f"></path>
+        <polygon points="206.49 444.69 205.43 444.08 205.43 440.47 206.49 441.08 206.49 444.69" style="fill: #263238">
+        </polygon>
+        <polygon points="205.43 440.47 206.49 441.08 215.52 433.59 214.46 432.98 205.43 440.47" style="fill: #455a64">
+        </polygon>
+      </g>
+    </g>
+    <g id="freepik--Character--inject-87">
+      <g id="freepik--character--inject-87">
+        <path
+          d="M357.56,210c5.84-6,16.41-19.63,16.41-19.63l6-20.71c.15.06-3.05.07-4,0-6.46.43-8.36,1-12.38,5.38-3.19,3.49-15.36,20.12-19.6,25.71l-11.23-14.31c-2.69-4.07-2.25-8.62-3.65-11.94s-3.65-4.79-5.46-7.8-2.24-5-3.72-3.43.23,5.68.45,6.62,2.48,3.75-1.3,2.29-9.62-8.37-11.13-9.79-2.3.78-2,2.51-1.28,5.63-.69,8.49c.62,3,1.07,4.43,4,7.38,2.72,2.75,9.4,6.11,12,9.72s8.18,14.81,11.59,21.56c4.32,8.58,8,11.41,12.88,8.52S355.39,212.23,357.56,210Z"
+          style="fill: #ffa8a7"></path>
+        <path
+          d="M378.05,169.46a21.46,21.46,0,0,0-9.74,1.33c-3.51,1.58-5.89,5-9.31,9.56S347,196,347,196a25.79,25.79,0,0,1,10.42,14.65l20.9-23.1Z"
+          style="fill: #e0e0e0"></path>
+        <path d="M344,200.76A13.6,13.6,0,0,1,348,208.3s1.26-4.15-3.11-8.82Z" style="fill: #f28f8f"></path>
+        <path
+          d="M398.16,169.39c2.27.55,8.37,1.33,12.39,2.48,3,.85,6,4.53,6.58,7.25,2,8.71.22,14.19-.52,21.82s-.79,45.7-.79,45.7c-4.23,8.26-36.28,9.94-51.79-1.39,0,0,1.9-50.68,1.9-58.57s4.38-17.36,16.48-18.07Z"
+          style="fill: #f5f5f5"></path>
+        <path d="M384.46,144.43a1.68,1.68,0,1,0,1.67-1.74A1.71,1.71,0,0,0,384.46,144.43Z" style="fill: #263238"></path>
+        <path d="M386.13,138.77l3.46,1.91a2.07,2.07,0,0,0-.8-2.75A1.93,1.93,0,0,0,386.13,138.77Z" style="fill: #263238">
+        </path>
+        <path d="M384.88,154.65,381,156.1a2,2,0,0,0,2.63,1.29A2.17,2.17,0,0,0,384.88,154.65Z" style="fill: #f28f8f">
+        </path>
+        <path d="M371.1,140.16l3.15-2.43a1.91,1.91,0,0,0-2.74-.42A2.09,2.09,0,0,0,371.1,140.16Z" style="fill: #263238">
+        </path>
+        <path d="M371.81,144.43a1.62,1.62,0,1,0,1.62-1.68A1.65,1.65,0,0,0,371.81,144.43Z" style="fill: #263238"></path>
+        <polygon points="380.58 141.64 380.03 151.82 374.71 150.01 380.58 141.64" style="fill: #f28f8f"></polygon>
+        <path
+          d="M384.48,142.09l23.81-1.76c4.61,3.49,13.17,10.83,13.16,12.86h0v1.41h0a.48.48,0,0,1-.05.18c-.84,1.6-3.88,2.59-8.61,2.67-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63l1.2-.09Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M384.48,142.09l23.81-1.76c4.61,3.49,13.17,10.83,13.16,12.86h0v1.41h0a.48.48,0,0,1-.05.18c-.84,1.6-3.88,2.59-8.61,2.67-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63l1.2-.09Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M408.29,141.67c4.81,3.65,14,11.5,13.11,13.11s-3.88,2.59-8.61,2.67c-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M408.29,141.67c4.81,3.65,14,11.5,13.11,13.11s-3.88,2.59-8.61,2.67c-5.61.09-14.32-.42-16.61-2.39-3.44-3-11.7-11.63-11.7-11.63Z"
+          style="opacity: 0.4"></path>
+        <path d="M408.29,141.67c.08.69-2.35,2.13-2.35,2.13l.68-4.18Z" style="fill: currentcolor"></path>
+        <path d="M408.29,141.67c.08.69-2.35,2.13-2.35,2.13l.68-4.18Z" style="opacity: 0.3"></path>
+        <path
+          d="M402,127.76s3.72.52,5.09,3.32c1.18,2.44.76,8.33-.83,14.75a59.07,59.07,0,0,1-4,12,4.9,4.9,0,0,1-2.84,2.28l.19-7.62.28-5.3s-3.41-4.65-3.78-8.46c-.49-4.91.55-6.91.55-6.91Z"
+          style="fill: #263238"></path>
+        <path
+          d="M396,135.13a14.22,14.22,0,0,1-14.26,14.17c-7.85,0-13.74-6.47-13.71-14.32s5.95-14.14,13.8-14.11A14.22,14.22,0,0,1,396,135.13Z"
+          style="fill: #263238"></path>
+        <path
+          d="M399.71,146.39c1.28,1.11,2.32-1.76,3.4-2.88s4.59-2.64,6.32,1.05-1.53,9-4.23,10.07a3.84,3.84,0,0,1-4.58-1.4V170.1c-4,7.29-11.18,7.07-15,6.65s-4.65-4.37-1.86-7.57l0-5.22a30.05,30.05,0,0,1-6.41.31c-3.49-.55-5.32-3.19-6.36-7-1.69-6.08-2.36-16.3,0-28.11,3.91-3,17.48-2.53,25.69,2.68C396.09,142.34,398.44,145.28,399.71,146.39Z"
+          style="fill: #ffa8a7"></path>
+        <path
+          d="M372.46,124a16.75,16.75,0,0,1,5.77-4,14.62,14.62,0,0,1,5.55-1.18c2.48,0,5-.37,7.43-.29,4.3.14,9.5,1.89,11.44,6.07.89,1.92,1,3.94-.72,5.26a12.14,12.14,0,0,1-5.24,2c-3.19.55-6.35,1.25-9.56,1.68a28.57,28.57,0,0,1-10.35-.15,13.61,13.61,0,0,1-4.5-1.92,12,12,0,0,1-1.94-1.62c-.23-.23-.84-.71-.91-1s.34-1,.51-1.26A15.87,15.87,0,0,1,372.46,124Z"
+          style="fill: #263238"></path>
+        <path
+          d="M383.79,164s7.81-1.54,10.54-3a9,9,0,0,0,3.78-3.72,12.37,12.37,0,0,1-2.15,4.39c-2,2.54-12.18,4.39-12.18,4.39Z"
+          style="fill: #f28f8f"></path>
+        <path d="M385.9,143.76a1.65,1.65,0,1,0,1.65-1.71A1.68,1.68,0,0,0,385.9,143.76Z" style="fill: #263238"></path>
+        <path d="M382.14,156.42a1.65,1.65,0,1,0,1.65-1.71A1.67,1.67,0,0,0,382.14,156.42Z" style="fill: #f28f8f"></path>
+        <path d="M388.15,137.39l3.17,2.48A2.12,2.12,0,0,0,391,137,2,2,0,0,0,388.15,137.39Z" style="fill: #263238">
+        </path>
+        <path d="M371.31,139.92l3.06-2.66a2,2,0,0,0-2.82-.27A2.14,2.14,0,0,0,371.31,139.92Z" style="fill: #263238">
+        </path>
+        <path d="M372.35,143.27a1.65,1.65,0,1,0,1.65-1.71A1.68,1.68,0,0,0,372.35,143.27Z" style="fill: #263238"></path>
+        <polygon points="381.39 140.45 380.77 152.13 375.23 150.67 381.39 140.45" style="fill: #f28f8f"></polygon>
+        <path
+          d="M409.31,135.88a20.63,20.63,0,0,1-1,5.91,7.23,7.23,0,0,0-1.46-1.65A35,35,0,0,0,396.13,134h0c-9-3.48-19.5-4-27.89-1.06a18.87,18.87,0,0,1,1.12-5c3.06-8,9.25-12.15,19.13-11.12C400.06,118,409.62,124.42,409.31,135.88Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M388.1,128.83c-2.69-.91-9.55-1.44-11.55-.81a12.35,12.35,0,0,1-2.41-2.66c-.94-1.49-.62-3.36.26-3.75s.94.78,4.35,2.47a5.68,5.68,0,0,1-.28-3.45c.56-1.38,1.73,1.1,4.27,2.71S387.78,125.75,388.1,128.83Z"
+          style="fill: #263238"></path>
+        <path d="M423.2,162.72c2.24-1.84,15.82,14.25,10.14,18.88s-12.62-7-11.68-12.74S423.2,162.72,423.2,162.72Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M434.12,153.68c-3.4-4.17-12.43-14.19-14.43-16s-3.2-1.57-4.44-2a10.28,10.28,0,0,1-3.71-2.32,22.53,22.53,0,0,1-1.79-2.1A32.4,32.4,0,0,0,403,125c-2.68-1.85-5.62-3.22-8.36-5-1.64-1.05-3.42-2.82-1.56-4.63a4.48,4.48,0,0,1,2-1.07c4.65-1.22,8.81.22,13.45,1.2a39.46,39.46,0,0,1,5.93,1.73,10.13,10.13,0,0,1,2.65,1.38,36.9,36.9,0,0,1,4.35,4.4c3.19,3.91,5.89,5.12,9,7.83,3.67,3.17,20.12,14.8,23.59,18.26,2.88,2.87,2,5.24,1.62,6.06-2.05,4.71-4.49,6.46-7.37,9.44-.95,1-1.91,2-2.87,3-3.74,3.79-7.5,7.36-11.4,11-4.16,3.88-5.86,5.74-9.57,9.48a29.41,29.41,0,0,0-5.6,8.27c-6.71,1.53-11.29-12.67-8.89-20.9a10.64,10.64,0,0,1,3.9-5.13C420.71,164.86,434.12,153.68,434.12,153.68Z"
+          style="fill: #ffa8a7"></path>
+        <path d="M434.12,153.68a17.86,17.86,0,0,0,8.51,5.34s-4.27,1.28-10.4-3.77Z" style="fill: #f28f8f"></path>
+        <path
+          d="M410.55,171.87c1.53-1.2,5.25-3.76,12.65-9.15,0,0-1,2.56,1.21,8.7s6.42,9.88,8.93,10.18c0,0-4.11,3.66-7.85,7.74s-6.85,7-8.88,11.6c0,0-5.77-1.12-7.62-10.66C407.68,183.58,407.75,175.63,410.55,171.87Z"
+          style="fill: #e0e0e0"></path>
+        <path
+          d="M397.62,415.78c-.36.38-.13,3.14.32,3.77s3,2.73,7.64,2.81c4.45.08,8.38-.73,10.9-2.53s3.67-3.68,3.78-6.22-.3-5,.8-7c1-1.85,2.4-3.68,2.74-4.68a12.73,12.73,0,0,0,0-5.43Z"
+          style="fill: #263238"></path>
+        <path
+          d="M408.42,394.36a11.7,11.7,0,0,1-.39,2.84,25.51,25.51,0,0,1-2.42,5.7,23.18,23.18,0,0,1-1.7,2.71c-1.26,1.67-2.86,3.07-4.19,4.67a9.08,9.08,0,0,0-2.45,5.59c0,3.49,3.84,4.47,6.77,4.83a21.34,21.34,0,0,0,9.42-1,8.69,8.69,0,0,0,6-7.27c.11-1,0-2,.06-2.94a13.73,13.73,0,0,1,2.37-6.23,18.23,18.23,0,0,0,1.9-3.42c.79-2.2-.06-4.59-.76-6.7-.6-1.83-1.08-4-1.72-3.82,0,.38,0,1.19,0,1.19-.2.42-.66.72-.77,1.19a8.22,8.22,0,0,1-.45,1.46,3.77,3.77,0,0,1-1.45,1.79c-.12-1.31-.23-2.62-.35-3.93a1.79,1.79,0,0,0-.36-1.14,1.81,1.81,0,0,0-1.14-.42,24.67,24.67,0,0,0-7.47-.22,1.35,1.35,0,0,0-1,.49,1.44,1.44,0,0,0-.11.9A36,36,0,0,1,408.42,394.36Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M408.42,394.36a11.7,11.7,0,0,1-.39,2.84,25.51,25.51,0,0,1-2.42,5.7,23.18,23.18,0,0,1-1.7,2.71c-1.26,1.67-2.86,3.07-4.19,4.67a9.08,9.08,0,0,0-2.45,5.59c0,3.49,3.84,4.47,6.77,4.83a21.34,21.34,0,0,0,9.42-1,8.69,8.69,0,0,0,6-7.27c.11-1,0-2,.06-2.94a13.73,13.73,0,0,1,2.37-6.23,18.23,18.23,0,0,0,1.9-3.42c.79-2.2-.06-4.59-.76-6.7-.6-1.83-1.08-4-1.72-3.82,0,.38,0,1.19,0,1.19-.2.42-.66.72-.77,1.19a8.22,8.22,0,0,1-.45,1.46,3.77,3.77,0,0,1-1.45,1.79c-.12-1.31-.23-2.62-.35-3.93a1.79,1.79,0,0,0-.36-1.14,1.81,1.81,0,0,0-1.14-.42,24.67,24.67,0,0,0-7.47-.22,1.35,1.35,0,0,0-1,.49,1.44,1.44,0,0,0-.11.9A36,36,0,0,1,408.42,394.36Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M405.18,403.66c1.25-1,4.15-1.21,5.74-1.13a9.74,9.74,0,0,1,4.6,1.34,1,1,0,0,0,1.32-.18h0a1,1,0,0,0-.18-1.47,9.77,9.77,0,0,0-5.17-1.61c-3.92-.06-5,.67-5,.67S404.74,402.52,405.18,403.66Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M402.4,407.38c1.57-1.05,4.77-1.08,6.37-1a9.15,9.15,0,0,1,4.48,1.43,1,1,0,0,0,1.32-.17h0a1,1,0,0,0-.18-1.48,10.2,10.2,0,0,0-5.29-1.75c-3.92-.06-4.9.79-4.9.79A3.24,3.24,0,0,0,402.4,407.38Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M412.84,396.79a9.65,9.65,0,0,0-4.88.68c-.67.42-1.07,1.53-.61,1.79a9,9,0,0,1,4.32-.84,13,13,0,0,1,4.28.94,11.77,11.77,0,0,1,1.11.49.93.93,0,0,0,1.26-.47h0a.87.87,0,0,0-.4-1.1A12.54,12.54,0,0,0,412.84,396.79Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M343.7,401.82a4.22,4.22,0,0,0,.34,3.08c.48.88,5.36,3.3,11.71,2.52a26.56,26.56,0,0,0,12.95-5.32c2.35-1.74,4.86-2.18,8-2.53s5.52-1.45,6.13-3-.32-4-.32-4Z"
+          style="fill: #263238"></path>
+        <path
+          d="M368.47,381.6a13.6,13.6,0,0,1-1.69-.48,1.42,1.42,0,0,0-.95-.06,1.4,1.4,0,0,0-.62,1.1,16.25,16.25,0,0,1-.55,2.81,6.92,6.92,0,0,1-1.69,2,28.79,28.79,0,0,1-4.93,3.57c-2,1.23-4,2.21-6.12,3.3s-5,1.86-6.68,3.11c-2.41,1.82-2.51,6.08.43,7.6,2.54,1.32,9.1,2.53,15.79.24,3.65-1.24,7.54-5.42,12.38-6.06,3.07-.41,7.17-.89,9-3.34.67-1.08.08-4.09-.47-7.66-.49-3.2-.94-8.2-2-7.87,0,0-.38,1.18-.45,1.31a9.65,9.65,0,0,1-.85,1.14,11.13,11.13,0,0,1-.87.82,12.79,12.79,0,0,1-1.09,1.12,3.11,3.11,0,0,1-1.78.74,1.71,1.71,0,0,1-.89-.19c-.53-.3-.6-1-1-1.42a5.07,5.07,0,0,0-1.72-1.12,9.48,9.48,0,0,0-2.79-.56Z"
+          style="fill: currentcolor"></path>
+        <path
+          d="M368.47,381.6a13.6,13.6,0,0,1-1.69-.48,1.42,1.42,0,0,0-.95-.06,1.4,1.4,0,0,0-.62,1.1,16.25,16.25,0,0,1-.55,2.81,6.92,6.92,0,0,1-1.69,2,28.79,28.79,0,0,1-4.93,3.57c-2,1.23-4,2.21-6.12,3.3s-5,1.86-6.68,3.11c-2.41,1.82-2.51,6.08.43,7.6,2.54,1.32,9.1,2.53,15.79.24,3.65-1.24,7.54-5.42,12.38-6.06,3.07-.41,7.17-.89,9-3.34.67-1.08.08-4.09-.47-7.66-.49-3.2-.94-8.2-2-7.87,0,0-.38,1.18-.45,1.31a9.65,9.65,0,0,1-.85,1.14,11.13,11.13,0,0,1-.87.82,12.79,12.79,0,0,1-1.09,1.12,3.11,3.11,0,0,1-1.78.74,1.71,1.71,0,0,1-.89-.19c-.53-.3-.6-1-1-1.42a5.07,5.07,0,0,0-1.72-1.12,9.48,9.48,0,0,0-2.79-.56Z"
+          style="opacity: 0.2"></path>
+        <path
+          d="M360.83,388.68A2.87,2.87,0,0,1,363,387c1.39-.34,3.93.56,5.54,1.75a1.15,1.15,0,0,1-.06,1.91h0a1.14,1.14,0,0,1-1.32-.07A8.79,8.79,0,0,0,360.83,388.68Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M356.61,391.35a3.3,3.3,0,0,1,2.63-1.54s3.67-.09,6.06,1.9a1.13,1.13,0,0,1-.06,1.85h0a1.08,1.08,0,0,1-1.27-.08A8.9,8.9,0,0,0,356.61,391.35Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M351.92,393.81a3.69,3.69,0,0,1,2.74-1.41,9.86,9.86,0,0,1,5.81,1.94,1.13,1.13,0,0,1-.06,1.85h0a1.12,1.12,0,0,1-1.27-.08A8.42,8.42,0,0,0,351.92,393.81Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M362.17,243.55c-.17,14.61.77,63.89,1.09,71.24.28,6.44,1.4,69.82,1.4,69.82,7.38,2.29,17.48-.08,17.48-.08S387.28,345,387.61,338a119.81,119.81,0,0,0-1-19.28l3.78-40.33s4.13,30.2,6.12,43.42c2.28,15.15,10.81,73.17,10.81,73.17,6.79,2.64,16.3-1.11,16.3-1.11s-.49-45.14-1.17-60.48c-.48-10.59-3.43-15.74-3.75-18.68,0,0-1.47-55-1.63-68.94-.1-9.34-1.11-19.6-1.11-19.6s-10.2.82-11.1-2.15,0-31.52.38-37.07c0,0-21.44-4.77-40-1.25C365.25,185.66,362.35,228.94,362.17,243.55Z"
+          style="fill: #455a64"></path>
+        <path
+          d="M405.31,232c-.11,9.71,1.6,15.74,4.18,17.84s7.66,1.94,7.66,1.94v-1.45s-4.8.71-6.95-1.54S406.09,243.3,405.31,232Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M372.31,196s11.13,0,21.66.72c0,0,.07,8.13-.84,11.09s-7.92,7.39-10.83,7.38c-2.52,0-9.53-5-10.08-7.62S372.31,196,372.31,196Z"
+          style="fill: #37474f"></path>
+        <path d="M390.37,278.35l-1-6.24c-3-.45-10.73-5.25-15.29-9.45a36.22,36.22,0,0,0,12.79,11.78l.32,39.8Z"
+          style="fill: #37474f"></path>
+        <path
+          d="M410.55,171.87c-2-.51-3.13-.09-4.14,2.44s-2.17,10.75-2.56,18.44c0,0-4.63.84-7.84-.52,0,0,.39-10.1,1.47-15.31a18.61,18.61,0,0,1,1.5-4.44,4.64,4.64,0,0,1,5-2.53l7.32,1.34Z"
+          style="fill: #37474f"></path>
+        <path d="M401.79,189.35a1.82,1.82,0,1,1-1.82-1.82A1.82,1.82,0,0,1,401.79,189.35Z" style="fill: currentcolor">
+        </path>
+        <path
+          d="M383.76,169.18a8.43,8.43,0,0,0-7.44,5.13c-1.51,3.84-1.52,12.36-1.61,16.59a10.1,10.1,0,0,1-7.19,0s0-13.41,2.29-17.85,6.7-4.71,9-4.88a41.71,41.71,0,0,1,4.93,0Z"
+          style="fill: #37474f"></path>
+        <path d="M373.13,187.93a1.82,1.82,0,1,1-1.82-1.82A1.82,1.82,0,0,1,373.13,187.93Z" style="fill: currentcolor">
+        </path>
+      </g>
+    </g>
+    <g id="freepik--error-500--inject-87">
+      <g id="freepik--speech-bubble--inject-87">
+        <g id="freepik--Text--inject-87">
+          <path
+            d="M220.56,123.12c.27.39.58.79.91,1.2a3.65,3.65,0,0,0,1.2,1,3.49,3.49,0,0,0,1.71.33,5.26,5.26,0,0,0,2.35-.81,10.8,10.8,0,0,0,2.34-1.86,13.47,13.47,0,0,0,2-2.64,14.18,14.18,0,0,0,1.38-3.24,13.43,13.43,0,0,0,.5-3.72c0-2-.52-3.42-1.56-4.12s-2.46-.52-4.25.52a6.7,6.7,0,0,0-1.56,1.26c-.49.52-.94,1-1.35,1.54L223.09,114a3.47,3.47,0,0,1-.89.87l-9.15,5.29a.91.91,0,0,1-1.18,0,1.85,1.85,0,0,1-.41-1.48l1.76-33.29a5.72,5.72,0,0,1,.5-2A2.89,2.89,0,0,1,214.81,82l25.12-14.51a.86.86,0,0,1,1.12.08,1.94,1.94,0,0,1,.47,1.45v9.58a4.71,4.71,0,0,1-.47,2,2.91,2.91,0,0,1-1.12,1.36L222.85,91.8l-.41,8.28a21.2,21.2,0,0,1,2.44-2.9,14.35,14.35,0,0,1,3-2.33,15.18,15.18,0,0,1,6.31-2.2,7.62,7.62,0,0,1,5,1.24,9.55,9.55,0,0,1,3.35,4.76,24.94,24.94,0,0,1,1.2,8.43,39.65,39.65,0,0,1-1.32,10.34,40.32,40.32,0,0,1-3.64,9.11,35.8,35.8,0,0,1-5.43,7.43,30.63,30.63,0,0,1-6.69,5.31,17.17,17.17,0,0,1-7.14,2.53,8.28,8.28,0,0,1-5.31-1.18,9,9,0,0,1-3.35-4.21,17.42,17.42,0,0,1-1.23-6.47,3.8,3.8,0,0,1,.38-1.62,2.52,2.52,0,0,1,.91-1.12l7.46-4.3c.62-.36,1.1-.46,1.44-.29A1.84,1.84,0,0,1,220.56,123.12Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M266.23,51.38q4.41-2.54,7.57-2.38a7.59,7.59,0,0,1,5.26,2.3,13.3,13.3,0,0,1,3.11,6,38.92,38.92,0,0,1,1.2,8.66q.12,3.83.12,8.07t-.12,8a60.14,60.14,0,0,1-1.2,10.05,43.56,43.56,0,0,1-3.11,9.61,37.46,37.46,0,0,1-5.26,8.37,27.9,27.9,0,0,1-7.57,6.36c-2.93,1.69-5.46,2.49-7.57,2.38a7.51,7.51,0,0,1-5.25-2.3,13.25,13.25,0,0,1-3.12-6,40,40,0,0,1-1.2-8.66Q249,98.23,249,94t.12-8.21a62.05,62.05,0,0,1,1.2-10,43.67,43.67,0,0,1,3.12-9.62,37.06,37.06,0,0,1,5.25-8.37A28.05,28.05,0,0,1,266.23,51.38Zm6.28,36.51q.24-7.81,0-15.19a27.71,27.71,0,0,0-.44-3.9,6.86,6.86,0,0,0-1-2.71A2.6,2.6,0,0,0,269.17,65a5.06,5.06,0,0,0-2.94.89,10,10,0,0,0-2.93,2.5,12.82,12.82,0,0,0-1.88,3.3,20.17,20.17,0,0,0-1.06,3.91A32.37,32.37,0,0,0,260,80q-.3,7.67,0,15.18a25.69,25.69,0,0,0,.38,3.94,6.45,6.45,0,0,0,1.06,2.68,2.66,2.66,0,0,0,1.91,1.12,5,5,0,0,0,2.93-.88,10.28,10.28,0,0,0,2.94-2.51,13.43,13.43,0,0,0,1.91-3.32,17.28,17.28,0,0,0,1.05-3.91A33.37,33.37,0,0,0,272.51,87.89Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M306.62,28.07c2.93-1.7,5.46-2.49,7.57-2.39a7.66,7.66,0,0,1,5.26,2.3,13.55,13.55,0,0,1,3.11,6,39.51,39.51,0,0,1,1.2,8.66q.12,3.83.12,8.07c0,2.83,0,5.51-.12,8a61.2,61.2,0,0,1-1.2,10,44.64,44.64,0,0,1-3.11,9.61,37.36,37.36,0,0,1-5.26,8.37,27.87,27.87,0,0,1-7.57,6.36c-2.94,1.7-5.46,2.49-7.57,2.39a7.64,7.64,0,0,1-5.26-2.3,13.45,13.45,0,0,1-3.11-6,39.51,39.51,0,0,1-1.2-8.66q-.12-3.64-.12-7.89c0-2.83,0-5.57.12-8.2a61.2,61.2,0,0,1,1.2-10.05,44.35,44.35,0,0,1,3.11-9.62,37.17,37.17,0,0,1,5.26-8.36A27.55,27.55,0,0,1,306.62,28.07Zm6.28,36.5q.24-7.81,0-15.19a29.28,29.28,0,0,0-.44-3.9,6.75,6.75,0,0,0-1-2.7,2.55,2.55,0,0,0-1.88-1.13,5,5,0,0,0-2.93.88A10.12,10.12,0,0,0,303.68,45a13.08,13.08,0,0,0-1.88,3.3,19.88,19.88,0,0,0-1.05,3.9,32.37,32.37,0,0,0-.41,4.4q-.3,7.67,0,15.18a24.49,24.49,0,0,0,.38,3.94,6.36,6.36,0,0,0,1.06,2.69,2.68,2.68,0,0,0,1.9,1.11,5,5,0,0,0,2.94-.88,10.08,10.08,0,0,0,2.93-2.51,13.23,13.23,0,0,0,1.91-3.31A18,18,0,0,0,312.52,69,35.52,35.52,0,0,0,312.9,64.57Z"
+            style="fill: currentcolor"></path>
+          <path
+            d="M243.26,179.32a.29.29,0,0,1,.39,0,.68.68,0,0,1,.17.51v3.4a1.64,1.64,0,0,1-.17.7,1.06,1.06,0,0,1-.39.49l-9.87,5.69a.29.29,0,0,1-.39,0,.68.68,0,0,1-.17-.51V168.9a1.64,1.64,0,0,1,.17-.7,1.06,1.06,0,0,1,.39-.49l9.7-5.6a.32.32,0,0,1,.4,0,.69.69,0,0,1,.16.51v3.4a1.62,1.62,0,0,1-.16.7,1.14,1.14,0,0,1-.4.49l-6.41,3.7v3.46l5.95-3.44a.33.33,0,0,1,.4,0,.7.7,0,0,1,.16.52v3.39a1.66,1.66,0,0,1-.16.71,1,1,0,0,1-.4.48l-5.95,3.44v3.59Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M252.41,156.73a7.56,7.56,0,0,1,2.46-1,2.66,2.66,0,0,1,1.84.29,2.87,2.87,0,0,1,1.17,1.61,9.39,9.39,0,0,1,.4,3,13.87,13.87,0,0,1-.64,4.36,11.55,11.55,0,0,1-1.83,3.48l2.58,6.13a.91.91,0,0,1,.06.32,1.33,1.33,0,0,1-.14.57.84.84,0,0,1-.32.4l-2.83,1.63c-.28.16-.47.18-.59.06a1.62,1.62,0,0,1-.28-.42L252,171.69l-1.92,1.11v6.85a1.54,1.54,0,0,1-.17.71,1.08,1.08,0,0,1-.39.48l-2.73,1.58a.31.31,0,0,1-.39,0,.71.71,0,0,1-.17-.52V161.18a1.68,1.68,0,0,1,.17-.71,1.08,1.08,0,0,1,.39-.48Zm-2.35,11.07,2.35-1.36a4.46,4.46,0,0,0,1.45-1.35,3.83,3.83,0,0,0,.57-2.19c0-.89-.19-1.4-.57-1.52a1.81,1.81,0,0,0-1.45.32l-2.35,1.36Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M266.88,148.38a7.43,7.43,0,0,1,2.45-1,2.65,2.65,0,0,1,1.84.29,2.87,2.87,0,0,1,1.17,1.61,9.36,9.36,0,0,1,.41,3,13.86,13.86,0,0,1-.65,4.36,11.33,11.33,0,0,1-1.83,3.48l2.58,6.13a.91.91,0,0,1,.06.32,1.31,1.31,0,0,1-.13.57.8.8,0,0,1-.33.4l-2.83,1.63c-.27.16-.47.18-.59.06a1.62,1.62,0,0,1-.28-.42l-2.31-5.52-1.92,1.11v6.85a1.66,1.66,0,0,1-.16.71,1,1,0,0,1-.4.48l-2.72,1.57a.31.31,0,0,1-.4,0,.71.71,0,0,1-.17-.52V152.83a1.68,1.68,0,0,1,.17-.71,1,1,0,0,1,.4-.48Zm-2.36,11.07,2.36-1.36a4.42,4.42,0,0,0,1.44-1.35,3.83,3.83,0,0,0,.57-2.19c0-.89-.19-1.4-.57-1.52a1.79,1.79,0,0,0-1.44.32l-2.36,1.36Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M274.66,152.25a17.82,17.82,0,0,1,.51-3.67,16.31,16.31,0,0,1,1.27-3.49,14.33,14.33,0,0,1,2-3,10.27,10.27,0,0,1,2.71-2.26,5.43,5.43,0,0,1,2.71-.87,3,3,0,0,1,2,.69,4.47,4.47,0,0,1,1.28,2,11.08,11.08,0,0,1,.5,3.08c0,.91.05,1.86.05,2.86s0,1.95-.05,2.85a18.61,18.61,0,0,1-.5,3.67,16.62,16.62,0,0,1-1.28,3.5,13.54,13.54,0,0,1-2,3,10.55,10.55,0,0,1-2.71,2.24,5.61,5.61,0,0,1-2.71.89,2.91,2.91,0,0,1-2-.7,4.6,4.6,0,0,1-1.27-2,10.78,10.78,0,0,1-.51-3.09c0-.86,0-1.79,0-2.79S274.63,153.18,274.66,152.25Zm9.14.27c0-.39,0-.83,0-1.31s0-1,0-1.45,0-1,0-1.42,0-.85,0-1.2a5.57,5.57,0,0,0-.23-1.35,2,2,0,0,0-.49-.88,1.16,1.16,0,0,0-.8-.33,2.41,2.41,0,0,0-1.13.36,4.41,4.41,0,0,0-1.12.94,5.43,5.43,0,0,0-.8,1.25,6.79,6.79,0,0,0-.5,1.46,9.21,9.21,0,0,0-.22,1.6c0,.38-.05.8-.05,1.26s0,.94,0,1.43,0,1,0,1.44,0,.88.05,1.25a3.51,3.51,0,0,0,.72,2.25q.63.69,1.92-.06a4.6,4.6,0,0,0,1.92-2.16A9.15,9.15,0,0,0,283.8,152.52Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M296.28,131.4a7.47,7.47,0,0,1,2.46-1,2.66,2.66,0,0,1,1.84.29,2.85,2.85,0,0,1,1.16,1.62,9,9,0,0,1,.41,3,13.87,13.87,0,0,1-.64,4.36,11.35,11.35,0,0,1-1.84,3.48l2.58,6.14a.87.87,0,0,1,.07.31,1.34,1.34,0,0,1-.14.58.86.86,0,0,1-.32.39L299,152.25c-.28.16-.48.17-.6.05a1.53,1.53,0,0,1-.27-.41l-2.32-5.53-1.91,1.11v6.85a1.65,1.65,0,0,1-.17.71,1,1,0,0,1-.39.48l-2.73,1.58a.29.29,0,0,1-.39,0,.66.66,0,0,1-.17-.51v-20.7a1.48,1.48,0,0,1,.17-.7,1.06,1.06,0,0,1,.39-.49Zm-2.35,11.07,2.35-1.36a4.25,4.25,0,0,0,1.45-1.35,3.82,3.82,0,0,0,.57-2.18q0-1.35-.57-1.53a1.85,1.85,0,0,0-1.45.32l-2.35,1.36Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M210.63,172a.17.17,0,0,1-.23,0,.4.4,0,0,1-.09-.29v-12a1,1,0,0,1,.09-.4.7.7,0,0,1,.23-.29l1.58-.9a.16.16,0,0,1,.22,0,.38.38,0,0,1,.1.3v12a.88.88,0,0,1-.1.41.6.6,0,0,1-.22.28Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M220,166.6a.29.29,0,0,1-.33,0,.59.59,0,0,1-.16-.17l-2.75-4.74V168a1,1,0,0,1-.1.41.55.55,0,0,1-.23.28l-1.57.91a.18.18,0,0,1-.23,0,.39.39,0,0,1-.1-.3v-12a.85.85,0,0,1,.1-.4.55.55,0,0,1,.23-.28l1.25-.73a.31.31,0,0,1,.33,0,.49.49,0,0,1,.16.17l2.75,4.74v-6.26a.91.91,0,0,1,.1-.41.6.6,0,0,1,.23-.28l1.57-.91a.18.18,0,0,1,.23,0,.38.38,0,0,1,.1.3v11.95a.88.88,0,0,1-.1.41.6.6,0,0,1-.23.28Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M229.72,148a.18.18,0,0,1,.23,0,.41.41,0,0,1,.09.3v2a1,1,0,0,1-.09.41.67.67,0,0,1-.23.28l-2.12,1.22v9.49a1,1,0,0,1-.09.41.67.67,0,0,1-.23.28l-1.58.91a.18.18,0,0,1-.23,0,.41.41,0,0,1-.09-.3v-9.49l-2.12,1.22a.17.17,0,0,1-.22,0,.39.39,0,0,1-.1-.3v-2a.88.88,0,0,1,.1-.41.59.59,0,0,1,.22-.28Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M237.45,153.56a.17.17,0,0,1,.23,0,.41.41,0,0,1,.09.3v2a1,1,0,0,1-.09.41.67.67,0,0,1-.23.28l-5.7,3.29a.18.18,0,0,1-.23,0,.41.41,0,0,1-.09-.3v-12a1,1,0,0,1,.09-.41.67.67,0,0,1,.23-.28l5.6-3.23a.18.18,0,0,1,.23,0,.38.38,0,0,1,.1.3v2a.88.88,0,0,1-.1.41.6.6,0,0,1-.23.28l-3.7,2.14v2l3.44-2a.17.17,0,0,1,.23,0,.4.4,0,0,1,.09.29v2a1,1,0,0,1-.09.41.61.61,0,0,1-.23.28l-3.44,2v2.07Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M243,140.34a4,4,0,0,1,1.42-.56,1.49,1.49,0,0,1,1.06.16,1.69,1.69,0,0,1,.67.93,5.31,5.31,0,0,1,.24,1.75,8,8,0,0,1-.38,2.52,6.47,6.47,0,0,1-1.05,2l1.49,3.55a.57.57,0,0,1,0,.18.78.78,0,0,1-.07.33.57.57,0,0,1-.19.23l-1.64.94c-.16.1-.27.11-.34,0a1,1,0,0,1-.16-.25L242.79,149l-1.11.63v4a.86.86,0,0,1-.1.41.6.6,0,0,1-.22.28l-1.58.91a.18.18,0,0,1-.23,0,.43.43,0,0,1-.09-.3v-12a1,1,0,0,1,.09-.4.55.55,0,0,1,.23-.28Zm-1.36,6.39,1.36-.79a2.47,2.47,0,0,0,.83-.78,2.18,2.18,0,0,0,.33-1.26c0-.52-.11-.81-.33-.88a1.07,1.07,0,0,0-.83.18l-1.36.79Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M253.58,147.2q-.21.12-.33,0a.41.41,0,0,1-.16-.17l-2.76-4.74v6.26a1,1,0,0,1-.09.41.63.63,0,0,1-.23.27l-1.58.91a.17.17,0,0,1-.22,0,.38.38,0,0,1-.1-.3v-12a.86.86,0,0,1,.1-.41.6.6,0,0,1,.22-.28l1.25-.72a.31.31,0,0,1,.34,0,.78.78,0,0,1,.16.17l2.75,4.74v-6.26a.85.85,0,0,1,.1-.4.6.6,0,0,1,.22-.28l1.58-.91a.18.18,0,0,1,.23,0,.41.41,0,0,1,.09.3v11.95a1,1,0,0,1-.09.41.61.61,0,0,1-.23.28Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M261.59,129.63c.15-.1.28-.1.36,0a.75.75,0,0,1,.18.31l2.62,10.14a1,1,0,0,1,0,.25.78.78,0,0,1-.07.33.57.57,0,0,1-.19.23l-1.52.88c-.16.09-.27.1-.34,0a.39.39,0,0,1-.12-.24l-.34-1.34-3.2,1.85-.33,1.73a1.56,1.56,0,0,1-.13.38.82.82,0,0,1-.34.35l-1.52.88a.14.14,0,0,1-.18,0,.29.29,0,0,1-.08-.24,1.13,1.13,0,0,1,.05-.3l2.62-13.18a2.46,2.46,0,0,1,.17-.5.85.85,0,0,1,.37-.42Zm-1.95,9.21,1.95-1.13-1-3.87Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M272,133.63a.18.18,0,0,1,.23,0,.4.4,0,0,1,.09.29v2a1,1,0,0,1-.09.4.61.61,0,0,1-.23.28l-5.57,3.22a.18.18,0,0,1-.23,0,.41.41,0,0,1-.09-.3v-12a1,1,0,0,1,.09-.41.67.67,0,0,1,.23-.28l1.58-.91a.17.17,0,0,1,.22,0,.37.37,0,0,1,.1.29v9.5Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M279.3,119.21a3.21,3.21,0,0,1,1.41-.47,2,2,0,0,1,1.11.24,1.81,1.81,0,0,1,.74.76,2.34,2.34,0,0,1,.27,1.08.78.78,0,0,1-.07.33c-.06.11-.11.19-.18.22l-1.57.91a.42.42,0,0,1-.27.08.41.41,0,0,1-.21-.1.66.66,0,0,1-.12-.12.64.64,0,0,0-.22-.14,1,1,0,0,0-.36,0,1.54,1.54,0,0,0-.53.2,4.27,4.27,0,0,0-.44.3,3.23,3.23,0,0,0-.37.37,1.39,1.39,0,0,0-.26.44,1.27,1.27,0,0,0-.11.52.52.52,0,0,0,.12.39.54.54,0,0,0,.38.13,3.41,3.41,0,0,0,.72-.11l1.1-.29a3.66,3.66,0,0,1,1.16-.15,1.34,1.34,0,0,1,.82.32,1.59,1.59,0,0,1,.49.82,5,5,0,0,1,.16,1.41,6.42,6.42,0,0,1-.27,1.85,7.33,7.33,0,0,1-.78,1.71,7.69,7.69,0,0,1-1.17,1.49,7.32,7.32,0,0,1-1.49,1.13,3.59,3.59,0,0,1-1.49.53,2,2,0,0,1-1.16-.21A1.82,1.82,0,0,1,276,132a2.65,2.65,0,0,1-.29-1.22.67.67,0,0,1,.08-.33.45.45,0,0,1,.17-.22l1.58-.91a.42.42,0,0,1,.26-.09.52.52,0,0,1,.19.08l.15.16a.76.76,0,0,0,.26.19.72.72,0,0,0,.41.07,1.43,1.43,0,0,0,.6-.22,4.58,4.58,0,0,0,1.07-.82,1.49,1.49,0,0,0,.42-1c0-.19-.05-.31-.16-.37a.69.69,0,0,0-.46-.07,3.75,3.75,0,0,0-.8.15l-1.15.3a1.74,1.74,0,0,1-1.81-.32,3.31,3.31,0,0,1-.57-2.22,6.55,6.55,0,0,1,.23-1.65,8.25,8.25,0,0,1,.68-1.67,7.93,7.93,0,0,1,1.08-1.5A5.89,5.89,0,0,1,279.3,119.21Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M290.6,122.87a.17.17,0,0,1,.23,0,.4.4,0,0,1,.09.29v2a1,1,0,0,1-.09.41.67.67,0,0,1-.23.28l-5.7,3.29a.18.18,0,0,1-.23,0,.4.4,0,0,1-.09-.29v-12a1,1,0,0,1,.09-.41.67.67,0,0,1,.23-.28l5.6-3.23a.17.17,0,0,1,.23,0,.37.37,0,0,1,.1.29v2a.86.86,0,0,1-.1.41.55.55,0,0,1-.23.28L286.8,118v2l3.44-2a.18.18,0,0,1,.23,0,.41.41,0,0,1,.09.3v2a1,1,0,0,1-.09.4.61.61,0,0,1-.23.28l-3.44,2v2.07Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M296.19,109.65a4.24,4.24,0,0,1,1.42-.56,1.54,1.54,0,0,1,1.06.16,1.74,1.74,0,0,1,.68.94,5.51,5.51,0,0,1,.23,1.74,8,8,0,0,1-.38,2.52,6.42,6.42,0,0,1-1.05,2l1.49,3.54a.57.57,0,0,1,0,.18.86.86,0,0,1-.07.34.47.47,0,0,1-.19.22l-1.63,1c-.16.09-.28.1-.35,0a1,1,0,0,1-.16-.24l-1.33-3.19-1.11.64v4a.85.85,0,0,1-.1.4.6.6,0,0,1-.22.28l-1.58.91a.18.18,0,0,1-.23,0,.41.41,0,0,1-.09-.3v-12a1,1,0,0,1,.09-.41.61.61,0,0,1,.23-.28ZM294.83,116l1.36-.78a2.58,2.58,0,0,0,.83-.78,2.16,2.16,0,0,0,.34-1.27c0-.52-.11-.81-.34-.88a1,1,0,0,0-.83.19l-1.36.78Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M303.53,118.36c-.31.18-.52.06-.63-.37l-2.46-10.15a.61.61,0,0,0,0-.15v-.07a.67.67,0,0,1,.08-.33.49.49,0,0,1,.18-.23l1.52-.88c.16-.09.27-.1.34,0a.47.47,0,0,1,.13.24l1.67,7.18,1.67-9.11a1.37,1.37,0,0,1,.12-.38.86.86,0,0,1,.35-.36l1.51-.87a.15.15,0,0,1,.19,0,.33.33,0,0,1,.08.24s0,0,0,.08a1.05,1.05,0,0,1,0,.18l-2.45,13a1.55,1.55,0,0,1-.64,1.11Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M315.67,108.39a.18.18,0,0,1,.23,0,.37.37,0,0,1,.1.29v2a.85.85,0,0,1-.1.4.55.55,0,0,1-.23.28L310,114.64a.18.18,0,0,1-.23,0,.39.39,0,0,1-.1-.3v-12a.85.85,0,0,1,.1-.4.55.55,0,0,1,.23-.28l5.6-3.24a.18.18,0,0,1,.23,0,.41.41,0,0,1,.09.3v2a1,1,0,0,1-.09.4.61.61,0,0,1-.23.28l-3.7,2.14v2l3.43-2a.17.17,0,0,1,.23,0,.38.38,0,0,1,.1.3v2a.88.88,0,0,1-.1.41.6.6,0,0,1-.23.28l-3.43,2v2.07Z"
+            style="fill: #455a64"></path>
+          <path
+            d="M321.26,95.17a4.56,4.56,0,0,1,1.42-.56,1.57,1.57,0,0,1,1.07.16,1.73,1.73,0,0,1,.67.94,5.31,5.31,0,0,1,.23,1.74,7.94,7.94,0,0,1-.37,2.52,6.43,6.43,0,0,1-1.06,2l1.49,3.54a.41.41,0,0,1,0,.19.8.8,0,0,1-.08.33.49.49,0,0,1-.19.23l-1.63.94c-.16.09-.27.1-.34,0a.78.78,0,0,1-.16-.24L321,103.81l-1.1.64v4a1,1,0,0,1-.1.41.67.67,0,0,1-.23.28L318,110a.18.18,0,0,1-.23,0,.38.38,0,0,1-.1-.3v-12a.88.88,0,0,1,.1-.41.6.6,0,0,1,.23-.28Zm-1.35,6.39,1.35-.78a2.51,2.51,0,0,0,.84-.78,2.2,2.2,0,0,0,.33-1.26c0-.52-.11-.82-.33-.89a1.11,1.11,0,0,0-.84.19l-1.35.78Z"
+            style="fill: #455a64"></path>
+        </g>
+        <path
+          d="M252.08,191.4a1.47,1.47,0,0,0-2.18.27c-.67.83-.73,3.39-1,5.12a20.89,20.89,0,0,1-1.69,5.34,27.8,27.8,0,0,1-5.71,7.86,36.13,36.13,0,0,1-10.93,7.29,31.77,31.77,0,0,1-4.24,1.48c-1.43.39-3.35.43-4.58,1.24a.42.42,0,0,0,0,.62c1.5.62,3.34.35,4.9.14a25.91,25.91,0,0,0,5.79-1.6,35.36,35.36,0,0,0,10.44-6.35,30.94,30.94,0,0,0,7.44-9.28,21.71,21.71,0,0,0,2.06-6.06,20.93,20.93,0,0,0,.44-3.34A3.22,3.22,0,0,0,252.08,191.4Z"
+          style="fill: #455a64"></path>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/components/index.ts b/frontend-pc/src/components/index.ts
new file mode 100644
index 0000000..6ab124a
--- /dev/null
+++ b/frontend-pc/src/components/index.ts
@@ -0,0 +1,20 @@
+export * from './GiButton'
+export * from './GiCell'
+export * from './GiCodeButton'
+export * from './GiCodeView'
+export * from './GiDot'
+export * from './GiEditTable'
+export * from './GiFlex'
+export * from './GiFooter'
+export * from './GiForm'
+export * from './GiIconBox'
+export * from './GiIconSelector'
+export * from './GiIframe'
+export * from './GiInputSearch'
+export * from './GiOption'
+export * from './GiPageLayout'
+export * from './GiTable'
+export * from './GiTableSetting'
+export * from './GiTag'
+export * from './GiThemeBtn'
+export * from './GiTrend'
diff --git a/frontend-pc/src/config/setting.json b/frontend-pc/src/config/setting.json
new file mode 100644
index 0000000..c8cd449
--- /dev/null
+++ b/frontend-pc/src/config/setting.json
@@ -0,0 +1,11 @@
+{
+  "themeColor": "#0052D9",
+  "layout": "left",
+  "tabStyle": "card",
+  "isTabVisible": true,
+  "transitionName": "zoom-fade",
+  "isTransitionEnabled": true,
+  "isMenuCollapsed": false,
+  "isMenuAccordion": false,
+  "isMenuDark": false
+}
diff --git a/frontend-pc/src/config/xt-routes.ts b/frontend-pc/src/config/xt-routes.ts
new file mode 100644
index 0000000..5fcd568
--- /dev/null
+++ b/frontend-pc/src/config/xt-routes.ts
@@ -0,0 +1,230 @@
+/**
+ * 业务菜单与路由表。
+ *
+ * 设计：**这一张表同时驱动三件事** —— 左侧菜单、路由注册、权限提示。
+ * 三者若各写一份，改一处漏一处几乎必然发生（表现是"菜单点进去 404"或"有权限但不显示"）。
+ *
+ * 菜单可见性由**后端**决定：`/auth/me` 返回 `menus: string[]`（菜单键集合），
+ * 这里按菜单键过滤。真正的访问控制也在后端（绕过前端只会拿到 40301），
+ * 前端的过滤只是"不显示没权限的入口"。
+ *
+ * ⚠️ `key` 必须与后端 `BuiltinRole` 里的菜单键逐字一致。
+ */
+import type { UserRouteItem } from '@/apis/user'
+
+/** 单个菜单定义 */
+export interface XtMenu {
+  /** 菜单键，与后端一致 */
+  key: string
+  title: string
+  /** iconify 图标名（icon-park-outline 集） */
+  icon: string
+  /** 路由路径（完整，以 / 开头） */
+  path: string
+  /** 视图路径（相对 src/views，不带扩展名）；分组节点为空 */
+  component?: string
+  /** 分组标题；null 表示不分组 */
+  group: string | null
+  sort: number
+  /** 一期是否已实现。false 的走「待建」页，比直接隐藏更诚实 */
+  ready: boolean
+  /** 待建说明 */
+  note?: string
+}
+
+/** 分组顺序（决定左侧菜单顺序） */
+const GROUPS: Array<{ id: string, title: string, icon: string, sort: number }> = [
+  { id: 'collect', title: '收集管理', icon: 'icon-park-outline:application-two', sort: 10 },
+  { id: 'setting', title: '配置', icon: 'icon-park-outline:setting-two', sort: 20 },
+  { id: 'org', title: '组织与账号', icon: 'icon-park-outline:every-user', sort: 30 },
+  { id: 'platform', title: '平台运维', icon: 'icon-park-outline:server', sort: 40 }
+]
+
+/** 业务菜单（工作台在 baseRoutes 里，不列这里） */
+export const XT_MENUS: XtMenu[] = [
+  // ── 收集管理 ──────────────────────────────────────
+  {
+    key: 'task', title: '收集任务', icon: 'icon-park-outline:list-two',
+    path: '/collect/task', component: 'task/index', group: 'collect', sort: 11, ready: false,
+    note: '建任务、配表单与材料规则、发布与暂停。对应里程碑 M1。'
+  },
+  {
+    key: 'roster', title: '名单管理', icon: 'icon-park-outline:user-business',
+    path: '/collect/roster', component: 'roster/index', group: 'collect', sort: 12, ready: false,
+    note: '导入名册、报考范围确认、门禁名单维护。对应里程碑 M2。'
+  },
+  {
+    key: 'join', title: '加入申请', icon: 'icon-park-outline:user-to-user-transmission',
+    path: '/collect/join', component: 'join/index', group: 'collect', sort: 13, ready: false,
+    note: '门禁未匹配的人提交加入申请，管理员在此审批。对应里程碑 M2。'
+  },
+  {
+    key: 'audit', title: '审核', icon: 'icon-park-outline:check-one',
+    path: '/collect/audit', component: 'audit/index', group: 'collect', sort: 14, ready: false,
+    note: '班主任初审（右滑通过）、管理员终审、批量操作。对应里程碑 M5。'
+  },
+  {
+    key: 'export', title: '导出中心', icon: 'icon-park-outline:download-two',
+    path: '/collect/export', component: 'export/index', group: 'collect', sort: 15, ready: false,
+    note: '按目录规范打包汇总，不合格文件禁止进包。对应里程碑 M6。'
+  },
+
+  // ── 配置 ─────────────────────────────────────────
+  {
+    key: 'form', title: '表单设计器', icon: 'icon-park-outline:form-one',
+    path: '/setting/form', component: 'form/index', group: 'setting', sort: 21, ready: false,
+    note: '内置字段锁定、扩展字段自由。对应里程碑 M1。'
+  },
+  {
+    key: 'material', title: '材料规则', icon: 'icon-park-outline:file-editing',
+    path: '/setting/material', component: 'material/index', group: 'setting', sort: 22, ready: false,
+    note: '命名模板、别名、格式白名单、体积上限、压缩档位。对应里程碑 M1。'
+  },
+  {
+    key: 'cleanup', title: '历史整理器', icon: 'icon-park-outline:magic-wand',
+    path: '/setting/cleanup', component: 'cleanup/index', group: 'setting', sort: 23, ready: false,
+    note: '把已有的乱文件夹/压缩包批量规范化并出体检报告。对应里程碑 M3。'
+  },
+
+  // ── 组织与账号 ────────────────────────────────────
+  {
+    key: 'org', title: '组织架构', icon: 'icon-park-outline:tree-list',
+    path: '/org/manage', component: 'org/index', group: 'org', sort: 31, ready: true
+  },
+  {
+    key: 'user', title: '账号管理', icon: 'icon-park-outline:peoples',
+    path: '/org/user', component: 'user/index', group: 'org', sort: 32, ready: false,
+    note: '账号增删改查与 Excel 批量导入（含体检报告）。属 M0 剩余任务。'
+  },
+  {
+    key: 'role', title: '角色与授权', icon: 'icon-park-outline:permissions',
+    path: '/org/role', component: 'role/index', group: 'org', sort: 33, ready: false,
+    note: '内置角色的权限由代码决定、不可改；自定义角色属二期。'
+  },
+
+  // ── 平台运维 ──────────────────────────────────────
+  {
+    key: 'tenant', title: '租户管理', icon: 'icon-park-outline:school',
+    path: '/platform/tenant', component: 'tenant/index', group: 'platform', sort: 41, ready: true
+  },
+  {
+    key: 'log', title: '操作日志', icon: 'icon-park-outline:log',
+    path: '/platform/log', component: 'log/index', group: 'platform', sort: 42, ready: false,
+    note: '登录、查看明文、下载、导出、代传、删除的审计记录。'
+  }
+]
+
+/** 构造一个「待建」路由项（组件统一指向 coming-soon） */
+function placeholder(menu: XtMenu): UserRouteItem {
+  return {
+    id: menu.key,
+    parentId: '0',
+    path: menu.path,
+    component: 'coming-soon/index',
+    title: menu.title,
+    icon: menu.icon,
+    sort: menu.sort,
+    type: 2,
+    status: '1',
+    hidden: false,
+    keepAlive: false,
+    affix: false,
+    breadcrumb: true,
+    showInTabs: true,
+    alwaysShow: false,
+    activeMenu: '',
+    permission: '',
+    roles: [],
+    redirect: '',
+    children: []
+  } as UserRouteItem
+}
+
+/**
+ * 按后端下发的菜单键，生成异步路由树。
+ *
+ * @param menuKeys `/auth/me` 返回的菜单键集合
+ * @returns 分组 → 页面的两级路由树（`component: 'Layout'` 由上层 formatAsyncRoutes 处理）
+ */
+export function buildXtRoutes(menuKeys: string[]): UserRouteItem[] {
+  const keys = new Set(menuKeys)
+  const visible = XT_MENUS.filter((m) => keys.has(m.key))
+  if (!visible.length) {
+    return []
+  }
+
+  const routes: UserRouteItem[] = []
+  for (const g of GROUPS) {
+    const items = visible.filter((m) => m.group === g.id)
+    if (!items.length) {
+      continue
+    }
+    routes.push({
+      id: g.id,
+      parentId: '0',
+      path: `/${g.id}`,
+      // 'Layout' 是约定的布局组件标识，formatAsyncRoutes 会替换成真实组件
+      component: 'Layout',
+      title: g.title,
+      icon: g.icon,
+      sort: g.sort,
+      type: 1,
+      status: '1',
+      hidden: false,
+      keepAlive: false,
+      affix: false,
+      breadcrumb: true,
+      showInTabs: false,
+      alwaysShow: true,
+      activeMenu: '',
+      permission: '',
+      roles: [],
+      redirect: items[0].path,
+      children: items
+        .sort((a, b) => a.sort - b.sort)
+        .map((m) => (m.ready ? readyItem(m) : placeholder(m)))
+    } as UserRouteItem)
+  }
+  return routes
+}
+
+/** 已实现页面 */
+function readyItem(menu: XtMenu): UserRouteItem {
+  return {
+    id: menu.key,
+    parentId: menu.group ?? '0',
+    path: menu.path,
+    component: menu.component!,
+    title: menu.title,
+    icon: menu.icon,
+    sort: menu.sort,
+    type: 2,
+    status: '1',
+    hidden: false,
+    keepAlive: false,
+    affix: false,
+    breadcrumb: true,
+    showInTabs: true,
+    alwaysShow: false,
+    activeMenu: '',
+    permission: '',
+    roles: [],
+    redirect: '',
+    children: []
+  } as UserRouteItem
+}
+
+/** 按菜单键取定义（给"待建"页显示说明用） */
+export function findMenu(key: string): XtMenu | undefined {
+  return XT_MENUS.find((m) => m.key === key)
+}
+
+/** 角色码 → 中文名（与后端 BuiltinRole 对齐） */
+export const ROLE_NAMES: Record<string, string> = {
+  PLATFORM_ADMIN: '平台运营',
+  SCHOOL_ADMIN: '学校管理员',
+  HEAD_TEACHER: '班主任',
+  DEPUTY_TEACHER: '副班主任',
+  AUDITOR: '审核员',
+  STUDENT: '学生'
+}
diff --git a/frontend-pc/src/directives/hasPerm.ts b/frontend-pc/src/directives/hasPerm.ts
new file mode 100644
index 0000000..b615b59
--- /dev/null
+++ b/frontend-pc/src/directives/hasPerm.ts
@@ -0,0 +1,44 @@
+import type { Directive, DirectiveBinding } from 'vue'
+import { hasPermOr } from '@/utils/permission'
+
+/**
+ * 权限检查函数
+ * @description 检查元素是否具有指定的权限，如果没有权限则移除该元素
+ * @param el - 要检查的 DOM 元素
+ * @param binding - 指令绑定对象
+ * @throws {Error} 当权限参数格式不正确时抛出错误
+ */
+function checkPermission(el: HTMLElement, binding: DirectiveBinding<string[]>) {
+  const { value } = binding
+
+  // 检查权限参数是否有效
+  if (!value || !Array.isArray(value) || value.length === 0) {
+    throw new Error('权限参数格式错误，示例：v-hasPerm="[\'home:btn:edit\',\'home:btn:delete\']"')
+  }
+
+  // 检查是否具有权限
+  const hasPermission = hasPermOr(value)
+  if (!hasPermission) {
+    el.parentNode?.removeChild(el)
+  }
+}
+
+/**
+ * 权限指令
+ * @description 用于控制元素的显示/隐藏，基于用户权限
+ * @example
+ * ```vue
+ * <button v-hasPerm="['home:btn:add']">添加</button>
+ * <button v-hasPerm="['home:btn:edit', 'home:btn:delete']">编辑/删除</button>
+ * ```
+ */
+const hasPermDirective: Directive = {
+  mounted(el: HTMLElement, binding: DirectiveBinding<string[]>) {
+    checkPermission(el, binding)
+  },
+  updated(el: HTMLElement, binding: DirectiveBinding<string[]>) {
+    checkPermission(el, binding)
+  }
+}
+
+export default hasPermDirective
diff --git a/frontend-pc/src/directives/hasRole.ts b/frontend-pc/src/directives/hasRole.ts
new file mode 100644
index 0000000..0499fd6
--- /dev/null
+++ b/frontend-pc/src/directives/hasRole.ts
@@ -0,0 +1,44 @@
+import type { Directive, DirectiveBinding } from 'vue'
+import { hasRoleOr } from '@/utils/permission'
+
+/**
+ * 角色检查函数
+ * @description 检查元素是否具有指定的角色，如果没有角色则移除该元素
+ * @param el - 要检查的 DOM 元素
+ * @param binding - 指令绑定对象
+ * @throws {Error} 当角色参数格式不正确时抛出错误
+ */
+function checkRole(el: HTMLElement, binding: DirectiveBinding<string[]>) {
+  const { value } = binding
+
+  // 检查角色参数是否有效
+  if (!value || !Array.isArray(value) || value.length === 0) {
+    throw new Error('角色参数格式错误，示例：v-hasRole="[\'admin\',\'user\']"')
+  }
+
+  // 检查是否具有角色
+  const hasRole = hasRoleOr(value)
+  if (!hasRole) {
+    el.parentNode?.removeChild(el)
+  }
+}
+
+/**
+ * 角色权限指令
+ * @description 用于控制元素的显示/隐藏，基于用户角色
+ * @example
+ * ```vue
+ * <div v-hasRole="['admin']">管理员可见</div>
+ * <div v-hasRole="['admin', 'user']">管理员或用户可见</div>
+ * ```
+ */
+const hasRoleDirective: Directive = {
+  mounted(el: HTMLElement, binding: DirectiveBinding<string[]>) {
+    checkRole(el, binding)
+  },
+  updated(el: HTMLElement, binding: DirectiveBinding<string[]>) {
+    checkRole(el, binding)
+  }
+}
+
+export default hasRoleDirective
diff --git a/frontend-pc/src/directives/index.ts b/frontend-pc/src/directives/index.ts
new file mode 100644
index 0000000..b50238e
--- /dev/null
+++ b/frontend-pc/src/directives/index.ts
@@ -0,0 +1,10 @@
+import type { App } from 'vue'
+import hasPerm from './hasPerm'
+import hasRole from './hasRole'
+
+export default {
+  install(Vue: App) {
+    Vue.directive('hasPerm', hasPerm)
+    Vue.directive('hasRole', hasRole)
+  }
+}
diff --git a/frontend-pc/src/hooks/app/index.ts b/frontend-pc/src/hooks/app/index.ts
new file mode 100644
index 0000000..42d70dd
--- /dev/null
+++ b/frontend-pc/src/hooks/app/index.ts
@@ -0,0 +1,2 @@
+export * from './useDept'
+export * from './useRole'
diff --git a/frontend-pc/src/hooks/app/useDept.ts b/frontend-pc/src/hooks/app/useDept.ts
new file mode 100644
index 0000000..94c7395
--- /dev/null
+++ b/frontend-pc/src/hooks/app/useDept.ts
@@ -0,0 +1,27 @@
+import type * as T from '@/apis/system/dept'
+import { ref } from 'vue'
+import { mapTree } from 'xe-utils'
+import { baseAPI } from '@/apis/system/dept'
+
+/** 部门模块 */
+export function useDept(options?: { onSuccess?: () => void }) {
+  const loading = ref(false)
+  const deptList = ref<T.ListItem[]>([])
+
+  const getDeptList = async () => {
+    try {
+      loading.value = true
+      const res = await baseAPI.getList()
+      deptList.value = mapTree(res.data, (i) => {
+        if (i.children?.length) {
+          i.children = i.children.filter((i) => i.status === '1')
+        }
+        return i
+      })
+      options?.onSuccess && options.onSuccess()
+    } finally {
+      loading.value = false
+    }
+  }
+  return { deptList, getDeptList, loading }
+}
diff --git a/frontend-pc/src/hooks/app/useRole.ts b/frontend-pc/src/hooks/app/useRole.ts
new file mode 100644
index 0000000..ce70ad1
--- /dev/null
+++ b/frontend-pc/src/hooks/app/useRole.ts
@@ -0,0 +1,21 @@
+import type * as T from '@/apis/system/role'
+import { ref } from 'vue'
+import { baseAPI } from '@/apis/system/role'
+
+/** 角色模块 */
+export function useRole() {
+  const loading = ref(false)
+  const roleList = ref<T.ListItem[]>([])
+  const total = ref(0)
+  const getRoleList = async () => {
+    try {
+      loading.value = true
+      const res = await baseAPI.getList({ page: 1, size: 99 })
+      roleList.value = res.data.records.filter((i) => i.status === '1')
+      total.value = res.data.total
+    } finally {
+      loading.value = false
+    }
+  }
+  return { roleList, getRoleList, loading, total }
+}
diff --git a/frontend-pc/src/hooks/index.ts b/frontend-pc/src/hooks/index.ts
new file mode 100644
index 0000000..b5656f1
--- /dev/null
+++ b/frontend-pc/src/hooks/index.ts
@@ -0,0 +1,11 @@
+export * from './useBreakpoint'
+export * from './useChart'
+export * from './useDevice'
+export * from './useDict'
+export * from './useLoading'
+export * from './usePagination'
+export * from './useRequest'
+export * from './useResetReactive'
+export * from './useRouteListener'
+export * from './useTable'
+export * from './useTheme'
diff --git a/frontend-pc/src/hooks/useBreakpoint.ts b/frontend-pc/src/hooks/useBreakpoint.ts
new file mode 100644
index 0000000..2c797ea
--- /dev/null
+++ b/frontend-pc/src/hooks/useBreakpoint.ts
@@ -0,0 +1,34 @@
+import type { ColProps } from '@arco-design/web-vue'
+import type { ComputedRef } from 'vue'
+import { useBreakpoints } from '@vueuse/core'
+import { computed } from 'vue'
+
+type ColBreakpoint = Pick<ColProps, 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>
+type Breakpoint = keyof ColBreakpoint
+
+// 定义断点配置
+const BREAKPOINT_CONFIG = {
+  xs: 576, // <576px
+  sm: 576, // ≥576px
+  md: 768, // ≥768px
+  lg: 992, // ≥992px
+  xl: 1200, // ≥1200px
+  xxl: 1600 // ≥1600px
+} as const
+
+/**
+ * 响应式断点 Hook
+ * @returns {{ breakpoint: ComputedRef<Breakpoint> }} 当前激活的最大断点值
+ */
+export function useBreakpoint() {
+  const breakpoints = useBreakpoints(BREAKPOINT_CONFIG)
+
+  const currentBreakpoints = breakpoints.current() as ComputedRef<Breakpoint[]>
+
+  const breakpoint = computed<Breakpoint>(() => {
+    const arr = currentBreakpoints.value
+    return arr.length ? arr[arr.length - 1] : 'xs'
+  })
+
+  return { breakpoint }
+}
diff --git a/frontend-pc/src/hooks/useChart.ts b/frontend-pc/src/hooks/useChart.ts
new file mode 100644
index 0000000..2222113
--- /dev/null
+++ b/frontend-pc/src/hooks/useChart.ts
@@ -0,0 +1,30 @@
+import type { EChartsOption } from 'echarts'
+import { computed } from 'vue'
+import { useTheme } from '@/hooks'
+
+interface Options {
+  (isDark?: boolean): EChartsOption
+}
+
+/**
+ * 用于集中管理 ECharts 配置，提供完整类型提示
+ * @param sourceOption - ECharts 配置项
+ * @returns { option: ComputedRef<EChartsOption>, theme: ComputedRef<string> } - 返回 ECharts 配置项和主题
+ */
+export function useChart(sourceOption: Options) {
+  const { isDark } = useTheme()
+
+  // echarts support https://echarts.apache.org/zh/theme-builder.html
+  const option = computed<EChartsOption>(() => {
+    return sourceOption(isDark.value)
+  })
+
+  const theme = computed(() => isDark.value ? 'dark' : undefined)
+
+  return {
+    /** ECharts 配置项 */
+    option,
+    /** ECharts 主题 */
+    theme
+  }
+}
diff --git a/frontend-pc/src/hooks/useDevice.ts b/frontend-pc/src/hooks/useDevice.ts
new file mode 100644
index 0000000..0a8305e
--- /dev/null
+++ b/frontend-pc/src/hooks/useDevice.ts
@@ -0,0 +1,17 @@
+import { useWindowSize } from '@vueuse/core'
+import { computed } from 'vue'
+
+/**
+ * 响应式布局容器固定宽度
+ *
+ * 大屏（>=1200px）
+ * 中屏（>=992px）
+ * 小屏（>=768px）
+ */
+export function useDevice() {
+  const { width } = useWindowSize()
+  const isDesktop = computed(() => width.value > 768)
+  const isMobile = computed(() => !isDesktop.value)
+
+  return { isMobile, isDesktop }
+}
diff --git a/frontend-pc/src/hooks/useDict.ts b/frontend-pc/src/hooks/useDict.ts
new file mode 100644
index 0000000..c2f0dae
--- /dev/null
+++ b/frontend-pc/src/hooks/useDict.ts
@@ -0,0 +1,37 @@
+import type { SelectOptionData } from '@arco-design/web-vue'
+import { computed } from 'vue'
+import { useDictStore } from '@/stores'
+
+/**
+ * 将字符串数组转换为对象类型
+ * @example
+ * ArrayToObject<['STATUS', 'GENDER']> // { STATUS: SelectOptionData[], GENDER: SelectOptionData[] }
+ */
+type ArrayToObject<T extends readonly string[]> = {
+  [K in T[number]]: SelectOptionData[]
+}
+
+/**
+ * 字典数据 Hook
+ * @description 根据传入的字典代码数组，返回对应的字典数据对象
+ * @param codes - 字典代码数组，会自动推断字面量类型以提供类型提示
+ * @returns 返回包含字典数据的响应式对象，对象的键为 codes 中的元素
+ * @example
+ * const { dictData } = useDict(['STATUS', 'GENDER'] as const)
+ * // dictData.value.STATUS ✅ 有类型提示
+ * // dictData.value.GENDER ✅ 有类型提示
+ * // dictData.value.OTHER ❌ TypeScript 会报错
+ */
+export function useDict<const T extends readonly string[]>(codes: T) {
+  const dictStore = useDictStore()
+
+  const dictData = computed<ArrayToObject<T>>(() => {
+    const result = {} as ArrayToObject<T>
+    for (const code of codes) {
+      result[code as T[number]] = dictStore.dictData[code] || []
+    }
+    return result
+  })
+
+  return { dictData }
+}
diff --git a/frontend-pc/src/hooks/useLoading.ts b/frontend-pc/src/hooks/useLoading.ts
new file mode 100644
index 0000000..3e49152
--- /dev/null
+++ b/frontend-pc/src/hooks/useLoading.ts
@@ -0,0 +1,30 @@
+import { ref } from 'vue'
+
+/**
+ * 加载状态管理 Hook
+ * @description 提供加载状态管理的响应式 Hook，包含加载状态的设置、切换等功能
+ * @param initValue - 初始加载状态，默认为 false
+ * @returns 返回包含加载状态管理和操作方法的对象
+ * {{
+ *   loading: Ref<boolean>, // 加载状态的响应式引用
+ *   setLoading: (value: boolean) => void, // 设置加载状态的函数
+ *   toggle: () => void // 切换加载状态的函数
+ * }}
+ */
+export function useLoading(initValue = false) {
+  const loading = ref(initValue)
+
+  const setLoading = (value: boolean) => {
+    loading.value = value
+  }
+
+  const toggle = () => {
+    loading.value = !loading.value
+  }
+
+  return {
+    loading,
+    setLoading,
+    toggle
+  }
+}
diff --git a/frontend-pc/src/hooks/usePagination.ts b/frontend-pc/src/hooks/usePagination.ts
new file mode 100644
index 0000000..718506d
--- /dev/null
+++ b/frontend-pc/src/hooks/usePagination.ts
@@ -0,0 +1,90 @@
+import { reactive, toRefs, watch } from 'vue'
+import { useBreakpoint } from '@/hooks'
+
+type Callback = () => void
+
+type Options = {
+  defaultPageSize: number
+}
+
+/**
+ * 分页管理 Hook
+ * @description 提供分页状态管理的响应式 Hook，支持响应式断点，自动适配移动端显示
+ * @param callback - 分页变化时的回调函数
+ * @param options - 分页配置选项，默认每页显示 10 条
+ * @returns  包含分页状态和操作方法的响应式对象
+ * {{
+ *   current: Ref<number>, // 当前页码
+ *   pageSize: Ref<number>, // 每页显示数量
+ *   total: Ref<number>, // 总数据量
+ *   pagination: Object, // 完整的分页配置对象
+ *   changeCurrent: (page: number) => void, // 改变当前页码
+ *   changePageSize: (size: number) => void, // 改变每页显示数量
+ *   setTotal: (value: number) => void // 设置总数据量
+ * }}
+ * @example
+ * const { pagination, setTotal } = usePagination(() => {
+ *   // 分页变化时的回调
+ *   fetchData()
+ * })
+ */
+export function usePagination(callback: Callback, options: Options = { defaultPageSize: 10 }) {
+  // 获取响应式断点
+  const { breakpoint } = useBreakpoint()
+
+  // 创建响应式分页配置对象
+  const pagination = reactive({
+    showPageSize: true,
+    showTotal: true,
+    current: 1,
+    pageSize: options.defaultPageSize,
+    total: 0,
+    simple: false,
+    onChange: (size: number) => {
+      pagination.current = size
+      callback && callback()
+    },
+    onPageSizeChange: (size: number) => {
+      pagination.current = 1
+      pagination.pageSize = size
+      callback && callback()
+    }
+  })
+
+  // 监听断点变化，自动适配移动端显示
+  watch(
+    () => breakpoint.value,
+    () => {
+      // 在 xs（移动端）断点下使用简单模式
+      pagination.simple = ['xs'].includes(breakpoint.value)
+      // 在 xs（移动端）断点下不显示总数据量
+      pagination.showTotal = !['xs'].includes(breakpoint.value)
+    },
+    { immediate: true }
+  )
+
+  // 导出便捷方法
+  const changeCurrent = pagination.onChange
+  const changePageSize = pagination.onPageSizeChange
+
+  /**
+   * 设置总数据量
+   * @param value - 新的总数据量
+   */
+  function setTotal(value: number) {
+    pagination.total = value
+  }
+
+  // 导出响应式引用
+  const { current, pageSize, total } = toRefs(pagination)
+
+  return {
+    current,
+    pageSize,
+    total,
+    pagination,
+    changeCurrent,
+    changePageSize,
+    setTotal
+  }
+}
diff --git a/frontend-pc/src/hooks/useRequest.ts b/frontend-pc/src/hooks/useRequest.ts
new file mode 100644
index 0000000..96ad4c2
--- /dev/null
+++ b/frontend-pc/src/hooks/useRequest.ts
@@ -0,0 +1,90 @@
+import { ref } from 'vue'
+import { useLoading } from '@/hooks'
+
+/**
+ * 请求配置选项
+ */
+interface UseRequestOptions<T = any> {
+  /** 默认值 */
+  defaultValue?: T
+  /** 是否立即执行请求，默认为 true */
+  immediate?: boolean
+  /** 初始加载状态，默认为 true */
+  isLoading?: boolean
+  /** 请求成功回调 */
+  onSuccess?: (data: T) => void
+  /** 请求失败回调 */
+  onError?: (error: any) => void
+}
+
+/**
+ * 请求管理 Hook
+ * @description 提供请求状态管理的响应式 Hook，支持自动/手动触发、错误处理、刷新等功能
+ * @template T - 响应数据类型
+ * @param api - API 请求函数，返回 Promise<ApiRes<T>>
+ * @param options - 请求配置选项
+ * @returns 返回包含请求状态和操作方法的对象
+ * {{
+ *   loading: Ref<boolean>, // 加载状态的响应式引用
+ *   data: Ref<T>, // 响应数据的响应式引用
+ *   error: Ref<any>, // 错误信息的响应式引用
+ *   run: () => Promise<void>, // 手动触发请求的函数
+ * }}
+ * @example
+ * // 基础用法 - 立即执行
+ * const { loading, data } = useRequest(() => getUserInfo())
+ *
+ * // 手动触发
+ * const { loading, data, run } = useRequest(() => getUserInfo(), { immediate: false })
+ * run()
+ *
+ * // 带默认值和回调
+ * const { loading, data } = useRequest(
+ *   () => getUserInfo(),
+ *   {
+ *     defaultValue: {},
+ *     onSuccess: (data) => console.log('成功', data),
+ *     onError: (error) => console.error('失败', error)
+ *   }
+ * )
+ */
+export function useRequest<T>(
+  api: () => Promise<ApiRes<T>>,
+  options: UseRequestOptions<T> = {}
+) {
+  const { defaultValue, immediate = true, isLoading = true, onSuccess, onError } = options
+  const { loading, setLoading } = useLoading(isLoading)
+  const data = ref<T>(defaultValue as T)
+  const error = ref<any>(null)
+
+  /**
+   * 执行请求
+   * @description 调用 API 并更新响应数据，处理加载状态和错误
+   */
+  async function run() {
+    try {
+      error.value = null
+      setLoading(true)
+      const res = await api()
+      data.value = res.data as T
+      onSuccess?.(res.data)
+    } catch (err) {
+      error.value = err
+      onError?.(err)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  // 立即执行请求
+  if (immediate) {
+    run()
+  }
+
+  return {
+    loading,
+    data,
+    error,
+    run
+  }
+}
diff --git a/frontend-pc/src/hooks/useResetReactive.ts b/frontend-pc/src/hooks/useResetReactive.ts
new file mode 100644
index 0000000..fec7ca2
--- /dev/null
+++ b/frontend-pc/src/hooks/useResetReactive.ts
@@ -0,0 +1,47 @@
+import { cloneDeep } from 'lodash-es'
+import { reactive } from 'vue'
+
+/**
+ * 响应式状态重置 Hook
+ * @description 创建一个可重置的响应式对象，支持将状态重置为初始值
+ * @template T - 状态对象的类型
+ * @param initialValue - 初始状态值
+ * @returns [state, reset] - 返回响应式状态和重置函数的元组
+ * @example
+ * const initialForm = {
+ *   name: '',
+ *   age: 0
+ * }
+ *
+ * const [form, resetForm] = useResetReactive(initialForm)
+ *
+ * // 修改表单
+ * form.name = 'John'
+ * form.age = 25
+ *
+ * // 重置表单到初始状态
+ * resetForm()
+ */
+export function useResetReactive<T extends object>(initialValue: T) {
+  /**
+   * 获取初始值的深拷贝
+   * @returns 初始值的深拷贝
+   */
+  const getInitialValue = () => cloneDeep(initialValue)
+
+  // 创建响应式状态
+  const state = reactive<T>(getInitialValue())
+
+  /**
+   * 重置状态到初始值
+   * @description 先清空所有属性，然后用初始值重新赋值，确保引用不变
+   */
+  const reset = () => {
+    // 清空当前状态的所有属性
+    Object.keys(state).forEach((key) => delete (state as any)[key])
+    // 使用初始值重新赋值
+    Object.assign(state, getInitialValue())
+  }
+
+  return [state, reset] as const
+}
diff --git a/frontend-pc/src/hooks/useRouteListener.ts b/frontend-pc/src/hooks/useRouteListener.ts
new file mode 100644
index 0000000..55c5c97
--- /dev/null
+++ b/frontend-pc/src/hooks/useRouteListener.ts
@@ -0,0 +1,92 @@
+/**
+ * 路由变化监听 Hook
+ * @description 使用发布订阅模式管理路由变化，避免重复监听导致的性能问题
+ */
+
+import type { Handler } from 'mitt'
+import type { RouteLocationNormalized } from 'vue-router'
+import mitt from 'mitt'
+import { onUnmounted, ref } from 'vue'
+
+// 事件类型定义
+type RouteChangeEvent = {
+  to: RouteLocationNormalized
+  from?: RouteLocationNormalized
+}
+
+// 事件键定义
+const ROUTE_CHANGE_KEY = Symbol('ROUTE_CHANGE')
+
+// 事件发射器
+const emitter = mitt<{
+  [ROUTE_CHANGE_KEY]: RouteChangeEvent
+}>()
+
+// 最新路由状态
+const latestRoute = ref<RouteLocationNormalized | null>(null)
+
+/**
+ * 设置路由变化事件
+ * @param to 目标路由
+ * @param from 来源路由
+ */
+export function setRouteEmitter(to: RouteLocationNormalized, from?: RouteLocationNormalized) {
+  const event: RouteChangeEvent = { to, from }
+  emitter.emit(ROUTE_CHANGE_KEY, event)
+  latestRoute.value = to
+}
+
+/**
+ * 路由监听 Hook
+ * @returns 路由监听相关方法
+ */
+export function useRouteListener() {
+  // 监听器列表
+  const listeners = new Set<Handler<RouteChangeEvent>>()
+
+  /**
+   * 监听路由变化
+   * @param handler 处理函数
+   * @param immediate 是否立即执行
+   */
+  function listenerRouteChange(
+    handler: (event: RouteChangeEvent) => void,
+    immediate = true
+  ) {
+    emitter.on(ROUTE_CHANGE_KEY, handler)
+    listeners.add(handler)
+
+    if (immediate && latestRoute.value) {
+      handler({ to: latestRoute.value })
+    }
+
+    return handler
+  }
+
+  /**
+   * 移除路由监听器
+   * @param handler 要移除的处理函数
+   */
+  function removeRouteListener(handler?: Handler<RouteChangeEvent>) {
+    if (handler) {
+      emitter.off(ROUTE_CHANGE_KEY, handler)
+      listeners.delete(handler)
+    } else {
+      // 移除所有监听器
+      listeners.forEach((listener) => {
+        emitter.off(ROUTE_CHANGE_KEY, listener)
+      })
+      listeners.clear()
+    }
+  }
+
+  // 组件卸载时清理
+  onUnmounted(() => {
+    removeRouteListener()
+  })
+
+  return {
+    listenerRouteChange,
+    removeRouteListener
+  }
+}
diff --git a/frontend-pc/src/hooks/useTable.ts b/frontend-pc/src/hooks/useTable.ts
new file mode 100644
index 0000000..d489743
--- /dev/null
+++ b/frontend-pc/src/hooks/useTable.ts
@@ -0,0 +1,277 @@
+import type { TableData, TableInstance } from '@arco-design/web-vue'
+import { Message, Modal } from '@arco-design/web-vue'
+import { useBreakpoint, usePagination } from '@/hooks'
+
+interface Options<T, U> {
+  formatResult?: (data: T[]) => U[]
+  onSuccess?: () => void
+  immediate?: boolean
+  rowKey?: keyof T
+  /** 是否开启跨页多选，开启后切换分页会保留已选中的 key */
+  crossPageSelect?: boolean
+  listAPI: (params: { page: number, size: number }) => Promise<ApiRes<PageRes<T[]>>> | Promise<ApiRes<T[]>>
+  deleteAPI?: (ids: string[]) => Promise<ApiRes<unknown>>
+}
+
+/** 删除操作的配置选项 */
+interface DeleteOptions {
+  /** 确认框标题 */
+  title?: string
+  /** 确认框内容 */
+  content?: string
+  /** 成功提示信息 */
+  successTip?: string
+  /** 是否显示确认框 */
+  showModal?: boolean
+}
+
+/**
+ * 表格数据管理 Hook
+ * @description 提供表格数据管理的响应式 Hook，支持分页、搜索、刷新、删除等功能
+ * @template T - 原始数据类型
+ * @template U - 格式化后的数据类型
+ * @param options - 表格配置选项
+ * @returns 表格相关的状态和方法
+ * @example
+ * const {
+ *   loading,
+ *   tableData,
+ *   pagination,
+ *   selectedKeys,
+ *   search,
+ *   refresh,
+ *   handleDelete
+ * } = useTable({
+ *   listAPI: (p) => getTableApi(p),
+ *   formatResult: (data) => data.map(formatData),
+ *   immediate: true,
+ *   rowKey: 'id'
+ * })
+ */
+export function useTable<T extends U, U = T>(options: Options<T, U>) {
+  const { formatResult, onSuccess, immediate = true, rowKey = 'id', crossPageSelect = false, listAPI, deleteAPI }
+    = options || {}
+
+  // 分页相关
+  const { pagination, setTotal } = usePagination(() => getTableData())
+  const loading = ref(false)
+  const tableData: Ref<U[]> = ref([])
+
+  /**
+   * 获取表格数据
+   * @description 调用 API 获取数据，处理分页、格式化等逻辑
+   */
+  async function getTableData() {
+    try {
+      loading.value = true
+      const res = await listAPI({ page: pagination.current, size: pagination.pageSize })
+      // 处理返回的数据结构可能是分页或数组的情况
+      const data = !Array.isArray(res.data) ? res.data.records : res.data
+      tableData.value = formatResult ? formatResult(data) : data
+      // 设置总数据量
+      const total = !Array.isArray(res.data) ? res.data.total : data.length
+      setTotal(total)
+      onSuccess?.()
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 首次加载数据
+  immediate && getTableData()
+
+  // 多选
+  const selectedKeys = ref<(string | number)[]>([])
+
+  /** 当前页所有行的 key（用于跨页多选时合并） */
+  function getCurrentPageKeys() {
+    return (tableData.value as TableData[]).map((i) => i[rowKey as string])
+  }
+
+  /**
+   * 行选择回调
+   * @param rowKeys - 表格传入的选中行 key（可能仅为当前页，也可能含跨页；以当前页 key 为准做合并避免重复）
+   */
+  const select: TableInstance['onSelect'] = (rowKeys) => {
+    if (crossPageSelect) {
+      const pageKeys = getCurrentPageKeys()
+      const rest = selectedKeys.value.filter((k) => !pageKeys.includes(k))
+      // 只合并当前页的选中：避免表格传入的 rowKeys 含其它页时造成重复
+      const currentPageSelected = rowKeys.filter((k) => pageKeys.includes(k))
+      selectedKeys.value = [...new Set([...rest, ...currentPageSelected])]
+    } else {
+      selectedKeys.value = rowKeys
+    }
+  }
+
+  /**
+   * 全选回调
+   * @param checked - 是否全选
+   */
+  const selectAll: TableInstance['onSelectAll'] = (checked) => {
+    const arr = (tableData.value as TableData[]).filter((i) => !(i?.disabled ?? false))
+    const pageKeys = arr.map((i) => i[rowKey as string])
+    if (crossPageSelect) {
+      if (checked) {
+        const rest = selectedKeys.value.filter((k) => !pageKeys.includes(k))
+        selectedKeys.value = [...rest, ...pageKeys]
+      } else {
+        selectedKeys.value = selectedKeys.value.filter((k) => !pageKeys.includes(k))
+      }
+    } else {
+      selectedKeys.value = checked ? pageKeys : []
+    }
+  }
+
+  /** 获取选中的数据 */
+  const getSelectedData = () => {
+    return tableData.value.filter((i) => selectedKeys.value.includes(i[rowKey as string]))
+  }
+
+  /**
+   * 搜索
+   * @description 重置页码为1并重新获取数据
+   */
+  const search = () => {
+    selectedKeys.value = []
+    pagination.onChange(1)
+  }
+
+  /**
+   * 刷新表格数据
+   * @description 使用当前的分页参数重新获取数据
+   */
+  const refresh = () => {
+    getTableData()
+  }
+
+  /**
+   * 处理删除操作
+   * @description 支持删除确认框，自动处理删除后的刷新
+   * @param deleteApi - 删除操作的 API 函数
+   * @param options - 删除操作的配置选项
+   * @returns Promise<boolean | undefined> 删除操作的结果
+   */
+  const handleDelete = async <T>(
+    deleteApi: () => Promise<ApiRes<T>>,
+    options?: DeleteOptions
+  ): Promise<boolean | undefined> => {
+    const onDelete = async (isMultiple: boolean) => {
+      try {
+        const res = await deleteApi()
+        if (res.success) {
+          Message.success(options?.successTip || '删除成功！')
+          // 处理当前页码
+          const deleteNum = isMultiple ? selectedKeys.value.length : 1
+          const totalPage = Math.ceil((pagination.total - deleteNum) / pagination.pageSize)
+          if (pagination.current > totalPage) {
+            pagination.current = totalPage > 0 ? totalPage : 1
+          }
+          isMultiple && (selectedKeys.value = [])
+          getTableData()
+        }
+        return res.success
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log('删除失败', error)
+        return false
+      }
+    }
+
+    if (!(options?.showModal ?? true)) {
+      return onDelete(false)
+    }
+
+    Modal.warning({
+      title: options?.title || '提示',
+      content: options?.content || '是否确认删除？',
+      hideCancel: false,
+      maskClosable: false,
+      onBeforeOk: () => onDelete(true)
+    })
+  }
+
+  /**
+   * 删除单条数据
+   * @description 需在 options 中配置 deleteAPI
+   * @param row - 要删除的行数据
+   */
+  const onDelete = (row: U) => {
+    if (!deleteAPI) {
+      Message.error('deleteAPI 没有配置')
+      return
+    }
+    const ids = String(row[rowKey as keyof U])
+    return handleDelete(() => deleteAPI([ids]), { showModal: false })
+  }
+
+  /**
+   * 批量删除数据
+   * @description 需在 options 中配置 deleteAPI
+   */
+  const onBatchDelete = () => {
+    if (!deleteAPI) {
+      Message.error('deleteAPI 没有配置')
+      return
+    }
+    if (!selectedKeys.value.length) {
+      Message.warning('请选择要删除的数据')
+      return
+    }
+    handleDelete(() => deleteAPI(selectedKeys.value as string[]), {
+      title: '批量删除',
+      content: `确定要删除选中的 ${selectedKeys.value.length} 条数据吗？`
+    })
+  }
+
+  // 自定义扩展...
+  // 导入
+  const onImport = () => {
+    Message.warning('点击了导入')
+  }
+  // 导出
+  const onExport = () => {
+    Message.success('点击了导出')
+  }
+  // 下载模板
+  // const onDownloadTemplate = () => {}
+
+  // 响应式处理表格操作列固定状态
+  const { breakpoint } = useBreakpoint()
+  const fixed = computed(() => !['xs', 'sm'].includes(breakpoint.value) ? 'right' : undefined)
+
+  return {
+    /** 表格加载状态 */
+    loading,
+    /** 表格数据 */
+    tableData,
+    /** 获取表格数据 */
+    getTableData,
+    /** 搜索，页码会重置为1 */
+    search,
+    /** 分页的传参 */
+    pagination,
+    /** 选择的行keys */
+    selectedKeys,
+    /** 选择行 */
+    select,
+    /** 全选行 */
+    selectAll,
+    /** 获取选择的数据  */
+    getSelectedData,
+    /** 处理删除、批量删除 */
+    handleDelete,
+    /** 删除单条数据，需配置 deleteAPI */
+    onDelete,
+    /** 批量删除数据，需配置 deleteAPI */
+    onBatchDelete,
+    /** 刷新表格数据，页码会缓存 */
+    refresh,
+    /** 操作列在小屏场景下不固定在右侧 */
+    fixed,
+    /** 导入 */
+    onImport,
+    /** 导出 */
+    onExport
+  }
+}
diff --git a/frontend-pc/src/hooks/useTheme.ts b/frontend-pc/src/hooks/useTheme.ts
new file mode 100644
index 0000000..e198327
--- /dev/null
+++ b/frontend-pc/src/hooks/useTheme.ts
@@ -0,0 +1,75 @@
+import { generate, getRgbStr } from '@arco-design/color'
+import { useDark, useToggle } from '@vueuse/core'
+import { computed } from 'vue'
+import { useAppStore } from '@/stores'
+
+/**
+ * 主题管理 Hook
+ * @description 使用 vueuse 的 useDark 来管理主题状态
+ */
+export function useTheme() {
+  const appStore = useAppStore()
+
+  /** 是否为暗色主题 */
+  const isDark = useDark({
+    // 主题切换目标元素
+    selector: 'body',
+    // 主题属性名
+    attribute: 'arco-theme',
+    // 暗色主题值
+    valueDark: 'dark',
+    // 亮色主题值
+    valueLight: 'light',
+    // 本地存储键名
+    storageKey: 'arco-theme',
+    // 初始值
+    initialValue: 'light'
+  })
+
+  /** 当前主题 */
+  const theme = computed(() => isDark.value ? 'dark' : 'light')
+
+  /** 主题切换函数定义 */
+  const onToggle = useToggle(isDark)
+
+  /** 主题切换函数 */
+  function toggleTheme() {
+    onToggle()
+    setThemeColor(appStore.themeColor)
+  }
+
+  /**
+   * 设置主题色
+   * 生成主题色的色阶并应用到 CSS 变量
+   * @param color - 主题色值
+   */
+  function setThemeColor(color: string) {
+    if (!color) return
+    appStore.themeColor = color
+    const themeColors = generate(color, {
+      list: true,
+      dark: isDark.value
+    }) as string[]
+    themeColors.forEach((color, index) => {
+      document.body.style.setProperty(`--primary-${index + 1}`, getRgbStr(color))
+    })
+  }
+
+  /**
+   * 初始化主题设置
+   * 在应用启动时设置初始主题色
+   */
+  function initThemeColor() {
+    if (appStore.themeColor) {
+      setThemeColor(appStore.themeColor)
+    }
+  }
+
+  return {
+    isDark,
+    theme,
+    toggleTheme,
+    setThemeColor,
+    initThemeColor
+  }
+}
diff --git a/frontend-pc/src/icons/custom-icons.json b/frontend-pc/src/icons/custom-icons.json
new file mode 100644
index 0000000..569b97d
--- /dev/null
+++ b/frontend-pc/src/icons/custom-icons.json
@@ -0,0 +1,197 @@
+{
+  "prefix": "custom",
+  "icons": {
+    "borders": {
+      "body": "<path d=\"M39.3 6H8.7C7.20883 6 6 7.20883 6 8.7V39.3C6 40.7912 7.20883 42 8.7 42H39.3C40.7912 42 42 40.7912 42 39.3V8.7C42 7.20883 40.7912 6 39.3 6Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/><path d=\"M24 6L24 42\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/><path d=\"M6 24H42\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"/>",
+      "width": 48,
+      "height": 48
+    },
+    "table-size": {
+      "body": "<path d=\"M24 12V36M18 17 24 12 30 17M30 31 24 36 18 31\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6 5H42\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/><path d=\"M6 43H42\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/>",
+      "width": 48,
+      "height": 48
+    },
+    "tree-add": {
+      "body": "<rect x=\"6\" y=\"6\" width=\"36\" height=\"36\" rx=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linejoin=\"round\"/><path d=\"M24 16V32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 24L32 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+      "width": 48,
+      "height": 48
+    },
+    "tree-reduce": {
+      "body": "<rect x=\"6\" y=\"6\" width=\"36\" height=\"36\" rx=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linejoin=\"round\"/><path d=\"M16 24L32 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+      "width": 48,
+      "height": 48
+    },
+    "alipay": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#06B4FD\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "avatar-man": {
+      "body": "<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\">\r\n  </path>\r\n  <path\r\n    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\"\r\n    fill=\"#6B8E9D\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFE5C5\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FEE1B9\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFF0DA\"></path>\r\n  <path d=\"M401.058909 729.6L499.2 1024h29.858909l98.141091-294.4-115.2 25.6z\" fill=\"#FFFFFF\"></path>\r\n  <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\"\r\n    fill=\"#515151\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#46382E\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#46382E\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "avatar-woman": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#F9E9E6\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FCA183\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#DCE6EA\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#3E435C\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "backtop": {
+      "body": "<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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-all": {
+      "body": "<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\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-close": {
+      "body": "<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\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-css": {
+      "body": "<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\"\r\n    fill=\"#E9EDED\"></path>\r\n  <path d=\"M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z\" fill=\"#4BBFEB\"\r\n   ></path>\r\n  <path d=\"M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144\" fill=\"#4BBFEB\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#4BBFEB\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#E9EDED\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-dir": {
+      "body": "<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\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-excel": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#62C558\"></path>\r\n  <path d=\"M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889\"\r\n    fill=\"#2A8121\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-exe": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#BABABA\"></path>\r\n  <path d=\"M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778\"\r\n    fill=\"#979797\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#BABABA\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#BABABA\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-html": {
+      "body": "<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\"\r\n    fill=\"#E9EDED\"></path>\r\n  <path d=\"M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z\" fill=\"#F05542\"\r\n   ></path>\r\n  <path d=\"M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144\" fill=\"#F05542\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#F05542\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#E9EDED\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-image": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#85BCFF\"></path>\r\n  <path d=\"M676.664889 167.822222V0l281.6 281.6h-167.822222c-62.862222 0-113.777778-50.915556-113.777778-113.777778\"\r\n    fill=\"#529EE0\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-js": {
+      "body": "<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\"\r\n    fill=\"#E9EDED\"></path>\r\n  <path d=\"M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z\" fill=\"#25B39E\"\r\n   ></path>\r\n  <path d=\"M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144\" fill=\"#25B39E\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#25B39E\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#E9EDED\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-json": {
+      "body": "<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\"\r\n    fill=\"#E9EDED\"></path>\r\n  <path d=\"M160 768.128v160c0 35.456 28.544 64 64 64h576c35.456 0 64-28.544 64-64v-160H160z\" fill=\"#F17F53\"\r\n   ></path>\r\n  <path d=\"M847.872 240.128h-144c-26.56 0-48-21.44-48-48v-144\" fill=\"#F17F53\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#F17F53\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#E9EDED\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-music": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#A15FDE\"></path>\r\n  <path d=\"M685.511111 196.266667V0L967.111111 281.6H770.844444a85.333333 85.333333 0 0 1-85.333333-85.333333\"\r\n    fill=\"#C386F0\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-open": {
+      "body": "<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\"); }\r\n</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\"></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\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-other": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#BABABA\"></path>\r\n  <path d=\"M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778\"\r\n    fill=\"#979797\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-pdf": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#D23B41\"></path>\r\n  <path d=\"M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889\"\r\n    fill=\"#9C171C\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-ppt": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#F16C41\"></path>\r\n  <path d=\"M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889\"\r\n    fill=\"#CD4B29\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path d=\"M398.222222 824.888889h58.908445V412.444444H398.222222z\" fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-rar": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#FFC63A\"></path>\r\n  <path d=\"M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778\"\r\n    fill=\"#DD9F08\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path d=\"M436.565333 342.158222h68.437334V273.720889h-68.437334zM505.002667 410.624h68.437333V342.186667h-68.437333z\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-txt": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#6D9FE5\"></path>\r\n  <path d=\"M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778\"\r\n    fill=\"#4B80CB\"></path>\r\n  <path\r\n    d=\"M344.177778 485.575111h312.888889V426.666667h-312.888889zM471.153778 770.019556h58.908444v-284.444445h-58.908444z\"\r\n    fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-video": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#C386F0\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path d=\"M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778\"\r\n    fill=\"#A15FDE\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-wps": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#4F6BF6\"></path>\r\n  <path d=\"M581.262222 755.626667h59.363556L739.555556 439.04h-59.335112z\" fill=\"#FFFFFF\"></path>\r\n  <path d=\"M685.511111 224.711111V0L967.111111 281.6H742.4c-31.288889 0-56.888889-25.6-56.888889-56.888889\"\r\n    fill=\"#243EBB\"></path>\r\n  <path\r\n    d=\"M640.625778 755.626667h-59.363556l-98.929778-277.020445h59.335112zM442.737778 755.626667h-59.363556L284.444444 439.04h59.335112z\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path d=\"M383.374222 755.626667h59.363556l98.929778-277.020445h-59.335112z\" fill=\"#FFFFFF\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file-zip": {
+      "body": "<path d=\"M97.9 376h828.4v269.2H97.9z\" fill=\"#F95F5D\"></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\"></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\"></path><path d=\"M421.8 111.2h184.9V910H421.8z\" fill=\"#FDAF42\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "file": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#e6e6e6\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#C4BCB1\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#8a8a8a\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "icon-msg": {
+      "body": "<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\"/>",
+      "width": 20,
+      "height": 20
+    },
+    "icon-notice": {
+      "body": "<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\"/>",
+      "width": 20,
+      "height": 20
+    },
+    "icon-num": {
+      "body": "<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\"/>",
+      "width": 20,
+      "height": 20
+    },
+    "icon-user": {
+      "body": "<path d=\"M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z\" fill=\"#FD846F\"></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\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "icon-wait": {
+      "body": "<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>",
+      "width": 20,
+      "height": 20
+    },
+    "upload-file": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#5398DF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#85BCFF\"></path>",
+      "width": 1228,
+      "height": 1024
+    },
+    "upload-folder": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#FFA000\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFFFFF\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#FFCA28\"></path>",
+      "width": 1024,
+      "height": 1024
+    },
+    "vue": {
+      "body": "<path fill=\"#42b883\" d=\"M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z\"></path>\r\n  <path fill=\"#35495e\" d=\"M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z\"></path>",
+      "width": 128,
+      "height": 128
+    },
+    "wechat": {
+      "body": "<path\r\n    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\"\r\n    fill=\"#00C800\"></path>\r\n  <path\r\n    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\"\r\n    fill=\"#00C800\"></path>",
+      "width": 1024,
+      "height": 1024
+    }
+  },
+  "width": 48,
+  "height": 48
+}
diff --git a/frontend-pc/src/icons/index.ts b/frontend-pc/src/icons/index.ts
new file mode 100644
index 0000000..94b04a9
--- /dev/null
+++ b/frontend-pc/src/icons/index.ts
@@ -0,0 +1,6 @@
+import IconParkOutlineIcons from '@iconify-json/icon-park-outline/icons.json'
+import { addCollection } from '@iconify/vue'
+import CustomIcons from '@/icons/custom-icons.json'
+
+addCollection(IconParkOutlineIcons)
+addCollection(CustomIcons)
diff --git a/frontend-pc/src/layout/LayoutColumns.vue b/frontend-pc/src/layout/LayoutColumns.vue
new file mode 100644
index 0000000..fbec7c7
--- /dev/null
+++ b/frontend-pc/src/layout/LayoutColumns.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="layout-columns">
+    <div v-show="isDesktop" class="layout-columns__left">
+      <!-- 左侧一级菜单区域 -->
+      <OneLevelMenu :data="oneLevelMenus" :active-path="oneActivePath"
+        @menu-click="handleOneMenuItemClick($event.path)"></OneLevelMenu>
+
+      <!-- 左侧二级菜单区域 -->
+      <a-menu v-if="twoLevelMenus.length > 1 || oneActiveRoute?.meta?.alwaysShow === true" :key="twoLevelMenuKey"
+        class="layout-columns__menu" :theme="menuTheme" :selected-keys="[twoActivePath]"
+        :accordion="appStore.isMenuAccordion" auto-open-selected :collapsed="appStore.isMenuCollapsed"
+        :style="{ width: '180px' }" @menu-item-click="handleTwoMenuItemClick">
+        <MenuItem v-for="(item, index) in twoLevelMenus" :key="item.path + index" :item="item" />
+      </a-menu>
+    </div>
+
+    <!-- 右侧内容区域 -->
+    <section class="layout-columns__content">
+      <Header />
+      <Tabs v-if="appStore.isTabVisible" />
+      <Main />
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useDevice } from '@/hooks'
+import { useLevelMenu } from '@/layout/hooks/useLevelMenu'
+import { useAppStore } from '@/stores'
+import Header from './components/Header/index.vue'
+import Main from './components/Main.vue'
+import MenuItem from './components/Menu/MenuItem.vue'
+import OneLevelMenu from './components/OneLevelMenu/index.vue'
+import Tabs from './components/Tabs/index.vue'
+
+defineOptions({ name: 'LayoutColumns' })
+
+const appStore = useAppStore()
+const { isDesktop } = useDevice()
+
+const twoLevelMenuKey = ref(false)
+const { menuTheme, oneLevelMenus, twoLevelMenus, oneActiveRoute, oneActivePath, twoActivePath, getOneLevelMenus, handleOneMenuItemClick, handleTwoMenuItemClick } = useLevelMenu({
+  oneActivePathChange: () => {
+    setTimeout(() => {
+      twoLevelMenuKey.value = !twoLevelMenuKey.value
+    }, 300)
+  }
+})
+getOneLevelMenus()
+</script>
+
+<style lang="scss" scoped>
+.layout-columns {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  &__left {
+    display: flex;
+    height: 100%;
+    overflow: hidden;
+    background-color: var(--color-bg-1);
+  }
+
+  &__menu {
+    border-right: 1px solid var(--color-border-2);
+  }
+
+  &__content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/LayoutDefault.vue b/frontend-pc/src/layout/LayoutDefault.vue
new file mode 100644
index 0000000..dc1c439
--- /dev/null
+++ b/frontend-pc/src/layout/LayoutDefault.vue
@@ -0,0 +1,33 @@
+<template>
+  <a-layout class="layout-default">
+    <Asider></Asider>
+    <a-layout class="layout-default__right">
+      <Header></Header>
+      <Tabs v-if="appStore.isTabVisible"></Tabs>
+      <Main></Main>
+    </a-layout>
+  </a-layout>
+</template>
+
+<script setup lang="ts">
+import { useAppStore } from '@/stores'
+import Asider from './components/Asider/index.vue'
+import Header from './components/Header/index.vue'
+import Main from './components/Main.vue'
+import Tabs from './components/Tabs/index.vue'
+
+defineOptions({ name: 'LayoutDefault' })
+
+const appStore = useAppStore()
+</script>
+
+<style lang="scss" scoped>
+.layout-default {
+  flex-direction: row;
+  height: 100%;
+
+  &__right {
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/LayoutMix.vue b/frontend-pc/src/layout/LayoutMix.vue
new file mode 100644
index 0000000..725bccd
--- /dev/null
+++ b/frontend-pc/src/layout/LayoutMix.vue
@@ -0,0 +1,165 @@
+<!--
+  @file LayoutMix 组件
+  @description 混合布局组件，支持顶部导航和左侧菜单组合的布局方式
+-->
+<template>
+  <div class="layout-mix">
+    <!-- 左侧菜单区域 -->
+    <section v-if="isDesktop" class="layout-mix-left asider" :class="{ 'app-menu-dark': appStore.isMenuDark }"
+      :style="getMenuStyle">
+      <a-layout-sider class="asider__menu" collapsible breakpoint="xl" hide-trigger :width="200"
+        :collapsed="appStore.isMenuCollapsed">
+        <Logo :collapsed="appStore.isMenuCollapsed" />
+        <a-scrollbar outer-class="asider__menu-scroll-view" style="height: 100%; overflow: auto">
+          <a-menu :theme="menuTheme" mode="vertical" auto-open-selected :collapsed="shouldCollapse"
+            :selected-keys="[twoActivePath]" breakpoint="xl" :accordion="appStore.isMenuAccordion"
+            @menu-item-click="handleTwoMenuItemClick">
+            <MenuItem v-for="(item, index) in twoLevelMenus" :key="item.path + index" :item="item" />
+          </a-menu>
+        </a-scrollbar>
+      </a-layout-sider>
+    </section>
+
+    <!-- 右侧内容区域 -->
+    <section class="layout-mix-right">
+      <header class="header" :class="{ 'app-menu-dark': appStore.isMenuDark }" :style="getMenuStyle">
+        <MenuFoldBtn />
+        <a-menu mode="horizontal" :theme="menuTheme" :selected-keys="[oneActivePath]"
+          @menu-item-click="handleOneMenuItemClick">
+          <MenuItem v-for="(item, index) in topMenus" :key="item.path + index" :item="item" />
+        </a-menu>
+        <HeaderRightBar />
+      </header>
+      <Tabs v-if="appStore.isTabVisible" />
+      <Main />
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useDevice } from '@/hooks'
+import { useLevelMenu } from '@/layout/hooks/useLevelMenu'
+import { useAppStore } from '@/stores'
+import HeaderRightBar from './components/HeaderRightBar/index.vue'
+import Logo from './components/Logo.vue'
+import Main from './components/Main.vue'
+import MenuItem from './components/Menu/MenuItem.vue'
+import MenuFoldBtn from './components/MenuFoldBtn.vue'
+import Tabs from './components/Tabs/index.vue'
+
+/** 组件名称 */
+defineOptions({ name: 'LayoutMix' })
+
+const appStore = useAppStore()
+const { isDesktop } = useDevice()
+
+const { menuTheme, getMenuStyle, oneLevelMenus, twoLevelMenus, oneActivePath, twoActivePath, getOneLevelMenus, handleOneMenuItemClick, handleTwoMenuItemClick } = useLevelMenu()
+getOneLevelMenus()
+
+const topMenus = computed(() => {
+  const arr = JSON.parse(JSON.stringify(oneLevelMenus.value))
+  arr.forEach((i) => {
+    delete i.children
+  })
+  return arr
+})
+
+// 是否折叠菜单
+const shouldCollapse = computed(() =>
+  !isDesktop.value ? false : appStore.isMenuCollapsed
+)
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-menu-pop) {
+  white-space: nowrap;
+}
+
+:deep(.arco-menu.arco-menu-vertical.arco-menu-collapsed) {
+
+  // Menu菜单组件修改
+  .arco-menu-icon {
+    padding: 10px 0;
+    margin-right: 0;
+  }
+
+  .arco-menu-has-icon {
+    justify-content: center;
+    padding: 0;
+  }
+
+  .arco-menu-title {
+    display: none;
+  }
+}
+
+:deep(.arco-menu-horizontal) {
+  flex: 1;
+  overflow: hidden;
+
+  .arco-menu-inner {
+    padding-left: 0;
+
+    .arco-menu-overflow-wrap {
+      white-space: nowrap;
+    }
+  }
+}
+
+.layout-mix {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+  overflow: hidden;
+
+  &-left {
+    overflow: hidden;
+  }
+
+  &-right {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    overflow: hidden;
+  }
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 56px;
+  padding: 0 var(--padding);
+  overflow: hidden;
+  color: var(--color-text-1);
+  background-color: var(--color-bg-1);
+  border-bottom: 1px solid var(--color-border);
+}
+
+.asider {
+  z-index: 1000;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  color: var(--color-text-1);
+  background-color: var(--color-bg-1);
+  border-right: 1px solid var(--color-border-2);
+
+  :deep(.arco-layout-sider-children) {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  &__menu {
+    flex: 1;
+    overflow: hidden;
+    background-color: inherit;
+  }
+
+  &__menu-scroll-view {
+    flex: 1;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/LayoutTop.vue b/frontend-pc/src/layout/LayoutTop.vue
new file mode 100644
index 0000000..9fcd390
--- /dev/null
+++ b/frontend-pc/src/layout/LayoutTop.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="layout-top">
+    <a-row align="center" class="layout-top__header" :class="{ 'app-menu-dark': appStore.isMenuDark }"
+      :style="getMenuStyle">
+      <Logo></Logo>
+      <a-menu class="layout-top__menu" mode="horizontal" :theme="menuTheme" :menu-trigger-props="menuTriggerProps"
+        :selected-keys="selectedKeys" @menu-item-click="handleMenuItemClick">
+        <MenuItem v-for="(item, index) in menuList" :key="item.path + index" :item="item" />
+      </a-menu>
+      <HeaderRightBar></HeaderRightBar>
+    </a-row>
+    <Tabs v-if="appStore.isTabVisible"></Tabs>
+    <Main></Main>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useMenu } from '@/layout/hooks/useMenu'
+import { useAppStore } from '@/stores'
+import HeaderRightBar from './components/HeaderRightBar/index.vue'
+import Logo from './components/Logo.vue'
+import Main from './components/Main.vue'
+import MenuItem from './components/Menu/MenuItem.vue'
+import Tabs from './components/Tabs/index.vue'
+
+defineOptions({ name: 'LayoutTop' })
+
+const appStore = useAppStore()
+const { menuTheme, menuList, menuTriggerProps, handleMenuItemClick, selectedKeys, getMenuStyle } = useMenu()
+</script>
+
+<style lang="scss" scoped>
+.layout-top {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  &__header {
+    box-sizing: border-box;
+    width: 100%;
+    padding-right: 16px;
+    overflow: hidden;
+    background-color: var(--color-bg-1);
+    border-bottom: 1px solid var(--color-border);
+  }
+
+  &__menu {
+    flex: 1;
+    overflow: hidden;
+
+    :deep(.arco-menu-inner) {
+      padding-left: 0;
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Asider/index.vue b/frontend-pc/src/layout/components/Asider/index.vue
new file mode 100644
index 0000000..eaa748e
--- /dev/null
+++ b/frontend-pc/src/layout/components/Asider/index.vue
@@ -0,0 +1,79 @@
+<template>
+  <div v-if="isDesktop" class="asider" :class="{ 'app-menu-dark': appStore.isMenuDark }" :style="getMenuStyle">
+    <a-layout-sider class="asider__menu" collapsible breakpoint="xl" hide-trigger :width="220"
+      :collapsed="appStore.isMenuCollapsed" @collapse="handleCollapse">
+      <Logo :collapsed="appStore.isMenuCollapsed"></Logo>
+      <a-scrollbar outer-class="asider__menu-scroll-view" style="height: 100%; overflow: auto">
+        <a-menu :theme="menuTheme" auto-open-selected :menu-trigger-props="menuTriggerProps"
+          :selected-keys="selectedKeys" :collapsed="collapsed" :accordion="appStore.isMenuAccordion"
+          @menu-item-click="handleMenuItemClick">
+          <MenuItem v-for="(item, index) in menuList" :key="item.path + index" :item="item" />
+        </a-menu>
+      </a-scrollbar>
+    </a-layout-sider>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useDevice } from '@/hooks'
+import { useMenu } from '@/layout/hooks/useMenu'
+import { useAppStore } from '@/stores'
+import Logo from '../Logo.vue'
+import MenuItem from '../Menu/MenuItem.vue'
+
+defineOptions({ name: 'AppAsider' })
+const appStore = useAppStore()
+const { isDesktop } = useDevice()
+const { menuTheme, menuList, menuTriggerProps, selectedKeys, collapsed, handleMenuItemClick, getMenuStyle } = useMenu()
+
+const handleCollapse = (isCollapsed: boolean) => {
+  appStore.isMenuCollapsed = isCollapsed
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-menu.arco-menu-vertical.arco-menu-collapsed) {
+
+  // Menu菜单组件修改
+  .arco-menu-icon {
+    padding: 10px 0;
+    margin-right: 0;
+  }
+
+  .arco-menu-has-icon {
+    justify-content: center;
+    padding: 0;
+  }
+
+  .arco-menu-title {
+    display: none;
+  }
+}
+
+:deep(.arco-layout-sider-children) {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.asider {
+  z-index: 1000;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  color: var(--color-text-1);
+  background-color: var(--color-bg-1);
+  border-right: 1px solid var(--color-border-2);
+
+  &__menu-scroll-view {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  &__menu {
+    flex: 1;
+    overflow: hidden;
+    background-color: inherit;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Breadcrumb/index.vue b/frontend-pc/src/layout/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..9b203b7
--- /dev/null
+++ b/frontend-pc/src/layout/components/Breadcrumb/index.vue
@@ -0,0 +1,130 @@
+<!--
+  @file Breadcrumb 组件
+  @description 面包屑导航组件，支持路由导航、动画效果和自定义样式
+-->
+<template>
+  <a-breadcrumb>
+    <transition-group name="breadcrumb">
+      <div v-for="(item, index) in breadcrumbList" :key="item.path + index">
+        <a-breadcrumb-item v-bind="attrs">
+          <template v-if="isLastItem(index) && !hasRedirect(item)">
+            <span class="g-line-1">{{ lastTitle || item.meta.title }}</span>
+          </template>
+          <template v-else>
+            <span class="g-line-1 breadcrumb__item-title" @click="handleLink(item)">
+              {{ item.meta.title }}
+            </span>
+          </template>
+          <icon-right v-if="!isLastItem(index)" />
+        </a-breadcrumb-item>
+      </div>
+    </transition-group>
+  </a-breadcrumb>
+</template>
+
+<script setup lang="ts">
+import type { RouteLocationMatched, RouteLocationNormalized } from 'vue-router'
+import { useRouteListener } from '@/hooks'
+import { useTabsStore } from '@/stores'
+
+/** 组件名称 */
+defineOptions({ name: 'Breadcrumb' })
+
+/** 路由相关 */
+const route = useRoute()
+const router = useRouter()
+const attrs = useAttrs()
+
+const { listenerRouteChange } = useRouteListener()
+const tabsStore = useTabsStore()
+
+/** 首页路由缓存 */
+let homeRoute: RouteLocationMatched | null = null
+
+/** 获取首页路由信息 */
+const getHomeRoute = () => {
+  if (homeRoute) return
+  const allRoutes = router.getRoutes()
+  const obj = allRoutes.find((i) => i.path === '/home')
+  if (obj) {
+    homeRoute = obj
+  }
+}
+
+/** 面包屑列表 */
+const breadcrumbList = ref<RouteLocationMatched[]>([])
+
+/** 获取面包屑列表 */
+const getBreadcrumbList = (to: RouteLocationNormalized) => {
+  getHomeRoute()
+  const arr = to.matched.filter((i) => i.meta.title && i.meta.breadcrumb !== false)
+  if (homeRoute) {
+    breadcrumbList.value = [homeRoute, ...arr]
+  }
+}
+
+/** 判断是否为最后一项 */
+const isLastItem = (index: number) => index === breadcrumbList.value.length - 1
+
+/** 判断是否有重定向 */
+const hasRedirect = (item: RouteLocationMatched) =>
+  item.redirect && item.redirect !== 'noRedirect' && item.redirect !== ''
+
+/** 处理路由跳转 */
+const handleLink = (item: RouteLocationMatched) => {
+  const { redirect, path, children } = item
+  if (redirect === 'noRedirect' && children.length) {
+    const obj = children?.[0]
+    router.push(obj?.meta?.activeMenu || obj.path)
+    return
+  }
+  if (redirect) {
+    router.push(redirect as string)
+    return
+  }
+  router.push(path)
+}
+
+/** 监听路由变化 */
+listenerRouteChange(({ to }) => {
+  if (to.path.startsWith('/redirect/')) return
+  getBreadcrumbList(to)
+}, true)
+
+const lastTitle = computed(() => {
+  return tabsStore.tabList.find((i) => i.path === route.path)?.meta?.title || ''
+})
+</script>
+
+<style lang="scss" scoped>
+/** breadcrumb-transform 面包屑动画 */
+.breadcrumb-enter-active {
+  transition: all 0.2s;
+}
+
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(10px);
+}
+
+:deep(.arco-breadcrumb-item) {
+  display: flex;
+  align-items: center;
+  padding: 0;
+
+  .arco-icon-right {
+    margin: 0 4px;
+  }
+}
+
+.breadcrumb__item-title {
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:hover {
+    font-weight: 600;
+    color: rgb(var(--primary-6));
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Header/index.vue b/frontend-pc/src/layout/components/Header/index.vue
new file mode 100644
index 0000000..b7d31d7
--- /dev/null
+++ b/frontend-pc/src/layout/components/Header/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <a-layout-header class="header">
+    <section class="header__left">
+      <MenuFoldBtn></MenuFoldBtn>
+    </section>
+    <a-row align="center" class="h-full header__right">
+      <a-col :xs="0" :md="10" :lg="10" :xl="12" :xxl="12">
+        <Breadcrumb></Breadcrumb>
+      </a-col>
+      <a-col :xs="24" :md="14" :lg="14" :xl="12" :xxl="12">
+        <a-row justify="end" align="center">
+          <HeaderRightBar></HeaderRightBar>
+        </a-row>
+      </a-col>
+    </a-row>
+  </a-layout-header>
+</template>
+
+<script setup lang="ts">
+import Breadcrumb from '../Breadcrumb/index.vue'
+import HeaderRightBar from '../HeaderRightBar/index.vue'
+import MenuFoldBtn from '../MenuFoldBtn.vue'
+
+defineOptions({ name: 'AppHeader' })
+</script>
+
+<style lang="scss" scoped>
+.arco-dropdown-open .arco-icon-down {
+  transform: rotate(180deg);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  height: 56px;
+  padding: 0 var(--padding);
+  background: var(--color-bg-1);
+  border-bottom: 1px solid var(--color-neutral-3);
+
+  &__right {
+    flex: 1;
+    margin-left: var(--padding);
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/HeaderRightBar/Notice.vue b/frontend-pc/src/layout/components/HeaderRightBar/Notice.vue
new file mode 100644
index 0000000..7112e24
--- /dev/null
+++ b/frontend-pc/src/layout/components/HeaderRightBar/Notice.vue
@@ -0,0 +1,85 @@
+<!--
+  @file Message 组件
+  @description 消息通知组件，包含通知、关注和待办三个标签页
+-->
+<template>
+  <div class="message">
+    <!-- 消息标签页 -->
+    <a-tabs :active-key="activeTab" style="background-color: transparent;" @change="handleTabChange">
+      <a-tab-pane v-for="tab in tabs" :key="tab.key">
+        <template #title>{{ tab.title }}({{ tab.count }})</template>
+      </a-tab-pane>
+    </a-tabs>
+
+    <!-- 消息列表 -->
+    <section class="message-list">
+      <a-comment v-for="item in messageList" :key="item.id" :author="item.name" :content="item.content"
+        :datetime="item.datetime">
+        <template #avatar>
+          <a-avatar>
+            <img :src="item.avatar" :alt="item.name">
+          </a-avatar>
+        </template>
+      </a-comment>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { TabsInstance } from '@arco-design/web-vue'
+
+/** 组件名称 */
+defineOptions({ name: 'Message' })
+
+/** 消息类型定义 */
+interface MessageItem {
+  id?: string | number
+  name: string
+  datetime: string
+  content: string
+  avatar: string
+  actionText?: string
+}
+
+/** 标签页配置 */
+const tabs = [
+  { key: '1', title: '通知', count: 1 },
+  { key: '2', title: '关注', count: 1 },
+  { key: '3', title: '待办', count: 2 }
+]
+
+/** 组件状态 */
+const activeTab = ref('1')
+
+/** 消息列表数据 */
+const messageList = ref<MessageItem[]>([
+  {
+    id: 1,
+    name: 'Socrates',
+    datetime: '1小时之前',
+    content: 'Comment body content.',
+    avatar: 'https://img1.baidu.com/it/u=1817951587,3188870642&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'
+  },
+  {
+    id: 2,
+    name: '木木糖醇',
+    datetime: '2小时之前',
+    content: '关注了你',
+    avatar: 'https://s1.ax1x.com/2022/06/14/XhteeO.jpg'
+  },
+  {
+    id: 3,
+    name: '徐欣',
+    datetime: '2个半小时之前',
+    content: '收藏了你的文章',
+    avatar: 'https://s1.ax1x.com/2022/06/14/XhtSwF.jpg'
+  }
+])
+
+/** 处理标签页切换 */
+const handleTabChange: TabsInstance['onChange'] = (key) => {
+  activeTab.value = key as string
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/layout/components/HeaderRightBar/SettingDrawerPanel.vue b/frontend-pc/src/layout/components/HeaderRightBar/SettingDrawerPanel.vue
new file mode 100644
index 0000000..d7f8d0c
--- /dev/null
+++ b/frontend-pc/src/layout/components/HeaderRightBar/SettingDrawerPanel.vue
@@ -0,0 +1,168 @@
+<!--
+  @file SettingDrawer 组件
+  @description 系统设置抽屉组件，用于配置系统主题、布局、动画等全局设置
+-->
+<template>
+  <div>
+    <a-space :size="15" direction="vertical" fill>
+      <section>
+        <a-divider orientation="center">系统布局</a-divider>
+        <a-row :gutter="[8, 8]">
+          <a-col v-for="item in LAYOUT_OPTIONS" :key="item.value" :span="8">
+            <LayoutModeItem :mode="item.value" :name="item.label" @click="toggleLayout(item.value)"></LayoutModeItem>
+          </a-col>
+        </a-row>
+      </section>
+
+      <!-- 系统主题设置 -->
+      <section>
+        <a-divider orientation="center">系统主题</a-divider>
+        <a-row justify="center">
+          <ColorPicker theme="dark" :color="appStore.themeColor" :sucker-hide="true" :colors-default="defaultColorList"
+            @change-color="changeColor"></ColorPicker>
+        </a-row>
+      </section>
+
+      <!-- 界面显示设置 -->
+      <section>
+        <a-divider orientation="center">界面显示</a-divider>
+        <a-descriptions :column="1" :align="{ value: 'right' }" :value-style="{ paddingRight: 0 }">
+          <!-- 页签设置 -->
+          <a-descriptions-item label="页签显示">
+            <a-switch v-model="appStore.isTabVisible" />
+          </a-descriptions-item>
+          <a-descriptions-item label="页签风格">
+            <a-select v-model="appStore.tabStyle" placeholder="请选择" :options="TAB_MODE_OPTIONS"
+              :disabled="!appStore.isTabVisible" :trigger-props="{ autoFitPopupMinWidth: true }"
+              :style="{ width: '120px' }">
+            </a-select>
+          </a-descriptions-item>
+
+          <!-- 动画设置 -->
+          <a-descriptions-item label="动画显示">
+            <a-switch v-model="appStore.isTransitionEnabled" />
+          </a-descriptions-item>
+          <a-descriptions-item label="动画效果">
+            <a-select v-model="appStore.transitionName" placeholder="请选择" :options="ANIMATE_MODE_OPTIONS"
+              :disabled="!appStore.isTransitionEnabled" :style="{ width: '120px' }">
+            </a-select>
+          </a-descriptions-item>
+
+          <!-- 菜单设置 -->
+          <a-descriptions-item label="深色菜单">
+            <a-switch v-model="appStore.isMenuDark" />
+          </a-descriptions-item>
+          <a-descriptions-item label="手风琴效果">
+            <a-switch v-model="appStore.isMenuAccordion" />
+          </a-descriptions-item>
+        </a-descriptions>
+      </section>
+    </a-space>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ColorPicker } from 'vue-color-kit'
+import AppSetting from '@/config/setting.json'
+import { useTheme } from '@/hooks'
+import { useAppStore } from '@/stores'
+import LayoutModeItem from './components/LayoutModeItem.vue'
+import 'vue-color-kit/dist/vue-color-kit.css'
+
+/** 组件名称 */
+defineOptions({ name: 'SettingDrawerPanel' })
+
+/** 状态管理 */
+const appStore = useAppStore()
+const { setThemeColor } = useTheme()
+
+type LayoutItem = { label: string, value: App.SettingConfig['layout'] }
+/** 布局选项 */
+const LAYOUT_OPTIONS: LayoutItem[] = [
+  { label: '默认布局', value: 'left' },
+  { label: '顶部布局', value: 'top' },
+  { label: '混合布局', value: 'mix' },
+  { label: '双列布局', value: 'columns' }
+]
+
+type TabItem = { label: string, value: App.SettingConfig['tabStyle'] }
+/** 页签模式选项 */
+const TAB_MODE_OPTIONS: TabItem[] = [
+  { label: '卡片', value: 'card' },
+  { label: '间隔卡片', value: 'card-gutter' },
+  { label: '圆角', value: 'rounded' },
+  { label: '自定义1', value: 'custom1' },
+  { label: '自定义2', value: 'custom2' }
+]
+
+type AnimateItem = { label: string, value: App.SettingConfig['transitionName'] }
+/** 动画模式选项 */
+const ANIMATE_MODE_OPTIONS: AnimateItem[] = [
+  { label: '默认', value: 'zoom-fade' },
+  { label: '滑动', value: 'fade-slide' },
+  { label: '渐变', value: 'fade' },
+  { label: '底部滑出', value: 'fade-bottom' },
+  { label: '缩放消退', value: 'fade-scale' }
+]
+
+/** 初始化设置 */
+const initSetting = () => {
+  const layouts = LAYOUT_OPTIONS.map((i) => i.value)
+  if (!layouts.includes(appStore.layout)) {
+    appStore.layout = AppSetting.layout as App.SettingConfig['layout']
+  }
+  const tabs = TAB_MODE_OPTIONS.map((i) => i.value)
+  if (!tabs.includes(appStore.tabStyle)) {
+    appStore.tabStyle = AppSetting.tabStyle as App.SettingConfig['tabStyle']
+  }
+  const animates = ANIMATE_MODE_OPTIONS.map((i) => i.value)
+  if (!animates.includes(appStore.transitionName)) {
+    appStore.transitionName = AppSetting.transitionName as App.SettingConfig['transitionName']
+  }
+}
+initSetting()
+
+/** 默认主题色列表 */
+const defaultColorList = [
+  '#165DFF',
+  '#409EFF',
+  '#18A058',
+  '#2d8cf0',
+  '#007AFF',
+  '#5ac8fa',
+  '#5856D6',
+  '#536dfe',
+  '#9c27b0',
+  '#AF52DE',
+  '#0096c7',
+  '#00C1D4',
+  '#43a047',
+  '#e53935',
+  '#f4511e',
+  '#6d4c41'
+]
+
+/** 颜色选择器返回值类型 */
+interface ColorObj {
+  hex: string
+  hsv: { h: number, s: number, v: number }
+  rgba: { r: number, g: number, b: number, a: number }
+}
+
+/** 更改主题色 */
+const changeColor = (colorObj: ColorObj) => {
+  if (!/^#[0-9A-Z]{6}/i.test(colorObj.hex)) return
+  setThemeColor(colorObj.hex)
+}
+
+/** 切换布局 */
+const toggleLayout = (layout: App.SettingConfig['layout']) => {
+  appStore.layout = layout
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-descriptions-item-label-block) {
+  color: var(--color-text-1);
+}
+</style>
diff --git a/frontend-pc/src/layout/components/HeaderRightBar/components/LayoutModeItem.vue b/frontend-pc/src/layout/components/HeaderRightBar/components/LayoutModeItem.vue
new file mode 100644
index 0000000..be6d771
--- /dev/null
+++ b/frontend-pc/src/layout/components/HeaderRightBar/components/LayoutModeItem.vue
@@ -0,0 +1,270 @@
+<!--
+  @file LayoutItem 组件
+  @description 布局切换选项组件，支持左侧布局、顶部布局和混合布局三种模式
+-->
+<template>
+  <div class="layout-mode-item-wrapper w-full">
+    <!-- 布局预览 -->
+    <div class="layout-mode-item"
+      :class="[{ 'is-active': appStore.layout === props.mode }, `layout-mode-item__${props.mode}`]"
+      @click="emit('click')">
+      <!-- 默认布局 -->
+      <template v-if="props.mode === 'left'">
+        <div class="preview-side preview-side--main">
+          <span class="preview-line"></span>
+          <span class="preview-line"></span>
+          <span class="preview-line"></span>
+          <span class="preview-line"></span>
+        </div>
+        <div class="preview-main">
+          <div class="preview-header"></div>
+          <div class="preview-content">
+            <span class="preview-line"></span>
+            <span class="preview-line is-short"></span>
+            <span class="preview-line is-short"></span>
+          </div>
+        </div>
+      </template>
+
+      <!-- 顶部布局 -->
+      <template v-if="props.mode === 'top'">
+        <div class="preview-topbar">
+          <span class="preview-pill"></span>
+          <span class="preview-pill"></span>
+          <span class="preview-pill"></span>
+          <span class="preview-pill"></span>
+        </div>
+        <div class="preview-content">
+          <span class="preview-line"></span>
+          <span class="preview-line is-short"></span>
+          <span class="preview-line is-short"></span>
+        </div>
+      </template>
+
+      <!-- 混合布局 -->
+      <template v-if="props.mode === 'mix'">
+        <div class="preview-topbar">
+          <span class="preview-pill"></span>
+          <span class="preview-pill"></span>
+          <span class="preview-pill"></span>
+          <span class="preview-pill"></span>
+        </div>
+        <div class="preview-main preview-main--row">
+          <div class="preview-side preview-side--main">
+            <span class="preview-line"></span>
+            <span class="preview-line"></span>
+            <span class="preview-line"></span>
+          </div>
+          <div class="preview-content">
+            <span class="preview-line"></span>
+            <span class="preview-line is-short"></span>
+            <span class="preview-line is-short"></span>
+          </div>
+        </div>
+      </template>
+
+      <!-- 双列布局 -->
+      <template v-if="props.mode === 'columns'">
+        <div class="preview-side preview-side--ghost"></div>
+        <div class="preview-side preview-side--main">
+          <span class="preview-line"></span>
+          <span class="preview-line"></span>
+          <span class="preview-line"></span>
+          <span class="preview-line"></span>
+        </div>
+        <div class="preview-main">
+          <div class="preview-content">
+            <span class="preview-line"></span>
+            <span class="preview-line is-short"></span>
+            <span class="preview-line is-short"></span>
+            <span class="preview-line is-short"></span>
+          </div>
+        </div>
+      </template>
+    </div>
+
+    <!-- 布局名称 -->
+    <p class="layout-mode-item__text">{{ props.name }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useAppStore } from '@/stores'
+
+defineOptions({
+  name: 'LayoutModeItem'
+})
+
+/** Props 默认值 */
+const props = withDefaults(defineProps<Props>(), {
+  mode: 'left'
+})
+
+/** Emits 定义 */
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+/** 布局模式类型 */
+type LayoutMode = 'left' | 'top' | 'mix' | 'columns'
+
+/** Props 类型定义 */
+interface Props {
+  /** 布局模式 */
+  mode?: LayoutMode
+  /** 布局名称 */
+  name: string
+}
+
+/** 应用状态 */
+const appStore = useAppStore()
+</script>
+
+<style lang="scss" scoped>
+.layout-mode-item-wrapper {
+  width: 100%;
+}
+
+.layout-mode-item {
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  height: 58px;
+  padding: 6px;
+  gap: 4px;
+  overflow: hidden;
+  cursor: pointer;
+  background-color: var(--color-bg-1);
+  border: 2px solid var(--color-border-2);
+  border-radius: 6px;
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
+
+  &.is-active {
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 5px 3px rgb(var(--primary-2));
+  }
+
+  &__text {
+    margin-top: 5px;
+    font-size: 12px;
+    color: var(--color-text-2);
+    text-align: center;
+  }
+}
+
+.preview-main {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  gap: 4px;
+}
+
+.preview-side {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 12px;
+  padding: 3px 2px;
+  gap: 3px;
+  background-color: var(--color-fill-3);
+  border-radius: 2px;
+  box-sizing: border-box;
+}
+
+.preview-side--main {
+  background-color: var(--color-fill-4);
+}
+
+.preview-side--ghost {
+  width: 11px;
+  background-color: var(--color-fill-2);
+}
+
+.preview-header {
+  width: 100%;
+  height: 8px;
+  background-color: var(--color-fill-3);
+  border-radius: 2px;
+}
+
+.preview-topbar {
+  display: flex;
+  width: 100%;
+  height: 10px;
+  padding: 2px 3px;
+  gap: 3px;
+  background-color: var(--color-fill-3);
+  border-radius: 2px;
+  box-sizing: border-box;
+}
+
+.preview-pill {
+  flex: 1;
+  background-color: var(--color-bg-1);
+  border-radius: 1px;
+}
+
+.preview-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-start;
+  gap: 4px;
+  min-width: 0;
+  padding-right: 1px;
+  box-sizing: border-box;
+
+  .preview-line {
+    height: 6px;
+  }
+}
+
+.preview-line {
+  display: block;
+  height: 5px;
+  width: 100%;
+  background-color: var(--color-fill-2);
+  border-radius: 1px;
+
+  &.is-short {
+    width: 70%;
+  }
+}
+
+.layout-mode-item__top {
+  flex-direction: column;
+
+  .preview-content {
+    padding-top: 2px;
+  }
+}
+
+.layout-mode-item__mix {
+  flex-direction: column;
+
+  .preview-topbar {
+    flex-shrink: 0;
+  }
+
+  .preview-main {
+    flex: 1;
+  }
+
+  .preview-side {
+    width: 12px;
+  }
+}
+
+.preview-main--row {
+  flex-direction: row;
+  gap: 4px;
+}
+
+.layout-mode-item__columns {
+  .preview-main .preview-content {
+    justify-content: center;
+    padding-top: 0;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/HeaderRightBar/index.vue b/frontend-pc/src/layout/components/HeaderRightBar/index.vue
new file mode 100644
index 0000000..1ab5d43
--- /dev/null
+++ b/frontend-pc/src/layout/components/HeaderRightBar/index.vue
@@ -0,0 +1,184 @@
+<!--
+  @file HeaderRightBar 组件
+  @description 头部右侧工具栏组件，包含项目配置、消息通知、全屏切换、主题切换和用户菜单等功能
+-->
+<template>
+  <a-row justify="end" align="center" class="header-right-bar">
+    <a-space size="medium">
+      <!-- 项目配置按钮 -->
+      <a-tooltip content="项目配置" position="bl">
+        <a-button size="mini" class="g-hover-btn" @click="handleOpenSettings">
+          <template #icon>
+            <icon-settings :size="18" />
+          </template>
+        </a-button>
+      </a-tooltip>
+
+      <!-- 消息通知下拉框 -->
+      <a-popover position="bottom" trigger="click">
+        <a-badge :count="9" dot>
+          <a-button size="mini" class="g-hover-btn">
+            <template #icon>
+              <icon-notification :size="18" />
+            </template>
+          </a-button>
+        </a-badge>
+        <template #content>
+          <Notice></Notice>
+        </template>
+      </a-popover>
+
+      <!-- 全屏切换按钮 -->
+      <a-tooltip v-if="!['xs', 'sm'].includes(breakpoint)" content="全屏切换" position="bottom">
+        <a-button size="mini" class="g-hover-btn" @click="toggle">
+          <template #icon>
+            <icon-fullscreen v-if="!isFullscreen" :size="18" />
+            <icon-fullscreen-exit v-else :size="18" />
+          </template>
+        </a-button>
+      </a-tooltip>
+
+      <!-- 暗黑模式切换 -->
+      <a-tooltip content="主题切换" position="bottom">
+        <GiThemeBtn></GiThemeBtn>
+      </a-tooltip>
+
+      <!-- 管理员账户 -->
+      <a-dropdown trigger="hover">
+        <a-row align="center" :wrap="false" class="header-right-bar__user">
+          <!-- 头像：后端未下发 avatarUrl（本项目用姓名首字兜底，避免渲染成裂图） -->
+          <a-avatar :size="32" :style="{ backgroundColor: 'rgb(var(--primary-6))' }">
+            <img v-if="userStore.avatar" :src="userStore.avatar" alt="" />
+            <template v-else>{{ avatarText }}</template>
+          </a-avatar>
+          <span class="header-right-bar__username">{{ userStore.name }}</span>
+          <icon-down />
+        </a-row>
+
+        <template #content>
+          <a-doption v-for="item in USER_MENUS" :key="item.key" @click="item.onClick">
+            <template #icon>
+              <GiIconBox :color="item.iconColor">
+                <component :is="item.icon" />
+              </GiIconBox>
+            </template>
+            <span>{{ item.label }}</span>
+          </a-doption>
+          <a-divider :margin="0" />
+          <a-doption @click="handleLogout">
+            <template #icon>
+              <GiIconBox color="warning">
+                <icon-export />
+              </GiIconBox>
+            </template>
+            <span>退出登录</span>
+          </a-doption>
+        </template>
+      </a-dropdown>
+    </a-space>
+  </a-row>
+</template>
+
+<script setup lang="ts">
+import { Button, Drawer, Message, Modal } from '@arco-design/web-vue'
+import { useFullscreen } from '@vueuse/core'
+import { useBreakpoint, useTheme } from '@/hooks'
+import { useAppStore, useUserStore } from '@/stores'
+import Notice from './Notice.vue'
+import SettingDrawerPanel from './SettingDrawerPanel.vue'
+
+/** 组件名称 */
+defineOptions({ name: 'HeaderRight' })
+
+/** 路由实例 */
+const router = useRouter()
+
+/** 状态管理 */
+const userStore = useUserStore()
+const appStore = useAppStore()
+const { setThemeColor } = useTheme()
+
+/** 响应式断点 */
+const { breakpoint } = useBreakpoint()
+
+/** 全屏控制 */
+const { isFullscreen, toggle } = useFullscreen()
+
+/** 头像兜底文案：取姓名首字 */
+const avatarText = computed(() => (userStore.name || '—').slice(0, 1))
+
+/** 用户菜单配置 */
+const USER_MENUS = [
+  {
+    key: 'password',
+    label: '修改密码',
+    icon: 'icon-unlock',
+    iconColor: 'primary',
+    onClick: () => {
+      // 后端 PUT /auth/password 尚未实现（属 M0 剩余任务），
+      // 这里给明确提示，而不是像模板那样假装成功
+      Message.info('修改密码功能待接入后端 PUT /auth/password')
+    }
+  }
+]
+
+/** 恢复默认项目配置 */
+const handleResetSettings = () => {
+  appStore.resetSettings()
+  setThemeColor(appStore.themeColor)
+  Message.success('已恢复默认配置')
+}
+
+/** 打开设置抽屉 */
+const handleOpenSettings = () => {
+  Drawer.open({
+    title: '项目配置',
+    width: 300,
+    content: () => h(SettingDrawerPanel),
+    footer: () => h(Button, { type: 'primary', long: true, style: { margin: 0 }, onClick: handleResetSettings }, { default: () => '恢复默认配置' })
+  })
+}
+
+/** 处理退出登录 */
+const handleLogout = () => {
+  Modal.warning({
+    title: '提示',
+    content: '确认退出登录？',
+    hideCancel: false,
+    closable: true,
+    onBeforeOk: async () => {
+      try {
+        await userStore.logout()
+        router.replace('/login')
+        return true
+      } catch {
+        Message.error('退出登录失败')
+        return false
+      }
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.arco-dropdown-open .arco-icon-down {
+  transform: rotate(180deg);
+}
+
+.header-right-bar {
+  &__user {
+    color: var(--color-text-1);
+    cursor: pointer;
+  }
+
+  &__username {
+    margin-left: 10px;
+    white-space: nowrap;
+
+    .arco-icon-down {
+      margin-left: 2px;
+      transition: all 0.3s;
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Logo.vue b/frontend-pc/src/layout/components/Logo.vue
new file mode 100644
index 0000000..d6afe62
--- /dev/null
+++ b/frontend-pc/src/layout/components/Logo.vue
@@ -0,0 +1,85 @@
+<!--
+  @file Logo 组件
+  @description 系统 Logo 组件，支持折叠状态和首页导航功能
+-->
+<template>
+  <section class="system-logo" :class="{ collapsed: props.collapsed }" @click="handleHomeNavigation">
+    <img class="logo" src="@/assets/images/logo.svg" alt="填报通" />
+    <span v-if="!props.hideName" class="system-name g-line-1">填报通</span>
+  </section>
+</template>
+
+<script setup lang="ts">
+/** 组件名称 */
+defineOptions({ name: 'Logo' })
+
+/** Props 默认值 */
+const props = withDefaults(defineProps<Props>(), {
+  collapsed: false,
+  hideName: false
+})
+
+/** Props 类型定义 */
+interface Props {
+  /** 是否折叠状态 */
+  collapsed?: boolean
+  /** 是否隐藏名称 */
+  hideName?: boolean
+}
+
+/** 路由实例 */
+const router = useRouter()
+
+/** 处理首页导航 */
+const handleHomeNavigation = () => {
+  router.push('/')
+}
+</script>
+
+<style lang="scss" scoped>
+.system-logo {
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  height: 56px;
+  padding: 0 12px;
+  font-size: 20px;
+  line-height: 1;
+  color: var(--color-text-1);
+  cursor: pointer;
+  user-select: none;
+  transition: padding 0.2s;
+
+  // 折叠状态样式
+  &.collapsed {
+    justify-content: center;
+    padding: 0;
+
+    .system-name {
+      display: none;
+    }
+  }
+
+  // Logo 图片样式
+  .logo {
+    flex-shrink: 0;
+    width: 32px;
+    height: 32px;
+    overflow: hidden;
+    border-radius: 6px;
+    transition: all 0.2s;
+  }
+
+  // 系统名称样式
+  .system-name {
+    padding-left: 10px;
+    white-space: nowrap;
+    transition: color 0.3s;
+
+    &:hover {
+      color: rgb(var(--primary-6));
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Main.vue b/frontend-pc/src/layout/components/Main.vue
new file mode 100644
index 0000000..dced06a
--- /dev/null
+++ b/frontend-pc/src/layout/components/Main.vue
@@ -0,0 +1,37 @@
+<!--
+  @file Main 组件
+  @description 主内容区组件，支持路由切换动画、页面缓存和组件重载功能
+-->
+<template>
+  <a-layout class="main">
+    <router-view v-slot="{ Component, route }">
+      <transition :name="appStore.pageTransitionName" mode="out-in" appear>
+        <keep-alive :include="(tabsStore.cacheList as string[])">
+          <component :is="Component" v-if="tabsStore.reloadFlag" :key="route.path" />
+        </keep-alive>
+      </transition>
+    </router-view>
+  </a-layout>
+</template>
+
+<script setup lang="ts">
+import { useAppStore, useTabsStore } from '@/stores'
+
+/** 组件名称 */
+defineOptions({ name: 'AppMain' })
+
+/** 状态管理 */
+const appStore = useAppStore()
+const tabsStore = useTabsStore()
+</script>
+
+<style lang="scss" scoped>
+.main {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Menu/MenuIcon.vue b/frontend-pc/src/layout/components/Menu/MenuIcon.vue
new file mode 100644
index 0000000..f243a09
--- /dev/null
+++ b/frontend-pc/src/layout/components/Menu/MenuIcon.vue
@@ -0,0 +1,21 @@
+<template>
+  <Icon v-if="props?.icon && (props.icon.startsWith('icon-park') || props.icon.startsWith('custom:'))"
+    :icon="props.icon" :width="16" :height="16" />
+  <component :is="props?.icon" v-else-if="props?.icon && props?.icon?.startsWith('icon')" :size="24">
+  </component>
+  <Icon v-else-if="props?.icon" :icon="props.icon" :width="24" :height="24" />
+</template>
+
+<script lang="ts" setup>
+import { Icon } from '@iconify/vue'
+
+interface Props {
+  icon?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  icon: ''
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/layout/components/Menu/MenuItem.vue b/frontend-pc/src/layout/components/Menu/MenuItem.vue
new file mode 100644
index 0000000..7eb491d
--- /dev/null
+++ b/frontend-pc/src/layout/components/Menu/MenuItem.vue
@@ -0,0 +1,44 @@
+<template>
+  <a-menu-item v-if="!item.children?.length" :key="item?.path">
+    <template #icon>
+      <MenuIcon :icon="item?.meta?.icon"></MenuIcon>
+    </template>
+    <a-row v-if="menuBadgeStore.badgeMap[item.path] !== undefined" justify="space-between" align="center"
+      style="flex-wrap: nowrap;">
+      <div class="g-line-1">{{ item?.meta?.title }}</div>
+      <a-badge class="g-ml" :count="menuBadgeStore.badgeMap[item.path]"
+        v-bind="menuBadgeStore.BadgePropsMap[item.path]" />
+    </a-row>
+    <template v-else>{{ item?.meta?.title }}</template>
+  </a-menu-item>
+
+  <a-sub-menu v-else :key="item.path" :title="item?.meta?.title">
+    <template #icon>
+      <MenuIcon :icon="item?.meta?.icon"></MenuIcon>
+    </template>
+    <MenuItem v-for="child in item.children" :key="child.path" :item="child">
+    </MenuItem>
+  </a-sub-menu>
+</template>
+
+<script lang="ts" setup>
+import type { RouteRecordRaw } from 'vue-router'
+import { useMenuBadgeStore } from '@/stores'
+import MenuIcon from './MenuIcon.vue'
+
+defineOptions({ name: 'MenuItem' })
+
+withDefaults(defineProps<Props>(), {})
+
+interface Props {
+  item: RouteRecordRaw
+}
+
+const menuBadgeStore = useMenuBadgeStore()
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-badge) {
+  display: inline-flex;
+}
+</style>
diff --git a/frontend-pc/src/layout/components/MenuFoldBtn.vue b/frontend-pc/src/layout/components/MenuFoldBtn.vue
new file mode 100644
index 0000000..ca8faad
--- /dev/null
+++ b/frontend-pc/src/layout/components/MenuFoldBtn.vue
@@ -0,0 +1,92 @@
+<!--
+  @file MenuFoldBtn 组件
+  @description 菜单折叠按钮组件，支持响应式布局和抽屉模式
+-->
+<template>
+  <!-- 折叠按钮 -->
+  <a-button size="mini" class="g-hover-btn menu-fold-btn" @click="handleFoldClick">
+    <template #icon>
+      <icon-menu-fold v-if="!appStore.isMenuCollapsed" :size="18" :stroke-width="3" />
+      <icon-menu-unfold v-else :size="18" :stroke-width="3" />
+    </template>
+  </a-button>
+
+  <!-- 移动端抽屉菜单 -->
+  <div class="drawer" :class="{ 'app-menu-dark': appStore.isMenuDark }">
+    <a-drawer v-model:visible="visible" placement="left" :header="false" :footer="false" :render-to-body="false"
+      :drawer-style="drawerStyle">
+      <Logo :collapsed="false" />
+      <a-menu class="menu w-full" :menu-trigger-props="menuTriggerProps" :selected-keys="selectedKeys"
+        @menu-item-click="onMenuItemClick">
+        <MenuItem v-for="item in menuList" :key="item.path" :item="item">
+        </MenuItem>
+      </a-menu>
+    </a-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useDevice } from '@/hooks'
+import { useMenu } from '@/layout/hooks/useMenu'
+import { useAppStore } from '@/stores'
+
+/** 组件名称 */
+defineOptions({ name: 'MenuFoldBtn' })
+const Logo = defineAsyncComponent(() => import('@/layout/components/Logo.vue'))
+const MenuItem = defineAsyncComponent(() => import('@/layout/components/Menu/MenuItem.vue'))
+
+/** 状态管理 */
+const appStore = useAppStore()
+const { isDesktop } = useDevice()
+const { menuList, menuTriggerProps, handleMenuItemClick, selectedKeys } = useMenu()
+
+/** 抽屉可见性状态 */
+const visible = ref(false)
+
+/** 抽屉样式配置 */
+const drawerStyle = {
+  borderRight: '1px solid var(--color-border-2)',
+  boxSizing: 'border-box',
+  backgroundColor: 'var(--color-bg-2)'
+} as const
+
+/** 处理折叠按钮点击 */
+const handleFoldClick = () => {
+  if (isDesktop.value) {
+    appStore.setMenuCollapse(!appStore.isMenuCollapsed)
+  } else {
+    visible.value = !visible.value
+  }
+}
+
+/** 处理菜单项点击 */
+const onMenuItemClick = (key: string) => {
+  handleMenuItemClick(key)
+  visible.value = false
+}
+</script>
+
+<style lang="scss" scoped>
+.menu-fold-btn {
+  flex-shrink: 0;
+  background-color: var(--color-secondary-hover) !important;
+}
+
+.drawer {
+
+  // 菜单样式
+  .menu {
+    flex: 1;
+    overflow: hidden;
+    background-color: inherit;
+  }
+
+  // 抽屉内容样式
+  :deep(.arco-drawer-body) {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/OneLevelMenu/index.vue b/frontend-pc/src/layout/components/OneLevelMenu/index.vue
new file mode 100644
index 0000000..f6fe9b3
--- /dev/null
+++ b/frontend-pc/src/layout/components/OneLevelMenu/index.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="one-level-menu" :class="{ 'app-menu-dark': appStore.isMenuDark }">
+    <Logo class="one-level-menu__logo" hide-name></Logo>
+    <div class="one-level-menu__wrap">
+      <a-scrollbar style="height:100%;overflow: auto;" :outer-style="{ width: '100%' }">
+        <ul class="one-level-menu__list">
+          <li v-for="(item) in props.data" :key="item.path" class="one-level-menu__item"
+            :class="{ 'one-level-menu__item--active': props.activePath === item.path }"
+            @click="emits('menu-click', item)">
+            <MenuIcon :icon="item?.meta?.icon"></MenuIcon>
+            <p class="one-level-menu__item__title g-line-1" :title="item?.meta?.title">{{ item?.meta?.title }}</p>
+          </li>
+        </ul>
+      </a-scrollbar>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { RouteRecordRaw } from 'vue-router'
+import { useAppStore } from '@/stores'
+import Logo from '../Logo.vue'
+import MenuIcon from '../Menu/MenuIcon.vue'
+
+interface Props {
+  activePath?: string
+  data?: RouteRecordRaw[]
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  activePath: '',
+  data: () => []
+})
+
+const emits = defineEmits<{
+  (e: 'menu-click', item: RouteRecordRaw): void
+}>()
+
+const appStore = useAppStore()
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-scrollbar-track) {
+  display: none;
+}
+
+.one-level-menu {
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: column;
+  width: 68px;
+  height: 100%;
+  overflow: hidden;
+  color: var(--color-text-2);
+  background-color: var(--color-bg-1);
+  border-right: 1px solid var(--color-border-2);
+
+  &__logo {
+    justify-content: center;
+    border-bottom: 1px solid var(--color-border-2);
+
+    :deep(.logo) {
+      width: 40px;
+      height: 40px;
+    }
+  }
+
+  &__wrap {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+  }
+
+  &__list {
+    box-sizing: border-box;
+    padding: 4px 4px 0;
+  }
+
+  &__item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 8px 0;
+    margin-bottom: 4px;
+    cursor: pointer;
+    border-radius: 4px;
+
+    &--active {
+      color: rgb(var(--primary-6));
+      background-color: var(--color-primary-light-2)
+    }
+
+    &:not(.one-level-menu__item--active):hover {
+      background-color: var(--color-fill-2);
+    }
+
+    &__title {
+      box-sizing: border-box;
+      padding: 0 8px;
+      margin-top: 8px;
+      font-size: 12px;
+      line-height: 1;
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Tabs/MagicIcon.vue b/frontend-pc/src/layout/components/Tabs/MagicIcon.vue
new file mode 100644
index 0000000..050bb5e
--- /dev/null
+++ b/frontend-pc/src/layout/components/Tabs/MagicIcon.vue
@@ -0,0 +1,99 @@
+<!--
+  @file MagicIcon 组件
+  @description 可旋转的魔法图标组件，用于展示更多操作的下拉菜单触发器
+-->
+<template>
+  <span class="magic-icon-wrapper">
+    <span class="magic-icon">
+      <i class="magic-dot magic-dot-top"></i>
+      <i class="magic-dot magic-dot-bottom"></i>
+    </span>
+  </span>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'MagicIcon' })
+</script>
+
+<style lang="scss" scoped>
+.magic-icon-wrapper {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  // 点击区域扩展
+  &::before {
+    position: absolute;
+    top: -6px;
+    left: -6px;
+    width: 26px;
+    height: 26px;
+    cursor: pointer;
+    content: '';
+  }
+}
+
+.magic-icon {
+  display: inline-block;
+  color: var(--color-text-2);
+  cursor: pointer;
+  transition: transform 0.3s ease-out;
+
+  // 魔法点样式
+  .magic-dot {
+    position: relative;
+    display: block;
+    width: 14px;
+    height: 6px;
+
+    &-bottom {
+      margin-top: 2px;
+    }
+
+    // 左侧点
+    &::before {
+      position: absolute;
+      left: 0;
+      width: 6px;
+      height: 6px;
+      content: '';
+      background: var(--color-text-2);
+      transition: transform 0.3s ease-out;
+    }
+
+    // 右侧点
+    &::after {
+      position: absolute;
+      left: 8px;
+      width: 6px;
+      height: 6px;
+      content: '';
+      background: var(--color-text-2);
+      transition: background-color 0.3s ease-out;
+    }
+  }
+}
+
+// 悬浮和打开状态样式
+.magic-icon-wrapper:hover,
+.arco-dropdown-open {
+  .magic-icon {
+    transform: rotate(90deg);
+
+    .magic-dot {
+
+      &::before,
+      &::after {
+        background: rgb(var(--primary-6));
+      }
+
+      &-top::before {
+        background: rgb(var(--primary-3));
+        transform: rotate(45deg);
+      }
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Tabs/ReloadIcon.vue b/frontend-pc/src/layout/components/Tabs/ReloadIcon.vue
new file mode 100644
index 0000000..23b237f
--- /dev/null
+++ b/frontend-pc/src/layout/components/Tabs/ReloadIcon.vue
@@ -0,0 +1,46 @@
+<!--
+  @file ReloadIcon 组件
+  @description 页面重载图标组件，支持加载动画效果
+-->
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
+    width="18" height="18" viewBox="0 0 24 24" class="reload-icon" @click="handleReload">
+    <path fill="currentColor"
+      d="M5.463 4.433A9.96 9.96 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z">
+    </path>
+  </svg>
+  <!-- <svg width="17" height="17" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="reload-icon"
+    @click="handleReload">
+    <path d="M42 8V24" stroke="currentColor" stroke-width="4" stroke-linecap="butt" stroke-linejoin="round" />
+    <path d="M6 24L6 40" stroke="currentColor" stroke-width="4" stroke-linecap="butt" stroke-linejoin="round" />
+    <path
+      d="M42 24C42 14.0589 33.9411 6 24 6C18.9145 6 14.3216 8.10896 11.0481 11.5M6 24C6 33.9411 14.0589 42 24 42C28.8556 42 33.2622 40.0774 36.5 36.9519"
+      stroke="currentColor" stroke-width="4" stroke-linecap="butt" stroke-linejoin="round" />
+  </svg> -->
+</template>
+
+<script setup lang="ts">
+import { useTabsStore } from '@/stores'
+
+/** 组件名称 */
+defineOptions({ name: 'ReloadIcon' })
+
+/** 状态管理 */
+const tabsStore = useTabsStore()
+
+/** 处理重载操作 */
+const handleReload = () => {
+  tabsStore.reloadPage()
+}
+</script>
+
+<style lang="scss" scoped>
+.reload-icon {
+  cursor: pointer;
+
+  &:hover {
+    transform: rotate(180deg);
+    transition: transform 0.5s ease-in-out;
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/components/Tabs/index.vue b/frontend-pc/src/layout/components/Tabs/index.vue
new file mode 100644
index 0000000..88e8194
--- /dev/null
+++ b/frontend-pc/src/layout/components/Tabs/index.vue
@@ -0,0 +1,238 @@
+<!--
+  @file Tabs 组件
+  @description 系统标签页组件，支持多种标签样式、右键菜单和快捷操作
+-->
+<template>
+  <a-tabs :key="appStore.tabStyle" :class="`tabs--${appStore.tabStyle}`" :type="tabsType" :active-key="route.path"
+    editable hide-content size="medium" scroll-position="center" @tab-click="handleTabClick"
+    @delete="tabsStore.close('current', $event as string)">
+    <a-tab-pane v-for="item of tabsStore.tabList" :key="item.path" :title="(item.meta?.title as string)"
+      :closable="!item.meta?.affix">
+      <template v-if="appStore.tabStyle === 'custom2'" #title>
+        <a-dropdown trigger="contextMenu">
+          <a-tag class="tabs-pane__tag" :closable="!item.meta?.affix"
+            :color="route.path === item.path ? 'rgb(var(--primary-6))' : undefined"
+            :bordered="route.path === item.path ? false : true" @close="tabsStore.close('current', item.path)">
+            {{ item.meta?.title }}
+          </a-tag>
+          <template #content>
+            <a-doption @click="tabsStore.close('left', item.path)">
+              <template #icon><icon-left /></template>
+              <template #default>关闭左侧</template>
+            </a-doption>
+            <a-doption @click="tabsStore.close('right', item.path)">
+              <template #icon><icon-right /></template>
+              <template #default>关闭右侧</template>
+            </a-doption>
+            <a-doption @click="tabsStore.close('other', item.path)">
+              <template #icon><icon-close /></template>
+              <template #default>关闭其他</template>
+            </a-doption>
+          </template>
+        </a-dropdown>
+      </template>
+    </a-tab-pane>
+
+    <template #extra>
+      <a-space size="medium">
+        <ReloadIcon></ReloadIcon>
+        <a-dropdown trigger="hover">
+          <MagicIcon></MagicIcon>
+          <template #content>
+            <a-doption @click="tabsStore.close('left', route.path)">
+              <template #icon><icon-left /></template>
+              <template #default>关闭左侧</template>
+            </a-doption>
+            <a-doption @click="tabsStore.close('right', route.path)">
+              <template #icon><icon-right /></template>
+              <template #default>关闭右侧</template>
+            </a-doption>
+            <a-doption @click="tabsStore.close('other', route.path)">
+              <template #icon><icon-close /></template>
+              <template #default>关闭其他</template>
+            </a-doption>
+            <a-doption @click="tabsStore.close('all')">
+              <template #icon><icon-delete /></template>
+              <template #default>关闭全部</template>
+            </a-doption>
+          </template>
+        </a-dropdown>
+      </a-space>
+    </template>
+  </a-tabs>
+</template>
+
+<script setup lang="ts">
+import type { TabsInstance } from '@arco-design/web-vue'
+import Sortable from 'sortablejs'
+import { useRouteListener } from '@/hooks'
+import { useAppStore, useTabsStore } from '@/stores'
+import MagicIcon from './MagicIcon.vue'
+import ReloadIcon from './ReloadIcon.vue'
+
+/** 组件名称 */
+defineOptions({ name: 'Tabs' })
+const route = useRoute()
+const router = useRouter()
+const appStore = useAppStore()
+const tabsStore = useTabsStore()
+const { listenerRouteChange } = useRouteListener()
+const tabsType = computed(() => {
+  return (['custom1', 'custom2'].includes(appStore.tabStyle) ? 'card' : appStore.tabStyle) as unknown as TabsInstance['type']
+})
+
+/** 初始化标签页 */
+tabsStore.init()
+
+/** 监听路由变化 */
+listenerRouteChange(({ to }) => {
+  if (to.name) {
+    const rawTo = toRaw(to)
+    tabsStore.addTabItem(rawTo)
+  }
+})
+
+/** 处理标签页点击 */
+const handleTabClick: TabsInstance['onTabClick'] = (key) => {
+  const targetTab = tabsStore.tabList.find((tab) => tab.path === key)
+  router.push(targetTab?.fullPath || targetTab?.path || (key as string))
+}
+
+onMounted(() => {
+  Sortable.create(document.querySelector('.arco-tabs-nav-tab-list') as HTMLElement, {
+    draggable: '.arco-tabs-tab-closable',
+    animation: 300,
+    onEnd({ newIndex, oldIndex }) {
+      const tabsList = [...tabsStore.tabList]
+      const currRow = tabsList.splice(oldIndex as number, 1)[0]
+      tabsList.splice(newIndex as number, 0, currRow)
+      tabsStore.tabList = tabsList
+    }
+  })
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-tabs) {
+  background-color: var(--color-bg-1);
+}
+
+:deep(.arco-tabs-nav-tab) {
+  .arco-tabs-tab {
+    border-bottom-color: transparent !important;
+
+    svg {
+      width: 0;
+      transition: all 0.15s;
+    }
+
+    &:hover svg {
+      width: 1em;
+    }
+  }
+}
+
+.tabs--card {
+  :deep(.arco-tabs-nav-type-card) {
+    &::before {
+      z-index: 9;
+    }
+
+    .arco-tabs-tab {
+      border-top: none;
+    }
+
+    &:not(.arco-tabs-nav-tab-scroll) .arco-tabs-tab:first-child {
+      border-left: 0;
+    }
+  }
+}
+
+.tabs--card-gutter {
+  padding-top: 4px;
+  padding-left: 4px;
+}
+
+.tabs--rounded {
+  &::after {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    height: 1px;
+    content: '';
+    background-color: var(--color-border-2);
+  }
+
+  :deep(.arco-tabs-nav-type-rounded .arco-tabs-tab) {
+    padding: 2px 12px;
+    margin: 5px;
+  }
+}
+
+// 自定义样式1
+.tabs--custom1 {
+  padding-top: 4px;
+
+  :deep(.arco-tabs-nav-tab) {
+    .arco-tabs-tab {
+      padding: 5px 20px;
+      border: none;
+      mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==");
+      mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==");
+      mask-size: 100% 100%;
+      mask-size: 100% 100%;
+    }
+  }
+
+  :deep(.arco-tabs-nav-tab-list) {
+    .arco-tabs-tab-active {
+      padding: 5px 20px;
+      background-color: rgb(var(--primary-6), 0.1);
+      mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==");
+      mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==");
+      mask-size: 100% 100%;
+      mask-size: 100% 100%;
+
+      &:hover {
+        padding: 5px 20px;
+        background-color: rgb(var(--primary-6), 0.1);
+      }
+    }
+  }
+}
+
+// 自定义样式2
+.tabs--custom2 {
+  :deep(.arco-tabs-nav) {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 6px;
+
+    .arco-tabs-nav-tab-list {
+      display: flex;
+      gap: 0 8px;
+    }
+
+    .arco-tabs-tab {
+      padding: 0;
+      border: 0;
+
+      .arco-tabs-tab-close-btn {
+        display: none;
+      }
+
+      &:hover {
+        background-color: transparent;
+      }
+    }
+
+    .tabs-pane__tag {
+      height: 26px;
+      border-radius: 3px;
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/layout/hooks/useLevelMenu.ts b/frontend-pc/src/layout/hooks/useLevelMenu.ts
new file mode 100644
index 0000000..b604a66
--- /dev/null
+++ b/frontend-pc/src/layout/hooks/useLevelMenu.ts
@@ -0,0 +1,123 @@
+import type { CSSProperties } from 'vue'
+import type { RouteLocationNormalizedGeneric, RouteRecordRaw } from 'vue-router'
+import { eachTree, searchTree } from 'xe-utils'
+import { useRouteListener } from '@/hooks'
+import { useAppStore, useRouteStore } from '@/stores'
+import { filterTree } from '@/utils'
+import { isExternal } from '@/utils/validate'
+
+type Options = {
+  oneActivePathChange?: (path: string) => void
+}
+
+/** 获取一级菜单，二级菜单的hooks */
+export function useLevelMenu(options?: Options) {
+  const route = useRoute()
+  const router = useRouter()
+  const appStore = useAppStore()
+  const routeStore = useRouteStore()
+  const { listenerRouteChange } = useRouteListener()
+
+  const menuTheme = computed(() => appStore.isMenuDark ? 'dark' : 'light')
+
+  // 获取菜单样式
+  const getMenuStyle = computed(() => {
+    return { backgroundColor: menuTheme.value === 'dark' ? 'var(--color-menu-dark-bg)' : 'var(--color-menu-light-bg)' } as CSSProperties
+  })
+
+  // 克隆一份路由，避免直接操作原始路由
+  const cloneRoutes = JSON.parse(JSON.stringify(routeStore.routes)) as RouteRecordRaw[]
+  const showMenuList = filterTree(cloneRoutes, (i) => i.meta?.hidden === false) as RouteRecordRaw[]
+
+  // 一级菜单
+  const oneLevelMenus = ref<RouteRecordRaw[]>([])
+
+  // 二级菜单
+  const twoLevelMenus = computed(() => {
+    const path = route.matched[0].path
+    return showMenuList.find((i) => i.path === path)?.children || []
+  })
+
+  // 一级菜单选中的路由
+  const oneActiveRoute = ref<RouteRecordRaw | null>(null)
+  const oneActivePath = ref('')
+  const getOneActiveRoute = (to: RouteLocationNormalizedGeneric) => {
+    let path = to.path
+    if (to?.meta?.activeMenu) {
+      path = to.meta.activeMenu
+    }
+    const arr = searchTree(showMenuList, (i) => i.path === path)
+    oneActivePath.value = arr?.[0]?.path
+    return arr?.[0]
+  }
+
+  // 二级菜单选中的路由
+  const twoActivePath = ref<string>('')
+  const getTwoActivePath = (to: RouteLocationNormalizedGeneric) => {
+    let path = to.path
+    if (to?.meta?.activeMenu) {
+      path = to.meta.activeMenu
+    }
+    return path
+  }
+
+  listenerRouteChange(({ to }) => {
+    oneActiveRoute.value = getOneActiveRoute(to)
+    twoActivePath.value = getTwoActivePath(to)
+  })
+
+  // 获取一级菜单
+  function getOneLevelMenus() {
+    const cloneRoutes = JSON.parse(JSON.stringify(routeStore.routes)) as RouteRecordRaw[]
+    const showMenuList = filterTree(cloneRoutes, (i) => i.meta?.hidden === false) as RouteRecordRaw[]
+    eachTree(showMenuList, (i) => {
+      if (i?.children?.length === 1 && i?.meta?.alwaysShow !== true) {
+        if (i.meta) {
+          i.meta.title = i.meta?.title || i.children?.[0]?.meta?.title
+          i.meta.icon = i.meta?.icon || i.children?.[0]?.meta?.icon
+        }
+        delete i.children
+      }
+    })
+    oneLevelMenus.value = showMenuList
+  }
+
+  // 一级菜单点击事件
+  function handleOneMenuItemClick(path: string) {
+    if (isExternal(path)) {
+      window.open(path)
+      return
+    }
+    options?.oneActivePathChange?.(path)
+    oneActivePath.value = path
+    const obj = oneLevelMenus.value.find((i) => i.path === path)
+    if (obj?.redirect === 'noRedirect' || !obj?.redirect) {
+      router.push({ path: obj?.children?.[0]?.path })
+      return
+    }
+    router.push({ path: (obj?.redirect as string) || path })
+  }
+
+  // 二级菜单点击事件
+  function handleTwoMenuItemClick(path: string) {
+    if (isExternal(path)) {
+      window.open(path)
+      return
+    }
+    twoActivePath.value = path
+    router.push({ path })
+  }
+
+  return {
+    menuTheme,
+    getMenuStyle,
+    oneLevelMenus,
+    twoLevelMenus,
+    oneActiveRoute,
+    oneActivePath,
+    twoActivePath,
+    getOneLevelMenus,
+    handleOneMenuItemClick,
+    handleTwoMenuItemClick
+  }
+}
diff --git a/frontend-pc/src/layout/hooks/useMenu.ts b/frontend-pc/src/layout/hooks/useMenu.ts
new file mode 100644
index 0000000..1d9bdc1
--- /dev/null
+++ b/frontend-pc/src/layout/hooks/useMenu.ts
@@ -0,0 +1,101 @@
+import type { CSSProperties } from 'vue'
+import type { RouteRecordRaw } from 'vue-router'
+import { computed } from 'vue'
+import { eachTree } from 'xe-utils'
+import { useDevice, useRouteListener } from '@/hooks'
+import { useAppStore, useRouteStore } from '@/stores'
+import { filterTree } from '@/utils'
+import { isExternal } from '@/utils/validate'
+
+/**
+ * 菜单管理 Hooks
+ * 用于获取和处理应用程序的菜单列表
+ * 提供菜单的过滤、展平处理等功能
+ * @returns {object} 包含处理后菜单列表的响应式对象
+ */
+export function useMenu() {
+  const router = useRouter()
+  // 路由存储实例，用于获取原始路由配置
+  const routeStore = useRouteStore()
+  const appStore = useAppStore()
+  const { listenerRouteChange } = useRouteListener()
+  const { isDesktop } = useDevice()
+
+  // 是否折叠菜单
+  const collapsed = computed(() =>
+    !isDesktop.value ? false : appStore.isMenuCollapsed
+  )
+
+  // 菜单触发器配置
+  const menuTriggerProps = {
+    animationName: 'slide-dynamic-origin'
+  }
+
+  // 菜单主题
+  const menuTheme = computed(() => appStore.isMenuDark ? 'dark' : 'light')
+
+  // 获取菜单样式
+  const getMenuStyle = computed(() => {
+    return { backgroundColor: menuTheme.value === 'dark' ? 'var(--color-menu-dark-bg)' : 'var(--color-menu-light-bg)' } as CSSProperties
+  })
+
+  /**
+   * 处理后的菜单列表
+   * 响应式计算属性，当路由配置变化时自动更新，
+   * > hidden:false那么代表这个路由项显示在左侧菜单栏中
+   * > 子项chidren只有一个hidden:false的子元素时, 且alwaysShow为false, 那么这个子项会被展平到父项中
+   * 包含以下处理逻辑：
+   * 1. 深拷贝原始路由配置避免直接修改
+   * 2. 过滤掉设置为隐藏的菜单项
+   * 3. 展平只有一个子项的菜单项（提升用户体验）
+   */
+  const menuList = computed(() => {
+    // 深拷贝路由配置，防止修改原始数据
+    const cloneRoutes = JSON.parse(JSON.stringify(routeStore.routes)) as RouteRecordRaw[]
+
+    // 过滤出非隐藏的菜单（meta.hidden !== false）
+    const showMenuList = filterTree(cloneRoutes, (i) => i.meta?.hidden === false) as RouteRecordRaw[]
+
+    // 遍历处理菜单树，展平只有一个子项的菜单项
+    eachTree(showMenuList, (i) => {
+      if (i?.children?.length === 1 && i?.meta?.alwaysShow !== true) {
+        if (i.meta) {
+          i.meta.title = i.meta?.title || i.children?.[0]?.meta?.title
+          i.meta.icon = i.meta?.icon || i.children?.[0]?.meta?.icon
+        }
+        i.path = i.children?.[0]?.path
+        delete i.children
+      }
+    })
+    return showMenuList
+  })
+
+  const selectedKeys = ref<string[]>([])
+
+  function handleMenuItemClick(key: string) {
+    if (isExternal(key)) {
+      window.open(key)
+      return
+    }
+    selectedKeys.value = [key]
+    router.push({ path: key })
+  }
+
+  listenerRouteChange(({ to }) => {
+    if (to?.meta?.activeMenu) {
+      selectedKeys.value = [to.meta.activeMenu]
+      return
+    }
+    selectedKeys.value = [to.path]
+  })
+
+  return {
+    menuTheme,
+    getMenuStyle,
+    menuList,
+    menuTriggerProps,
+    selectedKeys,
+    collapsed,
+    handleMenuItemClick
+  }
+}
diff --git a/frontend-pc/src/layout/index.vue b/frontend-pc/src/layout/index.vue
new file mode 100644
index 0000000..24525fb
--- /dev/null
+++ b/frontend-pc/src/layout/index.vue
@@ -0,0 +1,45 @@
+<!--
+  @file Layout 组件
+  @description 布局根组件，支持默认布局、混合布局和顶部布局三种模式
+-->
+<template>
+  <!-- 使用静态组件避免不必要的动态组件切换开销 -->
+  <LayoutMix v-if="appStore.layout === 'mix'" />
+  <LayoutTop v-else-if="appStore.layout === 'top'" />
+  <LayoutColumns v-else-if="appStore.layout === 'columns'" />
+  <LayoutDefault v-else />
+</template>
+
+<script setup lang="ts">
+import { useAppStore } from '@/stores'
+
+/** 组件名称 */
+defineOptions({ name: 'Layout' })
+
+// 优化异步组件加载：添加预加载注释，设置合理的加载策略
+const LayoutDefault = defineAsyncComponent({
+  loader: () => import('./LayoutDefault.vue'),
+  delay: 0, // 立即显示加载状态
+  timeout: 10000 // 避免加载超时
+})
+
+// 对于非默认布局，添加预加载
+const LayoutColumns = defineAsyncComponent({
+  loader: () => import('./LayoutColumns.vue'),
+  delay: 0
+})
+
+const LayoutMix = defineAsyncComponent({
+  loader: () => import('./LayoutMix.vue'),
+  delay: 0
+})
+
+const LayoutTop = defineAsyncComponent({
+  loader: () => import('./LayoutTop.vue'),
+  delay: 0
+})
+
+const appStore = useAppStore()
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/main.ts b/frontend-pc/src/main.ts
new file mode 100644
index 0000000..a4af86e
--- /dev/null
+++ b/frontend-pc/src/main.ts
@@ -0,0 +1,39 @@
+import { Card, Drawer, Modal } from '@arco-design/web-vue'
+// 额外引入 Arco Design Icon图标库
+import ArcoVueIcon from '@arco-design/web-vue/es/icon'
+// ⚠️ Arco 组件样式必须显式引入：
+//    vite.config.ts 里 ArcoResolver 配了 sideEffect:false（样式不随组件自动引入），
+//    原本靠 @arco-themes/vue-gi-demo 主题包带入；我们换成自己的主题后就没人带了。
+//    不引的后果是「组件能用但完全没样式」，页面直接散架，且构建不报错。
+import '@arco-design/web-vue/dist/arco.css'
+import { createApp } from 'vue'
+// 状态管理
+import pinia from '@/stores'
+import App from './App.vue'
+// 自定义指令
+import directives from './directives'
+import router from './router'
+// 导入本项目主题（内部会覆盖 Arco 默认变量）
+import '@/styles/arco-ui/index.less'
+// 使用动画库
+import 'animate.css/animate.min.css'
+// 自定义过渡动画
+import '@/styles/css/transition.css'
+// 导入全局scss主文件
+import '@/styles/index.scss'
+// 注册离线图标集
+import '@/icons/index'
+
+// 对特定组件进行默认配置
+Card.props.bordered = false
+
+const app = createApp(App)
+Modal._context = app._context
+Drawer._context = app._context
+
+app.use(router)
+app.use(pinia)
+app.use(ArcoVueIcon)
+app.use(directives)
+
+app.mount('#app')
diff --git a/frontend-pc/src/router/guard/index.ts b/frontend-pc/src/router/guard/index.ts
new file mode 100644
index 0000000..903d133
--- /dev/null
+++ b/frontend-pc/src/router/guard/index.ts
@@ -0,0 +1,31 @@
+/** @file 路由守卫配置模块 - 处理路由导航守卫和权限控制 */
+
+import type { Router } from 'vue-router'
+import { setRouteEmitter } from '@/hooks'
+import { setupPermissionGuard } from './setupPermissionGuard'
+
+/**
+ * 设置页面路由守卫
+ * @description 处理路由变化时的页面级操作，如路由变化事件通知
+ * @param router - Vue Router 实例
+ */
+export const setupPageGuard = (router: Router) => {
+  router.beforeEach((to, from) => {
+    // 触发路由变化事件，通知所有监听器
+    setRouteEmitter(to, from)
+  })
+}
+
+/**
+ * 创建路由守卫
+ * @description 统一配置所有路由守卫，包括：
+ * 1. 页面路由守卫 - 处理路由变化事件
+ * 2. 权限路由守卫 - 处理路由访问权限
+ * @param router - Vue Router 实例
+ */
+export default function createRouteGuard(router: Router) {
+  // 设置页面路由守卫
+  setupPageGuard(router)
+  // 设置权限路由守卫
+  setupPermissionGuard(router)
+}
diff --git a/frontend-pc/src/router/guard/setupPermissionGuard.ts b/frontend-pc/src/router/guard/setupPermissionGuard.ts
new file mode 100644
index 0000000..3cafe56
--- /dev/null
+++ b/frontend-pc/src/router/guard/setupPermissionGuard.ts
@@ -0,0 +1,89 @@
+/** @file 路由权限守卫模块 - 处理路由访问权限和动态路由加载 */
+
+import type { RouteLocationNormalized, Router } from 'vue-router'
+import { Message } from '@arco-design/web-vue'
+import { useUserStore } from '@/stores'
+import { getToken } from '@/utils/auth'
+
+/** 免登录白名单路径 */
+const WHITE_LIST = ['/login', '/404']
+
+/** 是否已生成动态路由 */
+let isDynamicRoutesGenerated = false
+
+/**
+ * 处理动态路由加载
+ * @param router - 路由实例
+ * @param to - 目标路由
+ */
+async function handleDynamicRoutes(
+  router: Router,
+  to: RouteLocationNormalized
+): Promise<{ path: string, query?: any, replace: boolean }> {
+  const userStore = useUserStore()
+
+  try {
+    await userStore.generateRoutes()
+    // 标记动态路由已生成
+    isDynamicRoutesGenerated = true
+    // 确保路由添加完成后返回目标路由
+    return { ...to, replace: true }
+  } catch (error) {
+    // 发生错误时重置用户状态并跳转登录页
+    userStore.resetToken()
+    const errorMessage = error instanceof Error ? error.message : '路由守卫过程发生错误'
+    Message.error(errorMessage)
+    return { path: `/login`, query: { redirect: to.path }, replace: true }
+  }
+}
+
+/**
+ * 初始化路由守卫
+ * @param router - 路由实例
+ */
+export const setupPermissionGuard = (router: Router): void => {
+  router.beforeEach(async (to, _from, next) => {
+    const token = getToken()
+    const userStore = useUserStore()
+
+    // 已登录状态
+    if (token) {
+      if (to.path === '/login') {
+        // 已登录时访问登录页，直接放行（通常会被重定向到首页）
+        next()
+        return
+      }
+
+      // 只在首次访问或路由未生成时处理动态路由
+      if (!isDynamicRoutesGenerated) {
+        try {
+          const redirectRoute = await handleDynamicRoutes(router, to)
+          next(redirectRoute)
+        } catch {
+          // 如果出错，清空角色信息并重定向到登录页
+          userStore.resetToken()
+          // 重置路由生成标志
+          isDynamicRoutesGenerated = false
+          next(`/login?redirect=${to.path}`)
+        }
+        return
+      }
+
+      // 正常访问
+      next()
+      return
+    }
+
+    // 未登录状态时重置路由生成标志
+    isDynamicRoutesGenerated = false
+
+    if (WHITE_LIST.includes(to.path)) {
+      // 白名单路径直接访问
+      next()
+      return
+    }
+
+    // 其他路径重定向到登录页
+    next('/login')
+  })
+}
diff --git a/frontend-pc/src/router/index.ts b/frontend-pc/src/router/index.ts
new file mode 100644
index 0000000..4a864b9
--- /dev/null
+++ b/frontend-pc/src/router/index.ts
@@ -0,0 +1,99 @@
+/** @file 路由配置模块 - 处理路由的创建、守卫和重置 */
+
+import type { RouteRecordRaw } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
+import createRouteGuard from '@/router/guard'
+import { useRouteStore } from '@/stores'
+
+/** 默认布局组件 */
+const Layout = () => import('@/layout/index.vue')
+
+/** 基础路由配置 */
+const baseRoutes: RouteRecordRaw[] = [
+  {
+    path: '/redirect',
+    component: Layout,
+    meta: { hidden: true },
+    children: [
+      {
+        path: '/redirect/:path(.*)',
+        component: () => import('@/views/redirect/index.vue')
+      }
+    ]
+  },
+  {
+    path: '/login',
+    component: () => import('@/views/login/index.vue'),
+    meta: { hidden: true }
+  }
+]
+
+/** 错误页面路由配置 */
+const errorRoutes: RouteRecordRaw[] = [
+  {
+    path: '/:pathMatch(.*)*',
+    component: () => import('@/views/error/404.vue'),
+    meta: { hidden: true }
+  },
+  {
+    path: '/403',
+    component: () => import('@/views/error/403.vue'),
+    meta: { hidden: true }
+  }
+]
+
+/** 主页路由配置 */
+const homeRoute: RouteRecordRaw = {
+  path: '/',
+  name: 'Home',
+  component: Layout,
+  redirect: '/dashboard',
+  meta: { hidden: false },
+  children: [
+    {
+      path: '/dashboard',
+      component: () => import('@/views/dashboard/index.vue'),
+      name: 'Dashboard',
+      meta: {
+        title: '工作台',
+        icon: 'icon-park-outline:workbench',
+        affix: true,
+        hidden: false,
+        breadcrumb: false
+      }
+    }
+  ]
+}
+
+/** 静态路由配置 */
+export const constantRoutes: RouteRecordRaw[] = [...baseRoutes, ...errorRoutes, homeRoute]
+
+/** 创建路由实例 */
+const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: constantRoutes,
+  scrollBehavior: () => ({ left: 0, top: 0 })
+})
+
+// 创建路由守卫
+createRouteGuard(router)
+
+/** 重置路由配置 - 清除所有动态添加的路由 */
+export function resetRouter(): void {
+  try {
+    const routeStore = useRouteStore()
+    // 移除所有动态路由
+    routeStore.asyncRoutes.forEach((route) => {
+      const { name } = route
+      if (name && router.hasRoute(name)) {
+        router.removeRoute(name)
+      }
+    })
+  } catch (error) {
+    console.error('重置路由失败:', error)
+    // 降级处理：刷新页面以重置路由状态
+    window.location.reload()
+  }
+}
+
+export default router
diff --git a/frontend-pc/src/stores/index.ts b/frontend-pc/src/stores/index.ts
new file mode 100644
index 0000000..04e3879
--- /dev/null
+++ b/frontend-pc/src/stores/index.ts
@@ -0,0 +1,14 @@
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+export * from './useAppStore'
+export * from './useDictStore'
+export * from './useMenuBadgeStore'
+export * from './useRouteStore'
+export * from './useTabsStore'
+export * from './useUserStore'
+
+const pinia = createPinia()
+pinia.use(piniaPluginPersistedstate)
+
+export default pinia
diff --git a/frontend-pc/src/stores/useAppStore.ts b/frontend-pc/src/stores/useAppStore.ts
new file mode 100644
index 0000000..3fb6e8f
--- /dev/null
+++ b/frontend-pc/src/stores/useAppStore.ts
@@ -0,0 +1,42 @@
+import { defineStore } from 'pinia'
+import { computed, reactive, toRefs } from 'vue'
+import defaultSettings from '@/config/setting.json'
+
+/**
+ * App Store 的核心设置逻辑
+ */
+const storeSetup = () => {
+  // 初始化 App 配置
+  const settingConfig = reactive({ ...defaultSettings }) as App.SettingConfig
+
+  /**
+   * 计算页面切换动画类名
+   * 根据配置决定是否启用动画以及使用哪种动画模式
+   */
+  const pageTransitionName = computed(() =>
+    settingConfig.isTransitionEnabled ? settingConfig.transitionName : ''
+  )
+
+  /**
+   * 设置菜单折叠状态
+   * @param collapsed - 是否折叠
+   */
+  const setMenuCollapse = (collapsed: boolean) => {
+    settingConfig.isMenuCollapsed = collapsed
+  }
+
+  /** 恢复为 setting.json 中的默认配置 */
+  const resetSettings = () => {
+    Object.assign(settingConfig, defaultSettings)
+  }
+
+  return {
+    ...toRefs(settingConfig),
+    pageTransitionName,
+    setMenuCollapse,
+    resetSettings
+  }
+}
+
+// 创建并导出 App Store，启用持久化存储
+export const useAppStore = defineStore('app', storeSetup, { persist: true })
diff --git a/frontend-pc/src/stores/useDictStore.ts b/frontend-pc/src/stores/useDictStore.ts
new file mode 100644
index 0000000..da72542
--- /dev/null
+++ b/frontend-pc/src/stores/useDictStore.ts
@@ -0,0 +1,66 @@
+import type { SelectOptionData } from '@arco-design/web-vue'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { getDictData as getDictDataApi } from '@/apis/system/dict'
+
+/**
+ * 字典数据类型定义
+ */
+type DictDataMap = Record<string, SelectOptionData[]>
+
+/**
+ * 字典 Store 的核心设置逻辑
+ * 用于管理系统字典数据的状态
+ */
+const storeSetup = () => {
+  /**
+   * 存储字典数据的响应式对象
+   * key: 字典类型
+   * value: 字典选项数组
+   */
+  const dictData = ref<DictDataMap>({})
+
+  /**
+   * 获取字典数据
+   * 从后端 API 获取字典数据并更新到 store 中
+   * @throws 当 API 请求失败时抛出错误
+   */
+  const getDictData = async () => {
+    try {
+      const res = await getDictDataApi()
+      if (res?.data) {
+        dictData.value = res.data
+      }
+    } catch (error) {
+      console.error('获取字典数据失败:', error)
+      throw error
+    }
+  }
+
+  /**
+   * 获取指定类型的字典数据
+   * @param dictType - 字典类型
+   * @returns 对应类型的字典选项数组，如果不存在则返回空数组
+   */
+  const getDictOptions = (dictType: string): SelectOptionData[] => {
+    return dictData.value[dictType] || []
+  }
+
+  /**
+   * 重置字典数据
+   * 清空所有已加载的字典数据
+   */
+  const resetDict = () => {
+    dictData.value = {}
+  }
+
+  return {
+    dictData,
+    getDictData,
+    getDictOptions,
+    resetDict
+  }
+}
+
+// 创建并导出字典 Store，不启用持久化存储
+export const useDictStore = defineStore('dict', storeSetup, { persist: false })
diff --git a/frontend-pc/src/stores/useMenuBadgeStore.ts b/frontend-pc/src/stores/useMenuBadgeStore.ts
new file mode 100644
index 0000000..dfddea5
--- /dev/null
+++ b/frontend-pc/src/stores/useMenuBadgeStore.ts
@@ -0,0 +1,34 @@
+import type { BadgeInstance } from '@arco-design/web-vue'
+import { defineStore } from 'pinia'
+
+const storeSetup = () => {
+  // 菜单角标
+  const badgeMap: Record<string, number> = reactive({
+    '/crud/index': 6,
+    '/form/base': 3,
+    '/form/step': 5,
+    '/table/dialog': 8
+  })
+
+  // 菜单角标属性
+  const BadgePropsMap: Record<string, BadgeInstance['$props']> = {
+    '/crud/index': {
+      status: 'success'
+    },
+    '/form/base': {
+      style: 'transform: scale(0.8);'
+    },
+    '/form/step': {
+      style: { transform: 'scale(0.8)' },
+      class: 'g-badge-primary'
+    },
+    '/table/dialog': {
+      style: { transform: 'scale(0.8)' },
+      class: 'g-badge-success'
+    }
+  }
+
+  return { badgeMap, BadgePropsMap }
+}
+
+export const useMenuBadgeStore = defineStore('menu-badge', storeSetup)
diff --git a/frontend-pc/src/stores/useRouteStore.ts b/frontend-pc/src/stores/useRouteStore.ts
new file mode 100644
index 0000000..1c19d82
--- /dev/null
+++ b/frontend-pc/src/stores/useRouteStore.ts
@@ -0,0 +1,177 @@
+/**
+ * @file 路由状态管理模块
+ * @description 处理动态路由的加载、格式化和状态管理
+ */
+
+import type { RouteRecordRaw } from 'vue-router'
+import type { UserRouteItem } from '@/apis/user'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { mapTree } from 'xe-utils'
+import { constantRoutes } from '@/router'
+import { transformPathToName } from '@/utils'
+
+/**
+ * 布局组件
+ * 用于页面整体布局结构
+ */
+const Layout = () => import('@/layout/index.vue')
+
+/**
+ * 视图模块映射
+ * 自动导入 views 目录下的所有 .vue 文件
+ * 用于动态加载路由组件
+ */
+const modules = import.meta.glob('@/views/**/*.vue')
+
+/**
+ * 组件路径映射缓存
+ * 将视图路径映射到对应的模块加载函数，避免每次遍历查找
+ * key: 视图路径（如 'system/user/index'）
+ * value: 模块加载函数
+ */
+const viewPathMap = new Map<string, () => Promise<any>>()
+
+/**
+ * 初始化组件路径映射
+ * @description 在模块加载时构建路径映射表，提升查找效率
+ */
+function initViewPathMap() {
+  if (viewPathMap.size > 0) return // 已初始化则跳过
+
+  for (const path in modules) {
+    // 提取视图路径：从 'src/views/system/user/index.vue' 提取 'system/user/index'
+    const dir = path.split('views/')[1]?.split('.vue')[0]
+    if (dir) {
+      viewPathMap.set(dir, () => modules[path]())
+    }
+  }
+}
+
+// 初始化路径映射
+initViewPathMap()
+
+/**
+ * 加载视图组件
+ * @description 根据路径加载对应的视图组件，使用 Map 缓存提升查找效率
+ * @param {string} view - 组件路径（相对于 views 目录）
+ * @returns {Function|undefined} 返回组件的加载函数或 undefined
+ * @example
+ * loadView('system/user/index')
+ */
+export const loadView = (view: string) => {
+  return viewPathMap.get(view)
+}
+
+/**
+ * 转换组件标识为实际组件
+ * @description 将字符串类型的组件标识转换为实际的组件
+ * @param {string} component - 组件标识
+ * @returns {Function} 返回组件的加载函数
+ * @example
+ * transformComponentView('Layout')
+ * transformComponentView('system/user/index')
+ */
+const transformComponentView = (component: string) => {
+  if (component === 'Layout') {
+    return Layout as never
+  } else {
+    return loadView(component) as never
+  }
+}
+
+/**
+ * 格式化异步路由配置
+ * @description 处理后端返回的菜单数据，转换为路由配置
+ * @param {MenuItem[]} menus - 后端返回的菜单数据（已经过权限过滤）
+ * @returns {RouteRecordRaw[]} 返回格式化后的路由配置数组
+ *
+ * @remarks
+ * 1. 对菜单数据进行排序（根据 sort 字段）
+ * 2. 将字符串类型的组件标识转换为实际组件
+ * 3. 处理路由元数据（meta）
+ *
+ * @example
+ * const routes = formatAsyncRoutes([
+ *   {
+ *     path: '/system',
+ *     component: 'Layout',
+ *     children: [...]
+ *   }
+ * ])
+ */
+const formatAsyncRoutes = (menus: UserRouteItem[]) => {
+  if (!menus.length) return []
+
+  // 对顶层菜单进行排序
+  menus.sort((a, b) => (a?.sort ?? 0) - (b?.sort ?? 0))
+
+  // 使用 mapTree 递归处理菜单树
+  const routes = mapTree(menus, (item) => {
+    // 对子菜单进行排序
+    if (item.children && item.children.length) {
+      item.children.sort((a, b) => (a?.sort ?? 0) - (b?.sort ?? 0))
+    }
+
+    // 转换为路由配置
+    return {
+      path: item.path,
+      name: transformPathToName(item.path),
+      component: item.component ? transformComponentView(item.component) : undefined,
+      redirect: item.redirect,
+      meta: {
+        hidden: item.hidden, // 是否在菜单中隐藏
+        keepAlive: item.keepAlive, // 是否缓存该路由
+        title: item.title, // 路由标题，用于显示在菜单和标签页
+        icon: item.icon, // 图标
+        affix: item.affix, // 是否固定在标签页
+        breadcrumb: item.breadcrumb, // 是否显示在面包屑
+        showInTabs: item.showInTabs, // 是否显示在标签页
+        activeMenu: item.activeMenu, // 激活的菜单项
+        alwaysShow: item.alwaysShow // 是否总是显示
+      }
+    }
+  })
+  return routes as RouteRecordRaw[]
+}
+
+/**
+ * 路由状态管理的核心逻辑
+ * @description 管理路由相关的状态和操作
+ */
+const storeSetup = () => {
+  /**
+   * 所有路由配置
+   * 包含常驻路由和动态路由
+   */
+  const routes = ref<RouteRecordRaw[]>([])
+
+  /**
+   * 动态路由配置
+   * 根据用户权限动态生成的路由
+   */
+  const asyncRoutes = ref<RouteRecordRaw[]>([])
+
+  /**
+   * 合并路由配置
+   * @description 将动态路由与常驻路由合并
+   * @param {RouteRecordRaw[]} data - 动态路由配置
+   */
+  const setRoutes = (data: UserRouteItem[]) => {
+    const formattedRoutes = formatAsyncRoutes(data)
+    routes.value = constantRoutes.concat(formattedRoutes)
+    asyncRoutes.value = formattedRoutes
+  }
+
+  return {
+    routes,
+    asyncRoutes,
+    setRoutes
+  }
+}
+
+/**
+ * 路由状态管理 Store
+ * @description 创建路由相关的状态管理 store，启用持久化存储
+ */
+export const useRouteStore = defineStore('route', storeSetup, { persist: true })
diff --git a/frontend-pc/src/stores/useTabsStore.ts b/frontend-pc/src/stores/useTabsStore.ts
new file mode 100644
index 0000000..4165374
--- /dev/null
+++ b/frontend-pc/src/stores/useTabsStore.ts
@@ -0,0 +1,250 @@
+/**
+ * @file 标签页状态管理模块
+ * @description 处理标签页（Tabs）的状态管理，包括页签的增删改查和缓存控制
+ */
+
+import type { RouteLocationNormalized, RouteRecordName } from 'vue-router'
+import { defineStore } from 'pinia'
+import { nextTick, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+/**
+ * 标签页 Store 的核心设置逻辑
+ * @description 管理标签页相关的状态和操作
+ */
+const storeSetup = () => {
+  const router = useRouter()
+
+  /**
+   * 标签页列表
+   * 存储当前打开的所有标签页
+   */
+  const tabList = ref<RouteLocationNormalized[]>([])
+
+  /**
+   * 缓存组件列表
+   * 存储需要被 keep-alive 缓存的组件名称
+   */
+  const cacheList = ref<RouteRecordName[]>([])
+
+  /**
+   * 页面重载标志
+   * 用于控制页面的重新加载
+   */
+  const reloadFlag = ref(true)
+
+  /**
+   * 判断是否为首页
+   */
+  const isHomePath = (path: string) => path === '/' || path === '/home'
+
+  /**
+   * 获取所有固定标签页
+   * @description 从路由中筛选出所有 affix: true 的固定标签页，首页排在最前面
+   */
+  const getAffixTabs = (): RouteLocationNormalized[] => {
+    const tabs = router
+      .getRoutes()
+      .filter((route) => route.meta?.affix)
+      .map((route) => route as unknown as RouteLocationNormalized)
+    // 首页排在最前面
+    tabs.sort((a, b) => Number(isHomePath(b.path)) - Number(isHomePath(a.path)))
+    return tabs
+  }
+
+  /**
+   * 更新缓存列表
+   */
+  const updateCache = (name: RouteRecordName | null | undefined, keepAlive: boolean | undefined) => {
+    if (!name) return
+    const hasCache = cacheList.value.includes(name)
+    if (keepAlive && !hasCache) {
+      cacheList.value.push(name)
+    } else if (!keepAlive && hasCache) {
+      const index = cacheList.value.findIndex((n) => n === name)
+      if (index >= 0) cacheList.value.splice(index, 1)
+    }
+  }
+
+  /**
+   * 添加标签页
+   * @description 添加新的标签页，如果已存在则更新，同时处理缓存
+   */
+  const addTabItem = (item: RouteLocationNormalized) => {
+    const index = tabList.value.findIndex((i) => i.path === item.path)
+
+    if (index >= 0) {
+      // 更新已存在的标签页
+      if (tabList.value[index].fullPath !== item.fullPath) {
+        tabList.value[index] = item
+      }
+      updateCache(item.name, item.meta?.keepAlive)
+    } else if (item.meta?.showInTabs ?? true) {
+      // 添加新标签页
+      tabList.value.push(item)
+      updateCache(item.name, item.meta?.keepAlive)
+    }
+  }
+
+  /**
+   * 设置标签页标题
+   */
+  const setTabTitle = (title: string): boolean => {
+    if (!title) return false
+    const route = router.currentRoute.value
+    const path = route?.fullPath || route.path
+    const tab = tabList.value.find((i) => i.fullPath === path)
+    if (tab) {
+      tab.meta.title = title
+      return true
+    }
+    return false
+  }
+
+  /**
+   * 删除标签页并清理缓存
+   */
+  const removeTabByIndex = (index: number) => {
+    if (index < 0 || index >= tabList.value.length) return
+    const item = tabList.value[index]
+    updateCache(item.name, false) // 删除缓存
+    tabList.value.splice(index, 1)
+  }
+
+  /**
+   * 跳转到指定标签页
+   */
+  const jumpToTab = (path: string) => {
+    const tab = tabList.value.find((t) => t.path === path) ?? tabList.value[0]
+    if (tab) router.push(tab.fullPath || tab.path)
+  }
+
+  /**
+   * 获取固定标签页的缓存列表
+   */
+  const getAffixCacheList = (tabs: RouteLocationNormalized[]) => {
+    return tabs.filter((tab) => tab.name && tab.meta?.keepAlive).map((tab) => tab.name!)
+  }
+
+  /**
+   * 统一关闭标签页方法
+   * @description 根据类型关闭标签页：left(左侧)、right(右侧)、other(其他)、all(全部)、current(当前)
+   */
+  const close = (type: string, path?: string) => {
+    const currentPath = router.currentRoute.value.path
+    const targetPath = path || currentPath
+    const targetIndex = tabList.value.findIndex((i) => i.path === targetPath)
+
+    // 关闭所有
+    if (type === 'all') {
+      const affixTabs = getAffixTabs()
+      tabList.value = affixTabs
+      cacheList.value = getAffixCacheList(affixTabs)
+      router.push('/')
+      return
+    }
+
+    // 关闭当前
+    if (type === 'current') {
+      if (targetIndex < 0 || tabList.value[targetIndex].meta?.affix) return
+      removeTabByIndex(targetIndex)
+      if (currentPath === targetPath && tabList.value.length) {
+        jumpToTab(tabList.value[tabList.value.length - 1].path)
+      }
+      return
+    }
+
+    if (targetIndex < 0) return
+
+    // 关闭左侧
+    if (type === 'left') {
+      for (let i = targetIndex - 1; i >= 0; i--) {
+        if (!tabList.value[i].meta?.affix) removeTabByIndex(i)
+      }
+      return
+    }
+
+    // 关闭右侧
+    if (type === 'right') {
+      const currentIndex = tabList.value.findIndex((t) => t.path === currentPath)
+      const willDeleteCurrent = currentIndex > targetIndex && !tabList.value[currentIndex]?.meta?.affix
+
+      for (let i = tabList.value.length - 1; i > targetIndex; i--) {
+        if (!tabList.value[i].meta?.affix) removeTabByIndex(i)
+      }
+
+      if (willDeleteCurrent && tabList.value.length) {
+        jumpToTab(tabList.value[targetIndex].path)
+      }
+      return
+    }
+
+    // 关闭其他
+    if (type === 'other') {
+      for (let i = tabList.value.length - 1; i >= 0; i--) {
+        const item = tabList.value[i]
+        if (item.path !== targetPath && !item.meta?.affix) {
+          removeTabByIndex(i)
+        }
+      }
+      const currentExists = tabList.value.some((t) => t.path === currentPath)
+      if (!currentExists && tabList.value.length) {
+        jumpToTab(targetPath)
+      }
+    }
+  }
+
+  /**
+   * 重置标签页状态
+   * @description 清空标签页和缓存列表，保留固定标签页及其缓存
+   */
+  const reset = () => {
+    const affixTabs = getAffixTabs()
+    tabList.value = affixTabs
+    cacheList.value = getAffixCacheList(affixTabs)
+  }
+
+  /**
+   * 初始化标签页
+   * @description 初始化标签页状态，如果没有非固定标签页则重置
+   */
+  const init = () => {
+    if (tabList.value.some((i) => !i?.meta?.affix)) return
+    reset()
+  }
+
+  /**
+   * 重新加载当前页面
+   * @description 清除当前页面的缓存并重新加载
+   */
+  const reloadPage = () => {
+    const route = router.currentRoute.value
+    if (!route.name) return
+
+    updateCache(route.name, false) // 删除缓存
+    reloadFlag.value = false
+
+    nextTick(() => {
+      reloadFlag.value = true
+      updateCache(route.name, route.meta?.keepAlive) // 重新添加缓存
+    })
+  }
+
+  return {
+    tabList,
+    cacheList,
+    reloadFlag,
+    addTabItem,
+    setTabTitle,
+    close,
+    reset,
+    init,
+    reloadPage
+  }
+}
+
+/**
+ * 标签页状态管理 Store
+ * @description 创建标签页相关的状态管理 store，使用 sessionStorage 进行持久化存储
+ */
+export const useTabsStore = defineStore('tabs', storeSetup, { persist: true })
diff --git a/frontend-pc/src/stores/useUserStore.ts b/frontend-pc/src/stores/useUserStore.ts
new file mode 100644
index 0000000..81b3578
--- /dev/null
+++ b/frontend-pc/src/stores/useUserStore.ts
@@ -0,0 +1,164 @@
+/** @file 用户状态管理模块 - 处理用户登录、权限和信息管理 */
+
+import type { UserInfo } from '@/apis/user'
+import type { LoginVO } from '@/apis/xt'
+import { defineStore } from 'pinia'
+import { computed, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { login as loginApi, logout as logoutApi, getMe } from '@/apis/xt'
+import { buildXtRoutes } from '@/config/xt-routes'
+import { resetRouter } from '@/router'
+import { clearToken, getToken, setToken } from '@/utils/auth'
+import { isHttp } from '@/utils/validate'
+import { useRouteStore } from './useRouteStore'
+
+/** 登录参数：password 必须是 RSA 加密后的密文（见 @/utils/rsa） */
+type LoginParams = Parameters<typeof loginApi>[0]
+
+/**
+ * 用户 Store 的核心设置逻辑
+ *
+ * 与模板原版的差别只有数据来源：模板调 `/user/login` 等 mock 接口，
+ * 这里改调本项目的 `/auth/login`（《03-接口设计》§5）。
+ * 内部状态形状保持不变，`v-hasPerm` 指令、布局、标签页都不用改。
+ */
+const storeSetup = () => {
+  const routeStore = useRouteStore()
+  const router = useRouter()
+
+  /** 用户基本信息（形状对齐模板的 UserInfo） */
+  const userInfo: UserInfo = reactive({
+    id: '',
+    nickname: '',
+    avatar: '',
+    roles: [],
+    permissions: []
+  })
+
+  /** 后端返回的原始档案，用于展示租户名等模板没有的字段 */
+  const profile = ref<LoginVO | null>(null)
+
+  /** 菜单键集合（决定左侧导航） */
+  const menuKeys = ref<string[]>([])
+
+  /** 用户昵称 */
+  const name = computed(() => userInfo.nickname)
+  /** 用户头像 */
+  const avatar = computed(() => userInfo.avatar)
+  /** 用户角色列表 */
+  const roles = computed(() => userInfo.roles)
+  /** 用户权限列表 */
+  const permissions = computed(() => userInfo.permissions)
+  /** 用户令牌 */
+  const token = ref(getToken() || '')
+  /** 所属租户名（侧栏/顶栏展示用） */
+  const tenantName = computed(() => profile.value?.tenant?.tenantName ?? '')
+  /** 主角色中文名 */
+  const roleLabel = computed(() => profile.value?.roleCodes?.[0] ?? '')
+
+  /** 重置用户令牌 - 清除令牌并重置路由权限标志 */
+  const resetToken = () => {
+    token.value = ''
+    clearToken()
+  }
+
+  /** 把后端返回的 LoginVO 落到模板内部的状态上 */
+  const applyProfile = (vo: LoginVO) => {
+    profile.value = vo
+    userInfo.id = String(vo.user?.id ?? '')
+    userInfo.nickname = vo.user?.realName ?? ''
+    userInfo.avatar = vo.user?.avatarUrl ?? ''
+    userInfo.roles = vo.roleCodes ?? []
+    userInfo.permissions = vo.permissions ?? []
+    menuKeys.value = vo.menus ?? []
+  }
+
+  /**
+   * 用户登录
+   * @param params 含 RSA 加密后的密码
+   */
+  const login = async (params: LoginParams): Promise<void> => {
+    const res = await loginApi(params)
+    const vo = res.data
+    if (!vo?.token) {
+      throw new Error('服务端未返回 token')
+    }
+    setToken(vo.token)
+    token.value = vo.token
+    // 登录响应已带 user/tenant/roleCodes/menus/permissions，直接落库，省一次 /auth/me 往返
+    applyProfile(vo)
+  }
+
+  /** 用户退出 */
+  const logout = async (): Promise<boolean> => {
+    try {
+      await logoutApi()
+    } catch {
+      // 登出失败也要清本地状态：否则用户会卡在"点了登出但还是登录着"
+    } finally {
+      token.value = ''
+      resetToken()
+      resetRouter()
+      profile.value = null
+      menuKeys.value = []
+    }
+    return true
+  }
+
+  /** 获取用户信息（刷新页面后靠它恢复状态） */
+  const fetchUserInfo = async (): Promise<boolean> => {
+    const res = await getMe()
+    applyProfile(res.data)
+    return true
+  }
+
+  /**
+   * 生成动态路由
+   *
+   * 模板原版是直接取后端下发的路由树；本项目后端只下发**菜单键**，
+   * 所以这里在本地路由表（@/config/xt-routes）上做一次过滤。
+   * 这样"有哪些页面"由前端代码掌控，"谁能看"由后端掌控，两边职责清晰。
+   */
+  const generateRoutes = async (): Promise<boolean> => {
+    // 已登录但刷新过页面时，profile 是空的，先补回来
+    if (!menuKeys.value.length) {
+      await fetchUserInfo()
+    }
+    routeStore.setRoutes(buildXtRoutes(menuKeys.value))
+    routeStore.asyncRoutes.forEach((item) => {
+      if (!isHttp(item.path)) {
+        router.addRoute(item)
+      }
+    })
+    return true
+  }
+
+  return {
+    userInfo,
+    profile,
+    menuKeys,
+    name,
+    avatar,
+    roles,
+    permissions,
+    token,
+    tenantName,
+    roleLabel,
+    login,
+    logout,
+    fetchUserInfo,
+    resetToken,
+    generateRoutes
+  }
+}
+
+/**
+ * 用户状态管理 Store
+ * @description 创建用户相关的状态管理 store，使用 localStorage 进行持久化存储
+ */
+export const useUserStore = defineStore('user', storeSetup, {
+  persist: {
+    pick: ['token'],
+    storage: localStorage
+  }
+})
diff --git a/frontend-pc/src/styles/animated.scss b/frontend-pc/src/styles/animated.scss
new file mode 100644
index 0000000..168cfd0
--- /dev/null
+++ b/frontend-pc/src/styles/animated.scss
@@ -0,0 +1,23 @@
+@keyframes fade-up {
+	0% {
+		opacity: 0;
+		transform: translateY(60px);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@for $i from 0 through 12 {
+  .animated-fade-up-#{$i}
+
+ {
+    opacity: 0;
+    animation-name: fade-up;
+    animation-duration: 0.5s;
+    animation-delay: calc($i/10) + s;
+    animation-fill-mode: forwards;
+  }
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-alert.less b/frontend-pc/src/styles/arco-ui/a-alert.less
new file mode 100644
index 0000000..c77887d
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-alert.less
@@ -0,0 +1,3 @@
+.arco-alert {
+  flex-shrink: 0;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-card.less b/frontend-pc/src/styles/arco-ui/a-card.less
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-card.less
@@ -0,0 +1 @@
+
diff --git a/frontend-pc/src/styles/arco-ui/a-color-picker.less b/frontend-pc/src/styles/arco-ui/a-color-picker.less
new file mode 100644
index 0000000..e363ca7
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-color-picker.less
@@ -0,0 +1,19 @@
+.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-select-view,
+.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-wrapper {
+  padding-right: 0;
+}
+
+.arco-color-picker-panel .arco-color-picker-input-alpha {
+  flex: none;
+  width: 70px;
+
+  .arco-input-number-step {
+    width: 20px;
+    margin-left: 4px;
+  }
+}
+
+.arco-color-picker-panel .arco-color-picker-input-alpha:not(.arco-input-disabled):not(.arco-input-outer-disabled):hover .arco-input-number-suffix,
+.arco-color-picker-panel .arco-color-picker-input-alpha:not(.arco-input-disabled):not(.arco-input-outer-disabled):focus-within .arco-input-number-suffix {
+  opacity: 1;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-descriptions.less b/frontend-pc/src/styles/arco-ui/a-descriptions.less
new file mode 100644
index 0000000..060f7d4
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-descriptions.less
@@ -0,0 +1,11 @@
+.arco-descriptions-layout-inline-horizontal {
+  &.arco-descriptions-size-medium {
+    .arco-descriptions-item {
+      padding-bottom: 8px;
+    }
+  }
+}
+
+.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline {
+  margin-right: 10px;
+}
diff --git a/frontend-pc/src/styles/arco-ui/a-form.less b/frontend-pc/src/styles/arco-ui/a-form.less
new file mode 100644
index 0000000..ad79db4
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-form.less
@@ -0,0 +1,28 @@
+// 清除默认过渡动画
+.form-blink-enter-from,
+.form-blink-appear-from {
+  opacity: inherit;
+}
+.form-blink-enter-to,
+.form-blink-appear-to {
+  opacity: inherit;
+}
+.form-blink-enter-active,
+.form-blink-appear-active {
+  transition: none;
+  animation: none;
+}
+
+// 重设过渡动画
+.form-blink-enter-active,
+.form-blink-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 0.3s cubic-bezier(.23, 1, .32, 1), opacity 0.1s cubic-bezier(.23, 1, .32, 1);
+  transform-origin: center top;
+}
+.form-blink-enter-from,
+.form-blink-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-input-number.less b/frontend-pc/src/styles/arco-ui/a-input-number.less
new file mode 100644
index 0000000..c16265a
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-input-number.less
@@ -0,0 +1,70 @@
+// 线性主题优化
+.arco-input-number.arco-input-number-mode-button {
+  .arco-input-prepend {
+    .arco-btn {
+      border-right: 0;
+    }
+  }
+
+  .arco-input-append {
+    .arco-btn {
+      border-left: 0;
+    }
+  }
+}
+
+.arco-input-number-mode-embed {
+  padding-right: 0;
+  overflow: hidden;
+
+  &.arco-input-wrapper:not(.arco-input-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover {
+    background-color: var(--color-fill-2);
+  }
+
+  .arco-input-number-step {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    position: static;
+    display: flex;
+    flex-direction: column;
+    width: 34px;
+    height: 100%;
+    opacity: 1;
+    visibility: visible;
+    transform: none;
+    border-left: 1px solid var(--color-border-2);
+  }
+
+  .arco-input-number-step-button {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: auto;
+    min-height: 0;
+    border-left: 1px solid var(--color-border-2);
+
+    &:not(.arco-input-number-step-button-disabled) {
+      &:hover {
+        .arco-icon {
+          color: rgb(var(--primary-6));
+        }
+      }
+    }
+
+    &:hover,
+    &:active {
+      background-color: var(--color-fill-2);
+    }
+  }
+
+  .arco-input-number-step-button+.arco-input-number-step-button {
+    border-top: 1px solid var(--color-border-2);
+  }
+
+  .arco-input-number-input {
+    padding-right: 34px;
+  }
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-input.less b/frontend-pc/src/styles/arco-ui/a-input.less
new file mode 100644
index 0000000..9d75d17
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-input.less
@@ -0,0 +1,7 @@
+// 线性主题优化
+.arco-input-prepend {
+  border-right: none;
+}
+.arco-input-append {
+  border-left: none;
+}
diff --git a/frontend-pc/src/styles/arco-ui/a-menu.less b/frontend-pc/src/styles/arco-ui/a-menu.less
new file mode 100644
index 0000000..911c5c4
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-menu.less
@@ -0,0 +1,18 @@
+.arco-trigger-menu-item.arco-trigger-menu-selected,
+.arco-trigger-menu-pop-header.arco-trigger-menu-selected {
+  color: rgb(var(--primary-6));
+}
+
+.arco-menu-icon-suffix {
+  transition: all 0.2s;
+}
+
+.arco-menu-horizontal .arco-menu-pop {
+  display: inline-flex;
+}
+
+.arco-menu-icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-message.less b/frontend-pc/src/styles/arco-ui/a-message.less
new file mode 100644
index 0000000..a8a04f7
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-message.less
@@ -0,0 +1,28 @@
+.fade-message-enter-from {
+  opacity: 0;
+  transform: translate3d(0, -100%, 0);
+}
+
+.fade-message-enter-to {
+  opacity: 1;
+  transform: translate3d(0, 0, 0);
+}
+
+.fade-message-enter-active,
+.fade-message-appear-active {
+  transition: opacity @transition-duration-3, transform @transition-duration-4;
+}
+
+.fade-message-leave-from {
+  opacity: 1;
+  transform: translate3d(0, 0, 0);
+}
+
+.fade-message-leave-to {
+  opacity: 0;
+  transform: translate3d(0, -100%, 0);
+}
+
+.fade-message-leave-active {
+  position: absolute;
+}
diff --git a/frontend-pc/src/styles/arco-ui/a-modal.less b/frontend-pc/src/styles/arco-ui/a-modal.less
new file mode 100644
index 0000000..448cc68
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-modal.less
@@ -0,0 +1,44 @@
+.arco-modal-title .arco-icon-exclamation-circle-fill {
+  font-size: 24px;
+}
+
+.arco-modal-title-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 4px;
+}
+
+.arco-modal-simple {
+  width: 90%;
+  max-width: 320px;
+  padding: 20px;
+  box-sizing: border-box;
+  border-radius: 20px;
+
+  .arco-modal-header {
+    margin-bottom: 0;
+
+    .arco-modal-title {
+      font-size: 18px;
+    }
+  }
+
+  .arco-modal-body {
+    padding: 20px 0;
+    font-size: 16px;
+    text-align: center;
+  }
+
+  .arco-modal-footer {
+    margin-top: 0;
+    display: flex;
+
+    >.arco-btn {
+      flex: 1;
+      height: 38px;
+      border-radius: 100px;
+      font-weight: bold;
+    }
+  }
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-page-header.less b/frontend-pc/src/styles/arco-ui/a-page-header.less
new file mode 100644
index 0000000..70c8da0
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-page-header.less
@@ -0,0 +1,6 @@
+.arco-page-header {
+  padding: 8px 0;
+  background: var(--color-bg-1);
+  border-bottom: 1px solid var(--color-border-2);
+  box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-pagination.less b/frontend-pc/src/styles/arco-ui/a-pagination.less
new file mode 100644
index 0000000..25661fd
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-pagination.less
@@ -0,0 +1,41 @@
+// 分页组件
+.arco-pagination-item {
+  padding: 0 6px;
+  border: 1px solid var(--color-border-3);
+  background-color: var(--color-bg-2);
+  border-radius: var(--border-radius-small);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  transition: none;
+  box-sizing: border-box;
+  &:hover {
+    color: rgb(var(--primary-6));
+    border: 1px solid rgb(var(--primary-6));
+    background-color: rgba(var(--primary-6), 0.1);
+  }
+  &:active {
+    color: #fff;
+    background-color: rgb(var(--primary-6));
+    border: 1px solid rgb(var(--primary-6));
+  }
+}
+
+.arco-pagination-item-active {
+  color: #fff;
+  background-color: rgb(var(--primary-6));
+  border: 1px solid rgb(var(--primary-6));
+  &:hover {
+    color: #fff;
+    background-color: rgb(var(--primary-6));
+    border: 1px solid rgb(var(--primary-6));
+  }
+}
+
+.arco-pagination .arco-pagination-item-previous.arco-pagination-item-disabled,
+.arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled {
+  border-color: var(--color-border-2);
+  &:hover {
+    border-color: var(--color-border-2);
+  }
+}
diff --git a/frontend-pc/src/styles/arco-ui/a-picker.less b/frontend-pc/src/styles/arco-ui/a-picker.less
new file mode 100644
index 0000000..5c5aaed
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-picker.less
@@ -0,0 +1,3 @@
+.arco-picker {
+  width: 100%;
+}
diff --git a/frontend-pc/src/styles/arco-ui/a-radio.less b/frontend-pc/src/styles/arco-ui/a-radio.less
new file mode 100644
index 0000000..430e2a0
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-radio.less
@@ -0,0 +1,3 @@
+.arco-radio-button-content {
+  white-space: nowrap;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-scrollbar.less b/frontend-pc/src/styles/arco-ui/a-scrollbar.less
new file mode 100644
index 0000000..ba3a990
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-scrollbar.less
@@ -0,0 +1,21 @@
+.arco-scrollbar-track-direction-vertical {
+  width: 8px;
+}
+
+.arco-scrollbar-thumb-direction-vertical .arco-scrollbar-thumb-bar {
+  width: 6px;
+  margin: 0 1px;
+}
+
+.arco-scrollbar-track-direction-horizontal {
+  height: 8px;
+}
+
+.arco-scrollbar-thumb-direction-horizontal .arco-scrollbar-thumb-bar {
+  height: 6px;
+  margin: 1px 0;
+}
+
+.arco-scrollbar-thumb-bar {
+  background-color: var(--color-fill-3);
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-space.less b/frontend-pc/src/styles/arco-ui/a-space.less
new file mode 100644
index 0000000..e69de29
diff --git a/frontend-pc/src/styles/arco-ui/a-steps.less b/frontend-pc/src/styles/arco-ui/a-steps.less
new file mode 100644
index 0000000..2b22702
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-steps.less
@@ -0,0 +1,5 @@
+.arco-steps-item-process .arco-steps-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-switch.less b/frontend-pc/src/styles/arco-ui/a-switch.less
new file mode 100644
index 0000000..1dbaa77
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-switch.less
@@ -0,0 +1,7 @@
+.arco-switch-type-round.arco-switch-small {
+  border-radius: 3px;
+}
+
+.arco-switch-type-round.arco-switch-small .arco-switch-handle {
+  border-radius: 2px;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-table.less b/frontend-pc/src/styles/arco-ui/a-table.less
new file mode 100644
index 0000000..6a38f3b
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-table.less
@@ -0,0 +1,9 @@
+.arco-table-th-title {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.arco-table-container {
+  border-radius: var(--border-radius-small);
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-tabs.less b/frontend-pc/src/styles/arco-ui/a-tabs.less
new file mode 100644
index 0000000..895b36a
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-tabs.less
@@ -0,0 +1,17 @@
+.arco-tabs-nav-extra:not(:empty) {
+  margin-right: var(--padding);
+}
+
+.arco-tabs {
+  background: var(--color-bg-1);
+}
+
+.arco-tabs-nav-type-rounded .arco-tabs-tab {
+  margin: 4px;
+  padding: 2px 12px;
+}
+
+.arco-tabs-nav-type-card .arco-tabs-tab:first-child,
+.arco-tabs-nav-type-card .arco-tabs-tab:last-child {
+  border-radius: 0;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/a-tree.less b/frontend-pc/src/styles/arco-ui/a-tree.less
new file mode 100644
index 0000000..ef420f7
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/a-tree.less
@@ -0,0 +1,23 @@
+.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after,
+.arco-tree-show-line .arco-tree-node-indent-block::before {
+  transform: translateX(0);
+  border-color: var(--color-border-3);
+  flex-shrink: 0;
+}
+
+.arco-tree-node-minus-icon,
+.arco-tree-node-plus-icon {
+  border: 1px solid var(--color-border-3);
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+
+.arco-tree-node-switcher-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.arco-tree-node-title {
+  white-space: nowrap;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/index.less b/frontend-pc/src/styles/arco-ui/index.less
new file mode 100644
index 0000000..bcea62e
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/index.less
@@ -0,0 +1,46 @@
+// Arco 的 LESS 变量（供本项目组件覆写时引用，如 @transition-duration-3）。
+// 这是纯变量文件，不输出任何 CSS —— 原本由被移除的 @arco-themes/vue-gi-demo 带入。
+@import '@arco-design/web-vue/es/style/theme/index.less';
+
+// 本项目主题：腾讯云 / TDesign 色板（覆盖 Arco 底层色板，上层自动跟随）
+@import './xt-theme.less';
+
+@import './a-alert.less';
+@import './a-card.less';
+@import './a-color-picker.less';
+@import './a-descriptions.less';
+@import './a-form.less';
+@import './a-input-number.less';
+@import './a-input.less';
+@import './a-menu.less';
+@import './a-message.less';
+@import './a-modal.less';
+@import './a-page-header.less';
+@import './a-pagination.less';
+@import './a-picker.less';
+@import './a-radio.less';
+@import './a-scrollbar.less';
+@import './a-space.less';
+@import './a-steps.less';
+@import './a-switch.less';
+@import './a-table.less';
+@import './a-tabs.less';
+@import './a-tree.less';
+
+.app-menu-dark:extend(body[arco-theme='dark']) {
+  --color-menu-dark-bg: #222222;
+}
+
+// 禁止文本复制
+.arco-link,
+.arco-menu-title,
+.arco-menu-item-inner,
+.arco-tabs-tab-title,
+.arco-breadcrumb-item,
+.arco-checkbox-label {
+  user-select: none;
+}
+
+.arco-menu .arco-menu-item {
+  display: inline-flex;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/arco-ui/xt-theme.less b/frontend-pc/src/styles/arco-ui/xt-theme.less
new file mode 100644
index 0000000..280d644
--- /dev/null
+++ b/frontend-pc/src/styles/arco-ui/xt-theme.less
@@ -0,0 +1,237 @@
+/**
+ * 腾讯云（TDesign）主题
+ * ================================================================
+ * 色值来源：TDesign 官方 light 主题 token
+ *   https://github.com/Tencent/tdesign-common  style/web/theme/_light.less
+ *   主色 = 腾讯蓝 #0052D9
+ *
+ * ⚠️ 格式坑（写错整个主题不生效，且不报错）：
+ *   Arco 的颜色变量是 **逗号分隔的 RGB 三元组**，不是 #RRGGBB。
+ *   定义：--arcoblue-6: 22,93,255;
+ *   消费：rgb(var(--primary-6))
+ *   写成 `--arcoblue-6: #0052d9;` 的话，`rgb(#0052d9)` 是非法值，
+ *   浏览器会静默丢弃该声明 —— 表现是"主题完全不生效"，但控制台没有报错。
+ *
+ * 为什么只覆写底层色板就够了：
+ *   Arco 的 --primary-N / --success-N / --warning-N / --danger-N / --link-N
+ *   分别是 --arcoblue-N / --green-N / --orange-N / --red-N 的别名，
+ *   而 --color-text-* / --color-border-* / --color-fill-* 又派生自 gray 色板。
+ *   所以换底层色板 = 整套主题跟着换，不用逐个组件去改。
+ *
+ * 索引对应关系（两套色板的「主色」下标不同，必须按角色映射，不能按下标硬对）：
+ *   Arco : -1 最浅底 · -5 hover · -6 主色 · -7 active · -8~-10 更深
+ *   TD   : -1 最浅底 · -7 hover · -8 主色 · -9 active · -10 最深
+ */
+
+/**
+ * ⚠️ 必须同时写 `:root, body`，只写 `:root` 是不生效的。
+ *
+ * Arco 把自己的色板定义在 **body** 选择器上（不是 :root）。
+ * CSS 自定义属性是**按元素解析**的：body 上的 `--arcoblue-6` 会盖掉
+ * 从 html（:root）继承下来的同名变量，哪怕我们的样式加载在后面。
+ * 所以覆盖必须落在同一层级（body）才能赢。
+ *
+ * 排查特征：`getComputedStyle(document.documentElement).getPropertyValue('--arcoblue-6')`
+ * 已经是新值，但按钮颜色没变 —— 就是这个原因。
+ */
+:root,
+body {
+  /* ── 品牌色：腾讯蓝 #0052D9 ──────────────────────────
+     TD brand: 1 #ecf2fe · 2 #d4e3fc · 3 #bbd3fb · 4 #96bbf8
+               5 #699ef5 · 6 #4787f0 · 7 #266fe8 · 8 #0052d9(主)
+               9 #0034b5 · 10 #001f97
+     Arco 9/10 由 TD 10 继续压暗推导（TD 官方只到 10 阶） */
+  --arcoblue-1: 236, 242, 254;   /* TD brand-1  #ecf2fe */
+  --arcoblue-2: 212, 227, 252;   /* TD brand-2  #d4e3fc */
+  --arcoblue-3: 187, 211, 251;   /* TD brand-3  #bbd3fb */
+  --arcoblue-4: 150, 187, 248;   /* TD brand-4  #96bbf8 */
+  --arcoblue-5: 71, 135, 240;    /* TD brand-6  #4787f0 — Arco 的 -5 是 hover */
+  --arcoblue-6: 0, 82, 217;      /* TD brand-8  #0052d9 ★ 主色 */
+  --arcoblue-7: 0, 52, 181;      /* TD brand-9  #0034b5 — Arco 的 -7 是 active */
+  --arcoblue-8: 0, 31, 151;      /* TD brand-10 #001f97 */
+  --arcoblue-9: 0, 22, 122;      /* 推导：由 #001f97 再压暗 */
+  --arcoblue-10: 0, 18, 95;      /* 推导 */
+
+  /* ── 成功色：TD success，主色 -5 #00a870 ───────────── */
+  --green-1: 232, 248, 242;      /* TD success-1  #e8f8f2 */
+  --green-2: 188, 235, 220;      /* TD success-2  #bcebdc */
+  --green-3: 133, 219, 190;      /* TD success-3  #85dbbe */
+  --green-4: 103, 209, 173;      /* 推导：TD 3↔4 之间，给 Arco -4 留一档 */
+  --green-5: 72, 199, 156;       /* TD success-4  #48c79c — hover */
+  --green-6: 0, 168, 112;        /* TD success-5  #00a870 ★ 主色 */
+  --green-7: 7, 141, 92;         /* TD success-6  #078d5c — active */
+  --green-8: 6, 121, 69;         /* TD success-7  #067945 */
+  --green-9: 5, 99, 52;          /* TD success-8  #056334 */
+  --green-10: 4, 79, 42;         /* TD success-9  #044f2a */
+
+  /* ── 警告色：TD warning，主色 -5 #ed7b2f ───────────── */
+  --orange-1: 254, 243, 230;     /* TD warning-1  #fef3e6 */
+  --orange-2: 249, 224, 199;     /* TD warning-2  #f9e0c7 */
+  --orange-3: 247, 199, 151;     /* TD warning-3  #f7c797 */
+  --orange-4: 244, 182, 122;     /* 推导：TD 3↔4 之间 */
+  --orange-5: 242, 153, 95;      /* TD warning-4  #f2995f — hover */
+  --orange-6: 237, 123, 47;      /* TD warning-5  #ed7b2f ★ 主色 */
+  --orange-7: 211, 90, 33;       /* TD warning-6  #d35a21 — active */
+  --orange-8: 186, 67, 27;       /* TD warning-7  #ba431b */
+  --orange-9: 158, 54, 16;       /* TD warning-8  #9e3610 */
+  --orange-10: 132, 43, 11;      /* TD warning-9  #842b0b */
+
+  /* ── 危险色：TD error，主色 -6 #e34d59（这一族与 Arco 下标一一对应）── */
+  --red-1: 253, 236, 238;        /* TD error-1  #fdecee */
+  --red-2: 249, 215, 217;        /* TD error-2  #f9d7d9 */
+  --red-3: 248, 185, 190;        /* TD error-3  #f8b9be */
+  --red-4: 247, 141, 148;        /* TD error-4  #f78d94 */
+  --red-5: 243, 109, 120;        /* TD error-5  #f36d78 — hover */
+  --red-6: 227, 77, 89;          /* TD error-6  #e34d59 ★ 主色 */
+  --red-7: 201, 53, 63;          /* TD error-7  #c9353f — active */
+  --red-8: 177, 31, 38;          /* TD error-8  #b11f26 */
+  --red-9: 149, 17, 20;          /* TD error-9  #951114 */
+  --red-10: 104, 5, 6;           /* TD error-10 #680506 */
+
+  /* ── 中性灰：TD gray（TD 有 14 阶，Arco 需要 10 阶，按明度对齐）── */
+  --gray-1: 243, 243, 243;       /* TD gray-1  #f3f3f3 */
+  --gray-2: 231, 231, 231;       /* TD gray-3  #e7e7e7 */
+  --gray-3: 220, 220, 220;       /* TD gray-4  #dcdcdc */
+  --gray-4: 197, 197, 197;       /* TD gray-5  #c5c5c5 */
+  --gray-5: 166, 166, 166;       /* TD gray-6  #a6a6a6 */
+  --gray-6: 139, 139, 139;       /* TD gray-7  #8b8b8b */
+  --gray-7: 119, 119, 119;       /* TD gray-8  #777777 */
+  --gray-8: 94, 94, 94;          /* TD gray-9  #5e5e5e */
+  --gray-9: 56, 56, 56;          /* TD gray-11 #383838 */
+  --gray-10: 44, 44, 44;         /* TD gray-12 #2c2c2c */
+
+  /* ── 文字：直接用 TD 的 rgba 写法，不经过 gray 色板 ──
+     （文字是最高频的视觉元素，不绕一层间接引用更可控） */
+  --color-text-1: rgba(0, 0, 0, 90%);
+  --color-text-2: rgba(0, 0, 0, 60%);
+  --color-text-3: rgba(0, 0, 0, 40%);
+  --color-text-4: rgba(0, 0, 0, 26%);
+
+  /* ── 描边：TD border-level-1 #e7e7e7 / level-2 #dcdcdc ── */
+  --color-border-1: #f3f3f3;
+  --color-border-2: #e7e7e7;
+  --color-border-3: #dcdcdc;
+  --color-border-4: #c5c5c5;
+
+  /* ── 填充 ─────────────────────────────────────────── */
+  --color-fill-1: #f3f3f3;
+  --color-fill-2: #eee;
+  --color-fill-3: #e7e7e7;
+  --color-fill-4: #dcdcdc;
+
+  /* ── 背景：页面 #f3f3f3、容器 #fff（TD 的 page / container）── */
+  --color-bg-1: #fff;
+  --color-bg-2: #fff;
+  --color-bg-3: #fff;
+  --color-bg-4: #fff;
+  --color-bg-5: #f3f3f3;
+  --color-bg-white: #fff;
+
+  /* ── 圆角：Arco 默认 2/4/8，调成更接近 TD 的 4/6/8 ── */
+  --border-radius-small: 4px;
+  --border-radius-medium: 6px;
+  --border-radius-large: 8px;
+
+  /* ── 主色 RGB 明文，供 rgb(var(--xt-primary)) 这类自定义场景用 ── */
+  --xt-primary: 0, 82, 217;
+  --xt-primary-hover: 71, 135, 240;
+  --xt-primary-active: 0, 52, 181;
+  --xt-success: 0, 168, 112;
+  --xt-warning: 237, 123, 47;
+  --xt-danger: 227, 77, 89;
+  --xt-page-bg: #f3f3f3;
+  --xt-container-bg: #fff;
+  --xt-text-1: rgba(0, 0, 0, 90%);
+  --xt-text-2: rgba(0, 0, 0, 60%);
+  --xt-text-3: rgba(0, 0, 0, 40%);
+
+  /* ────────────────────────────────────────────────────────────────
+     语义别名：显式覆盖，不走 Arco 的 --xxx-N: var(--palette-N) 间接层。
+     实测那一层在 body 上算出来的仍是 Arco 默认色，所以这里直接给值。
+     ──────────────────────────────────────────────────────────────── */
+
+  /* 品牌（腾讯蓝） */
+  --primary-1: 236, 242, 254;
+  --primary-2: 212, 227, 252;
+  --primary-3: 187, 211, 251;
+  --primary-4: 150, 187, 248;
+  --primary-5: 71, 135, 240;
+  --primary-6: 22,93,255;
+  --primary-7: 0, 52, 181;
+  --primary-8: 0, 31, 151;
+  --primary-9: 0, 22, 122;
+  --primary-10: 0, 18, 95;
+
+  /* 成功 */
+  --success-1: 232, 248, 242;
+  --success-2: 188, 235, 220;
+  --success-3: 133, 219, 190;
+  --success-4: 103, 209, 173;
+  --success-5: 72, 199, 156;
+  --success-6: 0, 168, 112;
+  --success-7: 7, 141, 92;
+  --success-8: 6, 121, 69;
+  --success-9: 5, 99, 52;
+  --success-10: 4, 79, 42;
+
+  /* 警告 */
+  --warning-1: 254, 243, 230;
+  --warning-2: 249, 224, 199;
+  --warning-3: 247, 199, 151;
+  --warning-4: 244, 182, 122;
+  --warning-5: 242, 153, 95;
+  --warning-6: 237, 123, 47;
+  --warning-7: 211, 90, 33;
+  --warning-8: 186, 67, 27;
+  --warning-9: 158, 54, 16;
+  --warning-10: 132, 43, 11;
+
+  /* 危险 */
+  --danger-1: 253, 236, 238;
+  --danger-2: 249, 215, 217;
+  --danger-3: 248, 185, 190;
+  --danger-4: 247, 141, 148;
+  --danger-5: 243, 109, 120;
+  --danger-6: 227, 77, 89;
+  --danger-7: 201, 53, 63;
+  --danger-8: 177, 31, 38;
+  --danger-9: 149, 17, 20;
+  --danger-10: 104, 5, 6;
+
+  /* 链接色跟随品牌 */
+  --link-1: 236, 242, 254;
+  --link-2: 212, 227, 252;
+  --link-3: 187, 211, 251;
+  --link-4: 150, 187, 248;
+  --link-5: 71, 135, 240;
+  --link-6: 22,93,255;
+  --link-7: 0, 52, 181;
+  --link-8: 0, 31, 151;
+  --link-9: 0, 22, 122;
+  --link-10: 0, 18, 95;
+
+  /* 中性色（--color-neutral-N 由它派生，文字/描边/填充都跟着走） */
+  --color-neutral-1: 243, 243, 243;
+  --color-neutral-2: 231, 231, 231;
+  --color-neutral-3: 220, 220, 220;
+  --color-neutral-4: 197, 197, 197;
+  --color-neutral-5: 166, 166, 166;
+  --color-neutral-6: 139, 139, 139;
+  --color-neutral-7: 119, 119, 119;
+  --color-neutral-8: 94, 94, 94;
+  --color-neutral-9: 56, 56, 56;
+  --color-neutral-10: 44, 44, 44;
+}
+
+/**
+ * 暗色模式下保持同一主色体系。
+ * Arco 通过 body[arco-theme='dark'] 切换，这里只覆盖品牌色与页面底色，
+ * 其余（文字/背景/描边）沿用 Arco 自己的暗色派生，避免手写一套不完整的暗色。
+ */
+body[arco-theme='dark'] {
+  --arcoblue-6: 64, 128, 255;    /* 暗色下主色提亮，保证对比度 */
+  --arcoblue-5: 106, 161, 255;
+  --arcoblue-7: 22, 93, 255;
+  --xt-page-bg: #17171a;
+  --xt-container-bg: #232324;
+}
diff --git a/frontend-pc/src/styles/base.scss b/frontend-pc/src/styles/base.scss
new file mode 100644
index 0000000..179d0c1
--- /dev/null
+++ b/frontend-pc/src/styles/base.scss
@@ -0,0 +1,53 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body,
+#app {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+html {
+  font-size: 14px;
+}
+
+body {
+  --margin: 14px;
+  --padding: 16px;
+  overflow: hidden;
+  // font-family: "helvetica neue", helvetica, "pingfang sc", "hiragino sans gb", "microsoft yahei", "\5fae\8f6f\96c5\9ed1", "arial/sans-serif";
+  color: var(--color-text-2);
+  // 页面底色：腾讯云 / TDesign 的 bg-color-page（--td-gray-color-1）
+  // 用变量而不是写死色值，暗色模式与后续换色都不用改这里
+  background-color: var(--xt-page-bg, #f3f3f3);
+  text-rendering: optimizelegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body[arco-theme='dark'] {
+  background-color: #17171a; // body背景颜色-深色模式（Arco 暗色底）
+}
+
+#app {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+}
+
+ul {
+  margin-bottom: 0;
+  list-style: none !important;
+}
+
+a,
+a:focus,
+a:hover {
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/css/transition.css b/frontend-pc/src/styles/css/transition.css
new file mode 100644
index 0000000..faa4a50
--- /dev/null
+++ b/frontend-pc/src/styles/css/transition.css
@@ -0,0 +1,163 @@
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease-in-out;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+/* fade-slide */
+.fade-slide-leave-active,
+.fade-slide-enter-active {
+  transition: all 0.3s;
+}
+
+.fade-slide-enter-from {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-slide-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* fade-bottom */
+.fade-bottom-enter-active,
+.fade-bottom-leave-active {
+  transition: opacity 0.25s, transform 0.3s;
+}
+
+.fade-bottom-enter-from {
+  opacity: 0;
+  transform: translateY(-10%);
+}
+
+.fade-bottom-leave-to {
+  opacity: 0;
+  transform: translateY(10%);
+}
+
+/* fade-scale */
+.fade-scale-leave-active,
+.fade-scale-enter-active {
+  transition: all 0.28s;
+}
+
+.fade-scale-enter-from {
+  opacity: 0;
+  transform: scale(1.2);
+}
+
+.fade-scale-leave-to {
+  opacity: 0;
+  transform: scale(0.8);
+}
+
+/* zoom-fade */
+.zoom-fade-enter-active,
+.zoom-fade-leave-active {
+  transition: transform 0.2s, opacity 0.3s ease-out;
+}
+
+.zoom-fade-enter-from {
+  opacity: 0;
+  transform: scale(0.92);
+}
+
+.zoom-fade-leave-to {
+  opacity: 0;
+  transform: scale(1.06);
+}
+
+/* zoom-out */
+.zoom-out-enter-active,
+.zoom-out-leave-active {
+  transition: opacity 0.1s ease-in-out, transform 0.15s ease-out;
+}
+
+.zoom-out-enter-from,
+.zoom-out-leave-to {
+  opacity: 0;
+  transform: scale(0);
+}
+
+/* elementUI 的 Dialog 动画 */
+@keyframes dialog-fade-in {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -20px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes dialog-fade-out {
+  0% {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    transform: translate3d(0, -20px, 0);
+  }
+}
+
+@keyframes modal-fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes modal-fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.el-dialog-enter-active {
+  animation: dialog-fade-in 0.3s;
+}
+
+.el-dialog-leave-active {
+  animation: dialog-fade-out 0.3s;
+}
+
+.el-mask-enter-active {
+  animation: modal-fade-in 0.3s;
+}
+
+.el-mask-leave-active {
+  animation: modal-fade-out 0.3s;
+}
+
+/* el-fade-bottom */
+.el-fade-enter-active,
+.el-fade-leave-active {
+  transition: all 0.3s;
+}
+
+.el-fade-enter-from {
+  opacity: 0;
+  transform: scale(1.1, 0.2);
+}
+
+.el-fade-leave-to {
+  opacity: 0;
+  transform: scale(1.1, 0.2);
+}
diff --git a/frontend-pc/src/styles/editor.scss b/frontend-pc/src/styles/editor.scss
new file mode 100644
index 0000000..ce5b384
--- /dev/null
+++ b/frontend-pc/src/styles/editor.scss
@@ -0,0 +1,37 @@
+body {
+  --w-e-textarea-bg-color: #fff;
+  --w-e-textarea-color: #333;
+  --w-e-textarea-border-color: #ccc;
+  --w-e-textarea-slight-border-color: #e8e8e8;
+  --w-e-textarea-slight-color: #d4d4d4;
+  --w-e-textarea-slight-bg-color: #f5f2f0;
+  --w-e-textarea-selected-border-color: #b4d5ff;
+  --w-e-textarea-handler-bg-color: #4290f7;
+  --w-e-toolbar-color: #595959;
+  --w-e-toolbar-bg-color: #fff;
+  --w-e-toolbar-active-color: #333;
+  --w-e-toolbar-active-bg-color: #f1f1f1;
+  --w-e-toolbar-disabled-color: #999;
+  --w-e-toolbar-border-color: #e8e8e8;
+  --w-e-modal-button-bg-color: #fafafa;
+  --w-e-modal-button-border-color: #d9d9d9;
+}
+
+body[arco-theme='dark'] {
+  --w-e-textarea-bg-color: var(--color-bg-2);
+  --w-e-textarea-color: var(--color-text-1);
+  --w-e-textarea-border-color: var(--color-border);
+  --w-e-textarea-slight-border-color: var(--color-border-2);
+  --w-e-textarea-slight-color: var(--color-text-4);
+  --w-e-textarea-slight-bg-color: var(--color-bg-2);
+  --w-e-textarea-selected-border-color: var(--color-primary-light-1);
+  --w-e-textarea-handler-bg-color: var(--color-primary-light-4);
+  --w-e-toolbar-color: #ccc;
+  --w-e-toolbar-bg-color: var(--color-bg-2);
+  --w-e-toolbar-active-color: #fff;
+  --w-e-toolbar-active-bg-color: var(--color-secondary-active);
+  --w-e-toolbar-disabled-color: var(--color-text-4);
+  --w-e-toolbar-border-color: var(--color-border);
+  --w-e-modal-button-bg-color: var(--color-fill-2);
+  --w-e-modal-button-border-color: var(--color-border);
+}
diff --git a/frontend-pc/src/styles/global.scss b/frontend-pc/src/styles/global.scss
new file mode 100644
index 0000000..0141919
--- /dev/null
+++ b/frontend-pc/src/styles/global.scss
@@ -0,0 +1,335 @@
+/* 全局样式 */
+@use './var.scss' as *;
+
+// hover按钮
+.g-hover-btn {
+  background-color: transparent;
+  border: 0 !important;
+
+  &:hover {
+    background: var(--color-secondary-hover) !important;
+  }
+
+  &:active {
+    background: var(--color-secondary-active) !important;
+  }
+}
+
+// 卡片组件，使body的高度自动撑满
+.g-card {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  .arco-card-body {
+    box-sizing: border-box;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    overflow: hidden;
+  }
+}
+
+// 页面卡片，右侧有返回按钮
+.g-page-card {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  margin: var(--margin);
+  overflow: hidden;
+
+  .arco-card-body {
+    box-sizing: border-box;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    overflow: hidden;
+  }
+}
+
+.g-gradient-bg {
+  background-image: linear-gradient(to right top, transparent, transparent,
+  color-mix(in oklab, rgb(var(--primary-6)) 12%, transparent),
+  color-mix(in oklab, rgb(var(--primary-6)) 12%, transparent));
+}
+
+// 卡片标题，标题左侧的伪类样式
+.g-card-title {
+  .arco-card-header-title::before {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 4px;
+    height: 50%;
+    content: '';
+    background-color: rgb(var(--warning-5));
+    border-radius: 0 4px 4px 0;
+    transform: translateY(-50%);
+  }
+}
+
+// 使用场景，页面内容超出高度会自动滚动
+.g-page {
+  box-sizing: border-box;
+  flex: 1;
+  padding: var(--margin);
+  overflow-y: auto;
+}
+
+// 表格类名 高度自适应
+.g-table {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+
+  >.arco-spin {
+    height: auto;
+    max-height: 100%;
+    overflow: hidden;
+  }
+}
+
+// 表格类名，高度自适应，分页始终固定在最底部
+.g-full-table {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+
+  .arco-table-container {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .arco-table-scroll-y {
+    border-right: 1px solid var(--color-border-1);
+  }
+
+  .arco-table-tr .arco-table-td:last-child,
+  .arco-table-tr .arco-table-th:last-child {
+    border-right: none;
+  }
+
+  .arco-table-content {
+    .arco-scrollbar {
+      &:last-child {
+        flex: 1;
+
+        &:not(.arco-scrollbar-both) {
+          .arco-table-element {
+            border-bottom: 1px solid var(--color-border-1);
+          }
+        }
+      }
+    }
+  }
+}
+
+.g-full-tabs {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+
+  .arco-tabs-content {
+    flex: 1;
+    padding-top: 0;
+
+    .arco-tabs-content-list {
+      height: 100%;
+    }
+
+    .arco-tabs-pane {
+      height: 100%;
+      overflow-y: auto;
+    }
+  }
+}
+
+// 编辑表格，表头的必填红色星号
+.g-column-require {
+  .arco-table-th-title {
+    &::before {
+      padding-right: 2px;
+      color: red;
+      content: '*';
+    }
+  }
+}
+
+.g-full-column {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.g-badge-primary {
+  .arco-badge-number {
+    background-color: rgb(var(--primary-5));
+  }
+}
+
+.g-badge-success {
+  .arco-badge-number {
+    background-color: rgb(var(--success-5));
+  }
+}
+
+.g-badge-warning {
+  .arco-badge-number {
+    background-color: rgb(var(--warning-5));
+  }
+}
+
+.g-row-tool {
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+// 以下这些类名要放到下面，涉及到css权重优先级问题
+.g-mt {
+  margin-top: var(--margin);
+}
+
+.g-mb {
+  margin-bottom: var(--margin);
+}
+
+.g-ml {
+  margin-left: var(--margin);
+}
+
+.g-mr {
+  margin-right: var(--margin);
+}
+
+.g-mx {
+  margin-right: var(--margin);
+  margin-left: var(--margin);
+}
+
+.g-my {
+  margin-top: var(--margin);
+  margin-bottom: var(--margin);
+}
+
+.g-m0 {
+  margin: 0;
+}
+
+.g-pt {
+  padding-top: var(--margin);
+}
+
+.g-pb {
+  padding-bottom: var(--margin);
+}
+
+.g-pl {
+  padding-left: var(--margin);
+}
+
+.g-pr {
+  padding-right: var(--margin);
+}
+
+.g-px {
+  padding-right: var(--padding);
+  padding-left: var(--padding);
+}
+
+.g-py {
+  padding-top: var(--padding);
+  padding-bottom: var(--padding);
+}
+
+.g-p0 {
+  padding: 0;
+}
+
+.g-round {
+  border-radius: 100px;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+// 一般结合<a-row class="flex-column"></a-row>使用
+.flex-column {
+  flex-direction: column;
+  overflow: hidden;
+}
+
+// 通用外边距
+.g-margin {
+  margin: var(--margin);
+}
+
+// 通用内边距
+.g-padding {
+  padding: var(--padding);
+}
+
+.g-select-input {
+  flex-shrink: 0;
+  width: 100px;
+}
+
+.g-search-input {
+  flex-shrink: 0;
+  width: 250px;
+}
+
+.g-line-1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.g-line-2 {
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+}
+
+.g-line-3 {
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+}
+
+.g-line-4 {
+  -webkit-line-clamp: 4;
+  line-clamp: 4;
+}
+
+.g-line-5 {
+  -webkit-line-clamp: 5;
+  line-clamp: 5;
+}
+
+.g-line-2,
+.g-line-3,
+.g-line-4,
+.g-line-5 {
+  display: -webkit-box; /* 弹性伸缩盒 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-box-orient: vertical; /* 设置伸缩盒子元素排列方式 */
+}
\ No newline at end of file
diff --git a/frontend-pc/src/styles/index.scss b/frontend-pc/src/styles/index.scss
new file mode 100644
index 0000000..8e0471c
--- /dev/null
+++ b/frontend-pc/src/styles/index.scss
@@ -0,0 +1,17 @@
+// 基础样式
+@use './base.scss';
+
+// 全局类名样式
+@use './global.scss';
+
+// 自定义原生滚动条样式
+@use './scrollbar-reset.scss';
+
+// 自定义 nprogress 插件进度条颜色
+@use './nprogress.scss';
+
+// 富文本的css主题颜色变量
+@use './editor.scss';
+
+// 动画类名
+@use './animated.scss';
\ No newline at end of file
diff --git a/frontend-pc/src/styles/mixin.scss b/frontend-pc/src/styles/mixin.scss
new file mode 100644
index 0000000..0485c99
--- /dev/null
+++ b/frontend-pc/src/styles/mixin.scss
@@ -0,0 +1,21 @@
+@mixin scrollbar($size: 6px, $color: #d9d9d9) {
+  &::-webkit-scrollbar-thumb {
+    background-color: $color;
+    border-radius: $size;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: $color;
+    border-radius: $size;
+  }
+
+  &::-webkit-scrollbar {
+    width: $size;
+    height: $size;
+  }
+
+  &::-webkit-scrollbar-track-piece {
+    background-color: rgb(0 0 0 / 0%);
+    border-radius: 0;
+  }
+}
diff --git a/frontend-pc/src/styles/nprogress.scss b/frontend-pc/src/styles/nprogress.scss
new file mode 100644
index 0000000..000dc90
--- /dev/null
+++ b/frontend-pc/src/styles/nprogress.scss
@@ -0,0 +1,4 @@
+// nprogress插件进度条颜色
+#nprogress .bar {
+  background: rgb(var(--primary-6), 0.5) !important; //自定义颜色
+}
diff --git a/frontend-pc/src/styles/scrollbar-reset.scss b/frontend-pc/src/styles/scrollbar-reset.scss
new file mode 100644
index 0000000..87909f9
--- /dev/null
+++ b/frontend-pc/src/styles/scrollbar-reset.scss
@@ -0,0 +1,22 @@
+/* 美化滚动条 */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  width: 6px;
+  background-color: var(--color-neutral-3);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  width: 6px;
+  background-color: var(--color-neutral-4);
+}
+
+::-ms-scrollbar-thumb {
+  width: 6px;
+  background-color: var(--color-neutral-3);
+  border-radius: 6px;
+}
diff --git a/frontend-pc/src/styles/var.scss b/frontend-pc/src/styles/var.scss
new file mode 100644
index 0000000..5cc6e17
--- /dev/null
+++ b/frontend-pc/src/styles/var.scss
@@ -0,0 +1,3 @@
+// 自定义全局scss变量
+// 建议优先使用arco内置的全局css变量来开发，可以有效提高效率和团队协作
+// $color-theme: rgb(var(--primary-6));
\ No newline at end of file
diff --git a/frontend-pc/src/types/api.d.ts b/frontend-pc/src/types/api.d.ts
new file mode 100644
index 0000000..fc0a469
--- /dev/null
+++ b/frontend-pc/src/types/api.d.ts
@@ -0,0 +1,13 @@
+/** 接口返回数据格式 */
+interface ApiRes<T> {
+  code: number
+  data: T
+  message: string
+  success: boolean
+}
+
+/** 分页返回的数据格式 */
+interface PageRes<T> {
+  records: T
+  total: number
+}
diff --git a/frontend-pc/src/types/app.d.ts b/frontend-pc/src/types/app.d.ts
new file mode 100644
index 0000000..860af56
--- /dev/null
+++ b/frontend-pc/src/types/app.d.ts
@@ -0,0 +1,14 @@
+declare namespace App {
+  /** 系统配置 */
+  interface SettingConfig {
+    themeColor: string // 主题色
+    layout: 'left' | 'mix' | 'top' | 'columns'
+    tabStyle: 'card' | 'card-gutter' | 'rounded' | 'custom1' | 'custom2' // 页签风格
+    isTabVisible: boolean // 是否显示页签
+    transitionName: 'zoom-fade' | 'slide-dynamic-origin' | 'fade-slide' | 'fade' | 'fade-bottom' | 'fade-scale' // 动画类名
+    isTransitionEnabled: boolean // 是否启用页面切换动画
+    isMenuCollapsed: boolean // 左侧菜单折叠状态
+    isMenuAccordion: boolean // 左侧菜单手风琴效果
+    isMenuDark: boolean // 菜单深色模式
+  }
+}
diff --git a/frontend-pc/src/types/env.d.ts b/frontend-pc/src/types/env.d.ts
new file mode 100644
index 0000000..72a6327
--- /dev/null
+++ b/frontend-pc/src/types/env.d.ts
@@ -0,0 +1,12 @@
+/// <reference types="vite/client" />
+
+/** 声明环境变量的类型 */
+interface ImportMetaEnv {
+  readonly VITE_API_PREFIX: string
+  readonly VITE_API_BASE_URL: string
+  readonly VITE_BASE: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
diff --git a/frontend-pc/src/types/global.d.ts b/frontend-pc/src/types/global.d.ts
new file mode 100644
index 0000000..99432f0
--- /dev/null
+++ b/frontend-pc/src/types/global.d.ts
@@ -0,0 +1,23 @@
+interface AnyObject {
+  [key: string]: unknown
+}
+
+interface Options {
+  value: unknown
+  label: string
+}
+
+interface NodeOptions extends Options {
+  children?: NodeOptions[]
+}
+
+type TimeRanger = [string, string]
+
+/** 系统管理通用状态 与字典 STATUS 一致，'0' 禁用 '1' 启用 */
+type Status = '0' | '1'
+
+/** 性别 与字典 GENDER 一致，'1' 男 '2' 女 '3' 保密 */
+type Gender = '1' | '2' | '3'
+
+/** 接口需要的分页参数 */
+type Pagination = { page: number, size: number }
diff --git a/frontend-pc/src/types/module.d.ts b/frontend-pc/src/types/module.d.ts
new file mode 100644
index 0000000..07078c0
--- /dev/null
+++ b/frontend-pc/src/types/module.d.ts
@@ -0,0 +1,3 @@
+declare module 'nprogress'
+declare module '@arco-design/color'
+declare module 'qs'
diff --git a/frontend-pc/src/types/router.d.ts b/frontend-pc/src/types/router.d.ts
new file mode 100644
index 0000000..4423b27
--- /dev/null
+++ b/frontend-pc/src/types/router.d.ts
@@ -0,0 +1,43 @@
+import 'vue-router'
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    /** 设置该路由在侧边栏和面包屑中展示的名字 */
+    title?: string
+    /** 设置该路由的图标 */
+    icon?: string
+    /**  默认false, 设置true的时候该路由不会在侧边栏出现 */
+    hidden?: boolean
+    /** 默认true, 如果设置为false, 则不会在面包屑中显示 */
+    breadcrumb?: boolean
+    /** 默认true, 如果设置为false, 它则不会显示在Tab栏中 */
+    showInTabs?: boolean
+    /** 默认false, 如果设置为true, 它则会固定在Tab栏中, 例如首页 */
+    affix?: boolean
+    /**
+     * 当一个路由下面的children声明的路由大于1个时, 自动会变成嵌套的模式
+     * 只有一个时, 会将那个子路由当做根路由显示在侧边栏
+     * 若想不管路由下面的children声明的个数都显示你的根路由
+     * 可以设置alwaysShow: true, 这样就会忽略之前定义的规则, 一直显示根路由
+     */
+    alwaysShow?: boolean
+    /**
+     * 示例: activeMenu: "/xxx/xxx"
+     * 当设置了该属性进入路由时, 则会高亮activeMenu属性对应的侧边栏
+     * 该属性适合使用在有hidden: true属性的路由上
+     */
+    activeMenu?: string
+    /**
+     * 是否缓存该路由页面
+     * 默认为false, 为true时代表需要缓存, 此时该路由和该页面都需要设置一致的name
+     */
+    keepAlive?: boolean
+    /** 默认路由参数 */
+    query?: string
+    noShowingChildren?: boolean
+    /** 设置该路由进入的权限, 支持多个权限叠加 */
+    roles?: string[]
+    /** 排序 */
+    sort?: number
+  }
+}
diff --git a/frontend-pc/src/types/shims-vue.d.ts b/frontend-pc/src/types/shims-vue.d.ts
new file mode 100644
index 0000000..aafef95
--- /dev/null
+++ b/frontend-pc/src/types/shims-vue.d.ts
@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/frontend-pc/src/types/tool.d.ts b/frontend-pc/src/types/tool.d.ts
new file mode 100644
index 0000000..0383038
--- /dev/null
+++ b/frontend-pc/src/types/tool.d.ts
@@ -0,0 +1,14 @@
+// 辅助类型：获取所有类型的键的联合
+type AllKeys<T> = T extends any ? keyof T : never
+
+// 辅助类型：获取属性在所有类型中的联合类型
+type UnionType<T, K extends PropertyKey> = T extends any
+  ? K extends keyof T
+  ? T[K]
+  : never
+  : never
+
+// 合并多个类型，同名属性转为联合类型
+export type MergeMultiple<T extends any[]> = {
+  [K in AllKeys<T[number]>]?: UnionType<T[number], K>
+}
diff --git a/frontend-pc/src/utils/auth.ts b/frontend-pc/src/utils/auth.ts
new file mode 100644
index 0000000..6dee588
--- /dev/null
+++ b/frontend-pc/src/utils/auth.ts
@@ -0,0 +1,39 @@
+/** Token 存储键名 */
+const TOKEN_KEY = 'token'
+
+/**
+ * 检查用户是否已登录
+ * @description 通过检查 localStorage 中是否存在 token 来判断用户登录状态
+ * @returns {boolean} 是否已登录
+ */
+const isLogin = () => {
+  return !!localStorage.getItem(TOKEN_KEY)
+}
+
+/**
+ * 获取用户 Token
+ * @description 从 localStorage 中获取存储的 token
+ * @returns {string | null} 用户 token，未登录时返回 null
+ */
+const getToken = () => {
+  return localStorage.getItem(TOKEN_KEY)
+}
+
+/**
+ * 设置用户 Token
+ * @description 将用户 token 存储到 localStorage 中
+ * @param token - 用户 token
+ */
+const setToken = (token: string) => {
+  localStorage.setItem(TOKEN_KEY, token)
+}
+
+/**
+ * 清除用户 Token
+ * @description 从 localStorage 中移除用户 token
+ */
+const clearToken = () => {
+  localStorage.removeItem(TOKEN_KEY)
+}
+
+export { clearToken, getToken, isLogin, setToken }
diff --git a/frontend-pc/src/utils/createSelectDialog.ts b/frontend-pc/src/utils/createSelectDialog.ts
new file mode 100644
index 0000000..9e5cece
--- /dev/null
+++ b/frontend-pc/src/utils/createSelectDialog.ts
@@ -0,0 +1,103 @@
+import type { Component } from 'vue'
+import { Message, Modal } from '@arco-design/web-vue'
+import { h, ref } from 'vue'
+
+interface CreateSelectDialogParams {
+  title: string
+  component: Component
+  componentProps?: Record<string, any>
+  tip?: string
+}
+
+/**
+ * 选择弹窗配置选项接口
+ * @template T 选中数据的类型
+ */
+interface SelectDialogOptions<T> {
+  /** 弹窗标题（会覆盖创建参数中的title） */
+  title?: string
+  /** 是否允许多选 */
+  multiple?: boolean
+  /** 查询参数，通常用于初始化数据 */
+  queryParams?: Record<string, any>
+  /** 传递给组件的额外属性 */
+  componentProps?: Record<string, any>
+  /** 点击确定按钮后的回调函数 */
+  onOk?: (data: T) => void
+  /** 点击确定前的校验函数，返回Promise<boolean>决定是否允许确定 */
+  onBeforeOk?: (data: T) => Promise<boolean>
+}
+
+/**
+ * 创建一个选择类型的弹窗工厂函数
+ *
+ * 该函数返回一个创建特定类型选择弹窗的方法，适用于需要从列表中选择数据的场景。
+ * 内部使用Vue的createVNode动态渲染组件，并通过ref获取组件实例的方法。
+ *
+ * @template T 选中数据的类型
+ * @param {CreateSelectDialogParams} params 创建弹窗所需的基本参数
+ * @returns {(options: SelectDialogOptions<T>) => void} 可配置的弹窗创建函数
+ *
+ * @example
+ * // 创建一个用户选择弹窗
+ * const selectUserDialog = createSelectDialog({
+ *   title: '选择用户',
+ *   component: UserSelectComponent,
+ *   tip: '请至少选择一个用户'
+ * })
+ *
+ * // 打开弹窗并处理选择结果
+ * selectUserDialog({
+ *   multiple: true,
+ *   queryParams: { status: 'active' },
+ *   onOk: (selectedUsers) => {
+ *     console.log('已选择用户:', selectedUsers)
+ *   }
+ * })
+ */
+export const createSelectDialog = <T = any>(params: CreateSelectDialogParams) => {
+  return (options: SelectDialogOptions<T>) => {
+    const TableRef = ref<any>()
+    Modal.open({
+      // 优先使用options中的title，否则使用params中的title
+      title: options.title || params.title,
+      // 动态渲染传入的组件，设置ref引用并合并属性
+      content: () => h(params.component, {
+        ref: (e: any) => (TableRef.value = e),
+        multiple: options.multiple,
+        queryParams: options.queryParams,
+        ...params.componentProps,
+        ...options.componentProps
+      }),
+      // 设置弹窗宽度自适应
+      width: 'calc(100% - 20px)',
+      modalStyle: { maxWidth: '1000px' },
+      bodyStyle: { overflow: 'hidden', height: '500px', padding: 0 },
+      onBeforeOk: async () => {
+        // 检查组件是否暴露了必要的getSelectedData方法
+        if (!TableRef.value?.getSelectedData) {
+          Message.warning('组件必须暴露getSelectedData方法')
+          return false
+        }
+
+        // 获取选中的数据
+        const data = TableRef.value?.getSelectedData?.() || []
+
+        // 验证是否选择了数据
+        if (!data.length) {
+          Message.warning(params.tip || '请选择数据')
+          return false
+        }
+
+        // 如果提供了前置校验函数，则调用并根据结果决定是否继续
+        if (options?.onBeforeOk) {
+          return await options.onBeforeOk(data)
+        }
+
+        // 调用确定回调函数，传递选中的数据
+        options.onOk?.(data)
+        return true
+      }
+    })
+  }
+}
diff --git a/frontend-pc/src/utils/downloadFile.ts b/frontend-pc/src/utils/downloadFile.ts
new file mode 100644
index 0000000..bc3baa7
--- /dev/null
+++ b/frontend-pc/src/utils/downloadFile.ts
@@ -0,0 +1,76 @@
+/**
+ * 根据文件url获取文件名
+ * @param url 文件url
+ */
+function getFileName(url: string) {
+  const num = url.lastIndexOf('/') + 1
+  let fileName = url.substring(num)
+  // 把参数和文件名分割开
+  fileName = decodeURI(fileName.split('?')[0])
+  return fileName
+}
+
+/**
+ * 根据文件地址下载文件
+ * @param {*} sUrl
+ */
+export function downloadByUrl({
+  url,
+  target = '_blank',
+  fileName
+}: {
+  url: string
+  target?: '_self' | '_blank'
+  fileName?: string
+}): Promise<boolean> {
+  // 是否同源
+  const isSameHost = new URL(url).host === location.host
+  return new Promise<boolean>((resolve, reject) => {
+    if (isSameHost) {
+      const link = document.createElement('a')
+      link.href = url
+      link.target = target
+
+      if (link.download !== undefined) {
+        link.download = fileName || getFileName(url)
+      }
+
+      if (document.createEvent) {
+        const e = document.createEvent('MouseEvents')
+        e.initEvent('click', true, true)
+        link.dispatchEvent(e)
+        return resolve(true)
+      }
+
+      if (!url.includes('?')) {
+        url += '?download'
+      }
+
+      window.open(url, target)
+      return resolve(true)
+    } else {
+      const canvas = document.createElement('canvas')
+      const img = document.createElement('img')
+      img.setAttribute('crossOrigin', 'Anonymous')
+      img.src = url
+      img.onload = () => {
+        canvas.width = img.width
+        canvas.height = img.height
+        const context = canvas.getContext('2d')!
+        context.drawImage(img, 0, 0, img.width, img.height)
+        // window.navigator.msSaveBlob(canvas.msToBlob(),'image.jpg');
+        // saveAs(imageDataUrl, '附件');
+        canvas.toBlob((blob) => {
+          const link = document.createElement('a')
+          if (!blob) return
+          link.href = window.URL.createObjectURL(blob)
+          link.download = getFileName(url)
+          link.click()
+          URL.revokeObjectURL(link.href)
+          resolve(true)
+        }, 'image/jpeg')
+      }
+      img.onerror = (e) => reject(e)
+    }
+  })
+}
diff --git a/frontend-pc/src/utils/file.ts b/frontend-pc/src/utils/file.ts
new file mode 100644
index 0000000..8848413
--- /dev/null
+++ b/frontend-pc/src/utils/file.ts
@@ -0,0 +1,71 @@
+/** 文件类型列表项接口 */
+export interface FileTypeListItem {
+  /** 显示名称 */
+  name: string
+  /** 类型值 */
+  value: string
+  /** 菜单图标 */
+  menuIcon: string
+  /** 文件图标 */
+  icon: string
+}
+
+/**
+ * 文件类型列表
+ * @description 定义系统中支持的文件类型分类
+ */
+export const FILE_TYPE_LIST: FileTypeListItem[] = [
+  { name: '全部', value: '0', menuIcon: 'file-all', icon: 'icon-stamp' },
+  { name: '图片', value: '1', menuIcon: 'file-image', icon: 'icon-file-image' },
+  { name: '文档', value: '2', menuIcon: 'file-txt', icon: 'icon-file' },
+  { name: '视频', value: '3', menuIcon: 'file-video', icon: 'icon-video-camera' },
+  { name: '音频', value: '4', menuIcon: 'file-music', icon: 'icon-file-audio' },
+  { name: '其他', value: '5', menuIcon: 'file-other', icon: 'icon-bulb' }
+]
+
+/** 文件扩展名与图标映射接口 */
+export interface FileExtendNameIconMap {
+  [key: string]: string
+}
+
+/**
+ * 文件类型图标映射
+ * @description 定义文件扩展名与对应图标的映射关系
+ */
+export const FILE_ICON_MAP: FileExtendNameIconMap = {
+  // 音频文件
+  mp3: 'file-music',
+  // 视频文件
+  mp4: 'file-video',
+  // 文件夹
+  dir: 'file-dir',
+  // Office 文件
+  ppt: 'file-ppt',
+  doc: 'file-wps',
+  docx: 'file-wps',
+  xls: 'file-excel',
+  xlsx: 'file-excel',
+  // 文本文件
+  txt: 'file-txt',
+  // 压缩文件
+  rar: 'file-rar',
+  zip: 'file-zip',
+  // 网页文件
+  html: 'file-html',
+  css: 'file-css',
+  js: 'file-js',
+  // 未知文件
+  other: 'file-other'
+}
+
+/**
+ * 图片文件类型列表
+ * @description 系统支持的图片文件扩展名
+ */
+export const IMAGE_TYPES = ['jpg', 'png', 'gif', 'jpeg']
+
+/**
+ * Office 文件类型列表
+ * @description 系统支持的 Office 文件扩展名
+ */
+export const OFFICE_TYPES = ['ppt', 'pptx', 'doc', 'docx', 'xls', 'xlsx']
diff --git a/frontend-pc/src/utils/http.ts b/frontend-pc/src/utils/http.ts
new file mode 100644
index 0000000..79ee043
--- /dev/null
+++ b/frontend-pc/src/utils/http.ts
@@ -0,0 +1,216 @@
+import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
+import { Message, Notification } from '@arco-design/web-vue'
+import axios from 'axios'
+import NProgress from 'nprogress'
+import router from '@/router'
+import { getToken } from '@/utils/auth'
+import 'nprogress/nprogress.css'
+
+// 配置 NProgress
+NProgress.configure({ showSpinner: false })
+
+/**
+ * 本项目后端响应契约（《03-接口设计》§1.3）：
+ *
+ *   { code: 0 | 4xxxx | 5xxxx, msg: string, data: T }
+ *
+ * 与模板内部的 ApiRes 契约不同，差别有三处，都在下面这层适配里统一处理：
+ *
+ *   | 维度     | 本项目后端          | 模板内部约定        |
+ *   |----------|--------------------|--------------------|
+ *   | 成功判定 | code === 0         | success: boolean   |
+ *   | 提示文案 | msg                | message            |
+ *   | 分页列表 | { list, total }    | { records, total } |
+ *
+ * ⚠️ 适配放在这里而不是逐个改 api 文件：这三条是全后端统一的契约，
+ *    分散到每个 listAPI 去转换，漏一个就是一个"列表永远空着"的 bug。
+ */
+
+/** 本项目后端的成功码 */
+const CODE_SUCCESS = 0
+/** 未登录 / token 失效 */
+const CODE_UNAUTHORIZED = 40101
+/** 无权限（含跨租户） */
+const CODE_FORBIDDEN = 40301
+/** 限流 */
+const CODE_RATE_LIMITED = 42901
+
+/** 传输层 HTTP 状态码文案（业务错误不走这里，见下方响应拦截器） */
+const StatusCodeMessage: Record<number, string> = {
+  400: '请求错误(400)',
+  401: '未授权，请重新登录(401)',
+  403: '拒绝访问(403)',
+  404: '请求出错(404)',
+  408: '请求超时(408)',
+  500: '服务器错误(500)',
+  501: '服务未实现(501)',
+  502: '网络错误(502)',
+  503: '服务不可用(503)',
+  504: '网络超时(504)'
+}
+
+/** 创建 axios 实例 */
+const http: AxiosInstance = axios.create({
+  baseURL: import.meta.env.VITE_API_PREFIX,
+  timeout: 30 * 1000
+})
+
+/**
+ * 把分页字段补一份 records。
+ * 后端返回 { list, total }，模板的 useTable / PageRes 读 records。
+ * 补而不替：list 原样保留，两边都能取到，避免破坏原有调用。
+ */
+function normalizePageShape(payload: unknown): unknown {
+  if (payload && typeof payload === 'object' && !Array.isArray(payload)) {
+    const obj = payload as Record<string, unknown>
+    if (Array.isArray(obj.list) && typeof obj.total === 'number' && obj.records === undefined) {
+      return { ...obj, records: obj.list }
+    }
+  }
+  return payload
+}
+
+/** 跳登录页（只跳一次，避免一个页面多个请求同时失效时反复跳） */
+let redirecting = false
+function toLogin() {
+  if (redirecting) return
+  redirecting = true
+  const back = encodeURIComponent(router.currentRoute.value.fullPath)
+  router.replace(`/login?redirect=${back}`).finally(() => {
+    setTimeout(() => {
+      redirecting = false
+    }, 800)
+  })
+}
+
+// 请求拦截器
+http.interceptors.request.use(
+  (config: AxiosRequestConfig) => {
+    NProgress.start()
+    const token = getToken()
+    if (token) {
+      if (!config.headers) {
+        config.headers = {}
+      }
+      // 本项目后端用标准的 Authorization: Bearer（《03-接口设计》§1.2），
+      // 不是模板默认的 token 自定义头
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    return config
+  },
+  (error) => {
+    NProgress.done()
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截器
+http.interceptors.response.use(
+  (response: AxiosResponse) => {
+    NProgress.done()
+    const raw = response.data
+
+    // 非信封响应（文件流等）直接放行
+    if (!raw || typeof raw.code !== 'number') {
+      return response
+    }
+
+    // 未登录：清 token 并跳登录
+    if (raw.code === CODE_UNAUTHORIZED) {
+      toLogin()
+      return Promise.reject(new Error(raw.msg || '登录已失效，请重新登录'))
+    }
+
+    // 业务成功：适配成模板的 ApiRes 形状
+    if (raw.code === CODE_SUCCESS) {
+      response.data = {
+        code: 200,
+        success: true,
+        message: raw.msg || 'success',
+        data: normalizePageShape(raw.data)
+      }
+      return response
+    }
+
+    // 业务失败：按文案长度选择 Message（短）或 Notification（长），与原实现一致
+    const message = raw.msg || '服务器端错误'
+    if (message.length <= 15) {
+      Message.error(message)
+    } else {
+      Notification.error(message)
+    }
+    // 把后端业务码附在错误上，便于调用方按码分支（如租户重名）
+    const err = new Error(message) as Error & { bizCode?: number, bizData?: unknown }
+    err.bizCode = raw.code
+    err.bizData = raw.data
+    return Promise.reject(err)
+  },
+  (error) => {
+    NProgress.done()
+    Message.clear()
+    const response = Object.assign({}, error.response)
+
+    // 401/403/429 这三个后端用真实 HTTP 状态码（《03-接口设计》§1.3）
+    if (response?.status === 401) {
+      toLogin()
+    } else {
+      const msg = StatusCodeMessage[response?.status] || '系统异常, 请检查网络或联系管理员！'
+      Message.error(msg)
+    }
+
+    const err = new Error(error.message) as Error & { status?: number }
+    err.status = response?.status
+    return Promise.reject(err)
+  }
+)
+
+/** 封装请求方法 */
+const request = <T = unknown>(config: AxiosRequestConfig): Promise<ApiRes<T>> => {
+  return new Promise((resolve, reject) => {
+    http
+      .request<T>(config)
+      .then((res: AxiosResponse) => resolve(res.data))
+      .catch((err: { message: string }) => reject(err))
+  })
+}
+
+/** GET 请求 */
+const get = <T = any>(url: string, params?: object, config?: AxiosRequestConfig): Promise<ApiRes<T>> => {
+  return request({
+    method: 'get',
+    url,
+    params,
+    ...config
+  })
+}
+
+/** POST 请求 */
+const post = <T = any>(url: string, params?: object, config?: AxiosRequestConfig): Promise<ApiRes<T>> => {
+  return request({
+    method: 'post',
+    url,
+    data: params,
+    ...config
+  })
+}
+
+/** PUT 请求（本项目后端大量使用 PUT，模板原来只有 get/post） */
+const put = <T = any>(url: string, params?: object, config?: AxiosRequestConfig): Promise<ApiRes<T>> => {
+  return request({
+    method: 'put',
+    url,
+    data: params,
+    ...config
+  })
+}
+
+/** DELETE 请求 */
+const del = <T = any>(url: string, config?: AxiosRequestConfig): Promise<ApiRes<T>> => {
+  return request({
+    method: 'delete',
+    url,
+    ...config
+  })
+}
+
+export default { get, post, put, delete: del, request }
diff --git a/frontend-pc/src/utils/index.ts b/frontend-pc/src/utils/index.ts
new file mode 100644
index 0000000..7383c54
--- /dev/null
+++ b/frontend-pc/src/utils/index.ts
@@ -0,0 +1,297 @@
+import { camelCase, upperFirst } from 'lodash-es'
+import { browse, mapTree } from 'xe-utils'
+import { isExternal } from '@/utils/validate'
+
+export * from './modules/getFieldToRangTimeForm'
+export * from './modules/getRangeTimeToFieldForm'
+
+/**
+ * @description 工具函数库
+ * @recommend 优先使用 lodash-es、xe-utils、dayjs 等成熟库的方法
+ */
+
+// =============== 类型定义 ===============
+
+/** 字符串去除空格的位置 */
+type TrimPosition = 'both' | 'left' | 'right' | 'all'
+
+/** 树形结构基础接口 */
+interface TreeNode {
+  children?: TreeNode[]
+  [key: string]: any
+}
+
+/** 可排序的树节点 */
+interface SortableTreeNode extends TreeNode {
+  sort: number
+  children?: SortableTreeNode[]
+}
+
+// =============== 对象操作 ===============
+
+/**
+ * 获取对象属性值（类型安全）
+ * @param obj - 目标对象
+ * @param key - 属性键名
+ * @returns 属性值
+ */
+export function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
+  return obj[key]
+}
+
+/**
+ * 深拷贝
+ * @param data - 要拷贝的数据
+ * @returns 深拷贝后的数据
+ */
+export function deepClone<T>(data: T): T {
+  if (typeof data !== 'object' || data === null) return data
+  const newData: any = Array.isArray(data) ? [] : {}
+  for (const key in data) {
+    newData[key] = typeof data[key] === 'object' ? deepClone(data[key]) : data[key]
+  }
+  return newData
+}
+
+// =============== 字符串操作 ===============
+
+/**
+ * 去除字符串空格
+ * @param str - 目标字符串
+ * @param pos - 去除位置，默认两端
+ * @returns 处理后的字符串
+ */
+export function trim(str: string, pos: TrimPosition = 'both'): string {
+  const trimMap = {
+    both: /^\s+|\s+$/g,
+    left: /^\s*/,
+    right: /(\s*$)/g,
+    all: /\s+/g
+  }
+  return str.replace(trimMap[pos] || trimMap.both, '')
+}
+
+/**
+ * 字符串大小写转换
+ * @param str - 目标字符串
+ * @param type - 转换类型：1-全大写 2-全小写 3-首字母大写
+ * @returns 转换后的字符串
+ */
+export function toCase(str: string, type: 1 | 2 | 3): string {
+  const caseMap = {
+    1: () => str.toUpperCase(),
+    2: () => str.toLowerCase(),
+    3: () => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()
+  }
+  return caseMap[type]?.() || str
+}
+
+/**
+ * 格式化电话号码
+ * @param mobile - 手机号
+ * @param separator - 分隔符
+ * @returns 格式化后的电话号码，如：183-7983-6654
+ */
+export function formatPhone(mobile: string, separator = '-'): string {
+  return mobile.replace(/(?=(\d{4})+$)/g, separator)
+}
+
+/**
+ * 手机号脱敏处理
+ * @param phone - 手机号
+ * @returns 脱敏后的手机号，如：155****8810
+ */
+export function hidePhone(phone: string): string {
+  return phone.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+}
+
+// =============== 数字操作 ===============
+
+/**
+ * 获取指定范围内的随机整数
+ * @param min - 最小值
+ * @param max - 最大值
+ * @returns 随机整数
+ */
+export function getRandomInteger(min = 0, max: number): number {
+  return Math.floor(Math.random() * (max - min + 1)) + min
+}
+
+/**
+ * 数组计算工具
+ */
+export const arrayMath = {
+  /** 获取数组最大值 */
+  max: (arr: number[]): number => Math.max(...arr),
+  /** 获取数组最小值 */
+  min: (arr: number[]): number => Math.min(...arr),
+  /** 计算数组总和 */
+  sum: (arr: number[]): number => arr.reduce((a, b) => a + b, 0),
+  /** 计算数组平均值 */
+  average: (arr: number[]): number => arrayMath.sum(arr) / arr.length
+}
+
+// =============== 数据验证 ===============
+
+/**
+ * 检测数据是否为空
+ * @param data - 要检测的数据
+ * @returns 是否为空
+ */
+export function isEmpty(data: unknown): boolean {
+  if (data === '' || data == null || data === 'undefined' || data === 'null') return true
+  if (typeof data === 'object') {
+    return JSON.stringify(data) === '{}'
+      || JSON.stringify(data) === '[]'
+      || JSON.stringify(data) === '[{}]'
+  }
+  return false
+}
+
+/**
+ * 获取数据类型
+ * @param value - 要检测的值
+ * @returns 数据类型字符串
+ */
+export function getTypeOf(value: unknown): string {
+  return Object.prototype.toString.call(value).slice(8, -1).toLowerCase()
+}
+
+// =============== 日期时间 ===============
+
+/**
+ * 判断是否为闰年
+ * @param year - 年份
+ * @returns 是否闰年
+ */
+export function isLeapYear(year: number): boolean {
+  return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0
+}
+
+/**
+ * 获取问候语
+ * @returns 根据当前时间返回问候语
+ */
+export function goodTimeText(): string {
+  const hour = new Date().getHours()
+  if (hour < 9) return '早上好'
+  if (hour <= 11) return '上午好'
+  if (hour <= 13) return '中午好'
+  if (hour < 20) return '下午好'
+  return '晚上好'
+}
+
+// =============== 文件处理 ===============
+
+/**
+ * 格式化文件大小
+ * @param size - 文件大小（字节）
+ * @returns 格式化后的文件大小
+ */
+export function formatFileSize(size: number): string {
+  const units = ['B', 'KB', 'MB', 'GB']
+  let index = 0
+  while (size > 1024 && index < units.length - 1) {
+    size /= 1024
+    index++
+  }
+  return `${Math.round(size * 100) / 100}${units[index]}`
+}
+
+// =============== 颜色处理 ===============
+
+/**
+ * RGB转十六进制
+ * @param r - 红色值(0-255)
+ * @param g - 绿色值(0-255)
+ * @param b - 蓝色值(0-255)
+ * @returns 十六进制颜色值
+ */
+export function rgbToHex(r: number, g: number, b: number): string {
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`
+}
+
+/**
+ * 十六进制颜色转 RGB
+ * @param {string} hex - 十六进制颜色，如 #377DFF、377DFF、#FFF
+ * @returns {string} rgb(r, g, b) 格式字符串
+ */
+export function hexToRgb(hex: string): string {
+  hex = hex.replace(/^#/, '')
+  if (hex.length === 3) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]
+  }
+  const r = Number.parseInt(hex.substring(0, 2), 16)
+  const g = Number.parseInt(hex.substring(2, 4), 16)
+  const b = Number.parseInt(hex.substring(4, 6), 16)
+
+  return `${r}, ${g}, ${b}`
+}
+
+/**
+ * 获取随机十六进制颜色
+ * @returns 随机颜色值
+ */
+export function randomHex(): string {
+  return `#${Math.floor(Math.random() * 0xFFFFFF).toString(16).padEnd(6, '0')}`
+}
+
+// =============== 路由工具 ===============
+
+/**
+ * 转换路由路径为名称
+ * @param path - 路由路径
+ * @returns 转换后的名称
+ * @example
+ * /system => System
+ * /system/menu => SystemMenu
+ * /crud/detail => CrudDetail
+ */
+export function transformPathToName(path: string): string {
+  if (!path || isExternal(path)) return ''
+  return upperFirst(camelCase(path))
+}
+
+// =============== 树形结构处理 ===============
+
+/**
+ * 过滤树形结构
+ * @param array - 树形数组
+ * @param predicate - 过滤函数
+ * @returns 过滤后的树形数组
+ */
+export function filterTree(array: TreeNode[], predicate: (node: TreeNode) => boolean): TreeNode[] {
+  const filtered = array.filter(predicate)
+  return mapTree(filtered, (item) => {
+    if (item.children?.length) {
+      item.children = item.children.filter(predicate)
+    }
+    return item
+  })
+}
+
+/**
+ * 排序树形结构
+ * @param array - 可排序的树形数组
+ * @returns 排序后的树形数组
+ */
+export function sortTree(array: SortableTreeNode[]): SortableTreeNode[] {
+  const sort = (a: SortableTreeNode, b: SortableTreeNode) => (a.sort ?? 0) - (b.sort ?? 0)
+  array.sort(sort)
+  return mapTree(array, (item) => {
+    if (item.children?.length) {
+      item.children.sort(sort)
+    }
+    return item
+  })
+}
+
+// =============== 环境检测 ===============
+
+/**
+ * 检测是否为移动端环境
+ * @returns 是否为移动端
+ */
+export function isMobile(): boolean {
+  return browse().isMobile
+}
diff --git a/frontend-pc/src/utils/mitt.ts b/frontend-pc/src/utils/mitt.ts
new file mode 100644
index 0000000..2b0d8d7
--- /dev/null
+++ b/frontend-pc/src/utils/mitt.ts
@@ -0,0 +1,10 @@
+import mitt from 'mitt'
+
+type Events = {
+  // 自定义事件名称
+  changeText: string
+}
+
+const mittBus = mitt<Events>()
+
+export default mittBus
diff --git a/frontend-pc/src/utils/modules/getFieldToRangTimeForm.ts b/frontend-pc/src/utils/modules/getFieldToRangTimeForm.ts
new file mode 100644
index 0000000..cc9cc40
--- /dev/null
+++ b/frontend-pc/src/utils/modules/getFieldToRangTimeForm.ts
@@ -0,0 +1,46 @@
+/** F: 表单数据 T: 表单数据排除的属性 V: 表单数据里-时间范围属性拆分成的新属性 */
+type FormatItem<F, T, V> = {
+  field: keyof T | keyof F
+  start: keyof V
+  end: keyof V
+}
+
+/**
+ * 合并有时间范围的表单
+ * @param form 表单数据
+ * @param formatList 需要合并的时间范围属性
+ * @returns 合并后的表单数据
+ * @example
+ * const form = {
+     name: '李四',
+     startTime1: '2024-01-01',
+     endTime1: '2024-01-30',
+     startTime2: '2025-01-01',
+     endTime2: '2025-01-30'
+   }
+ *
+ * const data = getFieldToRangTimeForm(form, [
+     { field: 'rangTime1', start: 'startTime1', end: 'endTime1' },
+     { field: 'rangTime2', start: 'startTime2', end: 'endTime2' }
+   ])
+ *
+ * // data的结果为：
+ * // {
+   //   name: '李四',
+   //   rangTime1: ['2024-01-01', '2024-01-30'],
+   //   rangTime2: ['2025-01-01', '2025-01-30']
+   // }
+ */
+export const getFieldToRangTimeForm = <F, T, V>(form: F, formatList: FormatItem<F, T, V>[]) => {
+  const obj = { ...form } as Omit<F, keyof V> & T
+  for (const i of formatList) {
+    const startTime = obj[i.start as never] as string
+    const endTime = obj[i.end as never] as string
+    if (startTime && endTime) {
+      (obj[i.field as never] as [string, string]) = [startTime, endTime]
+    }
+    delete obj[i.start as never]
+    delete obj[i.end as never]
+  }
+  return obj
+}
diff --git a/frontend-pc/src/utils/modules/getRangeTimeToFieldForm.ts b/frontend-pc/src/utils/modules/getRangeTimeToFieldForm.ts
new file mode 100644
index 0000000..7a3d29e
--- /dev/null
+++ b/frontend-pc/src/utils/modules/getRangeTimeToFieldForm.ts
@@ -0,0 +1,45 @@
+/** F: 表单数据 T: 表单数据排除的属性 V: 表单数据里-时间范围属性拆分成的新属性 */
+type FormatItem<F, T, V> = {
+  field: keyof T | keyof F
+  start: keyof V
+  end: keyof V
+}
+
+/**
+ * 拆分有时间范围的表单
+ * @param form 表单数据
+ * @param formatList 需要拆分的时间范围属性
+ * @returns 时间范围转成指定字段的表单
+ * @example
+ * const form = {
+     name: '张三',
+     rangTime1: ['2024-01-01', '2024-01-30'] as [string, string],
+     rangTime2: ['2025-01-01', '2025-01-30'] as [string, string]
+   }
+ *
+ * const data = getRangeTimeToFieldForm(form, [
+    { field: 'rangTime1', start: 'startTime1', end: 'endTime1' },
+    { field: 'rangTime2', start: 'startTime2', end: 'endTime2' }
+   ])
+ *
+ * // data的结果为：
+   // {
+   //   name: '张三',
+   //   startTime1: '2024-01-01',
+   //   endTime1: '2024-01-30',
+   //   startTime2: '2025-01-01',
+   //   endTime2: '2025-01-30'
+   // }
+ */
+export const getRangeTimeToFieldForm = <F, T, V>(form: F, formatList: FormatItem<F, T, V>[]) => {
+  const obj = { ...form } as Omit<F, keyof T> & V
+  for (const i of formatList) {
+    const value = obj[i.field as never] as [string, string]
+    if (Array.isArray(value)) {
+      delete obj[i.field as never];
+      (obj[i.start] as string) = value[0] || '';
+      (obj[i.end] as string) = value[1] || ''
+    }
+  }
+  return obj
+}
diff --git a/frontend-pc/src/utils/permission.ts b/frontend-pc/src/utils/permission.ts
new file mode 100644
index 0000000..32108f6
--- /dev/null
+++ b/frontend-pc/src/utils/permission.ts
@@ -0,0 +1,80 @@
+import { useUserStore } from '@/stores'
+
+/** 超级管理员权限标识 */
+const SUPER_ADMIN_PERMISSION = '*:*:*'
+/** 超级管理员角色标识 */
+const SUPER_ADMIN_ROLE = 'role_admin'
+
+/**
+ * 判断是否拥有指定权限
+ * @description 检查用户是否拥有指定的权限标识，超级管理员拥有所有权限
+ * @param permission - 权限标识
+ * @returns {boolean} 是否拥有权限
+ */
+export function hasPerm(permission: string): boolean {
+  if (!permission) return false
+  const permissions = useUserStore().permissions
+  return permissions.some((v) => v === SUPER_ADMIN_PERMISSION || v === permission)
+}
+
+/**
+ * 判断是否拥有多个权限中的任意一个
+ * @description 检查用户是否拥有指定权限列表中的任意一个权限
+ * @param permissions - 权限标识数组
+ * @returns {boolean} 是否拥有任意一个权限
+ */
+export function hasPermOr(permissions: string[]): boolean {
+  return permissions.some((permission) => hasPerm(permission))
+}
+
+/**
+ * 判断是否拥有所有指定权限
+ * @description 检查用户是否同时拥有指定权限列表中的所有权限
+ * @param permissions - 权限标识数组
+ * @returns {boolean} 是否拥有所有权限
+ */
+export function hasPermAnd(permissions: string[]): boolean {
+  return permissions.every((permission) => hasPerm(permission))
+}
+
+/**
+ * 判断是否拥有指定角色
+ * @description 检查用户是否拥有指定的角色标识，超级管理员拥有所有角色
+ * @param role - 角色标识
+ * @returns {boolean} 是否拥有角色
+ */
+export function hasRole(role: string): boolean {
+  if (!role) return false
+  const roles = useUserStore().roles
+  return roles.some((v) => v === SUPER_ADMIN_ROLE || v === role)
+}
+
+/**
+ * 判断是否拥有多个角色中的任意一个
+ * @description 检查用户是否拥有指定角色列表中的任意一个角色
+ * @param roles - 角色标识数组
+ * @returns {boolean} 是否拥有任意一个角色
+ */
+export function hasRoleOr(roles: string[]): boolean {
+  return roles.some((role) => hasRole(role))
+}
+
+/**
+ * 判断是否拥有所有指定角色
+ * @description 检查用户是否同时拥有指定角色列表中的所有角色
+ * @param roles - 角色标识数组
+ * @returns {boolean} 是否拥有所有角色
+ */
+export function hasRoleAnd(roles: string[]): boolean {
+  return roles.every((role) => hasRole(role))
+}
+
+/** 权限判断工具对象 */
+export default {
+  hasPerm,
+  hasPermOr,
+  hasPermAnd,
+  hasRole,
+  hasRoleOr,
+  hasRoleAnd
+}
diff --git a/frontend-pc/src/utils/regexp.ts b/frontend-pc/src/utils/regexp.ts
new file mode 100644
index 0000000..0a4335b
--- /dev/null
+++ b/frontend-pc/src/utils/regexp.ts
@@ -0,0 +1,127 @@
+/**
+ * @description 常用正则表达式集合
+ */
+
+/**
+ * 手机号码正则
+ * @description 匹配中国大陆手机号码（13-19号段）
+ * @example
+ * Phone.test('13812345678') // true
+ * Phone.test('12345678') // false
+ */
+export const Phone = /^1[3-9]\d{9}$/
+
+/**
+ * 邮箱地址正则
+ * @description 匹配标准邮箱地址格式
+ * @example
+ * Email.test('user@example.com') // true
+ * Email.test('invalid.email') // false
+ */
+export const Email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
+
+/**
+ * 密码强度正则（6位数字）
+ * @description 匹配6位纯数字密码
+ * @example
+ * Password.test('123456') // true
+ * Password.test('12345') // false
+ */
+export const Password = /^\d{6}$/
+
+/**
+ * 6位数字验证码正则
+ * @description 匹配6位纯数字验证码
+ * @example
+ * Code_6.test('123456') // true
+ * Code_6.test('12345') // false
+ */
+export const Code_6 = /^\d{6}$/
+
+/**
+ * 4位数字验证码正则
+ * @description 匹配4位纯数字验证码
+ * @example
+ * Code_4.test('1234') // true
+ * Code_4.test('123') // false
+ */
+export const Code_4 = /^\d{4}$/
+
+/**
+ * URL链接正则
+ * @description 匹配标准URL格式，支持http(s)和www开头的链接
+ * @example
+ * Url.test('https://www.example.com') // true
+ * Url.test('http://localhost:3000') // true
+ * Url.test('invalid-url') // false
+ */
+export const Url = /^(https?:\/\/)?([a-z\d]([a-z\d-]*[a-z\d])?\.)*[a-z\d]([a-z\d-]*[a-z\d])?\.[a-z]{2,6}(\/[\w .-]*)?$/i
+
+/**
+ * 十六进制颜色值正则
+ * @description 匹配3位或6位十六进制颜色值，支持可选的#前缀
+ * @example
+ * ColorRegex.test('#333') // true
+ * ColorRegex.test('#8c8c8c') // true
+ * ColorRegex.test('invalid') // false
+ */
+export const ColorRegex = /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
+
+/**
+ * 中文字符正则
+ * @description 匹配中文字符（不包含标点符号）
+ * @example
+ * OnlyCh.test('中文') // true
+ * OnlyCh.test('Chinese') // false
+ */
+export const OnlyCh = /^[\u4E00-\u9FA5]+$/
+
+/**
+ * 英文字符正则
+ * @description 匹配英文字母（不区分大小写）
+ * @example
+ * OnlyEn.test('English') // true
+ * OnlyEn.test('英文') // false
+ */
+export const OnlyEn = /^[a-z]+$/i
+
+/**
+ * 强密码正则（已注释，供参考）
+ * @description 密码为8-18位数字/字符/符号的组合
+ * - 不能是纯数字
+ * - 不能是纯小写字母
+ * - 不能是纯大写字母
+ * - 不能是纯符号
+ * - 不能包含中文
+ * @example
+ * StrongPassword.test('Abc123!@#') // true
+ * StrongPassword.test('12345678') // false
+ */
+// export const StrongPassword = /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){8,18}$/
+
+/**
+ * 身份证号码正则
+ * @description 匹配18位身份证号码
+ * @example
+ * IdCard.test('110101199003077758') // true
+ * IdCard.test('invalid') // false
+ */
+export const IdCard = /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dX]$/i
+
+/**
+ * 金额正则
+ * @description 匹配金额格式，支持两位小数
+ * @example
+ * Money.test('123.45') // true
+ * Money.test('123.456') // false
+ */
+export const Money = /^[1-9]\d*(\.\d{1,2})?$|^0(\.\d{1,2})?$/
+
+/**
+ * 中国大陆座机号码正则
+ * @description 匹配座机号码，支持区号和分机号
+ * @example
+ * TelPhone.test('010-12345678') // true
+ * TelPhone.test('010-1234-5678') // true
+ */
+export const TelPhone = /^(0\d{2,3}-)?\d{7,8}(-\d{1,4})?$/
diff --git a/frontend-pc/src/utils/rsa.ts b/frontend-pc/src/utils/rsa.ts
new file mode 100644
index 0000000..32ac5fc
--- /dev/null
+++ b/frontend-pc/src/utils/rsa.ts
@@ -0,0 +1,57 @@
+/**
+ * 登录密码加密（RSA）
+ *
+ * 公钥从后端 `GET /auth/public-key` 拉取并缓存——这样**轮换密钥不需要重新构建前端**。
+ * 否则"后端换了密钥、前端还是旧的"会表现为"所有人密码都错"，而且极难定位。
+ *
+ * ⚠️ 算法必须与服务端 RsaCipher 一致：**RSA/ECB/PKCS1Padding**，
+ *    与 jsencrypt 的默认行为相同。换成 OAEP 会表现为"密码永远错"，两边都改才能换。
+ *
+ * ⚠️ 这不是用来替代 HTTPS 的。它的唯一目的是**防止明文密码进日志**——
+ *    网关、Nginx、APM、链路追踪都会记录请求体，明文密码一旦落进日志就是永久泄露。
+ */
+import JSEncrypt from 'jsencrypt'
+// 直接用 http 实例，不经 @/apis/xt —— 否则会形成
+// xt/index → http → router → stores → xt/index 的循环引用
+import http from '@/utils/http'
+
+let cachedKey: string | null = null
+let inflight: Promise<string> | null = null
+
+/** 拉取公钥（并发调用只会真正请求一次） */
+export async function fetchPublicKey(): Promise<string> {
+  if (cachedKey) {
+    return cachedKey
+  }
+  if (inflight) {
+    return inflight
+  }
+  inflight = http
+    .get<string>('/auth/public-key')
+    .then((res) => {
+      cachedKey = res.data
+      return res.data
+    })
+    .finally(() => {
+      inflight = null
+    })
+  return inflight
+}
+
+/** 加密密码，返回 Base64 密文 */
+export async function encryptPassword(plain: string): Promise<string> {
+  const pem = await fetchPublicKey()
+  const engine = new JSEncrypt()
+  engine.setPublicKey(pem)
+  const cipher = engine.encrypt(plain)
+  if (!cipher) {
+    // jsencrypt 在密钥格式不对时返回 false 而不是抛异常，必须自己判
+    throw new Error('密码加密失败，请刷新页面重试')
+  }
+  return cipher
+}
+
+/** 密钥轮换后调用 */
+export function resetPublicKey(): void {
+  cachedKey = null
+}
diff --git a/frontend-pc/src/utils/typeof.ts b/frontend-pc/src/utils/typeof.ts
new file mode 100644
index 0000000..e493a59
--- /dev/null
+++ b/frontend-pc/src/utils/typeof.ts
@@ -0,0 +1,179 @@
+/**
+ * @description 类型判断工具函数集合
+ * 提供比 typeof 更准确的类型判断方法
+ */
+
+/** 获取值的具体类型 */
+const getType = (value: unknown): string => Object.prototype.toString.call(value)
+
+/**
+ * 判断是否为数字类型
+ * @param value - 要判断的值
+ * @example
+ * isNumber(123) // true
+ * isNumber('123') // false
+ * isNumber(NaN) // true
+ * isNumber(Infinity) // true
+ */
+export function isNumber(value: unknown): value is number {
+  return getType(value) === '[object Number]'
+}
+
+/**
+ * 判断是否为字符串类型
+ * @param value - 要判断的值
+ * @example
+ * isString('abc') // true
+ * isString(123) // false
+ */
+export function isString(value: unknown): value is string {
+  return getType(value) === '[object String]'
+}
+
+/**
+ * 判断是否为布尔类型
+ * @param value - 要判断的值
+ * @example
+ * isBoolean(true) // true
+ * isBoolean(0) // false
+ */
+export function isBoolean(value: unknown): value is boolean {
+  return getType(value) === '[object Boolean]'
+}
+
+/**
+ * 判断是否为 null
+ * @param value - 要判断的值
+ * @example
+ * isNull(null) // true
+ * isNull(undefined) // false
+ */
+export function isNull(value: unknown): value is null {
+  return getType(value) === '[object Null]'
+}
+
+/**
+ * 判断是否为 undefined
+ * @param value - 要判断的值
+ * @example
+ * isUndefined(undefined) // true
+ * isUndefined(null) // false
+ */
+export function isUndefined(value: unknown): value is undefined {
+  return getType(value) === '[object Undefined]'
+}
+
+/**
+ * 判断是否为普通对象
+ * @param value - 要判断的值
+ * @example
+ * isObject({}) // true
+ * isObject([]) // false
+ * isObject(null) // false
+ */
+export function isObject(value: unknown): value is Record<string, any> {
+  return getType(value) === '[object Object]'
+}
+
+/**
+ * 判断是否为数组
+ * @param value - 要判断的值
+ * @example
+ * isArray([]) // true
+ * isArray({}) // false
+ * @recommend 推荐使用 Array.isArray() 代替
+ */
+export function isArray(value: unknown): value is any[] {
+  return getType(value) === '[object Array]'
+}
+
+/**
+ * 判断是否为日期对象
+ * @param value - 要判断的值
+ * @example
+ * isDate(new Date()) // true
+ * isDate('2024-01-01') // false
+ */
+export function isDate(value: unknown): value is Date {
+  return getType(value) === '[object Date]'
+}
+
+/**
+ * 判断是否为正则表达式
+ * @param value - 要判断的值
+ * @example
+ * isRegExp(/abc/) // true
+ * isRegExp('/abc/') // false
+ */
+export function isRegExp(value: unknown): value is RegExp {
+  return getType(value) === '[object RegExp]'
+}
+
+/**
+ * 判断是否为 Set 对象
+ * @param value - 要判断的值
+ * @example
+ * isSet(new Set()) // true
+ * isSet([]) // false
+ */
+export function isSet(value: unknown): value is Set<any> {
+  return getType(value) === '[object Set]'
+}
+
+/**
+ * 判断是否为 Map 对象
+ * @param value - 要判断的值
+ * @example
+ * isMap(new Map()) // true
+ * isMap({}) // false
+ */
+export function isMap(value: unknown): value is Map<any, any> {
+  return getType(value) === '[object Map]'
+}
+
+/**
+ * 判断是否为 Promise 对象
+ * @param value - 要判断的值
+ * @example
+ * isPromise(Promise.resolve()) // true
+ * isPromise({ then: () => {} }) // false
+ */
+export function isPromise(value: unknown): value is Promise<any> {
+  return getType(value) === '[object Promise]'
+}
+
+/**
+ * 判断是否为函数
+ * @param value - 要判断的值
+ * @example
+ * isFunction(() => {}) // true
+ * isFunction(class {}) // true
+ * isFunction({}) // false
+ */
+export function isFunction(value: unknown): value is (...args: any[]) => any {
+  return typeof value === 'function'
+}
+
+/**
+ * 判断是否为有效数字（排除 NaN 和 Infinity）
+ * @param value - 要判断的值
+ * @example
+ * isValidNumber(123) // true
+ * isValidNumber(NaN) // false
+ * isValidNumber(Infinity) // false
+ */
+export function isValidNumber(value: unknown): value is number {
+  return isNumber(value) && !Number.isNaN(value) && Number.isFinite(value)
+}
+
+/**
+ * 判断是否为空值（null 或 undefined）
+ * @param value - 要判断的值
+ * @example
+ * isNil(null) // true
+ * isNil(undefined) // true
+ * isNil('') // false
+ */
+export function isNil(value: unknown): value is null | undefined {
+  return isNull(value) || isUndefined(value)
+}
diff --git a/frontend-pc/src/utils/validate.ts b/frontend-pc/src/utils/validate.ts
new file mode 100644
index 0000000..f6afd01
--- /dev/null
+++ b/frontend-pc/src/utils/validate.ts
@@ -0,0 +1,10 @@
+/** 判断 path 是否为外链 */
+export const isExternal = (path: string) => {
+  const reg = /^(?:https?:|mailto:|tel:)/
+  return reg.test(path)
+}
+
+/** 判断 url 是否是 http 或 https */
+export function isHttp(url: string) {
+  return url.includes('http://') || url.includes('https://')
+}
diff --git a/frontend-pc/src/views/coming-soon/index.vue b/frontend-pc/src/views/coming-soon/index.vue
new file mode 100644
index 0000000..671ebe1
--- /dev/null
+++ b/frontend-pc/src/views/coming-soon/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <GiPageLayout>
+    <a-card :bordered="false">
+      <template #title>
+        <a-space>
+          <icon-clock-circle />
+          <span>{{ menu?.title ?? '功能' }}</span>
+        </a-space>
+      </template>
+      <template #extra>
+        <a-tag color="orange">{{ milestone }}</a-tag>
+      </template>
+
+      <a-alert type="info" :show-icon="false">
+        <template #title>
+          <strong>这个页面还没做。</strong>
+          {{ menu?.note ?? '该功能尚未实现。' }}
+        </template>
+      </a-alert>
+
+      <p class="coming-soon__why">
+        左侧菜单是按 <strong>服务端返回的角色权限</strong> 渲染的，所以你能看到它，
+        说明你的角色确实有这个权限 —— 只是界面还没排到。
+        当前已实现的页面：<strong>工作台、组织架构、租户管理</strong>（以及本页）。
+      </p>
+    </a-card>
+  </GiPageLayout>
+</template>
+
+<script setup lang="ts">
+import { findMenu } from '@/config/xt-routes'
+
+/**
+ * 「待建」页。
+ *
+ * 为什么不直接隐藏未实现的菜单：
+ *   1. 菜单本身就是要展示的东西（权限驱动的导航）；
+ *   2. 隐藏会让人以为"没这个功能"，而显示"排队中 + 属于哪个里程碑"是更准确的信息；
+ *   3. 一个页面服务所有占位路由，成本极低。
+ */
+defineOptions({ name: 'ComingSoon' })
+
+const route = useRoute()
+
+const menu = computed(() => findMenu((route.meta.menu as string) ?? ''))
+
+/** 各菜单对应的里程碑（与《05-开发任务拆解》对齐） */
+const MILESTONES: Record<string, string> = {
+  task: 'M1', form: 'M1', material: 'M1',
+  roster: 'M2', join: 'M2',
+  cleanup: 'M3',
+  audit: 'M5',
+  export: 'M6',
+  user: 'M0 剩余', role: '二期', log: 'M0 剩余'
+}
+
+const milestone = computed(() => MILESTONES[menu.value?.key ?? ''] ?? '规划中')
+</script>
+
+<style lang="scss" scoped>
+.coming-soon__why {
+  margin: 16px 0 0;
+  font-size: 13px;
+  line-height: 1.9;
+  color: var(--color-text-2);
+
+  strong {
+    color: var(--color-text-1);
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/dashboard/index.vue b/frontend-pc/src/views/dashboard/index.vue
new file mode 100644
index 0000000..83d25a5
--- /dev/null
+++ b/frontend-pc/src/views/dashboard/index.vue
@@ -0,0 +1,253 @@
+<template>
+  <GiPageLayout>
+    <!-- 欢迎条 -->
+    <a-card :bordered="false" class="dash__welcome">
+      <div class="dash__hello">
+        <a-avatar :size="46" class="dash__avatar">{{ avatarText }}</a-avatar>
+        <div>
+          <h3 class="dash__name">{{ userStore.name || '—' }}，欢迎回来</h3>
+          <p class="dash__meta">
+            {{ userStore.tenantName || '平台运营' }} ·
+            {{ roleLabel || '—' }}
+          </p>
+        </div>
+        <a-tag class="dash__scope" color="arcoblue">一期范围：学校收集 + 自主认定</a-tag>
+      </div>
+    </a-card>
+
+    <!-- 统计 -->
+    <a-row :gutter="14" class="dash__stats">
+      <a-col v-for="s in stats" :key="s.label" :xs="12" :sm="12" :md="6">
+        <a-card :bordered="false" class="dash__stat">
+          <div class="dash__stat-label">
+            <component :is="s.icon" />
+            <span>{{ s.label }}</span>
+          </div>
+          <div class="dash__stat-num" :class="s.tone">
+            {{ s.value }}<small v-if="s.unit">{{ s.unit }}</small>
+          </div>
+          <div class="dash__stat-foot">{{ s.foot }}</div>
+        </a-card>
+      </a-col>
+    </a-row>
+
+    <!-- 快捷入口 -->
+    <a-card :bordered="false">
+      <template #title>快捷入口</template>
+      <template #extra>
+        <span class="dash__hint">当前角色可访问的页面</span>
+      </template>
+      <a-space wrap>
+        <a-button v-for="m in shortcuts" :key="m.key" @click="router.push(m.path)">
+          <template #icon>
+            <component :is="m.icon" />
+          </template>
+          {{ m.title }}
+        </a-button>
+      </a-space>
+    </a-card>
+
+    <!-- 进度 -->
+    <a-card :bordered="false">
+      <template #title>开发进度</template>
+      <template #extra>
+        <span class="dash__hint">M0 后端已完成，界面建设中</span>
+      </template>
+
+      <a-alert type="success" :show-icon="false" class="dash__note">
+        <template #title>
+          <strong>M0 后端已通过验收（36/36）。</strong>
+          租户开通、组织架构、登录鉴权、跨租户隔离、权限菜单均已可用；
+          数据库由 Flyway 管理，26 张表（20 业务 + 5 标准 + 1 迁移记录）。
+        </template>
+      </a-alert>
+
+      <a-alert type="info" :show-icon="false" class="dash__note">
+        <template #title>
+          界面按里程碑推进：<strong>M1</strong> 任务与表单配置 → <strong>M2</strong> 名册与门禁 →
+          <strong>M3</strong> 填报主流程（改名 / 压缩）→ <strong>M5</strong> 审核 → <strong>M6</strong> 导出打包。
+          左侧标「待建」的菜单点进去能看到它属于哪个里程碑。
+        </template>
+      </a-alert>
+    </a-card>
+  </GiPageLayout>
+</template>
+
+<script setup lang="ts">
+import { IconCheckCircle, IconFolder, IconIdcard, IconSafe, IconStamp } from '@arco-design/web-vue/es/icon'
+import * as orgApi from '@/apis/xt/org'
+import * as tenantApi from '@/apis/xt/tenant'
+import type { OrgTreeVO } from '@/apis/xt/org'
+import { XT_MENUS, ROLE_NAMES } from '@/config/xt-routes'
+import { useUserStore } from '@/stores'
+
+/**
+ * 工作台。
+ *
+ * 取舍：**只显示真实能查到的数字**。
+ * 原型里的「异常待处理」这类统计需要 M1/M2 的任务与校验数据，
+ * 现在没有对应接口，所以不做假数据充数 —— 空着比编数字诚实。
+ */
+defineOptions({ name: 'Dashboard' })
+
+const router = useRouter()
+const userStore = useUserStore()
+
+const orgCount = ref<number | null>(null)
+const tenantCount = ref<number | null>(null)
+const loading = ref(true)
+
+const avatarText = computed(() => (userStore.name || '—').slice(0, 1))
+const roleLabel = computed(() =>
+  userStore.roles.map((c) => ROLE_NAMES[c] ?? c).join(' / ')
+)
+const isPlatform = computed(() => userStore.menus?.includes('tenant') ?? false)
+
+/** 已实现且当前角色可访问的页面 */
+const shortcuts = computed(() =>
+  XT_MENUS.filter((m) => m.ready && userStore.menuKeys.includes(m.key))
+)
+
+const stats = computed(() => [
+  {
+    label: '组织节点',
+    icon: IconFolder,
+    value: loading.value ? '—' : (orgCount.value ?? '—'),
+    unit: '个',
+    foot: '学校 / 院系 / 班级',
+    tone: ''
+  },
+  {
+    label: '租户',
+    icon: IconStamp,
+    value: isPlatform.value ? (loading.value ? '—' : (tenantCount.value ?? '—')) : '—',
+    unit: isPlatform.value ? '个' : '',
+    foot: isPlatform.value ? '平台可见' : '仅平台运营可见',
+    tone: 'is-success'
+  },
+  {
+    label: '我的角色',
+    icon: IconSafe,
+    value: userStore.roles.length,
+    unit: '个',
+    foot: roleLabel.value || '—',
+    tone: ''
+  },
+  {
+    label: '可用权限',
+    icon: IconIdcard,
+    value: userStore.permissions.length,
+    unit: '项',
+    foot: '按角色由服务端下发',
+    tone: ''
+  }
+])
+
+function countNodes(nodes: OrgTreeVO[]): number {
+  return nodes.reduce((sum, n) => sum + 1 + countNodes(n.children ?? []), 0)
+}
+
+onMounted(async () => {
+  try {
+    const res = await orgApi.getOrgTree()
+    orgCount.value = countNodes(res.data ?? [])
+  } catch {
+    orgCount.value = null
+  }
+  if (isPlatform.value) {
+    try {
+      const res = await tenantApi.getTenantList({ pageNum: 1, pageSize: 1 })
+      tenantCount.value = res.data?.total ?? null
+    } catch {
+      tenantCount.value = null
+    }
+  }
+  loading.value = false
+})
+</script>
+
+<style lang="scss" scoped>
+.dash {
+  &__welcome {
+    margin-bottom: 14px;
+  }
+
+  &__hello {
+    display: flex;
+    gap: 14px;
+    align-items: center;
+  }
+
+  &__avatar {
+    flex: none;
+    font-size: 18px;
+    background: rgb(var(--primary-6));
+  }
+
+  &__name {
+    margin: 0;
+    font-size: 17px;
+    font-weight: 600;
+  }
+
+  &__meta {
+    margin: 5px 0 0;
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__scope {
+    margin-left: auto;
+  }
+
+  &__stats {
+    margin-bottom: 14px;
+  }
+
+  &__stat {
+    height: 100%;
+  }
+
+  &__stat-label {
+    display: flex;
+    gap: 6px;
+    align-items: center;
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__stat-num {
+    margin-top: 8px;
+    font-size: 27px;
+    font-weight: 700;
+    line-height: 1;
+    color: var(--color-text-1);
+
+    small {
+      margin-left: 3px;
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--color-text-3);
+    }
+
+    &.is-success {
+      color: rgb(var(--success-6));
+    }
+  }
+
+  &__stat-foot {
+    margin-top: 7px;
+    font-size: 11px;
+    color: var(--color-text-3);
+  }
+
+  &__hint {
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__note:not(:last-child) {
+    margin-bottom: 10px;
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/error/403.vue b/frontend-pc/src/views/error/403.vue
new file mode 100644
index 0000000..ef06b46
--- /dev/null
+++ b/frontend-pc/src/views/error/403.vue
@@ -0,0 +1,11 @@
+<template>
+  <ErrorPage :code="403"></ErrorPage>
+</template>
+
+<script setup lang="ts">
+import ErrorPage from './components/ErrorPage.vue'
+
+defineOptions({ name: 'Error403' })
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/views/error/404.vue b/frontend-pc/src/views/error/404.vue
new file mode 100644
index 0000000..3233907
--- /dev/null
+++ b/frontend-pc/src/views/error/404.vue
@@ -0,0 +1,11 @@
+<template>
+  <ErrorPage :code="404"></ErrorPage>
+</template>
+
+<script setup lang="ts">
+import ErrorPage from './components/ErrorPage.vue'
+
+defineOptions({ name: 'Error404' })
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/views/error/500.vue b/frontend-pc/src/views/error/500.vue
new file mode 100644
index 0000000..53ca351
--- /dev/null
+++ b/frontend-pc/src/views/error/500.vue
@@ -0,0 +1,11 @@
+<template>
+  <ErrorPage :code="500"></ErrorPage>
+</template>
+
+<script setup lang="ts">
+import ErrorPage from './components/ErrorPage.vue'
+
+defineOptions({ name: 'Error500' })
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend-pc/src/views/error/components/ErrorPage.vue b/frontend-pc/src/views/error/components/ErrorPage.vue
new file mode 100644
index 0000000..1556e9d
--- /dev/null
+++ b/frontend-pc/src/views/error/components/ErrorPage.vue
@@ -0,0 +1,163 @@
+<template>
+  <div class="error-page">
+    <section class="error__container">
+      <div class="error__img">
+        <component :is="IconMap[props.code]" class="error__icon"></component>
+      </div>
+
+      <div class="error__tip">
+        <div class="error__tip--a">抱歉!</div>
+        <div class="error__tip--b">当前页面不存在...</div>
+        <div class="error__tip--c">请检查您输入的网址是否正确，或点击下面的按钮返回首页</div>
+        <a-button type="primary" shape="round" size="large" @click="back">{{ countDownTime || '' }} 返回首页</a-button>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Component } from 'vue'
+import Icon403 from '@/components/icons/Icon403.vue'
+import Icon404 from '@/components/icons/Icon404.vue'
+import Icon500 from '@/components/icons/Icon500.vue'
+
+interface Props {
+  code?: number
+}
+defineOptions({ name: 'ErrorPage' })
+
+const props = withDefaults(defineProps<Props>(), {
+  code: 403
+})
+
+const router = useRouter()
+
+const IconMap: Record<number, Component> = {
+  403: Icon403,
+  404: Icon404,
+  500: Icon500
+}
+
+const countDownTime = ref(5)
+let timer: ReturnType<typeof setInterval> | undefined
+
+onMounted(() => {
+  onCountDownTime()
+})
+
+onBeforeUnmount(() => {
+  if (timer) {
+    clearInterval(timer)
+  }
+})
+
+// 返回页面
+const back = () => {
+  router.replace({ path: '/' })
+}
+
+// 倒计时
+function onCountDownTime() {
+  timer = setInterval(() => {
+    if (countDownTime.value) {
+      countDownTime.value--
+    } else {
+      // back()
+      if (timer) {
+        clearInterval(timer)
+        timer = undefined
+      }
+    }
+  }, 1000)
+}
+</script>
+
+<style lang="scss" scoped>
+.error-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: var(--color-bg-1);
+}
+
+.error {
+  &__container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &__img {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  &__icon {
+    max-width: 90%;
+    height: 50vh;
+  }
+
+  &__tip {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    &--a {
+      margin-bottom: 20px;
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: rgb(var(--primary-6));
+      opacity: 0;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+
+    &--b {
+      margin-bottom: 10px;
+      font-size: 20px;
+      font-weight: bold;
+      line-height: 24px;
+      color: var(--color-text-1);
+      opacity: 0;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+
+    &--c {
+      padding: 0 30px;
+      margin-bottom: 20px;
+      font-size: 13px;
+      line-height: 20px;
+      color: var(--color-text-2);
+      text-align: center;
+      opacity: 0;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+  }
+}
+
+@keyframes slideUp {
+  0% {
+    opacity: 0;
+    transform: translateY(60px);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/login/LoginLeft.vue b/frontend-pc/src/views/login/LoginLeft.vue
new file mode 100644
index 0000000..68049a3
--- /dev/null
+++ b/frontend-pc/src/views/login/LoginLeft.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="login-left">
+    <div class="login-left__inner">
+      <header class="login-left__header">
+        <div class="login-left__brand">
+          <div class="login-left__logo">
+            <img src="@/assets/images/logo.svg" alt="填报通" />
+          </div>
+          <div class="login-left__brand-text">
+            <span class="login-left__title">填报通</span>
+          </div>
+        </div>
+      </header>
+
+      <section class="login-left__hero">
+        <h1 class="login-left__heading">
+          报名材料 · 一站收集
+          <span class="login-left__heading-sub">职业技能等级认定材料收集中台</span>
+        </h1>
+        <p class="login-left__desc">
+          学生三分钟填完，老师一键过审 —— 系统按名册自动改名、把扫描件压到 1M 内，并生成可直接上报的汇总包。
+        </p>
+      </section>
+
+      <div class="login-left__illustration" aria-hidden="true">
+        <img class="login-left__illustration-img" src="@/assets/images/login-hero.svg"
+          alt="散乱的材料自动归集为规范包" />
+      </div>
+
+      <ul class="login-left__features">
+        <li v-for="item in features" :key="item.title" class="login-left__feature">
+          <span class="login-left__feature-icon">
+            <Icon :icon="item.icon" :width="20" :height="20" />
+          </span>
+          <span class="login-left__feature-text">
+            <strong>{{ item.title }}</strong>
+            <em>{{ item.subtitle }}</em>
+          </span>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Icon } from '@iconify/vue'
+
+defineOptions({ name: 'LoginLeft' })
+
+/**
+ * 三条卖点对应产品最硬的三个能力（数字都来自实测）：
+ *   · 规范文件名由名册生成，不靠学生手打 —— 归属判定靠证件号反查名册
+ *   · 扫描件强制压到 1M 内 —— 实测整班 444MB → 22MB，压缩率 95%
+ *   · 证件号加密存储 + 名单不下发前端 —— 门禁在服务端完成
+ * 图标名已核对 icon-park-outline 图标集确实存在（写错会渲染成空白且不报错）。
+ */
+const features = [
+  { title: '自动改名', subtitle: '规范名由名册生成', icon: 'icon-park-outline:file-editing' },
+  { title: '强制压缩', subtitle: '扫描件压到 1M 内', icon: 'icon-park-outline:compression' },
+  { title: '隐私保护', subtitle: '证件号加密存储', icon: 'icon-park-outline:shield' }
+] as const
+</script>
+
+<style lang="scss" scoped>
+.login-left {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  // 两层叠加：
+  //   ① 极淡的点阵网格 —— 给大片留白一点"纸张"的质感，同时暗示"表单/表格"
+  //   ② 主色浅阶到白的斜向渐变 —— 承接渲染出来的头图
+  // 点阵用主色很低的不透明度，换成别的主题色时自动跟随，不需要改图。
+  background:
+    radial-gradient(circle at 1px 1px, rgb(var(--primary-6), 0.06) 1px, transparent 0) 0 0 / 22px 22px,
+    linear-gradient(165deg,
+      rgb(var(--primary-1)) 0%,
+      var(--color-bg-2) 42%,
+      var(--color-bg-1) 100%);
+
+  &::before {
+    position: absolute;
+    top: -120px;
+    right: -80px;
+    width: 360px;
+    height: 360px;
+    content: '';
+    background: radial-gradient(circle, rgb(var(--primary-6), 0.12) 0%, transparent 68%);
+    border-radius: 50%;
+  }
+
+  &::after {
+    position: absolute;
+    bottom: 8%;
+    left: -60px;
+    width: 240px;
+    height: 240px;
+    content: '';
+    background: radial-gradient(circle, rgb(var(--primary-6), 0.08) 0%, transparent 70%);
+    border-radius: 50%;
+  }
+
+  &__inner {
+    position: relative;
+    z-index: 1;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    padding: clamp(24px, 4vh, 48px) clamp(20px, 4vw, 56px) clamp(20px, 3vh, 40px);
+    overflow: auto;
+  }
+
+  &__header {
+    flex-shrink: 0;
+    margin-bottom: clamp(20px, 3vh, 36px);
+  }
+
+  &__brand {
+    display: flex;
+    gap: 14px;
+    align-items: center;
+  }
+
+  &__logo {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    padding: 6px;
+    background: var(--color-bg-1);
+    border: 1px solid var(--color-border-2);
+    border-radius: 12px;
+    box-shadow: 0 4px 16px rgb(var(--primary-6), 0.08);
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  &__brand-text {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  &__title {
+    font-size: clamp(18px, 2.5vw, 26px);
+    font-weight: 700;
+    line-height: 1.2;
+    color: var(--color-text-1);
+    letter-spacing: -0.02em;
+  }
+
+  &__hero {
+    flex-shrink: 0;
+    margin-bottom: clamp(12px, 2vh, 24px);
+  }
+
+  &__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin: 0 0 12px;
+    font-size: clamp(24px, 3vw, 38px);
+    font-weight: 700;
+    line-height: 1.2;
+    color: var(--color-text-1);
+    letter-spacing: -0.02em;
+  }
+
+  &__heading-sub {
+    font-size: clamp(16px, 2vw, 22px);
+    font-weight: 600;
+    color: rgb(var(--primary-6));
+  }
+
+  &__desc {
+    max-width: 480px;
+    margin: 0;
+    font-size: clamp(13px, 1.4vw, 15px);
+    line-height: 1.65;
+    color: var(--color-text-3);
+  }
+
+  &__illustration {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    min-height: 160px;
+    margin: clamp(8px, 2vh, 24px) 0;
+  }
+
+  &__illustration-img {
+    width: min(100%, 520px);
+    max-height: min(42vh, 320px);
+    object-fit: contain;
+    filter: drop-shadow(0 12px 32px rgb(var(--primary-6), 0.1));
+    animation: login-float 6s ease-in-out infinite;
+  }
+
+  &__features {
+    display: grid;
+    flex-shrink: 0;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12px;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  &__feature {
+    display: flex;
+    gap: 10px;
+    align-items: flex-start;
+    padding: 14px 12px;
+    background: color-mix(in srgb, var(--color-bg-1) 72%, transparent);
+    border: 1px solid var(--color-border-2);
+    border-radius: 12px;
+    box-shadow: 0 2px 12px rgb(var(--primary-6), 0.05);
+  }
+
+  &__feature-icon {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    color: rgb(var(--primary-6));
+    background: rgb(var(--primary-1));
+    border-radius: 10px;
+  }
+
+  &__feature-text {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+
+    strong {
+      font-size: 13px;
+      font-weight: 600;
+      line-height: 1.3;
+      color: var(--color-text-1);
+    }
+
+    em {
+      font-size: 11px;
+      font-style: normal;
+      line-height: 1.4;
+      color: var(--color-text-3);
+    }
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .login-left__illustration-img {
+    animation: none;
+  }
+}
+
+@keyframes login-float {
+
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-8px);
+  }
+}
+
+@media (width <=1200px) {
+  .login-left__features {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/login/LoginPalette.vue b/frontend-pc/src/views/login/LoginPalette.vue
new file mode 100644
index 0000000..4677b80
--- /dev/null
+++ b/frontend-pc/src/views/login/LoginPalette.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="login-palette">
+    <div class="login-palette__dots">
+      <div
+        v-for="(color, index) in COLORS"
+        :key="color"
+        class="login-palette__dot"
+        :style="{ 'background': color, '--index': index }"
+        @click="handleClick(color)"
+      />
+    </div>
+    <div class="login-palette__btn">
+      <icon-palette :size="18" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useTheme } from '@/hooks'
+
+defineOptions({ name: 'LoginPalette' })
+
+const COLORS = ['#165DFF', '#18A058', '#007AFF', '#5856D6', '#536dfe', '#AF52DE', '#f4511e', '#6d4c41']
+const { setThemeColor } = useTheme()
+
+const handleClick = (color: string) => {
+  setThemeColor(color)
+}
+</script>
+
+<style scoped lang="scss">
+.login-palette {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  &:hover &__dots {
+    pointer-events: auto;
+    opacity: 1;
+    transform: translateX(0);
+  }
+
+  &:hover &__dot {
+    opacity: 1;
+    transform: translateX(0) scale(1);
+  }
+
+  &:hover &__btn :deep(.arco-icon) {
+    color: rgb(var(--primary-6));
+  }
+
+  &__dots {
+    position: absolute;
+    right: 0;
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    padding: 8px 36px 8px 10px;
+    pointer-events: none;
+    border-radius: 100px;
+    opacity: 0;
+    backdrop-filter: blur(10px);
+    transform: translateX(10px);
+    transition: all 0.3s ease;
+  }
+
+  &__dot {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    border-radius: 50%;
+    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
+    opacity: 0;
+    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);
+
+    &:hover {
+      box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
+      transform: translateX(0) scale(1.1);
+    }
+  }
+
+  &__btn {
+    position: relative;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    cursor: pointer;
+    transition: all 0.3s;
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/login/index.vue b/frontend-pc/src/views/login/index.vue
new file mode 100644
index 0000000..894e7b5
--- /dev/null
+++ b/frontend-pc/src/views/login/index.vue
@@ -0,0 +1,414 @@
+<template>
+  <div class="login">
+    <a-row align="stretch" class="login__row">
+      <a-col :xs="0" :sm="0" :md="14" :lg="14" :xl="15" class="login__col login__col--brand">
+        <LoginLeft />
+      </a-col>
+      <a-col :xs="24" :sm="24" :md="10" :lg="10" :xl="9" class="login__col">
+        <div class="login__panel">
+          <div class="login__toolbar">
+            <LoginPalette />
+            <GiThemeBtn />
+          </div>
+
+          <div class="login__body">
+            <div class="login__content">
+              <header class="login__mobile-brand">
+                <div class="login__mobile-logo">
+                  <img src="@/assets/images/logo.svg" alt="填报通" />
+                </div>
+                <div>
+                  <h2 class="login__mobile-title">填报通</h2>
+                  <p class="login__mobile-desc">报名材料收集系统</p>
+                </div>
+              </header>
+
+              <h3 class="login__title">欢迎回来</h3>
+              <p class="login__subtitle">请使用管理员分配的账号登录</p>
+
+              <a-form ref="formRef" class="login__form" size="large" :model="form" :rules="rules" layout="vertical"
+                :label-col-props="{ style: { marginBottom: '0' } }" @submit="onSubmit">
+                <a-form-item field="username" label="账号">
+                  <a-input v-model="form.username" placeholder="请输入账号" allow-clear autocomplete="username"
+                    :disabled="loading">
+                    <template #prefix>
+                      <icon-user :stroke-width="3" class="login__input-icon" />
+                    </template>
+                  </a-input>
+                </a-form-item>
+
+                <a-form-item field="password" label="密码">
+                  <a-input-password v-model="form.password" placeholder="请输入密码" allow-clear
+                    autocomplete="current-password" :disabled="loading" @press-enter="login">
+                    <template #prefix>
+                      <icon-lock :stroke-width="3" class="login__input-icon" />
+                    </template>
+                  </a-input-password>
+                </a-form-item>
+
+                <!-- 账号在多个租户下重名时才出现（服务端返回 40012 + "多个单位"） -->
+                <a-form-item v-if="needTenant" field="tenantCode" label="租户码">
+                  <a-input v-model="form.tenantCode" placeholder="如 demo" allow-clear :disabled="loading"
+                    @press-enter="login">
+                    <template #prefix>
+                      <icon-home :stroke-width="3" class="login__input-icon" />
+                    </template>
+                  </a-input>
+                  <template #extra>
+                    <span class="login__hint">该账号在多个单位下存在，请指明单位</span>
+                  </template>
+                </a-form-item>
+
+                <!-- 连续失败 2 次后服务端才要求（返回 40001） -->
+                <a-form-item v-if="needCaptcha" field="captchaCode" label="图形验证码">
+                  <div class="login__captcha">
+                    <a-input v-model="form.captchaCode" placeholder="请输入图中字符" allow-clear :max-length="6"
+                      :disabled="loading" @press-enter="login">
+                      <template #prefix>
+                        <icon-safe :stroke-width="3" class="login__input-icon" />
+                      </template>
+                    </a-input>
+                    <button class="login__captcha-img" type="button" title="点击刷新" @click="refreshCaptcha">
+                      <img v-if="captchaImage" :src="captchaImage" alt="验证码" />
+                      <span v-else>加载中</span>
+                    </button>
+                  </div>
+                </a-form-item>
+
+                <!-- 服务端返回的错误统一显示在这里，而不是只用 toast（toast 会消失，用户看不到原因） -->
+                <a-alert v-if="errText" class="login__alert" type="error">
+                  {{ errText }}
+                </a-alert>
+
+                <a-form-item hide-label>
+                  <a-space direction="vertical" fill class="w-full">
+                    <a-button class="login__btn" type="primary" size="large" long html-type="submit" :loading="loading"
+                      :disabled="loading">
+                      登 录
+                    </a-button>
+                  </a-space>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+
+          <footer class="login__footer">
+            <span>忘记密码请联系本单位管理员重置</span>
+          </footer>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { FormInstance } from '@arco-design/web-vue'
+import { Message } from '@arco-design/web-vue'
+import { encryptPassword, fetchPublicKey, resetPublicKey } from '@/utils/rsa'
+import { getCaptcha } from '@/apis/xt'
+import { useLoading } from '@/hooks'
+import { useTabsStore, useUserStore } from '@/stores'
+import LoginLeft from './LoginLeft.vue'
+import LoginPalette from './LoginPalette.vue'
+
+defineOptions({ name: 'Login' })
+
+/**
+ * 登录页。
+ *
+ * 三个「按需出现」的机制，都是**服务端提示驱动**的，不靠前端猜：
+ *   1. 图形验证码 —— 连续失败 2 次后服务端开始要求（返回 40001）
+ *   2. 租户码     —— 账号在多个租户下重名时服务端要求（返回 40012 + "多个单位"）
+ *   3. 锁定倒计时 —— 连错 5 次后返回 40013
+ *
+ * 密码用 RSA 公钥加密后传输，目的不是替代 HTTPS，
+ * 而是防止网关/APM/链路追踪把明文密码记进日志。
+ */
+
+const router = useRouter()
+const userStore = useUserStore()
+const tabsStore = useTabsStore()
+const year = new Date().getFullYear()
+
+const form = reactive({
+  username: '',
+  password: '',
+  tenantCode: '',
+  captchaCode: ''
+})
+
+const rules: FormInstance['rules'] = {
+  username: [
+    { required: true, message: '请输入账号' },
+    { minLength: 2, message: '账号至少 2 个字符' }
+  ],
+  password: [
+    { required: true, message: '请输入密码' },
+    { minLength: 6, message: '密码至少 6 位' }
+  ]
+}
+
+const formRef = useTemplateRef('formRef')
+const { loading, setLoading } = useLoading()
+
+const needCaptcha = ref(false)
+const needTenant = ref(false)
+const errText = ref('')
+const captchaKey = ref('')
+const captchaImage = ref('')
+
+/** 拉验证码：key 必须与提交时一起回传，服务端校验一次即失效 */
+async function refreshCaptcha() {
+  try {
+    const res = await getCaptcha()
+    captchaKey.value = res.data.captchaKey
+    captchaImage.value = res.data.image
+    form.captchaCode = ''
+  } catch {
+    errText.value = '验证码加载失败，请点击图片重试'
+  }
+}
+
+function showCaptcha() {
+  if (!needCaptcha.value) {
+    needCaptcha.value = true
+    refreshCaptcha()
+  }
+}
+
+async function login() {
+  const valid = await formRef.value?.validate()
+  if (valid) return
+
+  errText.value = ''
+  setLoading(true)
+  try {
+    const cipher = await encryptPassword(form.password)
+    await userStore.login({
+      username: form.username.trim(),
+      password: cipher,
+      tenantCode: needTenant.value ? (form.tenantCode.trim() || undefined) : undefined,
+      captchaKey: needCaptcha.value ? captchaKey.value : undefined,
+      captchaCode: needCaptcha.value ? (form.captchaCode.trim() || undefined) : undefined
+    })
+
+    tabsStore.reset()
+    const { redirect, ...othersQuery } = router.currentRoute.value.query
+    await router.push({
+      path: (redirect as string) || '/',
+      query: { ...othersQuery }
+    })
+    Message.success('登录成功')
+  } catch (error) {
+    handleFailure(error as Error & { bizCode?: number })
+  } finally {
+    setLoading(false)
+  }
+}
+
+/** 把错误码翻译成「下一步该做什么」，而不是只显示一句话 */
+function handleFailure(e: Error & { bizCode?: number }) {
+  errText.value = e.message || '登录失败，请重试'
+
+  switch (e.bizCode) {
+    // 40001：本场景下就是「需要验证码」
+    case 40001:
+      showCaptcha()
+      refreshCaptcha()
+      break
+    // 40012：账号在多个租户下重名时，服务端拒绝猜测并要求指明单位
+    case 40012:
+      if (e.message.includes('多个单位')) {
+        needTenant.value = true
+      } else {
+        showCaptcha()
+      }
+      break
+    // 40101：token 失效（这里的场景是登录会话过期）
+    case 40101:
+      resetPublicKey()
+      break
+    default:
+      break
+  }
+}
+
+function onSubmit(data: { values: Record<string, unknown>, errors: Record<string, unknown> | undefined }) {
+  if (data.errors) return
+  login()
+}
+
+// 预取公钥：让点击登录时少一次往返，失败也无所谓（真正加密时会再取）
+onMounted(() => {
+  fetchPublicKey().catch(() => undefined)
+})
+</script>
+
+<style lang="scss" scoped>
+.login {
+  height: 100%;
+  background-color: var(--color-bg-5);
+
+  &__row {
+    width: 100%;
+    height: 100%;
+  }
+
+  &__col {
+    height: 100%;
+
+    &--brand {
+      min-height: 0;
+    }
+  }
+
+  &__panel {
+    position: relative;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 100%;
+    padding: 24px 20px 16px;
+    background: var(--color-bg-1);
+  }
+
+  &__body {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: 0;
+  }
+
+  &__toolbar {
+    position: absolute;
+    top: 20px;
+    right: clamp(16px, 3vw, 30px);
+    z-index: 10;
+    display: flex;
+    gap: 12px;
+    align-items: center;
+  }
+
+  &__content {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 400px;
+  }
+
+  &__mobile-brand {
+    display: none;
+    gap: 12px;
+    align-items: center;
+    margin-bottom: 28px;
+  }
+
+  &__mobile-logo {
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+    border-radius: var(--border-radius-medium);
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  &__mobile-title {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  &__mobile-desc {
+    margin: 4px 0 0;
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__title {
+    margin: 0;
+    font-size: 26px;
+    font-weight: 600;
+  }
+
+  &__subtitle {
+    margin: 8px 0 28px;
+    font-size: 13px;
+    color: var(--color-text-3);
+  }
+
+  &__form {
+    :deep(.arco-form-item) {
+      margin-bottom: 18px;
+    }
+  }
+
+  &__input-icon {
+    color: var(--color-text-3);
+  }
+
+  &__hint {
+    font-size: 12px;
+    color: rgb(var(--warning-6));
+  }
+
+  &__alert {
+    margin-bottom: 16px;
+  }
+
+  &__captcha {
+    display: flex;
+    gap: 10px;
+    width: 100%;
+    align-items: center;
+  }
+
+  &__captcha-img {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    width: 116px;
+    height: 40px;
+    padding: 0;
+    overflow: hidden;
+    font-size: 12px;
+    color: var(--color-text-3);
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid var(--color-border-3);
+    border-radius: var(--border-radius-medium);
+
+    img {
+      display: block;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  &__btn {
+    height: 44px;
+    letter-spacing: 0.12em;
+  }
+
+  &__footer {
+    padding-top: 16px;
+    font-size: 12px;
+    color: var(--color-text-3);
+    text-align: center;
+    border-top: 1px solid var(--color-border-2);
+  }
+
+  @media (max-width: 768px) {
+    &__mobile-brand {
+      display: flex;
+    }
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/org/OrgFormModal.vue b/frontend-pc/src/views/org/OrgFormModal.vue
new file mode 100644
index 0000000..13a4166
--- /dev/null
+++ b/frontend-pc/src/views/org/OrgFormModal.vue
@@ -0,0 +1,162 @@
+<template>
+  <a-modal v-model:visible="visible" :title="title" :width="480" :mask-closable="false" @ok="confirm" @cancel="close">
+    <a-form ref="formRef" :model="form" :rules="rules" layout="vertical">
+      <a-form-item v-if="!isEdit" label="上级组织">
+        <a-input :model-value="parentName" disabled />
+        <template #extra>
+          <span class="org-form__hint">
+            新增后不支持直接拖拽调整层级，请在建的时候就选对上级。
+          </span>
+        </template>
+      </a-form-item>
+
+      <a-form-item field="orgName" label="组织名称">
+        <a-input v-model="form.orgName" placeholder="如 24中技数控1班" :max-length="128" allow-clear />
+      </a-form-item>
+
+      <a-form-item field="orgType" label="组织类型">
+        <a-select v-model="form.orgType" placeholder="请选择">
+          <a-option v-for="(name, code) in ORG_TYPE_NAMES" :key="code" :value="Number(code)">
+            {{ name }}
+          </a-option>
+        </a-select>
+        <template #extra>
+          <span class="org-form__hint">
+            类型必须比上级更低一级：学校 &gt; 院系/专业 &gt; 班级。
+          </span>
+        </template>
+      </a-form-item>
+
+      <a-form-item field="orgCode" label="组织编码">
+        <a-input v-model="form.orgCode" placeholder="班号或简称，租户内唯一" :max-length="64" allow-clear />
+      </a-form-item>
+
+      <a-form-item field="sortNo" label="排序号">
+        <a-input-number v-model="form.sortNo" :min="0" :max="9999" />
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import type { FormInstance } from '@arco-design/web-vue'
+import { Message } from '@arco-design/web-vue'
+import * as orgApi from '@/apis/xt/org'
+import type { OrgTreeVO, OrgUpsertReq } from '@/apis/xt/org'
+import { ORG_TYPE_NAMES } from '@/apis/xt/org'
+
+/**
+ * 组织新增 / 编辑弹窗。
+ *
+ * 三条服务端规则在界面上提前提示，减少"提交了才知道不行"：
+ *   1. 组织编码租户内唯一
+ *   2. 组织类型必须比上级更低一级
+ *   3. 修改时不提供改上级（避免误操作把整棵子树搬走）
+ */
+defineOptions({ name: 'OrgFormModal' })
+
+const visible = ref(false)
+const submitting = ref(false)
+const detailId = ref<number | null>(null)
+const parentId = ref<number | null>(null)
+const parentName = ref('（顶级）')
+
+const formRef = useTemplateRef('formRef')
+
+const isEdit = computed(() => !!detailId.value)
+const title = computed(() => (isEdit.value ? '修改组织' : '新增组织'))
+
+const getInitForm = (): OrgUpsertReq => ({
+  parentId: null,
+  orgName: '',
+  orgType: 1,
+  orgCode: '',
+  sortNo: 0
+})
+
+const form = reactive<OrgUpsertReq>(getInitForm())
+
+const rules: FormInstance['rules'] = {
+  orgName: [{ required: true, message: '请填写组织名称' }],
+  orgType: [{ required: true, message: '请选择组织类型' }],
+  orgCode: [{ required: true, message: '请填写组织编码' }]
+}
+
+/** 由父节点推断下一级类型，减少用户选错 */
+function nextTypeOf(parent: OrgTreeVO | null): number {
+  if (!parent) return 1
+  return Math.min((parent.orgType ?? 1) + 1, 4)
+}
+
+/** 新增 */
+function add(parent: OrgTreeVO | null) {
+  detailId.value = null
+  parentId.value = parent?.id ?? null
+  parentName.value = parent?.orgName ?? '（顶级）'
+  Object.assign(form, getInitForm())
+  form.parentId = parent?.id ?? null
+  form.orgType = nextTypeOf(parent)
+  visible.value = true
+}
+
+/** 编辑 */
+function edit(row: OrgTreeVO) {
+  detailId.value = row.id
+  parentId.value = null
+  parentName.value = '（不修改）'
+  Object.assign(form, getInitForm())
+  form.orgName = row.orgName
+  form.orgType = row.orgType
+  form.orgCode = row.orgCode ?? ''
+  form.sortNo = row.sortNo ?? 0
+  visible.value = true
+}
+
+function close() {
+  visible.value = false
+}
+
+async function confirm() {
+  const valid = await formRef.value?.validate()
+  if (valid) return
+
+  submitting.value = true
+  try {
+    if (isEdit.value) {
+      // 修改时不传 parentId：改层级由服务端重算子树路径，风险高，这里不开放
+      await orgApi.updateOrg(detailId.value!, {
+        orgName: form.orgName.trim(),
+        orgType: form.orgType,
+        orgCode: form.orgCode.trim(),
+        sortNo: form.sortNo ?? 0
+      })
+      Message.success('已保存')
+    } else {
+      await orgApi.addOrg({
+        parentId: form.parentId ?? null,
+        orgName: form.orgName.trim(),
+        orgType: form.orgType,
+        orgCode: form.orgCode.trim(),
+        sortNo: form.sortNo ?? 0
+      })
+      Message.success('已新增')
+    }
+    visible.value = false
+    emit('save-success')
+  } finally {
+    submitting.value = false
+  }
+}
+
+const emit = defineEmits<{ 'save-success': [] }>()
+
+defineExpose({ add, edit })
+</script>
+
+<style lang="scss" scoped>
+.org-form__hint {
+  font-size: 12px;
+  line-height: 1.7;
+  color: var(--color-text-3);
+}
+</style>
diff --git a/frontend-pc/src/views/org/index.vue b/frontend-pc/src/views/org/index.vue
new file mode 100644
index 0000000..0e0575b
--- /dev/null
+++ b/frontend-pc/src/views/org/index.vue
@@ -0,0 +1,270 @@
+<template>
+  <GiPageLayout>
+    <!-- 左：组织树 -->
+    <template #left>
+      <a-card :bordered="false" class="org__tree-card">
+        <template #title>
+          <a-space>
+            <IconFolder />
+            <span>组织架构</span>
+          </a-space>
+        </template>
+        <template #extra>
+          <span class="org__hint">{{ totalNodes }} 个节点</span>
+        </template>
+
+        <a-input-search v-model="keyword" placeholder="搜索名称或编码" allow-clear class="org__search" />
+
+        <a-spin v-if="loading" class="org__loading" />
+
+        <a-empty v-else-if="!tree.length" description="还没有组织">
+          <a-button v-if="canManage" type="primary" size="small" @click="onAdd(null)">
+            新增顶级组织
+          </a-button>
+        </a-empty>
+
+        <a-tree v-else v-model:selected-keys="selectedKeys" :data="treeData" :field-names="{ key: 'id', title: 'orgName', children: 'children' }"
+          block-node :default-expand-all @select="onSelect">
+          <template #title="node">
+            <span class="org__node">
+              <span class="org__node-name">{{ node.orgName }}</span>
+              <a-tag size="small" class="org__node-type">{{ ORG_TYPE_NAMES[node.orgType] ?? '—' }}</a-tag>
+              <span v-if="node.studentCount" class="org__node-count">{{ node.studentCount }} 人</span>
+            </span>
+          </template>
+        </a-tree>
+
+        <template #footer>
+          <a-button v-if="canManage" long size="small" @click="onAdd(null)">
+            <template #icon><IconPlus /></template>
+            新增顶级组织
+          </a-button>
+        </template>
+      </a-card>
+    </template>
+
+    <!-- 右：详情 -->
+    <a-card v-if="!selected" :bordered="false">
+      <a-empty description="从左侧选择一个组织" />
+    </a-card>
+
+    <template v-else>
+      <a-card :bordered="false">
+        <template #title>{{ selected.orgName }}</template>
+        <template #extra>
+          <a-tag>{{ ORG_TYPE_NAMES[selected.orgType] ?? '未知' }}</a-tag>
+        </template>
+
+        <a-descriptions :column="2" size="large">
+          <a-descriptions-item label="组织编码">{{ selected.orgCode ?? '—' }}</a-descriptions-item>
+          <a-descriptions-item label="负责人">{{ selected.leaderName ?? '未指定' }}</a-descriptions-item>
+          <a-descriptions-item label="排序号">{{ selected.sortNo }}</a-descriptions-item>
+          <a-descriptions-item label="学生数">{{ selected.studentCount ?? 0 }} 人</a-descriptions-item>
+          <a-descriptions-item label="下级组织">{{ (selected.children ?? []).length }} 个</a-descriptions-item>
+          <a-descriptions-item label="状态">
+            <a-tag :color="selected.status === 1 ? 'green' : 'gray'">
+              {{ selected.status === 1 ? '正常' : '停用' }}
+            </a-tag>
+          </a-descriptions-item>
+        </a-descriptions>
+
+        <a-space v-if="canManage" class="org__acts">
+          <a-button type="primary" size="small" @click="onAdd(selected)">
+            <template #icon><IconPlus /></template>
+            新增下级
+          </a-button>
+          <a-button size="small" @click="onEdit(selected)">
+            <template #icon><IconEdit /></template>
+            修改
+          </a-button>
+          <a-popconfirm content="删除后不可恢复，确认删除？" type="warning" @ok="onDelete(selected)">
+            <a-button size="small" status="danger">
+              <template #icon><IconDelete /></template>
+              删除
+            </a-button>
+          </a-popconfirm>
+        </a-space>
+      </a-card>
+
+      <a-card v-if="(selected.children ?? []).length" :bordered="false">
+        <template #title>下级组织</template>
+        <template #extra>
+          <span class="org__hint">{{ (selected.children ?? []).length }} 个</span>
+        </template>
+        <a-table :data="selected.children" :pagination="false" row-key="id" size="small">
+          <template #columns>
+            <a-table-column title="名称" data-index="orgName" />
+            <a-table-column title="类型" :width="110">
+              <template #cell="{ record }">
+                <a-tag size="small">{{ ORG_TYPE_NAMES[record.orgType] ?? '—' }}</a-tag>
+              </template>
+            </a-table-column>
+            <a-table-column title="编码" data-index="orgCode" :width="130" />
+            <a-table-column title="学生数" data-index="studentCount" :width="90" />
+            <a-table-column title="操作" :width="80">
+              <template #cell="{ record }">
+                <a-link @click="onSelect([record.id], { node: record })">查看</a-link>
+              </template>
+            </a-table-column>
+          </template>
+        </a-table>
+      </a-card>
+    </template>
+
+    <OrgFormModal ref="formModalRef" @save-success="load" />
+  </GiPageLayout>
+</template>
+
+<script setup lang="ts">
+import { Message } from '@arco-design/web-vue'
+import { IconDelete, IconEdit, IconFolder, IconPlus } from '@arco-design/web-vue/es/icon'
+import * as orgApi from '@/apis/xt/org'
+import type { OrgTreeVO } from '@/apis/xt/org'
+import { ORG_TYPE_NAMES } from '@/apis/xt/org'
+import { useUserStore } from '@/stores'
+import OrgFormModal from './OrgFormModal.vue'
+
+/**
+ * 组织架构。
+ *
+ * 形态：左树右详情，是管理后台最常规的主从布局。
+ * 服务端的约束（编码唯一、类型层级、有下级不可删）在界面上提前提示，
+ * 但不做前端拦截 —— 判定权威在服务端，前端只负责减少无效提交。
+ */
+defineOptions({ name: 'Org' })
+
+const userStore = useUserStore()
+
+const loading = ref(false)
+const tree = ref<OrgTreeVO[]>([])
+const selected = ref<OrgTreeVO | null>(null)
+const selectedKeys = ref<(string | number)[]>([])
+const keyword = ref('')
+const formModalRef = useTemplateRef('formModalRef')
+
+const canManage = computed(() => userStore.permissions.includes('org:manage'))
+const totalNodes = computed(() => countNodes(tree.value))
+
+function countNodes(nodes: OrgTreeVO[]): number {
+  return nodes.reduce((s, n) => s + 1 + countNodes(n.children ?? []), 0)
+}
+
+/** 按关键字过滤（命中则保留其祖先链） */
+const treeData = computed(() => {
+  const k = keyword.value.trim().toLowerCase()
+  if (!k) return tree.value
+  const walk = (nodes: OrgTreeVO[]): OrgTreeVO[] =>
+    nodes
+      .map((n) => {
+        const children = walk(n.children ?? [])
+        const hit = `${n.orgName} ${n.orgCode ?? ''}`.toLowerCase().includes(k)
+        return hit || children.length ? { ...n, children } : null
+      })
+      .filter(Boolean) as OrgTreeVO[]
+  return walk(tree.value)
+})
+
+function findById(nodes: OrgTreeVO[], id: number): OrgTreeVO | null {
+  for (const n of nodes) {
+    if (n.id === id) return n
+    const hit = findById(n.children ?? [], id)
+    if (hit) return hit
+  }
+  return null
+}
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await orgApi.getOrgTree({ withCount: true })
+    tree.value = res.data ?? []
+    // 刷新后保持选中
+    if (selected.value) {
+      selected.value = findById(tree.value, selected.value.id)
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+function onSelect(keys: (string | number)[], data?: { node: OrgTreeVO }) {
+  const id = Number(keys[0] ?? '')
+  if (!id) {
+    selected.value = null
+    return
+  }
+  selected.value = data?.node?.id === id ? data.node : findById(tree.value, id)
+}
+
+function onAdd(parent: OrgTreeVO | null) {
+  formModalRef.value?.add(parent)
+}
+
+function onEdit(row: OrgTreeVO) {
+  formModalRef.value?.edit(row)
+}
+
+async function onDelete(row: OrgTreeVO) {
+  await orgApi.deleteOrg(row.id)
+  Message.success('已删除')
+  if (selected.value?.id === row.id) {
+    selected.value = null
+    selectedKeys.value = []
+  }
+  await load()
+}
+
+onMounted(load)
+</script>
+
+<style lang="scss" scoped>
+.org {
+  &__tree-card {
+    height: 100%;
+  }
+
+  &__search {
+    margin-bottom: 10px;
+  }
+
+  &__loading {
+    display: block;
+    padding: 40px 0;
+    text-align: center;
+  }
+
+  &__hint {
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__node {
+    display: inline-flex;
+    gap: 6px;
+    align-items: center;
+  }
+
+  &__node-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__node-type {
+    flex: none;
+    transform: scale(0.88);
+  }
+
+  &__node-count {
+    flex: none;
+    font-size: 11px;
+    color: var(--color-text-3);
+  }
+
+  &__acts {
+    margin-top: 18px;
+    padding-top: 14px;
+    border-top: 1px solid var(--color-border-2);
+  }
+}
+</style>
diff --git a/frontend-pc/src/views/redirect/index.vue b/frontend-pc/src/views/redirect/index.vue
new file mode 100644
index 0000000..a475ae3
--- /dev/null
+++ b/frontend-pc/src/views/redirect/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script setup lang="ts">
+const route = useRoute()
+const router = useRouter()
+
+const { params, query } = route
+const { path } = params
+
+router.replace({ path: `/${path}`, query })
+</script>
diff --git a/frontend-pc/src/views/tenant/index.vue b/frontend-pc/src/views/tenant/index.vue
new file mode 100644
index 0000000..939df68
--- /dev/null
+++ b/frontend-pc/src/views/tenant/index.vue
@@ -0,0 +1,394 @@
+<template>
+  <GiPageLayout>
+    <a-card :bordered="false">
+      <template #title>租户</template>
+      <template #extra>
+        <a-space>
+          <span class="tenant__hint">共 {{ total }} 个单位</span>
+          <a-button type="primary" size="small" @click="onAdd">
+            <template #icon><IconPlus /></template>
+            开通租户
+          </a-button>
+        </a-space>
+      </template>
+
+      <div class="g-row-tool">
+        <a-space wrap>
+          <a-button v-for="c in statusChips" :key="String(c.value)"
+            :type="statusFilter === c.value ? 'primary' : 'outline'" size="small" @click="setStatus(c.value)">
+            {{ c.label }}
+          </a-button>
+        </a-space>
+        <a-input-search v-model="query.keyword" placeholder="搜索名称或编码" allow-clear class="tenant__search"
+          @search="search" @clear="search" />
+      </div>
+
+      <a-table :data="list" :loading="loading" row-key="id" :pagination="pagination" @page-change="onPageChange">
+        <template #columns>
+          <a-table-column title="单位名称" data-index="tenantName">
+            <template #cell="{ record }">
+              <div class="tenant__name">{{ record.tenantName }}</div>
+              <div class="tenant__id">#{{ record.id }}</div>
+            </template>
+          </a-table-column>
+          <a-table-column title="编码" data-index="tenantCode" :width="130" />
+          <a-table-column title="类型" :width="110">
+            <template #cell="{ record }">
+              {{ TENANT_TYPE_NAMES[record.tenantType] ?? '—' }}
+            </template>
+          </a-table-column>
+          <a-table-column title="联系人" data-index="contactName" :width="120" />
+          <a-table-column title="到期" :width="120">
+            <template #cell="{ record }">
+              {{ (record.expireTime ?? '').slice(0, 10) || '—' }}
+            </template>
+          </a-table-column>
+          <a-table-column title="状态" :width="100">
+            <template #cell="{ record }">
+              <a-tag :color="TENANT_STATUS[record.status]?.color ?? 'gray'">
+                {{ TENANT_STATUS[record.status]?.text ?? '未知' }}
+              </a-tag>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+    </a-card>
+
+    <!-- 开通租户：成功态与表单态共用一个弹窗，弱化"关掉就看不到密码了"的风险 -->
+    <a-modal v-model:visible="visible" :title="created ? '租户已开通' : '开通租户'" :width="620"
+      :mask-closable="false" :closable="!created" :footer="false">
+      <!-- 成功态 -->
+      <template v-if="created">
+        <a-alert type="success" :show-icon="false">
+          <template #title>
+            <strong>「{{ createdName }}」已开通。</strong>
+            系统已自动创建 6 个内置角色，以及首个管理员账号。
+          </template>
+        </a-alert>
+
+        <div class="tenant__pwd-box">
+          <div class="tenant__pwd-label">管理员初始密码</div>
+          <div class="tenant__pwd-row">
+            <code class="tenant__pwd">{{ created.adminInitialPassword }}</code>
+            <a-button type="primary" size="small" @click="copyPassword">
+              <template #icon><IconCopy /></template>
+              复制
+            </a-button>
+          </div>
+          <a-alert type="warning" :show-icon="false" class="tenant__pwd-warn">
+            <strong>这个密码只显示这一次。</strong>
+            关闭窗口后就查不到了 —— 请现在复制并发给管理员，由其首次登录后自行修改。
+          </a-alert>
+        </div>
+
+        <a-descriptions :column="1" size="small">
+          <a-descriptions-item label="租户 ID">{{ created.id }}</a-descriptions-item>
+          <a-descriptions-item label="小程序码参数">{{ created.miniProgramScene }}</a-descriptions-item>
+          <a-descriptions-item label="管理员账号">{{ form.adminUsername }}</a-descriptions-item>
+        </a-descriptions>
+
+        <div class="tenant__footer">
+          <a-button type="primary" @click="closeCreated">我已记下密码</a-button>
+        </div>
+      </template>
+
+      <!-- 表单态 -->
+      <template v-else>
+        <a-form ref="formRef" :model="form" :rules="rules" layout="vertical">
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item field="tenantName" label="单位名称">
+                <a-input v-model="form.tenantName" placeholder="如 江西机电职业技术学院" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item field="tenantCode" label="租户编码">
+                <a-input v-model="form.tenantCode" placeholder="如 jxjd" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item field="tenantType" label="类型">
+                <a-select v-model="form.tenantType">
+                  <a-option v-for="(name, code) in TENANT_TYPE_NAMES" :key="code" :value="Number(code)">
+                    {{ name }}
+                  </a-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item field="expireTime" label="到期时间">
+                <a-date-picker v-model="form.expireTime" value-format="YYYY-MM-DD" style="width: 100%" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item field="contactName" label="联系人">
+                <a-input v-model="form.contactName" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item field="contactPhone" label="联系电话">
+                <a-input v-model="form.contactPhone" allow-clear />
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <a-divider orientation="left">首个管理员</a-divider>
+
+          <a-row :gutter="16">
+            <a-col :span="8">
+              <a-form-item field="adminUsername" label="登录账号">
+                <a-input v-model="form.adminUsername" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item field="adminRealName" label="姓名">
+                <a-input v-model="form.adminRealName" allow-clear />
+              </a-form-item>
+            </a-col>
+            <a-col :span="8">
+              <a-form-item field="adminPhone" label="手机号">
+                <a-input v-model="form.adminPhone" allow-clear />
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <a-alert type="info" :show-icon="false">
+            <template #title>
+              提交后会一次性完成：<strong>建租户</strong> → <strong>发放 6 个内置角色</strong> →
+              <strong>创建首个管理员</strong>。初始密码在下一步显示，<strong>只显示一次</strong>。
+            </template>
+          </a-alert>
+        </a-form>
+
+        <div class="tenant__footer">
+          <a-space>
+            <a-button @click="visible = false">取消</a-button>
+            <a-button type="primary" :loading="submitting" @click="onSubmit">确认开通</a-button>
+          </a-space>
+        </div>
+      </template>
+    </a-modal>
+  </GiPageLayout>
+</template>
+
+<script setup lang="ts">
+import type { FormInstance } from '@arco-design/web-vue'
+import { Message } from '@arco-design/web-vue'
+import { IconCopy, IconPlus } from '@arco-design/web-vue/es/icon'
+import * as tenantApi from '@/apis/xt/tenant'
+import type { TenantCreateResult, TenantVO } from '@/apis/xt/tenant'
+import { TENANT_STATUS, TENANT_TYPE_NAMES } from '@/apis/xt/tenant'
+
+/**
+ * 租户管理（仅平台运营）。
+ *
+ * 两个容易做错的地方：
+ *   1. **初始密码只返回一次** —— 成功后不能弹个 toast 就完事，
+ *      必须停下来让用户当场记下／复制，并明确告知"关掉就再也看不到"。
+ *   2. **租户列表是跨租户的**（sys_tenant 没有 tenant_id），
+ *      所以权限把关全在服务端；学校管理员调它会拿到 40301，前端也据此隐藏入口。
+ */
+defineOptions({ name: 'Tenant' })
+
+const loading = ref(false)
+const submitting = ref(false)
+const list = ref<TenantVO[]>([])
+const total = ref(0)
+const statusFilter = ref<number | undefined>(undefined)
+const query = reactive({ pageNum: 1, pageSize: 10, keyword: '' })
+
+const visible = ref(false)
+const created = ref<TenantCreateResult | null>(null)
+const createdName = ref('')
+const formRef = useTemplateRef('formRef')
+
+const getInitForm = () => ({
+  tenantName: '',
+  tenantCode: '',
+  tenantType: 1,
+  contactName: '',
+  contactPhone: '',
+  expireTime: '',
+  adminUsername: 'admin',
+  adminRealName: '',
+  adminPhone: ''
+})
+
+const form = reactive(getInitForm())
+
+const rules: FormInstance['rules'] = {
+  tenantName: [{ required: true, message: '请填写单位名称' }],
+  tenantCode: [
+    { required: true, message: '请填写租户编码' },
+    { match: /^[a-z][a-z0-9_-]{1,31}$/, message: '小写字母开头，后接小写字母、数字、下划线或短横线' }
+  ],
+  tenantType: [{ required: true, message: '请选择类型' }],
+  expireTime: [{ required: true, message: '请选择到期时间' }],
+  contactName: [{ required: true, message: '请填写联系人' }],
+  contactPhone: [{ required: true, message: '请填写联系电话' }],
+  adminUsername: [{ required: true, message: '请填写管理员账号' }],
+  adminRealName: [{ required: true, message: '请填写管理员姓名' }],
+  adminPhone: [{ required: true, message: '请填写管理员手机号' }]
+}
+
+const statusChips = computed(() => [
+  { label: `全部 ${total.value}`, value: undefined },
+  { label: '正常', value: 1 },
+  { label: '试用', value: 2 },
+  { label: '已停用', value: 0 }
+])
+
+const pagination = computed(() => ({
+  current: query.pageNum,
+  pageSize: query.pageSize,
+  total: total.value,
+  showTotal: true
+}))
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await tenantApi.getTenantList({
+      pageNum: query.pageNum,
+      pageSize: query.pageSize,
+      keyword: query.keyword.trim() || undefined,
+      status: statusFilter.value
+    })
+    list.value = res.data?.list ?? []
+    total.value = res.data?.total ?? 0
+  } finally {
+    loading.value = false
+  }
+}
+
+function search() {
+  query.pageNum = 1
+  load()
+}
+
+function setStatus(v: number | undefined) {
+  statusFilter.value = v
+  search()
+}
+
+function onPageChange(page: number) {
+  query.pageNum = page
+  load()
+}
+
+function onAdd() {
+  Object.assign(form, getInitForm())
+  created.value = null
+  visible.value = true
+}
+
+async function onSubmit() {
+  const valid = await formRef.value?.validate()
+  if (valid) return
+
+  submitting.value = true
+  try {
+    const res = await tenantApi.createTenant({
+      ...form,
+      tenantName: form.tenantName.trim(),
+      tenantCode: form.tenantCode.trim().toLowerCase(),
+      contactName: form.contactName.trim(),
+      contactPhone: form.contactPhone.trim(),
+      adminUsername: form.adminUsername.trim(),
+      adminRealName: form.adminRealName.trim(),
+      adminPhone: form.adminPhone.trim()
+    })
+    createdName.value = form.tenantName.trim()
+    created.value = res.data
+    await load()
+  } finally {
+    submitting.value = false
+  }
+}
+
+async function copyPassword() {
+  if (!created.value) return
+  try {
+    await navigator.clipboard.writeText(created.value.adminInitialPassword)
+    Message.success('已复制到剪贴板')
+  } catch {
+    Message.warning('浏览器不允许自动复制，请手动选中后复制')
+  }
+}
+
+function closeCreated() {
+  created.value = null
+  visible.value = false
+}
+
+onMounted(load)
+</script>
+
+<style lang="scss" scoped>
+.tenant {
+  &__hint {
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__search {
+    width: 220px;
+    margin-left: auto;
+  }
+
+  &__name {
+    font-weight: 600;
+  }
+
+  &__id {
+    margin-top: 2px;
+    font-size: 11px;
+    color: var(--color-text-3);
+  }
+
+  &__pwd-box {
+    padding: 16px;
+    margin: 16px 0;
+    background: var(--color-fill-1);
+    border: 1px solid var(--color-border-2);
+    border-radius: var(--border-radius-large);
+  }
+
+  &__pwd-label {
+    margin-bottom: 8px;
+    font-size: 12px;
+    color: var(--color-text-3);
+  }
+
+  &__pwd-row {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+
+  &__pwd {
+    flex: 1;
+    padding: 10px 14px;
+    font-family: Consolas, Menlo, monospace;
+    font-size: 19px;
+    font-weight: 700;
+    letter-spacing: 0.14em;
+    user-select: all;
+    background: #fff;
+    border: 1px solid var(--color-border-3);
+    border-radius: var(--border-radius-medium);
+  }
+
+  &__pwd-warn {
+    margin-top: 12px;
+  }
+
+  &__footer {
+    display: flex;
+    justify-content: flex-end;
+    padding-top: 16px;
+    margin-top: 16px;
+    border-top: 1px solid var(--color-border-2);
+  }
+}
+</style>
diff --git a/frontend-pc/stylelint.config.js b/frontend-pc/stylelint.config.js
new file mode 100644
index 0000000..b73dd56
--- /dev/null
+++ b/frontend-pc/stylelint.config.js
@@ -0,0 +1,44 @@
+export default {
+  ignoreFiles: [
+    'node_modules/**/*',
+    'dist/**/*',
+    'public/**/*'
+  ],
+  plugins: ['stylelint-scss'],
+  extends: [
+    'stylelint-config-standard', // 基础 CSS 规则
+    'stylelint-config-standard-scss', // SCSS 推荐规则
+    'stylelint-config-recommended-vue/scss', // Vue + SCSS 推荐规则（自动适配 scoped）
+    'stylelint-config-recess-order' // 配置 stylelint css 属性书写顺序插件
+  ],
+  rules: {
+    // 禁用导致错误的规则
+    'scss/double-slash-comment-empty-line-before': null, // 禁止在双斜杠注释前有空行
+    'scss/operator-no-unspaced': null, // 运算符周围需要空格
+    'scss/load-partial-extension': null, // 禁止在@use指令中使用.scss扩展名
+    'scss/double-slash-comment-whitespace-inside': null, // 双斜杠注释内部需要空格
+    'scss/dollar-variable-empty-line-before': null, // $变量前需要空行
+    'scss/at-rule-conditional-no-parentheses': null, // @规则条件不使用括号
+    'no-descending-specificity': null, // 禁止选择器优先级降低
+    'declaration-block-no-duplicate-properties': null, // 禁止声明块中重复的属性
+    'keyframes-name-pattern': null, // 限制keyframes名称格式
+    'number-max-precision': null, // 禁用数字精度限制规则
+    'import-notation': null, // 导入语法格式
+    'font-family-no-missing-generic-family-keyword': null, // 字体族必须包含通用字体族
+    'custom-property-empty-line-before': null, // 自定义属性前空行规则
+    'declaration-empty-line-before': null, // 声明前空行规则
+    // 其他基础规则
+    'no-empty-source': null, // 禁止空源码
+    'selector-class-pattern': null // 强制选择器类名的格式
+  },
+  overrides: [
+    {
+      files: ['**/*.vue'],
+      customSyntax: 'postcss-html'
+    },
+    {
+      files: ['**/*.scss'],
+      customSyntax: 'postcss-scss'
+    }
+  ]
+}
diff --git a/frontend-pc/tsconfig.json b/frontend-pc/tsconfig.json
new file mode 100644
index 0000000..16f67e8
--- /dev/null
+++ b/frontend-pc/tsconfig.json
@@ -0,0 +1,40 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020", // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'
+    "jsx": "preserve", // 指定 jsx 代码的生成: 'preserve', 'react-native', or 'react'
+    "jsxFactory": "h", // 当使用经典的JSX运行时编译JSX元素时，更改.js文件中调用的函数，默认：React.createElement
+    "jsxFragmentFactory": "Fragment", // 指定 JSX 片段工厂函数在指定了 jsxFactory 编译器选项的情况下针对 react JSX 发出时使用 指定使用模块: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
+    "lib": [
+      "ES2020",
+      "DOM"
+    ], // 指定要包含在编译中的库文件
+    "baseUrl": ".", // 用于解析非相对模块名称的基目录
+    "module": "ES2020", //
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ] // 模块名到基于 baseUrl 的路径映射的列表
+    },
+    "resolveJsonModule": true, // 是否解析 JSON 模块
+    "allowJs": true, // 允许编译 javascript 文件
+    "checkJs": true, // 报告 javascript 文件中的错误
+    "strict": true, // 开启所有严格的类型检查
+    "noImplicitAny": false,
+    "sourceMap": true, // 是否生成相应的Map映射的文件，默认：false
+    "esModuleInterop": true, // 是否通过为所有导入模块创建命名空间对象，允许CommonJS和ES模块之间的互操作性，开启改选项时，也自动开启allowSyntheticDefaultImports选项，默认：false
+    "skipLibCheck": true, // 是否跳过声明文件的类型检查，这可以在编译期间以牺牲类型系统准确性为代价来节省时间，默认：false
+    "ignoreDeprecations": "5.0" // 选项 importsNotUsedAsValues 已弃用，并将在 TypeScript 5.5 中停止工作。指定 compilerOption 的 "ignoreprecations ": "5.0" 来消除这个错误，使用 verbatimModuleSyntax 代替
+  },
+  "include": [
+    "src/**/*",
+    "src/**/*.vue",
+    "vite.config.ts"
+  ], // 指定被编译文件所在的目录
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.js"
+  ] // 指定不需要被编译的目录
+}
diff --git a/frontend-pc/vite.config.ts b/frontend-pc/vite.config.ts
new file mode 100644
index 0000000..c611e94
--- /dev/null
+++ b/frontend-pc/vite.config.ts
@@ -0,0 +1,115 @@
+import { fileURLToPath, URL } from 'node:url'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import AutoImport from 'unplugin-auto-import/vite'
+import IconsResolver from 'unplugin-icons/resolver'
+import Icons from 'unplugin-icons/vite'
+import { ArcoResolver } from 'unplugin-vue-components/resolvers'
+import Components from 'unplugin-vue-components/vite'
+import { defineConfig, loadEnv } from 'vite'
+import vitePluginCompression from 'vite-plugin-compression'
+import VueDevTools from 'vite-plugin-vue-devtools'
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd()) as ImportMetaEnv
+
+  return {
+    // 开发或生产环境服务的公共基础路径
+    base: env.VITE_BASE,
+    // 路径别名
+    resolve: {
+      alias: {
+        '~': fileURLToPath(new URL('./', import.meta.url)),
+        '@': fileURLToPath(new URL('./src', import.meta.url))
+      },
+      // 确保正确解析模块
+      dedupe: ['vue', '@arco-design/web-vue']
+    },
+    // 依赖优化配置
+    optimizeDeps: {
+      include: ['@arco-design/color']
+    },
+    // 引入scss全局样式变量
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `@use "@/styles/var.scss" as *;`
+        }
+      }
+    },
+    server: {
+      // 服务启动时是否自动打开浏览器
+      open: false,
+      // 本地跨域代理 -> 代理到服务器的接口地址
+      proxy: {
+        '/api': {
+          target: env.VITE_API_BASE_URL, // 后台服务器地址
+          changeOrigin: true, // 是否允许不同源
+          secure: false, // 支持https
+          rewrite: (path) => path.replace(/^\/api/, '/api')
+        }
+      }
+    },
+    plugins: [
+      vue(),
+      vueJsx(),
+      VueDevTools(),
+      AutoImport({
+        // 自动导入vue相关函数，如: ref、reactive、toRef等
+        imports: ['vue', 'vue-router', {
+          // vue 3.5.x
+          vue: ['useTemplateRef', 'onWatcherCleanup', 'useId']
+        }],
+        dts: 'src/auto-import.d.ts'
+      }),
+      Components({
+        // 指定组件位置，默认是 src/components 自动导入自定义组件
+        dirs: ['src/components/Gi*'],
+        extensions: ['vue', 'tsx'],
+        // 配置文件生成位置
+        dts: 'src/components.d.ts',
+        // Arco Design Vue 按需导入配置（使用官方推荐的 ArcoResolver）
+        resolvers: [
+          ArcoResolver({
+            sideEffect: false
+          }),
+          // Iconify 图标按需导入
+          IconsResolver({
+            prefix: 'icon',
+            enabledCollections: ['icon-park-outline']
+          })
+        ]
+      }),
+      // Iconify 图标插件配置
+      Icons({
+        compiler: 'vue3',
+        autoInstall: true,
+        defaultClass: 'iconify-icon',
+        defaultStyle: 'vertical-align: middle;'
+      }),
+      // Gzip 压缩配置
+      vitePluginCompression({
+        verbose: true, // 是否在控制台输出压缩结果
+        disable: false, // 是否禁用压缩
+        deleteOriginFile: false, // 压缩后是否删除原文件
+        threshold: 10240, // 压缩阈值，单位：字节，超过此大小的文件才会被压缩（10KB）
+        algorithm: 'gzip', // 压缩算法，可选 'gzip' | 'brotliCompress' | 'deflate' | 'deflateRaw'
+        ext: '.gz', // 压缩文件扩展名
+        filter: /\.(js|mjs|json|css|html|svg|ico|eot|otf|ttf|ttc|woff|woff2)$/i // 需要压缩的文件类型
+      })
+    ],
+    // 构建
+    build: {
+      chunkSizeWarningLimit: 2000
+    },
+    // 生产环境优化
+    esbuild:
+      mode === 'development'
+        ? undefined
+        : {
+          pure: ['console.log'],
+          drop: ['debugger'],
+          legalComments: 'none'
+        }
+  }
+})
diff --git a/scripts/dev-clean-e2e.py b/scripts/dev-clean-e2e.py
index 1fadfff..f63f46f 100644
--- a/scripts/dev-clean-e2e.py
+++ b/scripts/dev-clean-e2e.py
@@ -3,8 +3,12 @@
 """
 清理 e2e-m0.py 产生的测试数据。
 
-E2E 每跑一次就新建一个租户（编码 e2e######）并给它建角色与账号，
-反复跑会把开发库堆满。这个脚本把 e2e* 租户及其关联数据清掉。
+E2E 每跑一次会：
+  1. 新建一个租户（编码 e2e######）并给它建角色与账号；
+  2. **在 demo 租户下**建三个组织（学校/院系/班级，编码带时间戳）。
+
+第 2 点容易被忽略——这些组织挂在正常租户下，不清掉会让组织树里
+堆满 "E2E 示范学校 586923" 这种名字。
 
 用法
 ----
@@ -23,7 +27,7 @@ if hasattr(sys.stdout, "reconfigure"):
     sys.stdout.reconfigure(encoding="utf-8")
 
 # 子表在前、主表在后（无外键约束，顺序只为可读性与排查方便）
-STEPS = [
+TENANT_CHILD_TABLES = [
     ("角色授权", "sys_role_permission"),
     ("用户角色", "sys_user_role"),
     ("登录日志", "sys_login_log"),
@@ -35,6 +39,12 @@ STEPS = [
 TENANT_FILTER = "tenant_code LIKE 'e2e%'"
 SUB_FILTER = f"tenant_id IN (SELECT id FROM sys_tenant WHERE {TENANT_FILTER})"
 
+# demo 租户下由 E2E 建的组织：编码都是 ROOT/DEPT/CLS + 6 位时间戳
+DEMO_ORG_FILTER = (
+    "org_code ~ '^(ROOT|DEPT|CLS|BAD)[0-9]{6}$' "
+    "OR org_name LIKE 'E2E %' OR org_name LIKE '重复编码%' OR org_name LIKE '层级颠倒%'"
+)
+
 
 class Db:
     def __init__(self, container: str, user: str, name: str):
@@ -42,7 +52,7 @@ class Db:
         self.user = user
         self.name = name
 
-    def scalar_rows(self, sql: str) -> list[str]:
+    def rows(self, sql: str) -> list[str]:
         cmd = ["docker", "exec", self.container, "psql", "-U", self.user, "-d", self.name,
                "-v", "ON_ERROR_STOP=1", "-t", "-A", "-F", "|", "-c", sql]
         r = subprocess.run(cmd, capture_output=True, text=True, encoding="utf-8")
@@ -62,19 +72,32 @@ def main() -> int:
 
     db = Db(args.container, args.user, args.db)
 
-    tenants = db.scalar_rows(
+    tenants = db.rows(
         f"SELECT id || '|' || tenant_code || '|' || tenant_name "
         f"FROM sys_tenant WHERE {TENANT_FILTER} ORDER BY id")
-    if not tenants:
-        print("没有 e2e 测试租户，无需清理")
+    demo_orgs = db.rows(
+        f"SELECT id || '|' || org_name FROM sys_org "
+        f"WHERE deleted = 0 AND ({DEMO_ORG_FILTER}) ORDER BY id")
+
+    if not tenants and not demo_orgs:
+        print("没有 e2e 测试数据，无需清理")
         return 0
 
-    print(f"找到 {len(tenants)} 个 e2e 测试租户：")
-    for r in tenants[:15]:
-        p = r.split("|")
-        print("   id=%-5s code=%-14s %s" % (p[0], p[1], p[2] if len(p) > 2 else ""))
-    if len(tenants) > 15:
-        print(f"   ... 另有 {len(tenants) - 15} 个")
+    if tenants:
+        print(f"① e2e 测试租户 {len(tenants)} 个：")
+        for r in tenants[:15]:
+            p = r.split("|")
+            print("   id=%-5s code=%-14s %s" % (p[0], p[1], p[2] if len(p) > 2 else ""))
+        if len(tenants) > 15:
+            print(f"   ... 另有 {len(tenants) - 15} 个")
+
+    if demo_orgs:
+        print(f"\n② 其它租户下的 e2e 测试组织 {len(demo_orgs)} 个：")
+        for r in demo_orgs[:15]:
+            p = r.split("|")
+            print("   id=%-5s %s" % (p[0], p[1] if len(p) > 1 else ""))
+        if len(demo_orgs) > 15:
+            print(f"   ... 另有 {len(demo_orgs) - 15} 个")
 
     if not args.apply:
         print("\n这是预览。加 --apply 才会真正删除。")
@@ -82,14 +105,19 @@ def main() -> int:
 
     print("\n开始清理：")
     total = 0
-    for label, table in STEPS:
-        rows = db.scalar_rows(f"DELETE FROM {table} WHERE {SUB_FILTER} RETURNING id")
-        total += len(rows)
-        print("   %-8s %-20s 删除 %d 行" % (label, table, len(rows)))
 
-    rows = db.scalar_rows(f"DELETE FROM sys_tenant WHERE {TENANT_FILTER} RETURNING id")
-    total += len(rows)
-    print("   %-8s %-20s 删除 %d 行" % ("租户", "sys_tenant", len(rows)))
+    for label, table in TENANT_CHILD_TABLES:
+        n = len(db.rows(f"DELETE FROM {table} WHERE {SUB_FILTER} RETURNING id"))
+        total += n
+        print("   %-10s %-22s 删除 %d 行" % (label, table, n))
+
+    n = len(db.rows(f"DELETE FROM sys_tenant WHERE {TENANT_FILTER} RETURNING id"))
+    total += n
+    print("   %-10s %-22s 删除 %d 行" % ("租户", "sys_tenant", n))
+
+    n = len(db.rows(f"DELETE FROM sys_org WHERE {DEMO_ORG_FILTER} RETURNING id"))
+    total += n
+    print("   %-10s %-22s 删除 %d 行" % ("测试组织", "sys_org", n))
 
     print(f"\n完成，共删除 {total} 行。")
     return 0
diff --git a/scripts/extract-icons.py b/scripts/extract-icons.py
new file mode 100644
index 0000000..ccd17d5
--- /dev/null
+++ b/scripts/extract-icons.py
@@ -0,0 +1,86 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+"""
+从原型抽取 SVG 图标，生成前端图标模块。
+
+为什么要有这一步
+----------------
+原型里的图标是内联 SVG sprite（统一 viewBox、1.7px 描边、currentColor）。
+如果前端换成别的图标库（Element Plus Icons / FontAwesome），
+视觉上立刻就能看出"原型一个样、实现另一个样"。
+
+所以：**图标以原型为准，用脚本抽出来生成代码**，而不是找一套"差不多的"。
+
+用法
+----
+    python scripts/extract-icons.py
+"""
+from __future__ import annotations
+
+import io
+import os
+import re
+import sys
+
+if hasattr(sys.stdout, "reconfigure"):
+    sys.stdout.reconfigure(encoding="utf-8")
+
+ROOT = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+SOURCES = [
+    os.path.join(ROOT, "docs", "prototype", "admin-web.html"),
+    os.path.join(ROOT, "docs", "prototype", "student-app.html"),
+    os.path.join(ROOT, "docs", "prototype", "teacher-app.html"),
+]
+OUT = os.path.join(ROOT, "frontend-pc", "src", "components", "icon-defs.ts")
+
+
+def main() -> int:
+    symbols: dict[str, str] = {}
+    for p in SOURCES:
+        if not os.path.exists(p):
+            print(f"  跳过（不存在）：{p}")
+            continue
+        s = io.open(p, encoding="utf-8").read()
+        for m in re.finditer(r'<symbol\b[^>]*\bid="([^"]+)"[^>]*>(.*?)</symbol>', s, re.S):
+            name, body = m.group(1), m.group(2)
+            # 先抽到的为准（admin-web 的图标集最全）
+            if name not in symbols:
+                symbols[name] = re.sub(r"\s+", " ", body).strip()
+
+    print(f"[OK] 抽到 {len(symbols)} 个图标")
+    if not symbols:
+        print("[X] 没抽到图标，检查原型里 <symbol id=\"i-xxx\"> 的写法")
+        return 1
+
+    os.makedirs(os.path.dirname(OUT), exist_ok=True)
+    lines = [
+        "// ⚠️ 本文件由脚本生成，请勿手改！",
+        "//    来源  ：docs/prototype/*.html 里的 <symbol id=\"i-xxx\">",
+        "//    重新生成：python scripts/extract-icons.py",
+        "//",
+        "//    图标取自原型的内联 SVG sprite（统一 24×24、1.7px 描边、currentColor），",
+        "//    保证前端与原型用的是同一套图形，不会出现「原型一个样、实现另一个样」。",
+        "",
+        "/** 图标名 → 内部 SVG 标记（不含 <svg> 外壳） */",
+        "export const ICON_DEFS: Record<string, string> = {",
+    ]
+    for name in sorted(symbols):
+        body = symbols[name].replace("\\", "\\\\").replace("'", "\\'")
+        lines.append(f"  '{name}': '{body}',")
+    lines += [
+        "}",
+        "",
+        "/** 所有可用图标名 */",
+        "export const ICON_NAMES = Object.keys(ICON_DEFS)",
+        "",
+    ]
+
+    io.open(OUT, "w", encoding="utf-8", newline="\n").write("\n".join(lines))
+    rel = os.path.relpath(OUT, ROOT)
+    print(f"     已生成 {rel}（{os.path.getsize(OUT)} 字节）")
+    print(f"     图标：{', '.join(sorted(symbols))}")
+    return 0
+
+
+if __name__ == "__main__":
+    raise SystemExit(main())