From ab1c7f8bccec0d014310a8c2debcd1ada16ef647 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Sun, 16 Mar 2025 19:46:35 +0800
Subject: [PATCH 1/9] =?UTF-8?q?refactor:=20=E5=8D=87=E7=BA=A7`tailwindcss`?=
 =?UTF-8?q?=E8=87=B3`v4`=E7=89=88=E6=9C=AC=EF=BC=8C=E5=B8=A6=E6=9D=A5?=
 =?UTF-8?q?=E6=9B=B4=E5=BF=AB=E7=9A=84=E6=9E=84=E5=BB=BA=E9=80=9F=E5=BA=A6?=
 =?UTF-8?q?=E3=80=81=E6=9B=B4=E7=AE=80=E5=8C=96=E7=9A=84=E5=AE=89=E8=A3=85?=
 =?UTF-8?q?=E5=92=8C=E9=85=8D=E7=BD=AE=E3=80=81=E6=8F=90=E4=BE=9B=E4=B8=93?=
 =?UTF-8?q?=E5=B1=9E`vite`=E6=8F=92=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/plugins.ts                              |   2 +
 package.json                                  |   6 +-
 pnpm-lock.yaml                                | 664 +++++++++---------
 postcss.config.js                             |   4 -
 src/components/ReCropper/src/index.tsx        |   2 +-
 src/components/ReDialog/index.vue             |   2 +-
 src/components/RePureTableBar/src/bar.tsx     |  14 +-
 src/components/ReVxeTableBar/src/bar.tsx      |  14 +-
 src/layout/components/lay-navbar/index.vue    |   8 +-
 src/layout/components/lay-panel/index.vue     |   2 +-
 src/layout/components/lay-setting/index.vue   |   2 +-
 .../components/lay-sidebar/NavHorizontal.vue  |   6 +-
 src/layout/components/lay-sidebar/NavMix.vue  |   6 +-
 .../components/SidebarBreadCrumb.vue          |   4 +-
 .../lay-sidebar/components/SidebarItem.vue    |  10 +-
 .../components/SidebarTopCollapse.vue         |   2 +-
 src/layout/components/lay-tag/index.vue       |   2 +-
 src/layout/hooks/useNav.ts                    |   2 +-
 src/style/tailwind.css                        |  53 +-
 src/views/able/directives.vue                 |  12 +-
 src/views/able/print/index.vue                |   2 +-
 src/views/able/watermark.vue                  |   2 +-
 src/views/able/wavesurfer/index.vue           |   2 +-
 src/views/about/columns.tsx                   |   8 +-
 src/views/account-settings/index.vue          |   8 +-
 src/views/components/animatecss.vue           |   2 +-
 src/views/components/check-button.vue         |   2 +-
 src/views/components/date-picker.vue          |  16 +-
 src/views/components/datetime-picker.vue      |   4 +-
 src/views/components/dialog/form.vue          |   4 +-
 src/views/components/dialog/formPrimitive.vue |   2 +-
 src/views/components/drawer/form.vue          |   4 +-
 src/views/components/drawer/formPrimitive.vue |   2 +-
 src/views/components/tag.vue                  |   2 +-
 src/views/components/time-picker.vue          |  16 +-
 src/views/components/upload/form.vue          |   4 +-
 src/views/components/upload/index.vue         |   2 +-
 .../components/virtual-list/horizontal.vue    |   2 +-
 .../components/virtual-list/vertical.vue      |   2 +-
 src/views/login/index.vue                     |   8 +-
 src/views/monitor/logs/login/index.vue        |   6 +-
 src/views/monitor/logs/operation/index.vue    |   6 +-
 src/views/monitor/logs/system/index.vue       |   6 +-
 src/views/monitor/online/index.vue            |   4 +-
 src/views/permission/page/index.vue           |   2 +-
 src/views/system/dept/form.vue                |   2 +-
 src/views/system/dept/index.vue               |   6 +-
 src/views/system/menu/form.vue                |   2 +-
 src/views/system/menu/index.vue               |   4 +-
 src/views/system/role/index.vue               |  14 +-
 src/views/system/role/utils/hook.tsx          |   8 +-
 src/views/system/user/index.vue               |   8 +-
 src/views/system/user/tree.vue                |  14 +-
 src/views/system/user/utils/hook.tsx          |   8 +-
 src/views/table/edit/demo3/index.vue          |   2 +-
 .../high/table-select/multiple/index.vue      |   8 +-
 .../table/high/table-select/radio/index.vue   |   2 +-
 src/views/tabs/index.vue                      |   2 +-
 src/views/welcome/index.vue                   |   4 +-
 tailwind.config.ts                            |  19 -
 60 files changed, 517 insertions(+), 521 deletions(-)
 delete mode 100644 tailwind.config.ts

diff --git a/build/plugins.ts b/build/plugins.ts
index b2e45022b1..f9e8e020b1 100644
--- a/build/plugins.ts
+++ b/build/plugins.ts
@@ -5,6 +5,7 @@ import { viteBuildInfo } from "./info";
 import svgLoader from "vite-svg-loader";
 import type { PluginOption } from "vite";
 import vueJsx from "@vitejs/plugin-vue-jsx";
+import tailwindcss from "@tailwindcss/vite";
 import { configCompressPlugin } from "./compress";
 import removeNoMatch from "vite-plugin-router-warn";
 import { visualizer } from "rollup-plugin-visualizer";
@@ -19,6 +20,7 @@ export function getPluginsList(
 ): PluginOption[] {
   const lifecycle = process.env.npm_lifecycle_event;
   return [
+    tailwindcss(),
     vue(),
     // jsx、tsx语法支持
     vueJsx(),
diff --git a/package.json b/package.json
index d44d4747ff..a660b2b7be 100644
--- a/package.json
+++ b/package.json
@@ -121,6 +121,7 @@
     "@iconify-icons/ri": "^1.2.10",
     "@iconify/vue": "4.2.0",
     "@intlify/unplugin-vue-i18n": "^6.0.3",
+    "@tailwindcss/vite": "^4.0.13",
     "@types/codemirror": "^5.60.15",
     "@types/dagre": "^0.7.52",
     "@types/intro.js": "^5.1.5",
@@ -135,7 +136,6 @@
     "@typescript-eslint/parser": "^8.20.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "autoprefixer": "^10.4.20",
     "boxen": "^8.0.1",
     "code-inspector-plugin": "^0.19.2",
     "cssnano": "^7.0.6",
@@ -150,7 +150,7 @@
     "lint-staged": "^15.3.0",
     "postcss": "^8.5.1",
     "postcss-html": "^1.8.0",
-    "postcss-import": "^16.1.0",
+    "postcss-load-config": "^6.0.1",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
@@ -162,7 +162,7 @@
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.2",
     "svgo": "^3.3.2",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.13",
     "typescript": "^5.7.3",
     "vite": "^6.0.7",
     "vite-plugin-cdn-import": "^1.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6e56d5131d..f6ff0680f2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -225,6 +225,9 @@ importers:
       '@intlify/unplugin-vue-i18n':
         specifier: ^6.0.3
         version: 6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.18.0(jiti@2.4.2))(rollup@4.30.1)(typescript@5.7.3)(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
+      '@tailwindcss/vite':
+        specifier: ^4.0.13
+        version: 4.0.13(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))
       '@types/codemirror':
         specifier: ^5.60.15
         version: 5.60.15
@@ -263,13 +266,10 @@ importers:
         version: 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.7.3)
       '@vitejs/plugin-vue':
         specifier: ^5.2.1
-        version: 5.2.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
+        version: 5.2.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^4.1.1
-        version: 4.1.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
-      autoprefixer:
-        specifier: ^10.4.20
-        version: 10.4.20(postcss@8.5.1)
+        version: 4.1.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))
       boxen:
         specifier: ^8.0.1
         version: 8.0.1
@@ -312,9 +312,9 @@ importers:
       postcss-html:
         specifier: ^1.8.0
         version: 1.8.0
-      postcss-import:
-        specifier: ^16.1.0
-        version: 16.1.0(postcss@8.5.1)
+      postcss-load-config:
+        specifier: ^6.0.1
+        version: 6.0.1(jiti@2.4.2)(postcss@8.5.1)(yaml@2.7.0)
       postcss-scss:
         specifier: ^4.0.9
         version: 4.0.9(postcss@8.5.1)
@@ -349,20 +349,20 @@ importers:
         specifier: ^3.3.2
         version: 3.3.2
       tailwindcss:
-        specifier: ^3.4.17
-        version: 3.4.17
+        specifier: ^4.0.13
+        version: 4.0.13
       typescript:
         specifier: ^5.7.3
         version: 5.7.3
       vite:
         specifier: ^6.0.7
-        version: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)
+        version: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)
       vite-plugin-cdn-import:
         specifier: ^1.0.1
-        version: 1.0.1(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))
+        version: 1.0.1(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))
       vite-plugin-compression:
         specifier: ^0.5.1
-        version: 0.5.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))
+        version: 0.5.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))
       vite-plugin-fake-server:
         specifier: ^2.2.0
         version: 2.2.0
@@ -384,10 +384,6 @@ importers:
 
 packages:
 
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
   '@amap/amap-jsapi-loader@1.0.1':
     resolution: {integrity: sha512-nPyLKt7Ow/ThHLkSvn2etQlUzqxmTVgK7bIgwdBRTg2HK5668oN7xVxkaiRe3YZEzGzfV2XgH5Jmu2T73ljejw==}
 
@@ -976,6 +972,10 @@ packages:
     resolution: {integrity: sha512-lH164+aDDptHZ3dBDbIhRa1dOPQUp+83iugpc+1upTOWCnwyC1PVis6rSWNMMJ8VQxvtHQB9JMib48K55y0PvQ==}
     engines: {node: '>= 16'}
 
+  '@intlify/shared@11.1.2':
+    resolution: {integrity: sha512-dF2iMMy8P9uKVHV/20LA1ulFLL+MKSbfMiixSmn6fpwqzvix38OIc7ebgnFbBqElvghZCW9ACtzKTGKsTGTWGA==}
+    engines: {node: '>= 16'}
+
   '@intlify/unplugin-vue-i18n@6.0.3':
     resolution: {integrity: sha512-9ZDjBlhUHtgjRl23TVcgfJttgu8cNepwVhWvOv3mUMRDAhjW0pur1mWKEUKr1I8PNwE4Gvv2IQ1xcl4RL0nG0g==}
     engines: {node: '>= 18'}
@@ -1277,10 +1277,6 @@ packages:
     resolution: {integrity: sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==}
     engines: {node: '>= 10.0.0'}
 
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
   '@pkgr/core@0.1.1':
     resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -1436,6 +1432,88 @@ packages:
   '@sxzz/popperjs-es@2.11.7':
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
 
+  '@tailwindcss/node@4.0.13':
+    resolution: {integrity: sha512-P9TmtE9Vew0vv5FwyD4bsg/dHHsIsAuUXkenuGUc5gm8fYgaxpdoxIKngCyEMEQxyCKR8PQY5V5VrrKNOx7exg==}
+
+  '@tailwindcss/oxide-android-arm64@4.0.13':
+    resolution: {integrity: sha512-+9zmwaPQ8A9ycDcdb+hRkMn6NzsmZ4YJBsW5Xqq5EdOu9xlIgmuMuJauVzDPB5BSbIWfhPdZ+le8NeRZpl1coA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.13':
+    resolution: {integrity: sha512-Bj1QGlEJSjs/205CIRfb5/jeveOqzJ4pFMdRxu0gyiYWxBRyxsExXqaD+7162wnLP/EDKh6S1MC9E/1GwEhLtA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.0.13':
+    resolution: {integrity: sha512-lRTkxjTpMGXhLLM5GjZ0MtjPczMuhAo9j7PeSsaU6Imkm7W7RbrXfT8aP934kS7cBBV+HKN5U19Z0WWaORfb8Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.13':
+    resolution: {integrity: sha512-p/YLyKhs+xFibVeAPlpMGDVMKgjChgzs12VnDFaaqRSJoOz+uJgRSKiir2tn50e7Nm4YYw35q/DRBwpDBNo1MQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.13':
+    resolution: {integrity: sha512-Ua/5ydE/QOTX8jHuc7M9ICWnaLi6K2MV/r+Ws2OppsOjy8tdlPbqYainJJ6Kl7ofm524K+4Fk9CQITPzeIESPw==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.13':
+    resolution: {integrity: sha512-/W1+Q6tBAVgZWh/bhfOHo4n7Ryh6E7zYj4bJd9SRbkPyLtRioyK3bi6RLuDj57sa7Amk/DeomSV9iycS0xqIPA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.13':
+    resolution: {integrity: sha512-GQj6TWevNxwsYw20FdT2r2d1f7uiRsF07iFvNYxPIvIyPEV74eZ0zgFEsAH1daK1OxPy+LXdZ4grV17P5tVzhQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.13':
+    resolution: {integrity: sha512-sQRH09faifF9w9WS6TKDWr1oLi4hoPx0EIWXZHQK/jcjarDpXGQ2DbF0KnALJCwWBxOIP/1nrmU01fZwwMzY3g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.13':
+    resolution: {integrity: sha512-Or1N8DIF3tP+LsloJp+UXLTIMMHMUcWXFhJLCsM4T7MzFzxkeReewRWXfk5mk137cdqVeUEH/R50xAhY1mOkTQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.13':
+    resolution: {integrity: sha512-u2mQyqCFrr9vVTP6sfDRfGE6bhOX3/7rInehzxNhHX1HYRIx09H3sDdXzTxnZWKOjIg3qjFTCrYFUZckva5PIg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.13':
+    resolution: {integrity: sha512-sOEc4iCanp1Yqyeu9suQcEzfaUcHnqjBUgDg0ZXpjUMUwdSi37S1lu1RGoV1BYInvvGu3y3HHTmvsSfDhx2L8w==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.0.13':
+    resolution: {integrity: sha512-pTH3Ex5zAWC9LbS+WsYAFmkXQW3NRjmvxkKJY3NP1x0KHBWjz0Q2uGtdGMJzsa0EwoZ7wq9RTbMH1UNPceCpWw==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/vite@4.0.13':
+    resolution: {integrity: sha512-0XTd/NoVUAktIDaA4MdXhve0QWYh7WlZg20EHCuBFR80F8FhbVkRX+AY5cjbUP/IO2itHzt0iHc0iSE5kBUMhQ==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6
+
   '@tootallnate/once@1.1.2':
     resolution: {integrity: sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==}
     engines: {node: '>= 6'}
@@ -1909,16 +1987,10 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
 
@@ -1945,13 +2017,6 @@ packages:
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
-  autoprefixer@10.4.20:
-    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
   axios@1.7.9:
     resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
 
@@ -1989,10 +2054,6 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   bl@4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
 
@@ -2059,10 +2120,6 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
   camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
@@ -2104,10 +2161,6 @@ packages:
   china-area-data@5.0.1:
     resolution: {integrity: sha512-BQDPpiv5Nn+018ekcJK2oSD9PAD+E1bvXB0wgabc//dFVS/KvRqCgg0QOEUt3vBkx9XzB5a9BmkJCEZDBxVjVw==}
 
-  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'}
@@ -2196,10 +2249,6 @@ packages:
     resolution: {integrity: sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==}
     engines: {node: '>=18'}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   commander@7.2.0:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
@@ -2465,13 +2514,14 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
+  detect-libc@2.0.3:
+    resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
+    engines: {node: '>=8'}
+
   detect-newline@3.1.0:
     resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
     engines: {node: '>=8'}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
   diff-match-patch@1.0.5:
     resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
 
@@ -2486,9 +2536,6 @@ packages:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   dom-serializer@2.0.0:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
 
@@ -2564,6 +2611,10 @@ packages:
   end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
 
+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+    engines: {node: '>=10.13.0'}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -2855,9 +2906,6 @@ packages:
     resolution: {integrity: sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==}
     engines: {node: '>=0.8'}
 
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-
   framesync@6.1.2:
     resolution: {integrity: sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==}
 
@@ -2932,10 +2980,6 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
-    hasBin: true
-
   glob@11.0.1:
     resolution: {integrity: sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==}
     engines: {node: 20 || >=22}
@@ -3126,10 +3170,6 @@ packages:
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-core-module@2.16.1:
     resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
@@ -3229,9 +3269,6 @@ packages:
     resolution: {integrity: sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==}
     engines: {node: '>=8'}
 
-  jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
-
   jackspeak@4.0.2:
     resolution: {integrity: sha512-bZsjR/iRjl1Nk1UkjGpAzLNfQtzuijhn2g+pbZb98HQ1Gk8vM9hfbxeMBP+M2/UUdwj0RqGG3mlvk2MsAqwvEw==}
     engines: {node: 20 || >=22}
@@ -3374,10 +3411,6 @@ packages:
       node-notifier:
         optional: true
 
-  jiti@1.21.7:
-    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
-    hasBin: true
-
   jiti@2.4.2:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
@@ -3493,6 +3526,74 @@ packages:
   lie@3.1.1:
     resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
 
+  lightningcss-darwin-arm64@1.29.2:
+    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.29.2:
+    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.29.2:
+    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.29.2:
+    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.29.2:
+    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
@@ -3596,9 +3697,6 @@ packages:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
 
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
   lru-cache@11.0.2:
     resolution: {integrity: sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==}
     engines: {node: 20 || >=22}
@@ -3755,9 +3853,6 @@ packages:
   muggle-string@0.4.1:
     resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   namespace-emitter@2.0.1:
     resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
 
@@ -3788,10 +3883,6 @@ packages:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
   normalize-wheel-es@1.2.0:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
 
@@ -3820,14 +3911,6 @@ packages:
     engines: {node: ^14.16.0 || >=16.10.0}
     hasBin: true
 
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
   object-inspect@1.13.3:
     resolution: {integrity: sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==}
     engines: {node: '>= 0.4'}
@@ -3926,10 +4009,6 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
-
   path-scurry@2.0.0:
     resolution: {integrity: sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==}
     engines: {node: 20 || >=22}
@@ -3975,10 +4054,6 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
   pinia@2.3.0:
     resolution: {integrity: sha512-ohZj3jla0LL0OH5PlLTDMzqKiVw2XARmC1XYLdLWIPBMdhDW/123ZWr4zVAhtJm+aoSkFa13pYXskAvAscIkhQ==}
     peerDependencies:
@@ -4065,34 +4140,22 @@ packages:
     resolution: {integrity: sha512-5mMeb1TgLWoRKxZ0Xh9RZDfwUUIqRrcxO2uXO+Ezl1N5lqpCiSU5Gk6+1kZediBfBHFtPCdopr2UZ2SgUsKcgQ==}
     engines: {node: ^12 || >=14}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-import@16.1.0:
-    resolution: {integrity: sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
+  postcss-load-config@6.0.1:
+    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
+    engines: {node: '>= 18'}
     peerDependencies:
+      jiti: '>=1.21.0'
       postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
+      tsx: ^4.8.1
+      yaml: ^2.4.2
     peerDependenciesMeta:
+      jiti:
+        optional: true
       postcss:
         optional: true
-      ts-node:
+      tsx:
+        optional: true
+      yaml:
         optional: true
 
   postcss-media-query-parser@0.2.3:
@@ -4134,12 +4197,6 @@ packages:
     peerDependencies:
       postcss: ^8.4.31
 
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
   postcss-normalize-charset@7.0.0:
     resolution: {integrity: sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
@@ -4330,17 +4387,10 @@ packages:
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   readable-stream@3.6.2:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   readdirp@4.1.1:
     resolution: {integrity: sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==}
     engines: {node: '>= 14.18.0'}
@@ -4729,11 +4779,6 @@ packages:
     engines: {node: '>=18.12.0'}
     hasBin: true
 
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -4777,10 +4822,12 @@ packages:
     resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
     engines: {node: '>=10.0.0'}
 
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.0.13:
+    resolution: {integrity: sha512-gbvFrB0fOsTv/OugXWi2PtflJ4S6/ctu6Mmn3bCftmLY/6xRsQVEJPgIIpABwpZ52DpONkCA3bEj5b54MHxF2Q==}
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
 
   tar@6.2.1:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
@@ -4798,13 +4845,6 @@ packages:
     resolution: {integrity: sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==}
     engines: {node: '>=8'}
 
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
   throat@6.0.2:
     resolution: {integrity: sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==}
 
@@ -4851,9 +4891,6 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   tslib@2.3.0:
     resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
 
@@ -5351,8 +5388,6 @@ packages:
 
 snapshots:
 
-  '@alloc/quick-lru@5.2.0': {}
-
   '@amap/amap-jsapi-loader@1.0.1': {}
 
   '@ampproject/remapping@2.3.0':
@@ -5945,12 +5980,14 @@ snapshots:
 
   '@intlify/shared@11.0.1': {}
 
+  '@intlify/shared@11.1.2': {}
+
   '@intlify/unplugin-vue-i18n@6.0.3(@vue/compiler-dom@3.5.13)(eslint@9.18.0(jiti@2.4.2))(rollup@4.30.1)(typescript@5.7.3)(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0(jiti@2.4.2))
       '@intlify/bundle-utils': 10.0.0(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))
-      '@intlify/shared': 11.0.1
-      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.0.1)(@vue/compiler-dom@3.5.13)(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
+      '@intlify/shared': 11.1.2
+      '@intlify/vue-i18n-extensions': 8.0.0(@intlify/shared@11.1.2)(@vue/compiler-dom@3.5.13)(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
       '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
       '@typescript-eslint/scope-manager': 8.20.0
       '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.7.3)
@@ -5972,11 +6009,11 @@ snapshots:
       - supports-color
       - typescript
 
-  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.0.1)(@vue/compiler-dom@3.5.13)(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
+  '@intlify/vue-i18n-extensions@8.0.0(@intlify/shared@11.1.2)(@vue/compiler-dom@3.5.13)(vue-i18n@11.0.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@babel/parser': 7.26.5
     optionalDependencies:
-      '@intlify/shared': 11.0.1
+      '@intlify/shared': 11.1.2
       '@vue/compiler-dom': 3.5.13
       vue: 3.5.13(typescript@5.7.3)
       vue-i18n: 11.0.1(vue@3.5.13(typescript@5.7.3))
@@ -6342,9 +6379,6 @@ snapshots:
       '@parcel/watcher-win32-x64': 2.5.0
     optional: true
 
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
-
   '@pkgr/core@0.1.1': {}
 
   '@popperjs/core@2.11.8': {}
@@ -6449,6 +6483,67 @@ snapshots:
 
   '@sxzz/popperjs-es@2.11.7': {}
 
+  '@tailwindcss/node@4.0.13':
+    dependencies:
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      tailwindcss: 4.0.13
+
+  '@tailwindcss/oxide-android-arm64@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.13':
+    optional: true
+
+  '@tailwindcss/oxide@4.0.13':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.0.13
+      '@tailwindcss/oxide-darwin-arm64': 4.0.13
+      '@tailwindcss/oxide-darwin-x64': 4.0.13
+      '@tailwindcss/oxide-freebsd-x64': 4.0.13
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.13
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.13
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.13
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.13
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.13
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.13
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.13
+
+  '@tailwindcss/vite@4.0.13(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))':
+    dependencies:
+      '@tailwindcss/node': 4.0.13
+      '@tailwindcss/oxide': 4.0.13
+      lightningcss: 1.29.2
+      tailwindcss: 4.0.13
+      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)
+
   '@tootallnate/once@1.1.2': {}
 
   '@transloadit/prettier-bytes@0.0.7': {}
@@ -6662,19 +6757,19 @@ snapshots:
       '@uppy/utils': 4.1.3
       nanoid: 3.3.8
 
-  '@vitejs/plugin-vue-jsx@4.1.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vitejs/plugin-vue-jsx@4.1.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-transform-typescript': 7.26.5(@babel/core@7.26.0)
       '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.0)
-      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)
+      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)
       vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.2.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
+  '@vitejs/plugin-vue@5.2.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
-      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)
+      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)
       vue: 3.5.13(typescript@5.7.3)
 
   '@volar/language-core@2.4.11':
@@ -7064,15 +7159,11 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  any-promise@1.3.0: {}
-
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  arg@5.0.2: {}
-
   argparse@1.0.10:
     dependencies:
       sprintf-js: 1.0.3
@@ -7093,16 +7184,6 @@ snapshots:
 
   asynckit@0.4.0: {}
 
-  autoprefixer@10.4.20(postcss@8.5.1):
-    dependencies:
-      browserslist: 4.24.4
-      caniuse-lite: 1.0.30001692
-      fraction.js: 4.3.7
-      normalize-range: 0.1.2
-      picocolors: 1.1.1
-      postcss: 8.5.1
-      postcss-value-parser: 4.2.0
-
   axios@1.7.9:
     dependencies:
       follow-redirects: 1.15.9
@@ -7173,8 +7254,6 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  binary-extensions@2.3.0: {}
-
   bl@4.1.0:
     dependencies:
       buffer: 5.7.1
@@ -7270,8 +7349,6 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  camelcase-css@2.0.1: {}
-
   camelcase@5.3.1: {}
 
   camelcase@6.3.0: {}
@@ -7308,18 +7385,6 @@ snapshots:
 
   china-area-data@5.0.1: {}
 
-  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.1
@@ -7416,8 +7481,6 @@ snapshots:
 
   commander@12.1.0: {}
 
-  commander@4.1.1: {}
-
   commander@7.2.0: {}
 
   commist@1.1.0:
@@ -7679,9 +7742,9 @@ snapshots:
   detect-libc@1.0.3:
     optional: true
 
-  detect-newline@3.1.0: {}
+  detect-libc@2.0.3: {}
 
-  didyoumean@1.2.2: {}
+  detect-newline@3.1.0: {}
 
   diff-match-patch@1.0.5: {}
 
@@ -7693,8 +7756,6 @@ snapshots:
     dependencies:
       path-type: 4.0.0
 
-  dlv@1.1.3: {}
-
   dom-serializer@2.0.0:
     dependencies:
       domelementtype: 2.3.0
@@ -7795,6 +7856,11 @@ snapshots:
     dependencies:
       once: 1.4.0
 
+  enhanced-resolve@5.18.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
   entities@4.5.0: {}
 
   env-paths@2.2.1: {}
@@ -8149,8 +8215,6 @@ snapshots:
 
   frac@1.1.2: {}
 
-  fraction.js@4.3.7: {}
-
   framesync@6.1.2:
     dependencies:
       tslib: 2.4.0
@@ -8233,15 +8297,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.4.5:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 3.4.3
-      minimatch: 9.0.5
-      minipass: 7.1.2
-      package-json-from-dist: 1.0.1
-      path-scurry: 1.11.1
-
   glob@11.0.1:
     dependencies:
       foreground-child: 3.3.0
@@ -8429,10 +8484,6 @@ snapshots:
 
   is-arrayish@0.2.1: {}
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
@@ -8518,12 +8569,6 @@ snapshots:
       html-escaper: 2.0.2
       istanbul-lib-report: 3.0.1
 
-  jackspeak@3.4.3:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
   jackspeak@4.0.2:
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -8885,8 +8930,6 @@ snapshots:
       - ts-node
       - utf-8-validate
 
-  jiti@1.21.7: {}
-
   jiti@2.4.2: {}
 
   js-cookie@3.0.5: {}
@@ -9009,6 +9052,51 @@ snapshots:
     dependencies:
       immediate: 3.0.6
 
+  lightningcss-darwin-arm64@1.29.2:
+    optional: true
+
+  lightningcss-darwin-x64@1.29.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.29.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.29.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.29.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.29.2:
+    optional: true
+
+  lightningcss@1.29.2:
+    dependencies:
+      detect-libc: 2.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.29.2
+      lightningcss-darwin-x64: 1.29.2
+      lightningcss-freebsd-x64: 1.29.2
+      lightningcss-linux-arm-gnueabihf: 1.29.2
+      lightningcss-linux-arm64-gnu: 1.29.2
+      lightningcss-linux-arm64-musl: 1.29.2
+      lightningcss-linux-x64-gnu: 1.29.2
+      lightningcss-linux-x64-musl: 1.29.2
+      lightningcss-win32-arm64-msvc: 1.29.2
+      lightningcss-win32-x64-msvc: 1.29.2
+
   lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
@@ -9111,8 +9199,6 @@ snapshots:
       strip-ansi: 7.1.0
       wrap-ansi: 9.0.0
 
-  lru-cache@10.4.3: {}
-
   lru-cache@11.0.2: {}
 
   lru-cache@5.1.1:
@@ -9270,12 +9356,6 @@ snapshots:
 
   muggle-string@0.4.1: {}
 
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
   namespace-emitter@2.0.1: {}
 
   nanoid@3.3.8: {}
@@ -9296,8 +9376,6 @@ snapshots:
 
   normalize-path@3.0.0: {}
 
-  normalize-range@0.1.2: {}
-
   normalize-wheel-es@1.2.0: {}
 
   npm-run-path@4.0.1:
@@ -9333,10 +9411,6 @@ snapshots:
       ufo: 1.5.4
     optional: true
 
-  object-assign@4.1.1: {}
-
-  object-hash@3.0.0: {}
-
   object-inspect@1.13.3: {}
 
   ohash@1.1.4:
@@ -9428,11 +9502,6 @@ snapshots:
 
   path-parse@1.0.7: {}
 
-  path-scurry@1.11.1:
-    dependencies:
-      lru-cache: 10.4.3
-      minipass: 7.1.2
-
   path-scurry@2.0.0:
     dependencies:
       lru-cache: 11.0.2
@@ -9464,8 +9533,6 @@ snapshots:
 
   pidtree@0.6.0: {}
 
-  pify@2.3.0: {}
-
   pinia@2.3.0(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
@@ -9559,31 +9626,13 @@ snapshots:
       postcss: 8.5.1
       postcss-safe-parser: 6.0.0(postcss@8.5.1)
 
-  postcss-import@15.1.0(postcss@8.5.1):
-    dependencies:
-      postcss: 8.5.1
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.10
-
-  postcss-import@16.1.0(postcss@8.5.1):
-    dependencies:
-      postcss: 8.5.1
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.10
-
-  postcss-js@4.0.1(postcss@8.5.1):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.5.1
-
-  postcss-load-config@4.0.2(postcss@8.5.1):
+  postcss-load-config@6.0.1(jiti@2.4.2)(postcss@8.5.1)(yaml@2.7.0):
     dependencies:
       lilconfig: 3.1.3
-      yaml: 2.7.0
     optionalDependencies:
+      jiti: 2.4.2
       postcss: 8.5.1
+      yaml: 2.7.0
 
   postcss-media-query-parser@0.2.3: {}
 
@@ -9626,11 +9675,6 @@ snapshots:
       postcss: 8.5.1
       postcss-selector-parser: 6.1.2
 
-  postcss-nested@6.2.0(postcss@8.5.1):
-    dependencies:
-      postcss: 8.5.1
-      postcss-selector-parser: 6.1.2
-
   postcss-normalize-charset@7.0.0(postcss@8.5.1):
     dependencies:
       postcss: 8.5.1
@@ -9800,20 +9844,12 @@ snapshots:
 
   react-is@17.0.2: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   readable-stream@3.6.2:
     dependencies:
       inherits: 2.0.4
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.1
-
   readdirp@4.1.1: {}
 
   regenerator-runtime@0.14.1: {}
@@ -10232,16 +10268,6 @@ snapshots:
       - supports-color
       - typescript
 
-  sucrase@3.35.0:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      commander: 4.1.1
-      glob: 10.4.5
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.6
-      ts-interface-checker: 0.1.13
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -10291,32 +10317,9 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
 
-  tailwindcss@3.4.17:
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.3
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.5.1
-      postcss-import: 15.1.0(postcss@8.5.1)
-      postcss-js: 4.0.1(postcss@8.5.1)
-      postcss-load-config: 4.0.2(postcss@8.5.1)
-      postcss-nested: 6.2.0(postcss@8.5.1)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.10
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
+  tailwindcss@4.0.13: {}
+
+  tapable@2.2.1: {}
 
   tar@6.2.1:
     dependencies:
@@ -10341,14 +10344,6 @@ snapshots:
 
   text-extensions@2.4.0: {}
 
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
   throat@6.0.2: {}
 
   through@2.3.8: {}
@@ -10394,8 +10389,6 @@ snapshots:
     dependencies:
       typescript: 5.7.3
 
-  ts-interface-checker@0.1.13: {}
-
   tslib@2.3.0: {}
 
   tslib@2.4.0: {}
@@ -10537,30 +10530,30 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-cdn-import@1.0.1(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)):
+  vite-plugin-cdn-import@1.0.1(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)):
     dependencies:
       rollup-plugin-external-globals: 0.10.0(rollup@4.30.1)
-      vite-plugin-externals: 0.6.2(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0))
+      vite-plugin-externals: 0.6.2(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0))
     transitivePeerDependencies:
       - rollup
       - vite
 
-  vite-plugin-compression@0.5.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)):
+  vite-plugin-compression@0.5.1(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)):
     dependencies:
       chalk: 4.1.2
       debug: 4.4.0
       fs-extra: 10.1.0
-      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)
+      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-externals@0.6.2(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)):
+  vite-plugin-externals@0.6.2(vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)):
     dependencies:
       acorn: 8.14.0
       es-module-lexer: 0.4.1
       fs-extra: 10.1.0
       magic-string: 0.25.9
-      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0)
+      vite: 6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0)
 
   vite-plugin-fake-server@2.2.0:
     dependencies:
@@ -10579,7 +10572,7 @@ snapshots:
       svgo: 3.3.2
       vue: 3.5.13(typescript@5.7.3)
 
-  vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(sass@1.83.4)(yaml@2.7.0):
+  vite@6.0.7(@types/node@20.17.13)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.83.4)(yaml@2.7.0):
     dependencies:
       esbuild: 0.24.2
       postcss: 8.5.1
@@ -10588,6 +10581,7 @@ snapshots:
       '@types/node': 20.17.13
       fsevents: 2.3.3
       jiti: 2.4.2
+      lightningcss: 1.29.2
       sass: 1.83.4
       yaml: 2.7.0
 
diff --git a/postcss.config.js b/postcss.config.js
index 86239486c3..cdc3694a39 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -3,10 +3,6 @@
 /** @type {import('postcss-load-config').Config} */
 export default {
   plugins: {
-    "postcss-import": {},
-    "tailwindcss/nesting": {},
-    tailwindcss: {},
-    autoprefixer: {},
     ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {})
   }
 };
diff --git a/src/components/ReCropper/src/index.tsx b/src/components/ReCropper/src/index.tsx
index 826ffd0a98..073c6ea63b 100644
--- a/src/components/ReCropper/src/index.tsx
+++ b/src/components/ReCropper/src/index.tsx
@@ -119,7 +119,7 @@ export default defineComponent({
         "p-[6px]",
         "h-[30px]",
         "w-[30px]",
-        "outline-none",
+        "outline-hidden",
         "rounded-[4px]",
         "cursor-pointer",
         "hover:bg-[rgba(0,0,0,0.06)]"
diff --git a/src/components/ReDialog/index.vue b/src/components/ReDialog/index.vue
index 23a0106e3a..c51c3d13a5 100644
--- a/src/components/ReDialog/index.vue
+++ b/src/components/ReDialog/index.vue
@@ -79,7 +79,7 @@ const fullscreenClass = computed(() => {
     "el-dialog__close",
     "-translate-x-2",
     "cursor-pointer",
-    "hover:!text-[red]"
+    "hover:text-[red]!"
   ];
 });
 
diff --git a/src/components/RePureTableBar/src/bar.tsx b/src/components/RePureTableBar/src/bar.tsx
index de98fed893..eb4698bb95 100644
--- a/src/components/RePureTableBar/src/bar.tsx
+++ b/src/components/RePureTableBar/src/bar.tsx
@@ -87,9 +87,9 @@ export default defineComponent({
         "text-black",
         "dark:text-white",
         "duration-100",
-        "hover:!text-primary",
+        "hover:text-primary!",
         "cursor-pointer",
-        "outline-none"
+        "outline-hidden"
       ];
     });
 
@@ -255,12 +255,12 @@ export default defineComponent({
         <div
           {...attrs}
           class={[
-            "w-[99/100]",
+            "w-99/100",
             "px-2",
             "pb-2",
             "bg-bg_color",
             isFullscreen.value
-              ? ["!w-full", "!h-full", "z-[2002]", "fixed", "inset-0"]
+              ? ["w-full!", "h-full!", "z-2002", "fixed", "inset-0"]
               : "mt-2"
           ]}
         >
@@ -317,7 +317,7 @@ export default defineComponent({
               >
                 <div class={[topClass.value]}>
                   <el-checkbox
-                    class="!-mr-1"
+                    class="-mr-1!"
                     label="列展示"
                     v-model={checkAll.value}
                     indeterminate={isIndeterminate.value}
@@ -347,8 +347,8 @@ export default defineComponent({
                                 class={[
                                   "drag-btn w-[16px] mr-2",
                                   isFixedColumn(item)
-                                    ? "!cursor-no-drop"
-                                    : "!cursor-grab"
+                                    ? "cursor-no-drop!"
+                                    : "cursor-grab!"
                                 ]}
                                 onMouseenter={(event: {
                                   preventDefault: () => void;
diff --git a/src/components/ReVxeTableBar/src/bar.tsx b/src/components/ReVxeTableBar/src/bar.tsx
index 2e5216cac8..f1978eaaa2 100644
--- a/src/components/ReVxeTableBar/src/bar.tsx
+++ b/src/components/ReVxeTableBar/src/bar.tsx
@@ -80,9 +80,9 @@ export default defineComponent({
         "text-black",
         "dark:text-white",
         "duration-100",
-        "hover:!text-primary",
+        "hover:text-primary!",
         "cursor-pointer",
-        "outline-none"
+        "outline-hidden"
       ];
     });
 
@@ -248,12 +248,12 @@ export default defineComponent({
         <div
           {...attrs}
           class={[
-            "w-[99/100]",
+            "w-99/100",
             "px-2",
             "pb-2",
             "bg-bg_color",
             isFullscreen.value
-              ? ["!w-full", "!h-full", "z-[2002]", "fixed", "inset-0"]
+              ? ["w-full!", "h-full!", "z-2002", "fixed", "inset-0"]
               : "mt-2"
           ]}
         >
@@ -310,7 +310,7 @@ export default defineComponent({
               >
                 <div class={[topClass.value]}>
                   <el-checkbox
-                    class="!-mr-1"
+                    class="-mr-1!"
                     label="列展示"
                     v-model={checkAll.value}
                     indeterminate={isIndeterminate.value}
@@ -340,8 +340,8 @@ export default defineComponent({
                                 class={[
                                   "drag-btn w-[16px] mr-2",
                                   isFixedColumn(item)
-                                    ? "!cursor-no-drop"
-                                    : "!cursor-grab"
+                                    ? "cursor-no-drop!"
+                                    : "cursor-grab!"
                                 ]}
                                 onMouseenter={(event: {
                                   preventDefault: () => void;
diff --git a/src/layout/components/lay-navbar/index.vue b/src/layout/components/lay-navbar/index.vue
index 691d880efa..135ba66e90 100644
--- a/src/layout/components/lay-navbar/index.vue
+++ b/src/layout/components/lay-navbar/index.vue
@@ -33,7 +33,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
 </script>
 
 <template>
-  <div class="navbar bg-[#fff] shadow-sm shadow-[rgba(0,21,41,0.08)]">
+  <div class="navbar bg-[#fff] shadow-xs shadow-[rgba(0,21,41,0.08)]">
     <LaySidebarTopCollapse
       v-if="device === 'mobile'"
       class="hamburger-container"
@@ -54,13 +54,13 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
       <!-- 国际化 -->
       <el-dropdown id="header-translation" trigger="click">
         <GlobalizationIcon
-          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-none"
+          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
         />
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'zh')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'zh')]"
               @click="translationCh"
             >
               <IconifyIconOffline
@@ -72,7 +72,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
             </el-dropdown-item>
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'en')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
               <span v-show="locale === 'en'" class="check-en">
diff --git a/src/layout/components/lay-panel/index.vue b/src/layout/components/lay-panel/index.vue
index fb4fb20a42..e05348ed33 100644
--- a/src/layout/components/lay-panel/index.vue
+++ b/src/layout/components/lay-panel/index.vue
@@ -16,7 +16,7 @@ const iconClass = computed(() => {
     "flex",
     "justify-center",
     "items-center",
-    "outline-none",
+    "outline-hidden",
     "rounded-[4px]",
     "cursor-pointer",
     "transition-colors",
diff --git a/src/layout/components/lay-setting/index.vue b/src/layout/components/lay-setting/index.vue
index db931ba4da..c154ff2bd8 100644
--- a/src/layout/components/lay-setting/index.vue
+++ b/src/layout/components/lay-setting/index.vue
@@ -429,7 +429,7 @@ onUnmounted(() => removeMatchMedia);
               height="20"
             />
             <div
-              class="flex-grow border-b border-dashed"
+              class="grow border-b border-dashed"
               style="border-color: var(--el-color-primary)"
             />
             <IconifyIconOffline
diff --git a/src/layout/components/lay-sidebar/NavHorizontal.vue b/src/layout/components/lay-sidebar/NavHorizontal.vue
index 6a2cd87ecc..345fc0dfbb 100644
--- a/src/layout/components/lay-sidebar/NavHorizontal.vue
+++ b/src/layout/components/lay-sidebar/NavHorizontal.vue
@@ -84,13 +84,13 @@ onMounted(() => {
       <!-- 国际化 -->
       <el-dropdown id="header-translation" trigger="click">
         <GlobalizationIcon
-          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-none"
+          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
         />
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'zh')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'zh')]"
               @click="translationCh"
             >
               <span v-show="locale === 'zh'" class="check-zh">
@@ -100,7 +100,7 @@ onMounted(() => {
             </el-dropdown-item>
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'en')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
               <span v-show="locale === 'en'" class="check-en">
diff --git a/src/layout/components/lay-sidebar/NavMix.vue b/src/layout/components/lay-sidebar/NavMix.vue
index c1562f2bce..1f40092288 100644
--- a/src/layout/components/lay-sidebar/NavMix.vue
+++ b/src/layout/components/lay-sidebar/NavMix.vue
@@ -105,13 +105,13 @@ watch(
       <!-- 国际化 -->
       <el-dropdown id="header-translation" trigger="click">
         <GlobalizationIcon
-          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-none"
+          class="navbar-bg-hover w-[40px] h-[48px] p-[11px] cursor-pointer outline-hidden"
         />
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'zh')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'zh')]"
               @click="translationCh"
             >
               <span v-show="locale === 'zh'" class="check-zh">
@@ -121,7 +121,7 @@ watch(
             </el-dropdown-item>
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'en')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
               <span v-show="locale === 'en'" class="check-en">
diff --git a/src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue b/src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue
index 417b839476..a7baa2fd75 100644
--- a/src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue
@@ -105,12 +105,12 @@ watch(
 </script>
 
 <template>
-  <el-breadcrumb class="!leading-[50px] select-none" separator="/">
+  <el-breadcrumb class="leading-[50px]! select-none" separator="/">
     <transition-group name="breadcrumb">
       <el-breadcrumb-item
         v-for="item in levelList"
         :key="item.path"
-        class="!inline !items-stretch"
+        class="inline! items-stretch!"
       >
         <a @click.prevent="handleLink(item)">
           {{ transformI18n(item.meta.title) }}
diff --git a/src/layout/components/lay-sidebar/components/SidebarItem.vue b/src/layout/components/lay-sidebar/components/SidebarItem.vue
index edf4e8fe86..7f7af818ee 100644
--- a/src/layout/components/lay-sidebar/components/SidebarItem.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarItem.vue
@@ -144,7 +144,7 @@ function resolvePath(routePath) {
             item?.pathList?.length === 2)
         "
         truncated
-        class="!w-full !pl-4 !text-inherit"
+        class="w-full! pl-4! text-inherit!"
       >
         {{ transformI18n(onlyOneChild.meta.title) }}
       </el-text>
@@ -156,7 +156,7 @@ function resolvePath(routePath) {
               offset: [0, -10],
               theme: tooltipEffect
             }"
-            class="!w-full !text-inherit"
+            class="w-full! text-inherit!"
           >
             {{ transformI18n(onlyOneChild.meta.title) }}
           </ReText>
@@ -196,9 +196,9 @@ function resolvePath(routePath) {
           theme: tooltipEffect
         }"
         :class="{
-          '!w-full': true,
-          '!text-inherit': true,
-          '!pl-4':
+          'w-full!': true,
+          'text-inherit!': true,
+          'pl-4!':
             layout !== 'horizontal' &&
             isCollapse &&
             !toRaw(item.meta.icon) &&
diff --git a/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue b/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
index c2f1b5ad0d..905b6170da 100644
--- a/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
@@ -32,7 +32,7 @@ const toggleClick = () => {
   >
     <IconifyIconOffline
       :icon="isActive ? MenuFold : MenuUnfold"
-      class="inline-block align-middle hover:text-primary dark:hover:!text-white"
+      class="inline-block align-middle hover:text-primary dark:hover:text-white!"
     />
   </div>
 </template>
diff --git a/src/layout/components/lay-tag/index.vue b/src/layout/components/lay-tag/index.vue
index 193b7be609..8ba570e9ab 100644
--- a/src/layout/components/lay-tag/index.vue
+++ b/src/layout/components/lay-tag/index.vue
@@ -589,7 +589,7 @@ onBeforeUnmount(() => {
         >
           <template v-if="showModel !== 'chrome'">
             <span
-              class="tag-title dark:!text-text_color_primary dark:hover:!text-primary"
+              class="tag-title dark:text-text_color_primary! dark:hover:text-primary!"
             >
               {{ transformI18n(item.meta.title) }}
             </span>
diff --git a/src/layout/hooks/useNav.ts b/src/layout/hooks/useNav.ts
index 33e6df4773..e6c846e414 100644
--- a/src/layout/hooks/useNav.ts
+++ b/src/layout/hooks/useNav.ts
@@ -64,7 +64,7 @@ export function useNav() {
 
   const getDropdownItemClass = computed(() => {
     return (locale, t) => {
-      return locale === t ? "" : "dark:hover:!text-primary";
+      return locale === t ? "" : "dark:hover:text-primary!";
     };
   });
 
diff --git a/src/style/tailwind.css b/src/style/tailwind.css
index 3e48b68718..3cde6e8535 100644
--- a/src/style/tailwind.css
+++ b/src/style/tailwind.css
@@ -1,21 +1,44 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
-@layer components {
-  .flex-c {
-    @apply flex justify-center items-center;
-  }
+@custom-variant dark (&:is(.dark *));
 
-  .flex-ac {
-    @apply flex justify-around items-center;
-  }
+@theme {
+  --color-bg_color: var(--el-bg-color);
+  --color-primary: var(--el-color-primary);
+  --color-text_color_primary: var(--el-text-color-primary);
+  --color-text_color_regular: var(--el-text-color-regular);
+}
 
-  .flex-bc {
-    @apply flex justify-between items-center;
-  }
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
 
-  .navbar-bg-hover {
-    @apply dark:text-white dark:hover:!bg-[#242424];
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
   }
 }
+
+@utility flex-c {
+  @apply flex justify-center items-center;
+}
+
+@utility flex-ac {
+  @apply flex justify-around items-center;
+}
+
+@utility flex-bc {
+  @apply flex justify-between items-center;
+}
+
+@utility navbar-bg-hover {
+  @apply dark:text-white dark:hover:bg-[#242424]!;
+}
diff --git a/src/views/able/directives.vue b/src/views/able/directives.vue
index 0ed0d1af4c..447065b814 100644
--- a/src/views/able/directives.vue
+++ b/src/views/able/directives.vue
@@ -76,7 +76,7 @@ function onReset() {
           immediate: true,
           timeout: 1000
         }"
-        class="!w-[200px]"
+        class="w-[200px]!"
         clearable
         @clear="onInput"
       />
@@ -86,7 +86,7 @@ function onReset() {
       <el-input
         v-model="searchTwo"
         v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
-        class="!w-[200px]"
+        class="w-[200px]!"
         clearable
       />
     </div>
@@ -100,7 +100,7 @@ function onReset() {
           timeout: 400,
           params: { name: '小明', sex: '男' }
         }"
-        class="!w-[200px]"
+        class="w-[200px]!"
         clearable
       />
     </div>
@@ -112,7 +112,7 @@ function onReset() {
       <el-input
         v-model="searchFour"
         v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
-        class="!w-[200px]"
+        class="w-[200px]!"
         clearable
       />
     </div>
@@ -125,7 +125,7 @@ function onReset() {
           fn: onInputFive,
           params: { name: '小明', sex: '男' }
         }"
-        class="!w-[200px]"
+        class="w-[200px]!"
         clearable
       />
     </div>
@@ -134,7 +134,7 @@ function onReset() {
 
     <div class="mb-2">
       文本复制指令（双击输入框内容即可复制）
-      <el-input v-model="searchSix" v-copy="searchSix" class="!w-[200px]" />
+      <el-input v-model="searchSix" v-copy="searchSix" class="w-[200px]!" />
     </div>
     <div>
       文本复制指令（自定义触发事件，单击复制）
diff --git a/src/views/able/print/index.vue b/src/views/able/print/index.vue
index de1d1d453f..9bef733ae3 100644
--- a/src/views/able/print/index.vue
+++ b/src/views/able/print/index.vue
@@ -83,7 +83,7 @@ const tableData: User[] = [
         <span class="font-medium">打印功能（报表、图表、图片）</span>
         <el-select
           v-model="value"
-          class="!w-[100px] mr-2"
+          class="w-[100px]! mr-2"
           placeholder="Select"
           size="small"
         >
diff --git a/src/views/able/watermark.vue b/src/views/able/watermark.vue
index 156ba053b2..cf8647c258 100644
--- a/src/views/able/watermark.vue
+++ b/src/views/able/watermark.vue
@@ -53,7 +53,7 @@ onBeforeUnmount(() => {
         代码位置 src/views/able/watermark.vue
       </el-link>
     </template>
-    <el-space wrap class="!mb-2">
+    <el-space wrap class="mb-2!">
       <span> 请输入要创建水印的值：</span>
       <el-input v-model="value" class="mr-4" style="width: 200px" clearable />
       <span>请选择要创建水印的颜色：</span>
diff --git a/src/views/able/wavesurfer/index.vue b/src/views/able/wavesurfer/index.vue
index a73b01e480..f2117dcd19 100644
--- a/src/views/able/wavesurfer/index.vue
+++ b/src/views/able/wavesurfer/index.vue
@@ -103,7 +103,7 @@ onBeforeUnmount(() => {
     </template>
     <div
       v-loading="loading"
-      class="w-8/12 !m-auto !mt-[20px]"
+      class="w-8/12 m-auto! mt-[20px]!"
       element-loading-background="transparent"
     >
       <div ref="wavesurferRef" />
diff --git a/src/views/about/columns.tsx b/src/views/about/columns.tsx
index 4a93e26478..39f70b1bd2 100644
--- a/src/views/about/columns.tsx
+++ b/src/views/about/columns.tsx
@@ -7,7 +7,7 @@ export function useColumns() {
       minWidth: 100,
       cellRenderer: () => {
         return (
-          <el-tag size="large" class="!text-base">
+          <el-tag size="large" class="text-base!">
             {version}
           </el-tag>
         );
@@ -18,7 +18,7 @@ export function useColumns() {
       minWidth: 120,
       cellRenderer: () => {
         return (
-          <el-tag size="large" class="!text-base">
+          <el-tag size="large" class="text-base!">
             {lastBuildTime}
           </el-tag>
         );
@@ -29,7 +29,7 @@ export function useColumns() {
       minWidth: 140,
       cellRenderer: () => {
         return (
-          <el-tag size="large" class="!text-base">
+          <el-tag size="large" class="text-base!">
             {engines.node}
           </el-tag>
         );
@@ -40,7 +40,7 @@ export function useColumns() {
       minWidth: 140,
       cellRenderer: () => {
         return (
-          <el-tag size="large" class="!text-base">
+          <el-tag size="large" class="text-base!">
             {engines.pnpm}
           </el-tag>
         );
diff --git a/src/views/account-settings/index.vue b/src/views/account-settings/index.vue
index 7764e7863d..1c93e69869 100644
--- a/src/views/account-settings/index.vue
+++ b/src/views/account-settings/index.vue
@@ -70,12 +70,12 @@ getMine().then(res => {
   <el-container class="h-full">
     <el-aside
       v-if="isOpen"
-      class="pure-account-settings overflow-hidden px-2 dark:!bg-[var(--el-bg-color)] border-r-[1px] border-[var(--pure-border-color)]"
+      class="pure-account-settings overflow-hidden px-2 dark:bg-(--el-bg-color)! border-r-[1px] border-[var(--pure-border-color)]"
       :width="deviceDetection() ? '180px' : '240px'"
     >
       <el-menu :default-active="witchPane" class="pure-account-settings-menu">
         <el-menu-item
-          class="hover:!transition-all hover:!duration-200 hover:!text-base !h-[50px]"
+          class="hover:transition-all! hover:duration-200! hover:text-base! h-[50px]!"
           @click="router.go(-1)"
         >
           <div class="flex items-center">
@@ -86,10 +86,10 @@ getMine().then(res => {
         <div class="flex items-center ml-8 mt-4 mb-4">
           <el-avatar :size="48" :src="userInfo.avatar" />
           <div class="ml-4 flex flex-col max-w-[130px]">
-            <ReText class="font-bold !self-baseline">
+            <ReText class="font-bold self-baseline!">
               {{ userInfo.nickname }}
             </ReText>
-            <ReText class="!self-baseline" type="info">
+            <ReText class="self-baseline!" type="info">
               {{ userInfo.username }}
             </ReText>
           </div>
diff --git a/src/views/components/animatecss.vue b/src/views/components/animatecss.vue
index bd3a0cbb1c..bac56e11dd 100644
--- a/src/views/components/animatecss.vue
+++ b/src/views/components/animatecss.vue
@@ -36,6 +36,6 @@ watch(animate, () => {
         代码位置 src/views/components/animatecss.vue
       </el-link>
     </template>
-    <ReAnimateSelector v-model="animate" class="!w-[200px]" />
+    <ReAnimateSelector v-model="animate" class="w-[200px]!" />
   </el-card>
 </template>
diff --git a/src/views/components/check-button.vue b/src/views/components/check-button.vue
index 924cb0c80f..c1d655cda0 100644
--- a/src/views/components/check-button.vue
+++ b/src/views/components/check-button.vue
@@ -221,7 +221,7 @@ watch(size, val =>
     <p>可控制间距的按钮样式</p>
     <el-slider
       v-model="spaceSize"
-      class="mb-2 !w-[300px]"
+      class="mb-2 w-[300px]!"
       :show-tooltip="false"
       :disabled="size === 'disabled'"
     />
diff --git a/src/views/components/date-picker.vue b/src/views/components/date-picker.vue
index 88e27a6f91..64f5493958 100644
--- a/src/views/components/date-picker.vue
+++ b/src/views/components/date-picker.vue
@@ -164,7 +164,7 @@ watch(size, val =>
     <el-date-picker
       v-model="value"
       type="date"
-      class="!w-[160px]"
+      class="w-[160px]!"
       placeholder="请选择"
       :disabled-date="disabledDate"
       :shortcuts="shortcuts"
@@ -180,7 +180,7 @@ watch(size, val =>
       <el-date-picker
         v-model="value1"
         type="week"
-        class="!w-[160px]"
+        class="w-[160px]!"
         format="YYYY年第ww周"
         placeholder="选择某年中的某周"
         :size="dynamicSize"
@@ -189,7 +189,7 @@ watch(size, val =>
       <el-date-picker
         v-model="value2"
         type="month"
-        class="!w-[160px]"
+        class="w-[160px]!"
         placeholder="选择某月"
         :size="dynamicSize"
         :disabled="size === 'disabled'"
@@ -197,7 +197,7 @@ watch(size, val =>
       <el-date-picker
         v-model="value3"
         type="year"
-        class="!w-[160px]"
+        class="w-[160px]!"
         placeholder="选择某年"
         :size="dynamicSize"
         :disabled="size === 'disabled'"
@@ -205,7 +205,7 @@ watch(size, val =>
       <el-date-picker
         v-model="value4"
         type="dates"
-        class="!w-[160px]"
+        class="w-[160px]!"
         placeholder="选择多个日期"
         :size="dynamicSize"
         :disabled="size === 'disabled'"
@@ -216,7 +216,7 @@ watch(size, val =>
     <el-date-picker
       v-model="value5"
       type="daterange"
-      class="!w-[240px]"
+      class="w-[240px]!"
       unlink-panels
       range-separator="至"
       start-placeholder="开始时间"
@@ -261,7 +261,7 @@ watch(size, val =>
       <el-date-picker
         v-model="value7"
         type="date"
-        class="!w-[160px]"
+        class="w-[160px]!"
         placeholder="请选择日期"
         format="YYYY/MM/DD"
         :value-format="dateFormat"
@@ -275,7 +275,7 @@ watch(size, val =>
     <el-date-picker
       v-model="value8"
       type="date"
-      class="!w-[160px]"
+      class="w-[160px]!"
       placeholder="请选择日期"
       :prefix-icon="useRenderIcon('twemoji:spiral-calendar')"
       :size="dynamicSize"
diff --git a/src/views/components/datetime-picker.vue b/src/views/components/datetime-picker.vue
index eebe1b3981..6854d73d9c 100644
--- a/src/views/components/datetime-picker.vue
+++ b/src/views/components/datetime-picker.vue
@@ -190,7 +190,7 @@ watch(size, val =>
     <el-date-picker
       v-model="value"
       type="datetime"
-      class="!w-[200px]"
+      class="w-[200px]!"
       placeholder="请选择日期时间"
       :shortcuts="shortcuts"
       :size="dynamicSize"
@@ -213,7 +213,7 @@ watch(size, val =>
       <el-date-picker
         v-model="value1"
         type="datetime"
-        class="!w-[200px]"
+        class="w-[200px]!"
         placeholder="请选择日期时间"
         format="YYYY/MM/DD hh:mm:ss"
         :value-format="datetimeFormat"
diff --git a/src/views/components/dialog/form.vue b/src/views/components/dialog/form.vue
index f5383d6a40..7b37f5be41 100644
--- a/src/views/components/dialog/form.vue
+++ b/src/views/components/dialog/form.vue
@@ -28,14 +28,14 @@ const newFormInline = ref(props.formInline);
     <el-form-item label="姓名">
       <el-input
         v-model="newFormInline.user"
-        class="!w-[220px]"
+        class="w-[220px]!"
         placeholder="请输入姓名"
       />
     </el-form-item>
     <el-form-item label="城市">
       <el-select
         v-model="newFormInline.region"
-        class="!w-[220px]"
+        class="w-[220px]!"
         placeholder="请选择城市"
       >
         <el-option label="上海" value="上海" />
diff --git a/src/views/components/dialog/formPrimitive.vue b/src/views/components/dialog/formPrimitive.vue
index af4bc34c58..3c2bb43142 100644
--- a/src/views/components/dialog/formPrimitive.vue
+++ b/src/views/components/dialog/formPrimitive.vue
@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
 </script>
 
 <template>
-  <el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
+  <el-input v-model="data" class="w-[220px]!" placeholder="请输入内容" />
 </template>
diff --git a/src/views/components/drawer/form.vue b/src/views/components/drawer/form.vue
index f5383d6a40..7b37f5be41 100644
--- a/src/views/components/drawer/form.vue
+++ b/src/views/components/drawer/form.vue
@@ -28,14 +28,14 @@ const newFormInline = ref(props.formInline);
     <el-form-item label="姓名">
       <el-input
         v-model="newFormInline.user"
-        class="!w-[220px]"
+        class="w-[220px]!"
         placeholder="请输入姓名"
       />
     </el-form-item>
     <el-form-item label="城市">
       <el-select
         v-model="newFormInline.region"
-        class="!w-[220px]"
+        class="w-[220px]!"
         placeholder="请选择城市"
       >
         <el-option label="上海" value="上海" />
diff --git a/src/views/components/drawer/formPrimitive.vue b/src/views/components/drawer/formPrimitive.vue
index af4bc34c58..3c2bb43142 100644
--- a/src/views/components/drawer/formPrimitive.vue
+++ b/src/views/components/drawer/formPrimitive.vue
@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
 </script>
 
 <template>
-  <el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
+  <el-input v-model="data" class="w-[220px]!" placeholder="请输入内容" />
 </template>
diff --git a/src/views/components/tag.vue b/src/views/components/tag.vue
index 554e771583..730a4ec081 100644
--- a/src/views/components/tag.vue
+++ b/src/views/components/tag.vue
@@ -156,7 +156,7 @@ const handleInputConfirm = () => {
       v-if="inputVisible"
       ref="InputRef"
       v-model="inputValue"
-      class="ml-1 !w-20"
+      class="ml-1 w-20!"
       size="small"
       @keyup.enter="handleInputConfirm"
       @blur="handleInputConfirm"
diff --git a/src/views/components/time-picker.vue b/src/views/components/time-picker.vue
index 236f312ce9..3a8479424d 100644
--- a/src/views/components/time-picker.vue
+++ b/src/views/components/time-picker.vue
@@ -91,7 +91,7 @@ const endTime = ref("");
         <el-time-picker
           v-model="value"
           placeholder="请选择时间"
-          class="!w-[140px]"
+          class="w-[140px]!"
           :size="dynamicSize"
           :disabled="size === 'disabled'"
         />
@@ -100,7 +100,7 @@ const endTime = ref("");
           v-model="value1"
           arrow-control
           placeholder="请选择时间"
-          class="!w-[140px]"
+          class="w-[140px]!"
           :size="dynamicSize"
           :disabled="size === 'disabled'"
         />
@@ -110,7 +110,7 @@ const endTime = ref("");
       <p class="mb-2">限制时间选择范围</p>
       <el-time-picker
         v-model="value2"
-        class="!w-[140px]"
+        class="w-[140px]!"
         :disabled-hours="disabledHours"
         :disabled-minutes="disabledMinutes"
         :disabled-seconds="disabledSeconds"
@@ -123,7 +123,7 @@ const endTime = ref("");
       <p class="mb-2">任意时间范围</p>
       <el-time-picker
         v-model="value3"
-        class="!w-[220px]"
+        class="w-[220px]!"
         is-range
         range-separator="至"
         start-placeholder="开始时间"
@@ -153,7 +153,7 @@ const endTime = ref("");
       <el-time-select
         v-model="value4"
         placeholder="请选择时间"
-        class="!w-[140px]"
+        class="w-[140px]!"
         start="08:30"
         step="00:15"
         end="18:30"
@@ -165,7 +165,7 @@ const endTime = ref("");
       <el-time-select
         v-model="value5"
         placeholder="请选择时间"
-        class="!w-[140px]"
+        class="w-[140px]!"
         start="00:00"
         step="00:30"
         end="23:59"
@@ -179,7 +179,7 @@ const endTime = ref("");
         <el-time-select
           v-model="startTime"
           placeholder="开始时间"
-          class="!w-[140px]"
+          class="w-[140px]!"
           :max-time="endTime"
           start="08:30"
           step="00:15"
@@ -190,7 +190,7 @@ const endTime = ref("");
         <el-time-select
           v-model="endTime"
           placeholder="结束时间"
-          class="!w-[140px]"
+          class="w-[140px]!"
           :min-time="startTime"
           start="08:30"
           step="00:15"
diff --git a/src/views/components/upload/form.vue b/src/views/components/upload/form.vue
index bfa156370c..03862e217c 100644
--- a/src/views/components/upload/form.vue
+++ b/src/views/components/upload/form.vue
@@ -58,7 +58,7 @@ const resetForm = formEl => {
         drag
         multiple
         action="#"
-        class="!w-[200px]"
+        class="w-[200px]!"
         :auto-upload="false"
       >
         <div class="el-upload__text">
@@ -79,7 +79,7 @@ const resetForm = formEl => {
       <el-date-picker
         v-model="validateForm.date"
         type="datetime"
-        class="!w-[200px]"
+        class="w-[200px]!"
         placeholder="请选择日期时间"
         value-format="YYYY-MM-DD HH:mm:ss"
       />
diff --git a/src/views/components/upload/index.vue b/src/views/components/upload/index.vue
index ea2434c62c..ab0b85e576 100644
--- a/src/views/components/upload/index.vue
+++ b/src/views/components/upload/index.vue
@@ -173,7 +173,7 @@ const onDownload = () => {
             id="pure-upload-item"
             :class="[
               'el-upload-list__item-actions',
-              fileList.length > 1 && '!cursor-move'
+              fileList.length > 1 && 'cursor-move!'
             ]"
           >
             <span
diff --git a/src/views/components/virtual-list/horizontal.vue b/src/views/components/virtual-list/horizontal.vue
index 531536fc33..6924b87f6f 100644
--- a/src/views/components/virtual-list/horizontal.vue
+++ b/src/views/components/virtual-list/horizontal.vue
@@ -24,7 +24,7 @@ const filteredItems = computed(() => {
       水平模式 horizontal
       <el-input
         v-model="search"
-        class="mr-2 !w-[1/1.5]"
+        class="mr-2 w-[1/1.5]!"
         clearable
         placeholder="Filter..."
         style="width: 300px"
diff --git a/src/views/components/virtual-list/vertical.vue b/src/views/components/virtual-list/vertical.vue
index 6d89429d9f..2fc4de276b 100644
--- a/src/views/components/virtual-list/vertical.vue
+++ b/src/views/components/virtual-list/vertical.vue
@@ -24,7 +24,7 @@ const filteredItems = computed(() => {
       垂直模式 vertical
       <el-input
         v-model="search"
-        class="!w-[350px]"
+        class="w-[350px]!"
         clearable
         placeholder="Filter..."
       />
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 8548887942..6544ac49c3 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -134,13 +134,13 @@ watch(loginDay, value => {
       <!-- 国际化 -->
       <el-dropdown trigger="click">
         <globalization
-          class="hover:text-primary hover:!bg-[transparent] w-[20px] h-[20px] ml-1.5 cursor-pointer outline-none duration-300"
+          class="hover:text-primary hover:bg-[transparent]! w-[20px] h-[20px] ml-1.5 cursor-pointer outline-hidden duration-300"
         />
         <template #dropdown>
           <el-dropdown-menu class="translation">
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'zh')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'zh')]"
               @click="translationCh"
             >
               <IconifyIconOffline
@@ -152,7 +152,7 @@ watch(loginDay, value => {
             </el-dropdown-item>
             <el-dropdown-item
               :style="getDropdownItemStyle(locale, 'en')"
-              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
+              :class="['dark:text-white!', getDropdownItemClass(locale, 'en')]"
               @click="translationEn"
             >
               <span v-show="locale === 'en'" class="check-en">
@@ -172,7 +172,7 @@ watch(loginDay, value => {
         <div class="login-form">
           <avatar class="avatar" />
           <Motion>
-            <h2 class="outline-none">
+            <h2 class="outline-hidden">
               <TypeIt
                 :options="{ strings: [title], cursor: false, speed: 100 }"
               />
diff --git a/src/views/monitor/logs/login/index.vue b/src/views/monitor/logs/login/index.vue
index f02afa85e6..a534fff7ed 100644
--- a/src/views/monitor/logs/login/index.vue
+++ b/src/views/monitor/logs/login/index.vue
@@ -39,14 +39,14 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="用户名" prop="username">
         <el-input
           v-model="form.username"
           placeholder="请输入用户名"
           clearable
-          class="!w-[150px]"
+          class="w-[150px]!"
         />
       </el-form-item>
       <el-form-item label="登录状态" prop="status">
@@ -54,7 +54,7 @@ const {
           v-model="form.status"
           placeholder="请选择"
           clearable
-          class="!w-[150px]"
+          class="w-[150px]!"
         >
           <el-option label="成功" value="1" />
           <el-option label="失败" value="0" />
diff --git a/src/views/monitor/logs/operation/index.vue b/src/views/monitor/logs/operation/index.vue
index cad0a251d0..d508f400f4 100644
--- a/src/views/monitor/logs/operation/index.vue
+++ b/src/views/monitor/logs/operation/index.vue
@@ -39,14 +39,14 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="所属模块" prop="module">
         <el-input
           v-model="form.module"
           placeholder="请输入所属模块"
           clearable
-          class="!w-[170px]"
+          class="w-[170px]!"
         />
       </el-form-item>
       <el-form-item label="操作状态" prop="status">
@@ -54,7 +54,7 @@ const {
           v-model="form.status"
           placeholder="请选择"
           clearable
-          class="!w-[150px]"
+          class="w-[150px]!"
         >
           <el-option label="成功" value="1" />
           <el-option label="失败" value="0" />
diff --git a/src/views/monitor/logs/system/index.vue b/src/views/monitor/logs/system/index.vue
index b4dc27882f..121eebc746 100644
--- a/src/views/monitor/logs/system/index.vue
+++ b/src/views/monitor/logs/system/index.vue
@@ -42,14 +42,14 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="所属模块" prop="module">
         <el-input
           v-model="form.module"
           placeholder="请输入所属模块"
           clearable
-          class="!w-[170px]"
+          class="w-[170px]!"
         />
       </el-form-item>
       <el-form-item label="请求时间" prop="requestTime">
@@ -137,7 +137,7 @@ const {
         >
           <template #operation="{ row }">
             <el-button
-              class="reset-margin !outline-none"
+              class="reset-margin outline-hidden!"
               link
               type="primary"
               :size="size"
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
index 750863eb01..d3b04d07cf 100644
--- a/src/views/monitor/online/index.vue
+++ b/src/views/monitor/online/index.vue
@@ -33,14 +33,14 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="用户名" prop="username">
         <el-input
           v-model="form.username"
           placeholder="请输入用户名"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         />
       </el-form-item>
       <el-form-item>
diff --git a/src/views/permission/page/index.vue b/src/views/permission/page/index.vue
index cd602c6f0d..588eaeddba 100644
--- a/src/views/permission/page/index.vue
+++ b/src/views/permission/page/index.vue
@@ -60,7 +60,7 @@ function onChange() {
           代码位置 src/views/permission/page/index.vue
         </el-link>
       </template>
-      <el-select v-model="username" class="!w-[160px]" @change="onChange">
+      <el-select v-model="username" class="w-[160px]!" @change="onChange">
         <el-option
           v-for="item in options"
           :key="item.value"
diff --git a/src/views/system/dept/form.vue b/src/views/system/dept/form.vue
index 2cec5fcbf8..acc333a458 100644
--- a/src/views/system/dept/form.vue
+++ b/src/views/system/dept/form.vue
@@ -104,7 +104,7 @@ defineExpose({ getRef });
         <el-form-item label="排序">
           <el-input-number
             v-model="newFormInline.sort"
-            class="!w-full"
+            class="w-full!"
             :min="0"
             :max="9999"
             controls-position="right"
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 0da6e9c189..ab9764c792 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -39,14 +39,14 @@ function onFullscreen() {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="部门名称：" prop="name">
         <el-input
           v-model="form.name"
           placeholder="请输入部门名称"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         />
       </el-form-item>
       <el-form-item label="状态：" prop="status">
@@ -54,7 +54,7 @@ function onFullscreen() {
           v-model="form.status"
           placeholder="请选择状态"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         >
           <el-option label="启用" :value="1" />
           <el-option label="停用" :value="0" />
diff --git a/src/views/system/menu/form.vue b/src/views/system/menu/form.vue
index 711e297f7a..76e815972b 100644
--- a/src/views/system/menu/form.vue
+++ b/src/views/system/menu/form.vue
@@ -142,7 +142,7 @@ defineExpose({ getRef });
         <el-form-item label="菜单排序">
           <el-input-number
             v-model="newFormInline.rank"
-            class="!w-full"
+            class="w-full!"
             :min="1"
             :max="9999"
             controls-position="right"
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 97f3fabeae..58ee69d402 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -40,14 +40,14 @@ function onFullscreen() {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="菜单名称：" prop="title">
         <el-input
           v-model="form.title"
           placeholder="请输入菜单名称"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         />
       </el-form-item>
       <el-form-item>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 191b6c50f4..f9f75378fc 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -31,7 +31,7 @@ const iconClass = computed(() => {
     "flex",
     "justify-center",
     "items-center",
-    "outline-none",
+    "outline-hidden",
     "rounded-[4px]",
     "cursor-pointer",
     "transition-colors",
@@ -96,14 +96,14 @@ onMounted(() => {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="角色名称：" prop="name">
         <el-input
           v-model="form.name"
           placeholder="请输入角色名称"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         />
       </el-form-item>
       <el-form-item label="角色标识：" prop="code">
@@ -111,7 +111,7 @@ onMounted(() => {
           v-model="form.code"
           placeholder="请输入角色标识"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         />
       </el-form-item>
       <el-form-item label="状态：" prop="status">
@@ -119,7 +119,7 @@ onMounted(() => {
           v-model="form.status"
           placeholder="请选择状态"
           clearable
-          class="!w-[180px]"
+          class="w-[180px]!"
         >
           <el-option label="已启用" value="1" />
           <el-option label="已停用" value="0" />
@@ -145,7 +145,7 @@ onMounted(() => {
       :class="['flex', deviceDetection() ? 'flex-wrap' : '']"
     >
       <PureTableBar
-        :class="[isShow && !deviceDetection() ? '!w-[60vw]' : 'w-full']"
+        :class="[isShow && !deviceDetection() ? 'w-[60vw]!' : 'w-full']"
         style="transition: width 220ms cubic-bezier(0.4, 0, 0.2, 1)"
         title="角色管理（仅演示，操作后不生效）"
         :columns="columns"
@@ -263,7 +263,7 @@ onMounted(() => {
 
       <div
         v-if="isShow"
-        class="!min-w-[calc(100vw-60vw-268px)] w-full mt-2 px-2 pb-2 bg-bg_color ml-2 overflow-auto"
+        class="min-w-[calc(100vw-60vw-268px)]! w-full mt-2 px-2 pb-2 bg-bg_color ml-2 overflow-auto"
       >
         <div class="flex justify-between w-full px-3 pt-5 pb-4">
           <div class="flex">
diff --git a/src/views/system/role/utils/hook.tsx b/src/views/system/role/utils/hook.tsx
index 89b38bc111..a57c4d1289 100644
--- a/src/views/system/role/utils/hook.tsx
+++ b/src/views/system/role/utils/hook.tsx
@@ -94,11 +94,11 @@ export function useRole(treeRef: Ref) {
   ];
   // const buttonClass = computed(() => {
   //   return [
-  //     "!h-[20px]",
+  //     "h-[20px]!",
   //     "reset-margin",
-  //     "!text-gray-500",
-  //     "dark:!text-white",
-  //     "dark:hover:!text-primary"
+  //     "text-gray-500!",
+  //     "dark:text-white!",
+  //     "dark:hover:text-primary!"
   //   ];
   // });
 
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index bc48469380..994c4437c5 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -66,14 +66,14 @@ const {
         ref="formRef"
         :inline="true"
         :model="form"
-        class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
+        class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
       >
         <el-form-item label="用户名称：" prop="username">
           <el-input
             v-model="form.username"
             placeholder="请输入用户名称"
             clearable
-            class="!w-[180px]"
+            class="w-[180px]!"
           />
         </el-form-item>
         <el-form-item label="手机号码：" prop="phone">
@@ -81,7 +81,7 @@ const {
             v-model="form.phone"
             placeholder="请输入手机号码"
             clearable
-            class="!w-[180px]"
+            class="w-[180px]!"
           />
         </el-form-item>
         <el-form-item label="状态：" prop="status">
@@ -89,7 +89,7 @@ const {
             v-model="form.status"
             placeholder="请选择"
             clearable
-            class="!w-[180px]"
+            class="w-[180px]!"
           >
             <el-option label="已开启" value="1" />
             <el-option label="已关闭" value="0" />
diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
index d77c2c9e10..00107b5acf 100644
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -35,12 +35,12 @@ const defaultProps = {
 };
 const buttonClass = computed(() => {
   return [
-    "!h-[20px]",
-    "!text-sm",
+    "h-[20px]!",
+    "text-sm!",
     "reset-margin",
-    "!text-[var(--el-text-color-regular)]",
-    "dark:!text-white",
-    "dark:hover:!text-primary"
+    "text-(--el-text-color-regular)!",
+    "dark:text-white!",
+    "dark:hover:text-primary!"
   ];
 });
 
@@ -166,7 +166,7 @@ defineExpose({ onTreeReset });
         <template #default="{ node, data }">
           <div
             :class="[
-              'rounded',
+              'rounded-sm',
               'flex',
               'items-center',
               'select-none',
@@ -194,7 +194,7 @@ defineExpose({ onTreeReset });
                     : Dept
               "
             />
-            <span class="!w-[120px] !truncate" :title="node.label">
+            <span class="w-[120px]! truncate!" :title="node.label">
               {{ node.label }}
             </span>
           </div>
diff --git a/src/views/system/user/utils/hook.tsx b/src/views/system/user/utils/hook.tsx
index 4feb235217..2614374626 100644
--- a/src/views/system/user/utils/hook.tsx
+++ b/src/views/system/user/utils/hook.tsx
@@ -163,11 +163,11 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
   ];
   const buttonClass = computed(() => {
     return [
-      "!h-[20px]",
+      "h-[20px]!",
       "reset-margin",
-      "!text-gray-500",
-      "dark:!text-white",
-      "dark:hover:!text-primary"
+      "text-gray-500!",
+      "dark:text-white!",
+      "dark:hover:text-primary!"
     ];
   });
   // 重置的新密码
diff --git a/src/views/table/edit/demo3/index.vue b/src/views/table/edit/demo3/index.vue
index 1c46101290..67fb9cf6b3 100644
--- a/src/views/table/edit/demo3/index.vue
+++ b/src/views/table/edit/demo3/index.vue
@@ -12,7 +12,7 @@ const { columns, dataList } = useColumns();
       </code>
     </el-scrollbar>
     <pure-table
-      class="!w-[30vw]"
+      class="w-[30vw]!"
       row-key="id"
       border
       :data="dataList"
diff --git a/src/views/table/high/table-select/multiple/index.vue b/src/views/table/high/table-select/multiple/index.vue
index c97406c517..a1ebb44809 100644
--- a/src/views/table/high/table-select/multiple/index.vue
+++ b/src/views/table/high/table-select/multiple/index.vue
@@ -25,7 +25,7 @@ const {
   <el-select
     ref="selectRef"
     v-model="selectValue"
-    class="!w-[200px]"
+    class="w-[200px]!"
     placeholder="请选择"
     clearable
     multiple
@@ -41,7 +41,7 @@ const {
           <el-form-item prop="sexValue">
             <el-select
               v-model="searchForm.sexValue"
-              class="!w-[120px]"
+              class="w-[120px]!"
               placeholder="请选择性别"
               :teleported="false"
               clearable
@@ -57,14 +57,14 @@ const {
           <el-form-item prop="searchDate">
             <el-date-picker
               v-model="searchForm.searchDate"
-              class="!w-[150px]"
+              class="w-[150px]!"
               type="date"
               placeholder="请选择日期"
               format="YYYY/MM/DD"
               value-format="YYYY-MM-D"
             />
           </el-form-item>
-          <el-form-item class="float-right !mr-0">
+          <el-form-item class="float-right mr-0!">
             <el-button type="primary" text bg @click="onSearch">
               查询
             </el-button>
diff --git a/src/views/table/high/table-select/radio/index.vue b/src/views/table/high/table-select/radio/index.vue
index b0a2e9af62..4ef9b86032 100644
--- a/src/views/table/high/table-select/radio/index.vue
+++ b/src/views/table/high/table-select/radio/index.vue
@@ -17,7 +17,7 @@ const {
   <el-select
     ref="selectRef"
     v-model="selectValue"
-    class="!w-[200px]"
+    class="w-[200px]!"
     placeholder="请选择"
     value-key="id"
     clearable
diff --git a/src/views/tabs/index.vue b/src/views/tabs/index.vue
index cc32ddf285..06515ea92c 100644
--- a/src/views/tabs/index.vue
+++ b/src/views/tabs/index.vue
@@ -93,7 +93,7 @@ function onCloseTags() {
     <el-divider />
     <el-tree-select
       v-model="currentValues"
-      class="!w-[300px]"
+      class="w-[300px]!"
       node-key="uniqueId"
       placeholder="请选择要关闭的标签"
       clearable
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index 260ec73d6e..483d15ea87 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -80,11 +80,11 @@ const optionsBasis: Array<OptionsType> = [
             </div>
             <ChartLine
               v-if="item.data.length > 1"
-              class="!w-1/2"
+              class="w-1/2!"
               :color="item.color"
               :data="item.data"
             />
-            <ChartRound v-else class="!w-1/2" />
+            <ChartRound v-else class="w-1/2!" />
           </div>
         </el-card>
       </re-col>
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 8f58f44595..0000000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { Config } from "tailwindcss";
-
-export default {
-  darkMode: "class",
-  corePlugins: {
-    preflight: false
-  },
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
-  theme: {
-    extend: {
-      colors: {
-        bg_color: "var(--el-bg-color)",
-        primary: "var(--el-color-primary)",
-        text_color_primary: "var(--el-text-color-primary)",
-        text_color_regular: "var(--el-text-color-regular)"
-      }
-    }
-  }
-} satisfies Config;

From e3564eab96540a7be90f52c2ddece521a8eebf48 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Fri, 28 Mar 2025 15:06:27 +0800
Subject: [PATCH 2/9] chore: update

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 627cda37b2..bbe6fed2c4 100644
--- a/package.json
+++ b/package.json
@@ -183,6 +183,7 @@
     "allowedDeprecatedVersions": {
       "are-we-there-yet": "*",
       "sourcemap-codec": "*",
+      "lodash.isequal": "*",
       "domexception": "*",
       "w3c-hr-time": "*",
       "inflight": "*",

From b86d038a1813c15468cbfbad80f3a08530816c2c Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Tue, 8 Apr 2025 14:37:20 +0800
Subject: [PATCH 3/9] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E5=A4=8D?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   4 +-
 pnpm-lock.yaml                                | 134 +++++++++---------
 src/components/ReFlowChart/src/Control.vue    |   3 +-
 src/components/ReIcon/src/offlineIcon.ts      |   4 +-
 src/components/RePureTableBar/src/bar.tsx     |   2 +-
 src/components/ReVxeTableBar/src/bar.tsx      |   2 +-
 .../lay-notice/components/NoticeItem.vue      |   2 +-
 src/layout/components/lay-panel/index.vue     |   4 +-
 src/layout/components/lay-setting/index.vue   |  20 ++-
 .../components/SidebarLeftCollapse.vue        |   2 +-
 src/style/reset.scss                          |   9 --
 src/style/tailwind.css                        |   4 +-
 src/views/able/infinite-scroll.vue            |   4 +-
 src/views/able/pinyin.vue                     |   4 +-
 src/views/able/sensitive.vue                  |   2 +-
 src/views/able/wavesurfer/index.vue           |   2 +-
 .../components/AccountManagement.vue          |   2 +-
 .../components/Preferences.vue                |   2 +-
 .../account-settings/components/Profile.vue   |   4 +-
 .../components/SecurityLog.vue                |   2 +-
 src/views/components/check-button.vue         |  22 +--
 src/views/components/check-card.vue           |   4 +-
 src/views/components/collapse.vue             |   4 +-
 src/views/components/color-picker.vue         |   4 +-
 src/views/components/contextmenu/basic.vue    |   2 +-
 .../components/contextmenu/menuDynamic.vue    |   2 +-
 .../components/contextmenu/menuGroup.vue      |   2 +-
 src/views/components/date-picker.vue          |  14 +-
 src/views/components/datetime-picker.vue      |  10 +-
 src/views/components/el-button.vue            |   8 +-
 src/views/components/message.vue              |   4 +-
 src/views/components/progress.vue             |   6 +-
 src/views/components/segmented.vue            |  20 +--
 src/views/components/selector.vue             |   2 +-
 src/views/components/slider/index.vue         |  16 +--
 src/views/components/statistic.vue            |   2 +-
 src/views/components/tag.vue                  |   6 +-
 src/views/components/text.vue                 |  10 +-
 src/views/components/time-picker.vue          |  12 +-
 src/views/components/timeline.vue             |   2 +-
 src/views/components/upload/form.vue          |   8 +-
 src/views/components/upload/index.vue         |  16 +--
 src/views/error/403.vue                       |   4 +-
 src/views/error/404.vue                       |   4 +-
 src/views/error/500.vue                       |   4 +-
 src/views/login/components/LoginPhone.vue     |   2 +-
 src/views/login/components/LoginQrCode.vue    |   2 +-
 src/views/login/components/LoginRegist.vue    |   2 +-
 src/views/login/components/LoginUpdate.vue    |   2 +-
 src/views/login/index.vue                     |   7 +-
 src/views/markdown/index.vue                  |   2 +-
 src/views/monitor/logs/login/index.vue        |   2 +-
 src/views/monitor/logs/operation/index.vue    |   2 +-
 src/views/monitor/logs/system/index.vue       |   2 +-
 src/views/monitor/online/index.vue            |   2 +-
 src/views/permission/button/index.vue         |   2 +-
 src/views/permission/button/perms.vue         |   4 +-
 src/views/permission/page/index.vue           |   2 +-
 src/views/system/dept/index.vue               |   2 +-
 src/views/system/menu/index.vue               |   2 +-
 src/views/system/role/index.vue               |   2 +-
 src/views/system/user/index.vue               |   4 +-
 src/views/system/user/tree.vue                |  10 +-
 src/views/table/edit/demo1/index.vue          |   2 +-
 src/views/welcome/index.vue                   |   1 +
 65 files changed, 222 insertions(+), 234 deletions(-)

diff --git a/package.json b/package.json
index bbe6fed2c4..7ac8cfc917 100644
--- a/package.json
+++ b/package.json
@@ -122,7 +122,7 @@
     "@iconify/json": "^2.2.321",
     "@iconify/vue": "4.2.0",
     "@intlify/unplugin-vue-i18n": "^6.0.5",
-    "@tailwindcss/vite": "^4.0.17",
+    "@tailwindcss/vite": "^4.1.3",
     "@types/codemirror": "^5.60.15",
     "@types/dagre": "^0.7.52",
     "@types/intro.js": "^5.1.5",
@@ -162,7 +162,7 @@
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.3",
     "svgo": "^3.3.2",
-    "tailwindcss": "^4.0.17",
+    "tailwindcss": "^4.1.3",
     "typescript": "^5.8.2",
     "unplugin-icons": "^22.1.0",
     "vite": "^6.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e34ffbd5c0..e665c351a2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -229,8 +229,8 @@ importers:
         specifier: ^6.0.5
         version: 6.0.5(@vue/compiler-dom@3.5.13)(eslint@9.23.0(jiti@2.4.2))(rollup@4.37.0)(typescript@5.8.2)(vue-i18n@11.1.2(vue@3.5.13(typescript@5.8.2)))(vue@3.5.13(typescript@5.8.2))
       '@tailwindcss/vite':
-        specifier: ^4.0.17
-        version: 4.0.17(vite@6.2.3(@types/node@20.17.28)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.86.0)(yaml@2.7.0))
+        specifier: ^4.1.3
+        version: 4.1.3(vite@6.2.3(@types/node@20.17.28)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.86.0)(yaml@2.7.0))
       '@types/codemirror':
         specifier: ^5.60.15
         version: 5.60.15
@@ -349,8 +349,8 @@ importers:
         specifier: ^3.3.2
         version: 3.3.2
       tailwindcss:
-        specifier: ^4.0.17
-        version: 4.0.17
+        specifier: ^4.1.3
+        version: 4.1.3
       typescript:
         specifier: ^5.8.2
         version: 5.8.2
@@ -1584,85 +1584,85 @@ packages:
   '@sxzz/popperjs-es@2.11.7':
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
 
-  '@tailwindcss/node@4.0.17':
-    resolution: {integrity: sha512-LIdNwcqyY7578VpofXyqjH6f+3fP4nrz7FBLki5HpzqjYfXdF2m/eW18ZfoKePtDGg90Bvvfpov9d2gy5XVCbg==}
+  '@tailwindcss/node@4.1.3':
+    resolution: {integrity: sha512-H/6r6IPFJkCfBJZ2dKZiPJ7Ueb2wbL592+9bQEl2r73qbX6yGnmQVIfiUvDRB2YI0a3PWDrzUwkvQx1XW1bNkA==}
 
-  '@tailwindcss/oxide-android-arm64@4.0.17':
-    resolution: {integrity: sha512-3RfO0ZK64WAhop+EbHeyxGThyDr/fYhxPzDbEQjD2+v7ZhKTb2svTWy+KK+J1PHATus2/CQGAGp7pHY/8M8ugg==}
+  '@tailwindcss/oxide-android-arm64@4.1.3':
+    resolution: {integrity: sha512-cxklKjtNLwFl3mDYw4XpEfBY+G8ssSg9ADL4Wm6//5woi3XGqlxFsnV5Zb6v07dxw1NvEX2uoqsxO/zWQsgR+g==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.17':
-    resolution: {integrity: sha512-e1uayxFQCCDuzTk9s8q7MC5jFN42IY7nzcr5n0Mw/AcUHwD6JaBkXnATkD924ZsHyPDvddnusIEvkgLd2CiREg==}
+  '@tailwindcss/oxide-darwin-arm64@4.1.3':
+    resolution: {integrity: sha512-mqkf2tLR5VCrjBvuRDwzKNShRu99gCAVMkVsaEOFvv6cCjlEKXRecPu9DEnxp6STk5z+Vlbh1M5zY3nQCXMXhw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.0.17':
-    resolution: {integrity: sha512-d6z7HSdOKfXQ0HPlVx1jduUf/YtBuCCtEDIEFeBCzgRRtDsUuRtofPqxIVaSCUTOk5+OfRLonje6n9dF6AH8wQ==}
+  '@tailwindcss/oxide-darwin-x64@4.1.3':
+    resolution: {integrity: sha512-7sGraGaWzXvCLyxrc7d+CCpUN3fYnkkcso3rCzwUmo/LteAl2ZGCDlGvDD8Y/1D3ngxT8KgDj1DSwOnNewKhmg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.17':
-    resolution: {integrity: sha512-EjrVa6lx3wzXz3l5MsdOGtYIsRjgs5Mru6lDv4RuiXpguWeOb3UzGJ7vw7PEzcFadKNvNslEQqoAABeMezprxQ==}
+  '@tailwindcss/oxide-freebsd-x64@4.1.3':
+    resolution: {integrity: sha512-E2+PbcbzIReaAYZe997wb9rId246yDkCwAakllAWSGqe6VTg9hHle67hfH6ExjpV2LSK/siRzBUs5wVff3RW9w==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.17':
-    resolution: {integrity: sha512-65zXfCOdi8wuaY0Ye6qMR5LAXokHYtrGvo9t/NmxvSZtCCitXV/gzJ/WP5ksXPhff1SV5rov0S+ZIZU+/4eyCQ==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.3':
+    resolution: {integrity: sha512-GvfbJ8wjSSjbLFFE3UYz4Eh8i4L6GiEYqCtA8j2Zd2oXriPuom/Ah/64pg/szWycQpzRnbDiJozoxFU2oJZyfg==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.17':
-    resolution: {integrity: sha512-+aaq6hJ8ioTdbJV5IA1WjWgLmun4T7eYLTvJIToiXLHy5JzUERRbIZjAcjgK9qXMwnvuu7rqpxzej+hGoEcG5g==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.3':
+    resolution: {integrity: sha512-35UkuCWQTeG9BHcBQXndDOrpsnt3Pj9NVIB4CgNiKmpG8GnCNXeMczkUpOoqcOhO6Cc/mM2W7kaQ/MTEENDDXg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.17':
-    resolution: {integrity: sha512-/FhWgZCdUGAeYHYnZKekiOC0aXFiBIoNCA0bwzkICiMYS5Rtx2KxFfMUXQVnl4uZRblG5ypt5vpPhVaXgGk80w==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.3':
+    resolution: {integrity: sha512-dm18aQiML5QCj9DQo7wMbt1Z2tl3Giht54uVR87a84X8qRtuXxUqnKQkRDK5B4bCOmcZ580lF9YcoMkbDYTXHQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.17':
-    resolution: {integrity: sha512-gELJzOHK6GDoIpm/539Golvk+QWZjxQcbkKq9eB2kzNkOvrP0xc5UPgO9bIMNt1M48mO8ZeNenCMGt6tfkvVBg==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.3':
+    resolution: {integrity: sha512-LMdTmGe/NPtGOaOfV2HuO7w07jI3cflPrVq5CXl+2O93DCewADK0uW1ORNAcfu2YxDUS035eY2W38TxrsqngxA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.17':
-    resolution: {integrity: sha512-68NwxcJrZn94IOW4TysMIbYv5AlM6So1luTlbYUDIGnKma1yTFGBRNEJ+SacJ3PZE2rgcTBNRHX1TB4EQ/XEHw==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.3':
+    resolution: {integrity: sha512-aalNWwIi54bbFEizwl1/XpmdDrOaCjRFQRgtbv9slWjmNPuJJTIKPHf5/XXDARc9CneW9FkSTqTbyvNecYAEGw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.17':
-    resolution: {integrity: sha512-AkBO8efP2/7wkEXkNlXzRD4f/7WerqKHlc6PWb5v0jGbbm22DFBLbIM19IJQ3b+tNewQZa+WnPOaGm0SmwMNjw==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.3':
+    resolution: {integrity: sha512-PEj7XR4OGTGoboTIAdXicKuWl4EQIjKHKuR+bFy9oYN7CFZo0eu74+70O4XuERX4yjqVZGAkCdglBODlgqcCXg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.17':
-    resolution: {integrity: sha512-7/DTEvXcoWlqX0dAlcN0zlmcEu9xSermuo7VNGX9tJ3nYMdo735SHvbrHDln1+LYfF6NhJ3hjbpbjkMOAGmkDg==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.3':
+    resolution: {integrity: sha512-T8gfxECWDBENotpw3HR9SmNiHC9AOJdxs+woasRZ8Q/J4VHN0OMs7F+4yVNZ9EVN26Wv6mZbK0jv7eHYuLJLwA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.0.17':
-    resolution: {integrity: sha512-B4OaUIRD2uVrULpAD1Yksx2+wNarQr2rQh65nXqaqbLY1jCd8fO+3KLh/+TH4Hzh2NTHQvgxVbPdUDOtLk7vAw==}
+  '@tailwindcss/oxide@4.1.3':
+    resolution: {integrity: sha512-t16lpHCU7LBxDe/8dCj9ntyNpXaSTAgxWm1u2XQP5NiIu4KGSyrDJJRlK9hJ4U9yJxx0UKCVI67MJWFNll5mOQ==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/vite@4.0.17':
-    resolution: {integrity: sha512-HJbBYDlDVg5cvYZzECb6xwc1IDCEM3uJi3hEZp3BjZGCNGJcTsnCpan+z+VMW0zo6gR0U6O6ElqU1OoZ74Dhww==}
+  '@tailwindcss/vite@4.1.3':
+    resolution: {integrity: sha512-lUI/QaDxLtlV52Lho6pu07CG9pSnRYLOPmKGIQjyHdTBagemc6HmgZxyjGAQ/5HMPrNeWBfTVIpQl0/jLXvWHQ==}
     peerDependencies:
       vite: ^5.2.0 || ^6
 
@@ -5027,8 +5027,8 @@ packages:
     resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
     engines: {node: '>=10.0.0'}
 
-  tailwindcss@4.0.17:
-    resolution: {integrity: sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==}
+  tailwindcss@4.1.3:
+    resolution: {integrity: sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==}
 
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
@@ -6790,65 +6790,65 @@ snapshots:
 
   '@sxzz/popperjs-es@2.11.7': {}
 
-  '@tailwindcss/node@4.0.17':
+  '@tailwindcss/node@4.1.3':
     dependencies:
       enhanced-resolve: 5.18.1
       jiti: 2.4.2
-      tailwindcss: 4.0.17
+      lightningcss: 1.29.2
+      tailwindcss: 4.1.3
 
-  '@tailwindcss/oxide-android-arm64@4.0.17':
+  '@tailwindcss/oxide-android-arm64@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.0.17':
+  '@tailwindcss/oxide-darwin-arm64@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.0.17':
+  '@tailwindcss/oxide-darwin-x64@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.0.17':
+  '@tailwindcss/oxide-freebsd-x64@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.17':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.0.17':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.0.17':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.0.17':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.0.17':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.0.17':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.0.17':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.3':
     optional: true
 
-  '@tailwindcss/oxide@4.0.17':
+  '@tailwindcss/oxide@4.1.3':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.0.17
-      '@tailwindcss/oxide-darwin-arm64': 4.0.17
-      '@tailwindcss/oxide-darwin-x64': 4.0.17
-      '@tailwindcss/oxide-freebsd-x64': 4.0.17
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.17
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.17
-      '@tailwindcss/oxide-linux-arm64-musl': 4.0.17
-      '@tailwindcss/oxide-linux-x64-gnu': 4.0.17
-      '@tailwindcss/oxide-linux-x64-musl': 4.0.17
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.0.17
-      '@tailwindcss/oxide-win32-x64-msvc': 4.0.17
-
-  '@tailwindcss/vite@4.0.17(vite@6.2.3(@types/node@20.17.28)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.86.0)(yaml@2.7.0))':
-    dependencies:
-      '@tailwindcss/node': 4.0.17
-      '@tailwindcss/oxide': 4.0.17
-      lightningcss: 1.29.2
-      tailwindcss: 4.0.17
+      '@tailwindcss/oxide-android-arm64': 4.1.3
+      '@tailwindcss/oxide-darwin-arm64': 4.1.3
+      '@tailwindcss/oxide-darwin-x64': 4.1.3
+      '@tailwindcss/oxide-freebsd-x64': 4.1.3
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.3
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.3
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.3
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.3
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.3
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.3
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.3
+
+  '@tailwindcss/vite@4.1.3(vite@6.2.3(@types/node@20.17.28)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.86.0)(yaml@2.7.0))':
+    dependencies:
+      '@tailwindcss/node': 4.1.3
+      '@tailwindcss/oxide': 4.1.3
+      tailwindcss: 4.1.3
       vite: 6.2.3(@types/node@20.17.28)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.86.0)(yaml@2.7.0)
 
   '@tootallnate/once@1.1.2': {}
@@ -10699,7 +10699,7 @@ snapshots:
       string-width: 4.2.3
       strip-ansi: 6.0.1
 
-  tailwindcss@4.0.17: {}
+  tailwindcss@4.1.3: {}
 
   tapable@2.2.1: {}
 
diff --git a/src/components/ReFlowChart/src/Control.vue b/src/components/ReFlowChart/src/Control.vue
index e0f46fb8a2..c578a46a8a 100644
--- a/src/components/ReFlowChart/src/Control.vue
+++ b/src/components/ReFlowChart/src/Control.vue
@@ -114,7 +114,8 @@ onMounted(() => {
           :style="{
             cursor: item.disabled === false ? 'pointer' : 'not-allowed',
             color: item.disabled === false ? '' : '#00000040',
-            background: 'transparent'
+            background: 'transparent',
+            border: 'none'
           }"
           @click="onControl(item, key)"
         >
diff --git a/src/components/ReIcon/src/offlineIcon.ts b/src/components/ReIcon/src/offlineIcon.ts
index 82b6ec069e..6387cd2585 100644
--- a/src/components/ReIcon/src/offlineIcon.ts
+++ b/src/components/ReIcon/src/offlineIcon.ts
@@ -54,8 +54,8 @@ const icons = [
   // Remix Icon: https://github.com/Remix-Design/RemixIcon
   ["ri/mind-map", RiMindMap],
   ["ri/admin-fill", RiAdminFill],
-  ["ri/links-fill", RiTableLine],
-  ["ri/table-line", RiLinksFill],
+  ["ri/table-line", RiTableLine],
+  ["ri/links-fill", RiLinksFill],
   ["ri/admin-line", RiAdminLine],
   ["ri/list-check", RiListCheck],
   ["ri/search-line", RiSearchLine],
diff --git a/src/components/RePureTableBar/src/bar.tsx b/src/components/RePureTableBar/src/bar.tsx
index d0bbf98cc9..86c381b098 100644
--- a/src/components/RePureTableBar/src/bar.tsx
+++ b/src/components/RePureTableBar/src/bar.tsx
@@ -255,7 +255,7 @@ export default defineComponent({
         <div
           {...attrs}
           class={[
-            "w-99/100",
+            "w-full",
             "px-2",
             "pb-2",
             "bg-bg_color",
diff --git a/src/components/ReVxeTableBar/src/bar.tsx b/src/components/ReVxeTableBar/src/bar.tsx
index 943cdfc8e0..1d2ccf426e 100644
--- a/src/components/ReVxeTableBar/src/bar.tsx
+++ b/src/components/ReVxeTableBar/src/bar.tsx
@@ -248,7 +248,7 @@ export default defineComponent({
         <div
           {...attrs}
           class={[
-            "w-99/100",
+            "w-full",
             "px-2",
             "pb-2",
             "bg-bg_color",
diff --git a/src/layout/components/lay-notice/components/NoticeItem.vue b/src/layout/components/lay-notice/components/NoticeItem.vue
index 378b40d6b5..4608e6f778 100644
--- a/src/layout/components/lay-notice/components/NoticeItem.vue
+++ b/src/layout/components/lay-notice/components/NoticeItem.vue
@@ -49,7 +49,7 @@ function hoverDescription(event, description) {
 
 <template>
   <div
-    class="notice-container border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]"
+    class="notice-container border-0 border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]"
   >
     <el-avatar
       v-if="noticeItem.avatar"
diff --git a/src/layout/components/lay-panel/index.vue b/src/layout/components/lay-panel/index.vue
index 9a85619c49..741d51a24e 100644
--- a/src/layout/components/lay-panel/index.vue
+++ b/src/layout/components/lay-panel/index.vue
@@ -51,7 +51,7 @@ onBeforeUnmount(() => {
     <div class="right-panel-background" />
     <div ref="target" class="right-panel bg-bg_color">
       <div
-        class="project-configuration border-b-[1px] border-solid border-[var(--pure-border-color)]"
+        class="project-configuration border-0 border-b-[1px] border-solid border-[var(--pure-border-color)]"
       >
         <h4 class="dark:text-white">
           {{ t("panel.pureSystemSet") }}
@@ -78,7 +78,7 @@ onBeforeUnmount(() => {
       </el-scrollbar>
 
       <div
-        class="flex justify-end p-3 border-t-[1px] border-solid border-[var(--pure-border-color)]"
+        class="flex justify-end p-3 border-0 border-t-[1px]! border-solid border-[var(--pure-border-color)]"
       >
         <el-button
           v-tippy="{
diff --git a/src/layout/components/lay-setting/index.vue b/src/layout/components/lay-setting/index.vue
index 31aba6a960..db8dbae9f4 100644
--- a/src/layout/components/lay-setting/index.vue
+++ b/src/layout/components/lay-setting/index.vue
@@ -20,8 +20,8 @@ import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
 import { useDark, useGlobal, debounce, isNumber } from "@pureadmin/utils";
 
 import Check from "~icons/ep/check";
-import LeftArrow from "~icons/ri/arrow-left-s-line";
-import RightArrow from "~icons/ri/arrow-right-s-line";
+import LeftArrow from "~icons/ri/arrow-left-s-line?width=20&height=20";
+import RightArrow from "~icons/ri/arrow-right-s-line?width=20&height=20";
 import DayIcon from "@/assets/svg/day.svg?component";
 import DarkIcon from "@/assets/svg/dark.svg?component";
 import SystemIcon from "@/assets/svg/system.svg?component";
@@ -189,7 +189,7 @@ const getThemeColor = computed(() => {
 });
 
 const pClass = computed(() => {
-  return ["mb-[12px]", "font-medium", "text-sm", "dark:text-white"];
+  return ["mb-[12px]!", "font-medium", "text-sm", "dark:text-white"];
 });
 
 const themeOptions = computed<Array<OptionsType>>(() => {
@@ -335,7 +335,7 @@ onUnmounted(() => removeMatchMedia);
         "
       />
 
-      <p :class="['mt-5', pClass]">{{ t("panel.pureThemeColor") }}</p>
+      <p :class="['mt-5!', pClass]">{{ t("panel.pureThemeColor") }}</p>
       <ul class="theme-color">
         <li
           v-for="(item, index) in themeColors"
@@ -354,7 +354,7 @@ onUnmounted(() => removeMatchMedia);
         </li>
       </ul>
 
-      <p :class="['mt-5', pClass]">{{ t("panel.pureLayoutModel") }}</p>
+      <p :class="['mt-5!', pClass]">{{ t("panel.pureLayoutModel") }}</p>
       <ul class="pure-theme">
         <li
           ref="verticalRef"
@@ -397,7 +397,7 @@ onUnmounted(() => removeMatchMedia);
       </ul>
 
       <span v-if="useAppStoreHook().getViewportWidth > 1280">
-        <p :class="['mt-5', pClass]">{{ t("panel.pureStretch") }}</p>
+        <p :class="['mt-5!', pClass]">{{ t("panel.pureStretch") }}</p>
         <Segmented
           resize
           class="mb-2 select-none"
@@ -426,21 +426,19 @@ onUnmounted(() => removeMatchMedia);
           >
             <IconifyIconOffline
               :icon="settings.stretch ? RightArrow : LeftArrow"
-              height="20"
             />
             <div
-              class="grow border-b border-dashed"
+              class="grow border-0 border-b border-dashed"
               style="border-color: var(--el-color-primary)"
             />
             <IconifyIconOffline
               :icon="settings.stretch ? LeftArrow : RightArrow"
-              height="20"
             />
           </div>
         </button>
       </span>
 
-      <p :class="['mt-4', pClass]">{{ t("panel.pureTagsStyle") }}</p>
+      <p :class="['mt-4!', pClass]">{{ t("panel.pureTagsStyle") }}</p>
       <Segmented
         resize
         class="select-none"
@@ -449,7 +447,7 @@ onUnmounted(() => removeMatchMedia);
         @change="onChange"
       />
 
-      <p class="mt-5 font-medium text-sm dark:text-white">
+      <p class="mt-5! font-medium text-sm dark:text-white">
         {{ t("panel.pureInterfaceDisplay") }}
       </p>
       <ul class="setting">
diff --git a/src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue b/src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue
index 32ea646f1d..6f26b0e4a4 100644
--- a/src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue
@@ -23,7 +23,7 @@ const iconClass = computed(() => {
     "mb-1",
     "w-[16px]",
     "h-[16px]",
-    "inline-block",
+    "inline-block!",
     "align-middle",
     "cursor-pointer",
     "duration-[100ms]"
diff --git a/src/style/reset.scss b/src/style/reset.scss
index 486471da82..07fdfb8e2d 100644
--- a/src/style/reset.scss
+++ b/src/style/reset.scss
@@ -1,12 +1,3 @@
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  border-color: currentColor;
-  border-style: solid;
-  border-width: 0;
-}
-
 #app {
   width: 100%;
   height: 100%;
diff --git a/src/style/tailwind.css b/src/style/tailwind.css
index 3cde6e8535..e495ae295e 100644
--- a/src/style/tailwind.css
+++ b/src/style/tailwind.css
@@ -1,4 +1,6 @@
-@import "tailwindcss";
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/src/views/able/infinite-scroll.vue b/src/views/able/infinite-scroll.vue
index 547b25d6a3..787197c935 100644
--- a/src/views/able/infinite-scroll.vue
+++ b/src/views/able/infinite-scroll.vue
@@ -51,7 +51,9 @@ const load = () => {
         代码位置 src/views/able/infinite-scroll.vue
       </el-link>
     </template>
-    <p class="mb-2">{{ isBottom ? "已加载全部页" : `加载到第 ${page} 页` }}</p>
+    <div class="mb-2">
+      {{ isBottom ? "已加载全部页" : `加载到第 ${page} 页` }}
+    </div>
     <el-table
       v-el-table-infinite-scroll="load"
       border
diff --git a/src/views/able/pinyin.vue b/src/views/able/pinyin.vue
index 52588c5a70..9bb873c6d0 100644
--- a/src/views/able/pinyin.vue
+++ b/src/views/able/pinyin.vue
@@ -21,8 +21,8 @@ defineOptions({
       </div>
     </template>
     <p v-html="html('带 音 调')" />
-    <p class="mt-2" v-html="html('不 带 音 调', { toneType: 'none' })" />
-    <p class="mt-2 custom" v-html="html('自 定 义 样 式')" />
+    <p class="mt-2!" v-html="html('不 带 音 调', { toneType: 'none' })" />
+    <p class="mt-2! custom" v-html="html('自 定 义 样 式')" />
   </el-card>
 </template>
 
diff --git a/src/views/able/sensitive.vue b/src/views/able/sensitive.vue
index 6b141622ed..5100d32d3f 100644
--- a/src/views/able/sensitive.vue
+++ b/src/views/able/sensitive.vue
@@ -45,6 +45,6 @@ function onInput() {
       </el-tag>
     </div>
     <el-input v-model="modelValue" @input="onInput" />
-    <p class="mt-2">{{ modelValue }}</p>
+    <p class="mt-2!">{{ modelValue }}</p>
   </el-card>
 </template>
diff --git a/src/views/able/wavesurfer/index.vue b/src/views/able/wavesurfer/index.vue
index f2117dcd19..f2406639c0 100644
--- a/src/views/able/wavesurfer/index.vue
+++ b/src/views/able/wavesurfer/index.vue
@@ -109,7 +109,7 @@ onBeforeUnmount(() => {
       <div ref="wavesurferRef" />
       <div v-show="totalTime" class="flex justify-between">
         <span class="text-[#81888f]">00:00</span>
-        <h1 class="text-4xl mt-2">{{ curTime }}</h1>
+        <h1 class="text-4xl mt-2!">{{ curTime }}</h1>
         <span class="text-[#81888f]">{{ totalTime }}</span>
       </div>
       <div v-show="totalTime" class="flex mt-2 w-[180px] justify-around m-auto">
diff --git a/src/views/account-settings/components/AccountManagement.vue b/src/views/account-settings/components/AccountManagement.vue
index 837f6a7b3e..f131b8bd35 100644
--- a/src/views/account-settings/components/AccountManagement.vue
+++ b/src/views/account-settings/components/AccountManagement.vue
@@ -43,7 +43,7 @@ function onClick(item) {
       deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
     ]"
   >
-    <h3 class="my-8">账户管理</h3>
+    <h3 class="my-8!">账户管理</h3>
     <div v-for="(item, index) in list" :key="index">
       <div class="flex items-center">
         <div class="flex-1">
diff --git a/src/views/account-settings/components/Preferences.vue b/src/views/account-settings/components/Preferences.vue
index 93a510a541..fa6cfb2cbb 100644
--- a/src/views/account-settings/components/Preferences.vue
+++ b/src/views/account-settings/components/Preferences.vue
@@ -38,7 +38,7 @@ function onChange(val, item) {
       deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
     ]"
   >
-    <h3 class="my-8">偏好设置</h3>
+    <h3 class="my-8!">偏好设置</h3>
     <div v-for="(item, index) in list" :key="index">
       <div class="flex items-center">
         <div class="flex-1">
diff --git a/src/views/account-settings/components/Profile.vue b/src/views/account-settings/components/Profile.vue
index aadb55119f..b213d6cdad 100644
--- a/src/views/account-settings/components/Profile.vue
+++ b/src/views/account-settings/components/Profile.vue
@@ -110,7 +110,7 @@ getMine().then(res => {
       deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
     ]"
   >
-    <h3 class="my-8">个人信息</h3>
+    <h3 class="my-8!">个人信息</h3>
     <el-form
       ref="userInfoFormRef"
       label-position="top"
@@ -128,7 +128,7 @@ getMine().then(res => {
           :show-file-list="false"
           :on-change="onChange"
         >
-          <el-button plain class="ml-4">
+          <el-button plain class="ml-4!">
             <IconifyIconOffline :icon="uploadLine" />
             <span class="ml-2">更新头像</span>
           </el-button>
diff --git a/src/views/account-settings/components/SecurityLog.vue b/src/views/account-settings/components/SecurityLog.vue
index 845540c296..bddbce4725 100644
--- a/src/views/account-settings/components/SecurityLog.vue
+++ b/src/views/account-settings/components/SecurityLog.vue
@@ -78,7 +78,7 @@ onMounted(() => {
       deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
     ]"
   >
-    <h3 class="my-8">安全日志</h3>
+    <h3 class="my-8!">安全日志</h3>
     <pure-table
       row-key="id"
       table-layout="auto"
diff --git a/src/views/components/check-button.vue b/src/views/components/check-button.vue
index c1d655cda0..200062dc1c 100644
--- a/src/views/components/check-button.vue
+++ b/src/views/components/check-button.vue
@@ -109,7 +109,7 @@ watch(size, val =>
         代码位置 src/views/components/check-button.vue
       </el-link>
     </template>
-    <p class="mb-2">单选（紧凑风格的按钮样式）</p>
+    <div class="mb-2">单选（紧凑风格的按钮样式）</div>
     <el-radio-group
       v-model="radio"
       :size="dynamicSize"
@@ -121,7 +121,7 @@ watch(size, val =>
     </el-radio-group>
     <el-divider />
 
-    <p class="mb-2">单选（带有边框）</p>
+    <div class="mb-2">单选（带有边框）</div>
     <el-radio-group
       v-model="radioBox"
       :size="dynamicSize"
@@ -133,7 +133,7 @@ watch(size, val =>
     </el-radio-group>
     <el-divider />
 
-    <p class="mb-2">单选（自定义内容）</p>
+    <div class="mb-2">单选（自定义内容）</div>
     <el-radio-group
       v-model="radioCustom"
       :size="dynamicSize"
@@ -160,7 +160,7 @@ watch(size, val =>
     </el-radio-group>
     <el-divider />
 
-    <p class="mb-2">多选（紧凑风格的按钮样式）</p>
+    <div class="mb-2">多选（紧凑风格的按钮样式）</div>
     <el-checkbox-group
       v-model="checkboxGroup"
       :size="dynamicSize"
@@ -172,7 +172,7 @@ watch(size, val =>
     </el-checkbox-group>
     <el-divider />
 
-    <p class="mb-2">多选（带有边框）</p>
+    <div class="mb-2">多选（带有边框）</div>
     <el-checkbox-group
       v-model="checkboxGroupBox"
       :size="dynamicSize"
@@ -184,7 +184,7 @@ watch(size, val =>
     </el-checkbox-group>
     <el-divider />
 
-    <p class="mb-2">多选（来点不一样的体验）</p>
+    <div class="mb-2">多选（来点不一样的体验）</div>
     <el-checkbox-group
       v-model="checkboxGroupCustom"
       class="pure-checkbox"
@@ -218,14 +218,14 @@ watch(size, val =>
     </el-checkbox-group>
     <el-divider />
 
-    <p>可控制间距的按钮样式</p>
+    <div>可控制间距的按钮样式</div>
     <el-slider
       v-model="spaceSize"
       class="mb-2 w-[300px]!"
       :show-tooltip="false"
       :disabled="size === 'disabled'"
     />
-    <p class="mb-2">单选</p>
+    <div class="mb-2">单选</div>
     <el-space wrap :size="spaceSize">
       <el-check-tag
         v-for="(tag, index) in checkTag"
@@ -241,7 +241,7 @@ watch(size, val =>
         {{ tag.title }}
       </el-check-tag>
     </el-space>
-    <p class="mb-2 mt-4">
+    <div class="mb-2 mt-4">
       多选
       {{
         getKeyList(
@@ -249,7 +249,7 @@ watch(size, val =>
           "title"
         )
       }}
-    </p>
+    </div>
     <el-space wrap :size="spaceSize">
       <el-check-tag
         v-for="(tag, index) in checkGroupTag"
@@ -267,7 +267,7 @@ watch(size, val =>
     </el-space>
     <el-divider />
 
-    <p class="mb-2">单个可选按钮</p>
+    <div class="mb-2">单个可选按钮</div>
     <el-check-tag
       :class="[
         'select-none',
diff --git a/src/views/components/check-card.vue b/src/views/components/check-card.vue
index 6288e99f80..3820ff67cb 100644
--- a/src/views/components/check-card.vue
+++ b/src/views/components/check-card.vue
@@ -69,7 +69,7 @@ watch(size, val =>
       </el-link>
     </template>
 
-    <p class="mb-2 mt-4">单选</p>
+    <div class="mb-2 mt-4">单选</div>
     <PlusCheckCardGroup
       v-model="list"
       :options="options"
@@ -77,7 +77,7 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">多选</p>
+    <div class="mb-2 mt-4">多选</div>
     <PlusCheckCardGroup
       v-model="list1"
       :options="options"
diff --git a/src/views/components/collapse.vue b/src/views/components/collapse.vue
index 530042df4d..7e749e628e 100644
--- a/src/views/components/collapse.vue
+++ b/src/views/components/collapse.vue
@@ -50,12 +50,12 @@ const handleChange = (val: string[]) => {
       </el-link>
     </template>
 
-    <p class="mb-2">基础用法</p>
+    <div class="mb-2">基础用法</div>
     <el-radio-group v-model="radio" class="mb-3">
       <el-radio value="">可同时展开多个面板</el-radio>
       <el-radio value="accordion">每次只能展开一个面板</el-radio>
     </el-radio-group>
-    <el-button size="small" text bg class="ml-8 mb-1" @click="onClick">
+    <el-button size="small" text bg class="ml-8! mb-1!" @click="onClick">
       外部触发打开、关闭
     </el-button>
     <el-collapse
diff --git a/src/views/components/color-picker.vue b/src/views/components/color-picker.vue
index c911b5339d..a1508ee545 100644
--- a/src/views/components/color-picker.vue
+++ b/src/views/components/color-picker.vue
@@ -73,7 +73,7 @@ function onClick() {
       </el-link>
     </template>
 
-    <p class="mb-2">不同尺寸、选择透明度、预定义颜色</p>
+    <div class="mb-2">不同尺寸、选择透明度、预定义颜色</div>
     <el-color-picker
       v-model="color"
       show-alpha
@@ -83,7 +83,7 @@ function onClick() {
     />
     <el-divider />
 
-    <p class="mb-2">外部触发器</p>
+    <div class="mb-2">外部触发器</div>
     <el-space wrap>
       <el-color-picker
         ref="colorPickerRef"
diff --git a/src/views/components/contextmenu/basic.vue b/src/views/components/contextmenu/basic.vue
index f6d9221914..adaf0e0d69 100644
--- a/src/views/components/contextmenu/basic.vue
+++ b/src/views/components/contextmenu/basic.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p class="mb-2">基础用法</p>
+    <div class="mb-2">基础用法</div>
     <div v-contextmenu:contextmenu class="wrapper">
       <code>右键点击此区域</code>
     </div>
diff --git a/src/views/components/contextmenu/menuDynamic.vue b/src/views/components/contextmenu/menuDynamic.vue
index c326c333b6..5fbcb8c9d1 100644
--- a/src/views/components/contextmenu/menuDynamic.vue
+++ b/src/views/components/contextmenu/menuDynamic.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p class="mb-2">动态菜单</p>
+    <div class="mb-2">动态菜单</div>
     <div v-contextmenu:contextmenu class="wrapper">
       <code>右键点击此区域</code>
     </div>
diff --git a/src/views/components/contextmenu/menuGroup.vue b/src/views/components/contextmenu/menuGroup.vue
index 3f3a5af854..237059551a 100644
--- a/src/views/components/contextmenu/menuGroup.vue
+++ b/src/views/components/contextmenu/menuGroup.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p class="mb-2">按钮组</p>
+    <div class="mb-2">按钮组</div>
     <div v-contextmenu:contextmenu class="wrapper">
       <code>右键点击此区域</code>
     </div>
diff --git a/src/views/components/date-picker.vue b/src/views/components/date-picker.vue
index 64f5493958..0f33fbe53e 100644
--- a/src/views/components/date-picker.vue
+++ b/src/views/components/date-picker.vue
@@ -160,7 +160,7 @@ watch(size, val =>
       </el-link>
     </template>
 
-    <p class="mb-2">选择某一天</p>
+    <div class="mb-2">选择某一天</div>
     <el-date-picker
       v-model="value"
       type="date"
@@ -175,7 +175,7 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">选择周、月、年或多个日期</p>
+    <div class="mb-2 mt-4">选择周、月、年或多个日期</div>
     <el-space wrap>
       <el-date-picker
         v-model="value1"
@@ -212,7 +212,7 @@ watch(size, val =>
       />
     </el-space>
 
-    <p class="mb-2 mt-4">选择一段时间</p>
+    <div class="mb-2 mt-4">选择一段时间</div>
     <el-date-picker
       v-model="value5"
       type="daterange"
@@ -229,7 +229,7 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">选择月份范围</p>
+    <div class="mb-2 mt-4">选择月份范围</div>
     <el-date-picker
       v-model="value6"
       type="monthrange"
@@ -245,7 +245,7 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">日期格式</p>
+    <div class="mb-2 mt-4">日期格式</div>
     <el-radio-group
       v-model="dateFormat"
       class="mb-2"
@@ -271,7 +271,7 @@ watch(size, val =>
       <span class="ml-2">{{ value7 }}</span>
     </el-space>
 
-    <p class="mb-2 mt-4">自定义前缀</p>
+    <div class="mb-2 mt-4">自定义前缀</div>
     <el-date-picker
       v-model="value8"
       type="date"
@@ -282,7 +282,7 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">自定义内容</p>
+    <div class="mb-2 mt-4">自定义内容</div>
     <el-date-picker
       v-model="value9"
       type="date"
diff --git a/src/views/components/datetime-picker.vue b/src/views/components/datetime-picker.vue
index 6854d73d9c..50c783f44c 100644
--- a/src/views/components/datetime-picker.vue
+++ b/src/views/components/datetime-picker.vue
@@ -186,7 +186,7 @@ watch(size, val =>
       </el-link>
     </template>
 
-    <p class="mb-2">日期和时间点</p>
+    <div class="mb-2">日期和时间点</div>
     <el-date-picker
       v-model="value"
       type="datetime"
@@ -197,7 +197,7 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">日期时间格式</p>
+    <div class="mb-2 mt-4">日期时间格式</div>
     <el-radio-group
       v-model="datetimeFormat"
       class="mb-2"
@@ -223,7 +223,7 @@ watch(size, val =>
       <span class="ml-2">{{ value1 }}</span>
     </el-space>
 
-    <p class="mb-2 mt-4">日期和时间范围</p>
+    <div class="mb-2 mt-4">日期和时间范围</div>
     <el-date-picker
       v-model="value2"
       type="datetimerange"
@@ -238,9 +238,9 @@ watch(size, val =>
       :disabled="size === 'disabled'"
     />
 
-    <p class="mb-2 mt-4">
+    <div class="mb-2 mt-4">
       弹出面板位置可控（如果弹出位置不足以完整展示面板会自动调整位置）
-    </p>
+    </div>
     <el-space wrap class="w-[400px]">
       <el-check-tag
         v-for="(tag, index) in checkTag"
diff --git a/src/views/components/el-button.vue b/src/views/components/el-button.vue
index 0b398747ad..3cf739412a 100644
--- a/src/views/components/el-button.vue
+++ b/src/views/components/el-button.vue
@@ -84,7 +84,7 @@ watch(size, val =>
       </el-link>
     </template>
 
-    <p class="mb-2">基础按钮</p>
+    <div class="mb-2">基础按钮</div>
     <el-radio-group v-model="baseRadio" class="mb-3">
       <el-radio label="default" value="default" />
       <el-radio label="plain" value="plain" />
@@ -117,7 +117,7 @@ watch(size, val =>
     </el-space>
     <el-divider />
 
-    <p class="mb-4">加载状态按钮</p>
+    <div class="mb-4">加载状态按钮</div>
     <el-button
       text
       bg
@@ -166,7 +166,7 @@ watch(size, val =>
     </el-button>
     <el-divider />
 
-    <p class="mb-4">自定义元素标签。例如：按钮、div、链接</p>
+    <div class="mb-4">自定义元素标签。例如：按钮、div、链接</div>
     <el-button :size="dynamicSize" :disabled="size === 'disabled'">
       button 标签
     </el-button>
@@ -196,7 +196,7 @@ watch(size, val =>
     </el-button>
     <el-divider />
 
-    <p class="mb-4">自定义颜色</p>
+    <div class="mb-4">自定义颜色</div>
     <el-space wrap>
       <el-button
         color="#626aef"
diff --git a/src/views/components/message.vue b/src/views/components/message.vue
index ddf73c43e7..10eb8cceda 100644
--- a/src/views/components/message.vue
+++ b/src/views/components/message.vue
@@ -25,7 +25,7 @@ defineOptions({
       </el-link>
     </template>
 
-    <h4 class="mb-4">Element Plus 的消息提示，点击弹出提示信息</h4>
+    <h4 class="mb-4!">Element Plus 的消息提示，点击弹出提示信息</h4>
 
     <el-space wrap>
       <el-button
@@ -121,7 +121,7 @@ defineOptions({
 
     <el-divider />
 
-    <h4 class="mb-4">
+    <h4 class="mb-4!">
       类似 Ant Design 风格的消息提示，点击弹出提示信息（基于 ElMessage
       样式改版，不会影响 ElMessage
       原本样式，使用和打包大小成本极低并适配整体暗色风格）
diff --git a/src/views/components/progress.vue b/src/views/components/progress.vue
index 3c70946b59..de403d6f9f 100644
--- a/src/views/components/progress.vue
+++ b/src/views/components/progress.vue
@@ -32,7 +32,7 @@ const format = percentage => (percentage === 100 ? "Full" : `${percentage}%`);
       </el-link>
     </template>
 
-    <p class="mb-4">直线进度条动画</p>
+    <div class="mb-4">直线进度条动画</div>
     <div class="w-1/4">
       <el-progress indeterminate :percentage="50" class="mb-4" />
       <el-progress
@@ -61,7 +61,7 @@ const format = percentage => (percentage === 100 ? "Full" : `${percentage}%`);
       />
     </div>
 
-    <p class="mb-4">进度条内显示百分比标识</p>
+    <div class="mb-4">进度条内显示百分比标识</div>
     <div class="w-1/4">
       <el-progress
         :text-inside="true"
@@ -97,7 +97,7 @@ const format = percentage => (percentage === 100 ? "Full" : `${percentage}%`);
       />
     </div>
 
-    <p class="mb-4">自定义内容</p>
+    <div class="mb-4">自定义内容</div>
     <div class="w-1/4 demo-progress">
       <el-progress :percentage="50">
         <el-button text>自定义内容</el-button>
diff --git a/src/views/components/segmented.vue b/src/views/components/segmented.vue
index fa2ca45fd6..79f4ae731a 100644
--- a/src/views/components/segmented.vue
+++ b/src/views/components/segmented.vue
@@ -220,39 +220,39 @@ watch(size, val => (dynamicSize.value = size.value));
       </el-link>
     </template>
     <el-scrollbar>
-      <p class="mb-2">
+      <div class="mb-2">
         基础用法（v-model）<span class="text-primary">
           {{ optionsBasis[value].label }}
         </span>
-      </p>
+      </div>
       <Segmented v-model="value" :options="optionsBasis" :size="dynamicSize" />
       <el-divider />
-      <p class="mb-2">tooltip 提示</p>
+      <div class="mb-2">tooltip 提示</div>
       <Segmented :options="optionsTooltip" :size="dynamicSize" />
       <el-divider />
-      <p class="mb-2">change 事件</p>
+      <div class="mb-2">change 事件</div>
       <Segmented
         :options="optionsChange"
         :size="dynamicSize"
         @change="onChange"
       />
       <el-divider />
-      <p class="mb-2">禁用</p>
+      <div class="mb-2">禁用</div>
       <Segmented :options="optionsDisabled" :size="dynamicSize" />
       <el-divider />
-      <p class="mb-2">全局禁用</p>
+      <div class="mb-2">全局禁用</div>
       <Segmented :options="optionsBasis" :size="dynamicSize" disabled />
       <el-divider />
-      <p class="mb-2">block 属性(将宽度调整为父元素宽度)</p>
+      <div class="mb-2">block 属性(将宽度调整为父元素宽度)</div>
       <Segmented :options="optionsBlock" block :size="dynamicSize" />
       <el-divider />
-      <p class="mb-2">可设置图标</p>
+      <div class="mb-2">可设置图标</div>
       <Segmented :options="optionsIcon" :size="dynamicSize" />
       <el-divider />
-      <p class="mb-2">只设置图标</p>
+      <div class="mb-2">只设置图标</div>
       <Segmented :options="optionsOnlyIcon" :size="dynamicSize" />
       <el-divider />
-      <p class="mb-2">自定义渲染</p>
+      <div class="mb-2">自定义渲染</div>
       <Segmented :options="optionsLabel" :size="dynamicSize" />
     </el-scrollbar>
   </el-card>
diff --git a/src/views/components/selector.vue b/src/views/components/selector.vue
index e63bfd528b..4c2e23ec15 100644
--- a/src/views/components/selector.vue
+++ b/src/views/components/selector.vue
@@ -49,7 +49,7 @@ const selectedVal = ({ left, right }): void => {
         :disabled="item.disabled"
         @selectedVal="selectedVal"
       />
-      <h4 v-if="!item.disabled" class="mt-3">选中范围：{{ selectRange }}</h4>
+      <h4 v-if="!item.disabled" class="mt-3!">选中范围：{{ selectRange }}</h4>
     </el-card>
   </div>
 </template>
diff --git a/src/views/components/slider/index.vue b/src/views/components/slider/index.vue
index 8ab1134cde..e5d20a6ead 100644
--- a/src/views/components/slider/index.vue
+++ b/src/views/components/slider/index.vue
@@ -29,28 +29,28 @@ defineOptions({
         </el-link>
       </div>
     </template>
-    <p class="mb-2">基础用法</p>
+    <div class="mb-2">基础用法</div>
     <Base />
     <el-divider />
-    <p class="mb-2">离散值</p>
+    <div class="mb-2">离散值</div>
     <Step />
     <el-divider />
-    <p class="mb-2">带有输入框的滑块</p>
+    <div class="mb-2">带有输入框的滑块</div>
     <Input />
     <el-divider />
-    <p class="mb-2">不同尺寸</p>
+    <div class="mb-2">不同尺寸</div>
     <Size />
     <el-divider />
-    <p class="mb-2">位置</p>
+    <div class="mb-2">位置</div>
     <Placement />
     <el-divider />
-    <p class="mb-2">范围选择</p>
+    <div class="mb-2">范围选择</div>
     <Range />
     <el-divider />
-    <p class="mb-2">垂直模式</p>
+    <div class="mb-2">垂直模式</div>
     <Vertical />
     <el-divider />
-    <p class="mb-2">显示标记</p>
+    <div class="mb-2">显示标记</div>
     <Marks class="mb-6" />
   </el-card>
 </template>
diff --git a/src/views/components/statistic.vue b/src/views/components/statistic.vue
index 47a7c81f11..ee6b5f6979 100644
--- a/src/views/components/statistic.vue
+++ b/src/views/components/statistic.vue
@@ -63,7 +63,7 @@ function reset() {
             format="HH:mm:ss"
             :value="value1"
           />
-          <el-button class="mt-2" type="primary" text bg @click="reset">
+          <el-button class="mt-2!" type="primary" text bg @click="reset">
             重置
           </el-button>
         </re-col>
diff --git a/src/views/components/tag.vue b/src/views/components/tag.vue
index 730a4ec081..eb3aefc128 100644
--- a/src/views/components/tag.vue
+++ b/src/views/components/tag.vue
@@ -94,7 +94,7 @@ const handleInputConfirm = () => {
       </el-link>
     </template>
 
-    <p class="mb-2">基础按钮</p>
+    <div class="mb-2">基础按钮</div>
     <el-radio-group v-model="baseTag" class="mb-3">
       <el-radio label="dark" value="dark" />
       <el-radio label="light" value="light" />
@@ -140,7 +140,7 @@ const handleInputConfirm = () => {
     </el-space>
     <el-divider />
 
-    <p class="mb-2">动态编辑标签</p>
+    <div class="mb-2">动态编辑标签</div>
     <el-tag
       v-for="tag in dynamicTags"
       :key="tag"
@@ -163,7 +163,7 @@ const handleInputConfirm = () => {
     />
     <el-button
       v-else
-      class="button-new-tag ml-1"
+      class="button-new-tag ml-1!"
       size="small"
       @click="showInput"
     >
diff --git a/src/views/components/text.vue b/src/views/components/text.vue
index fa4f4236c3..db8db0e536 100644
--- a/src/views/components/text.vue
+++ b/src/views/components/text.vue
@@ -48,7 +48,7 @@ const changeTooltipContent = () => {
       </el-link>
     </template>
 
-    <p class="mb-2">基础用法</p>
+    <div class="mb-2">基础用法</div>
     <el-space wrap>
       <ul class="content">
         <li>
@@ -64,7 +64,7 @@ const changeTooltipContent = () => {
 
     <el-divider />
 
-    <p class="mb-2">自定义 Tooltip 内容</p>
+    <div class="mb-2">自定义 Tooltip 内容</div>
     <div class="mb-2">
       <el-button @click="changeTooltipContent">
         点击切换下方 Tooltip 内容
@@ -94,7 +94,7 @@ const changeTooltipContent = () => {
     </el-space>
 
     <el-divider />
-    <p class="mb-2">自定义 el-text 配置</p>
+    <div class="mb-2">自定义 el-text 配置</div>
     <el-space wrap>
       <ul class="content">
         <li>
@@ -111,7 +111,7 @@ const changeTooltipContent = () => {
     </el-space>
 
     <el-divider />
-    <p class="mb-2">自定义 VueTippy 配置</p>
+    <div class="mb-2">自定义 VueTippy 配置</div>
     <el-space wrap>
       <ul class="content">
         <li>
@@ -132,7 +132,7 @@ const changeTooltipContent = () => {
     </el-space>
 
     <el-divider />
-    <p class="mb-2">组件嵌套: 不需要省略的需设置 truncated 为 false</p>
+    <div class="mb-2">组件嵌套: 不需要省略的需设置 truncated 为 false</div>
     <el-space wrap>
       <ul class="content">
         <li>
diff --git a/src/views/components/time-picker.vue b/src/views/components/time-picker.vue
index 3a8479424d..90a88de7fc 100644
--- a/src/views/components/time-picker.vue
+++ b/src/views/components/time-picker.vue
@@ -85,7 +85,7 @@ const endTime = ref("");
         </el-link>
       </template>
 
-      <p class="mb-2">日期和时间点</p>
+      <div class="mb-2">日期和时间点</div>
       <el-space wrap>
         <p class="text-[15px]">鼠标滚轮进行选择</p>
         <el-time-picker
@@ -107,7 +107,7 @@ const endTime = ref("");
       </el-space>
       <el-divider />
 
-      <p class="mb-2">限制时间选择范围</p>
+      <div class="mb-2">限制时间选择范围</div>
       <el-time-picker
         v-model="value2"
         class="w-[140px]!"
@@ -120,7 +120,7 @@ const endTime = ref("");
       />
       <el-divider />
 
-      <p class="mb-2">任意时间范围</p>
+      <div class="mb-2">任意时间范围</div>
       <el-time-picker
         v-model="value3"
         class="w-[220px]!"
@@ -149,7 +149,7 @@ const endTime = ref("");
         </div>
       </template>
 
-      <p class="mb-2">固定时间点</p>
+      <div class="mb-2">固定时间点</div>
       <el-time-select
         v-model="value4"
         placeholder="请选择时间"
@@ -161,7 +161,7 @@ const endTime = ref("");
         :disabled="size === 'disabled'"
       />
 
-      <p class="mb-2 mt-4">时间格式</p>
+      <div class="mb-2 mt-4">时间格式</div>
       <el-time-select
         v-model="value5"
         placeholder="请选择时间"
@@ -174,7 +174,7 @@ const endTime = ref("");
         :disabled="size === 'disabled'"
       />
 
-      <p class="mb-2 mt-4">固定时间范围</p>
+      <div class="mb-2 mt-4">固定时间范围</div>
       <el-space wrap>
         <el-time-select
           v-model="startTime"
diff --git a/src/views/components/timeline.vue b/src/views/components/timeline.vue
index 79ed0daded..12b4664d5d 100644
--- a/src/views/components/timeline.vue
+++ b/src/views/components/timeline.vue
@@ -79,7 +79,7 @@ const activities = [
         </el-timeline-item>
       </el-timeline>
 
-      <el-timeline class="pl-40">
+      <el-timeline class="pl-40!">
         <el-timeline-item
           v-for="(activity, index) in activities"
           :key="index"
diff --git a/src/views/components/upload/form.vue b/src/views/components/upload/form.vue
index cfbdd31b88..57f03430ea 100644
--- a/src/views/components/upload/form.vue
+++ b/src/views/components/upload/form.vue
@@ -4,7 +4,7 @@ import { formUpload } from "@/api/mock";
 import { message } from "@/utils/message";
 import { createFormData } from "@pureadmin/utils";
 
-import UploadIcon from "~icons/ri/upload-2-line";
+import UploadIcon from "~icons/ri/upload-2-line?width=26&height=26";
 
 const formRef = ref();
 const uploadRef = ref();
@@ -62,11 +62,7 @@ const resetForm = formEl => {
         :auto-upload="false"
       >
         <div class="el-upload__text">
-          <IconifyIconOffline
-            :icon="UploadIcon"
-            width="26"
-            class="m-auto mb-2"
-          />
+          <UploadIcon class="m-auto mb-2" />
           可点击或拖拽上传
         </div>
       </el-upload>
diff --git a/src/views/components/upload/index.vue b/src/views/components/upload/index.vue
index 23635dffbd..7459ed5ad5 100644
--- a/src/views/components/upload/index.vue
+++ b/src/views/components/upload/index.vue
@@ -8,7 +8,7 @@ import { message } from "@/utils/message";
 import type { UploadFile } from "element-plus";
 import { getKeyList, extractFields, downloadByData } from "@pureadmin/utils";
 
-import Add from "~icons/ep/plus";
+import EpPlus from "~icons/ep/plus?width=30&height=30";
 import Eye from "~icons/ri/eye-line";
 import Delete from "~icons/ri/delete-bin-7-line";
 
@@ -124,16 +124,16 @@ const onDownload = () => {
       </el-link>
     </template>
 
-    <el-button class="mb-4" text bg @click="onDownload">
+    <el-button class="mb-4!" text bg @click="onDownload">
       点击下载安全文件进行上传测试
     </el-button>
-    <p class="mb-4">
+    <p class="mb-4!">
       综合示例<span class="text-[14px]">
         （ <span class="text-[red]">自动上传</span>
         、拖拽上传、拖拽排序、设置请求头、上传进度、大图预览、多选文件、最大文件数量、文件类型限制、文件大小限制、删除文件）
       </span>
     </p>
-    <p v-show="fileList.length > 0" class="mb-4">
+    <p v-show="fileList.length > 0" class="mb-4!">
       {{ imgInfos }}
     </p>
     <el-upload
@@ -149,15 +149,15 @@ const onDownload = () => {
       :on-exceed="onExceed"
       :before-upload="onBefore"
     >
-      <IconifyIconOffline :icon="Add" class="m-auto mt-4" width="30" />
+      <EpPlus class="m-auto mt-4" />
       <template #file="{ file }">
         <div
           v-if="file.status == 'ready' || file.status == 'uploading'"
-          class="mt-[35%] m-auto"
+          class="mt-[35%]! m-auto"
         >
           <p class="font-medium">文件上传中</p>
           <el-progress
-            class="mt-2"
+            class="mt-2!"
             :stroke-width="2"
             :text-inside="true"
             :show-text="false"
@@ -232,7 +232,7 @@ const onDownload = () => {
     </p>
     <el-divider />
 
-    <p class="mb-4 mt-4">
+    <p class="mb-4! mt-4">
       结合表单校验进行<span class="text-[red]">手动上传</span>
       <span class="text-[14px]">
         （可先打开浏览器控制台找到Network，然后填写表单内容后点击点提交观察请求变化）
diff --git a/src/views/error/403.vue b/src/views/error/403.vue
index a16be3ce52..ffd9df4405 100644
--- a/src/views/error/403.vue
+++ b/src/views/error/403.vue
@@ -15,7 +15,7 @@ const router = useRouter();
     <div class="ml-12">
       <p
         v-motion
-        class="font-medium text-4xl mb-4 dark:text-white"
+        class="font-medium text-4xl mb-4! dark:text-white"
         :initial="{
           opacity: 0,
           y: 100
@@ -32,7 +32,7 @@ const router = useRouter();
       </p>
       <p
         v-motion
-        class="mb-4 text-gray-500"
+        class="mb-4! text-gray-500"
         :initial="{
           opacity: 0,
           y: 100
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index cd780b7c2c..44ecf14b8f 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -15,7 +15,7 @@ const router = useRouter();
     <div class="ml-12">
       <p
         v-motion
-        class="font-medium text-4xl mb-4 dark:text-white"
+        class="font-medium text-4xl mb-4! dark:text-white"
         :initial="{
           opacity: 0,
           y: 100
@@ -32,7 +32,7 @@ const router = useRouter();
       </p>
       <p
         v-motion
-        class="mb-4 text-gray-500"
+        class="mb-4! text-gray-500"
         :initial="{
           opacity: 0,
           y: 100
diff --git a/src/views/error/500.vue b/src/views/error/500.vue
index e55a090efb..cd2440981c 100644
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@@ -15,7 +15,7 @@ const router = useRouter();
     <div class="ml-12">
       <p
         v-motion
-        class="font-medium text-4xl mb-4 dark:text-white"
+        class="font-medium text-4xl mb-4! dark:text-white"
         :initial="{
           opacity: 0,
           y: 100
@@ -32,7 +32,7 @@ const router = useRouter();
       </p>
       <p
         v-motion
-        class="mb-4 text-gray-500"
+        class="mb-4! text-gray-500"
         :initial="{
           opacity: 0,
           y: 100
diff --git a/src/views/login/components/LoginPhone.vue b/src/views/login/components/LoginPhone.vue
index 6247704bdc..6ef5f07502 100644
--- a/src/views/login/components/LoginPhone.vue
+++ b/src/views/login/components/LoginPhone.vue
@@ -69,7 +69,7 @@ function onBack() {
           />
           <el-button
             :disabled="isDisabled"
-            class="ml-2"
+            class="ml-2!"
             @click="useVerifyCode().start(ruleFormRef, 'phone')"
           >
             {{
diff --git a/src/views/login/components/LoginQrCode.vue b/src/views/login/components/LoginQrCode.vue
index 3963f84c17..4d40468ecc 100644
--- a/src/views/login/components/LoginQrCode.vue
+++ b/src/views/login/components/LoginQrCode.vue
@@ -18,7 +18,7 @@ const { t } = useI18n();
   </Motion>
   <Motion :delay="150">
     <el-button
-      class="w-full mt-4"
+      class="w-full mt-4!"
       @click="useUserStoreHook().SET_CURRENTPAGE(0)"
     >
       {{ t("login.pureBack") }}
diff --git a/src/views/login/components/LoginRegist.vue b/src/views/login/components/LoginRegist.vue
index c15ba5721c..43d921cd12 100644
--- a/src/views/login/components/LoginRegist.vue
+++ b/src/views/login/components/LoginRegist.vue
@@ -123,7 +123,7 @@ function onBack() {
           />
           <el-button
             :disabled="isDisabled"
-            class="ml-2"
+            class="ml-2!"
             @click="useVerifyCode().start(ruleFormRef, 'phone')"
           >
             {{
diff --git a/src/views/login/components/LoginUpdate.vue b/src/views/login/components/LoginUpdate.vue
index fbd8286517..ba997d52a0 100644
--- a/src/views/login/components/LoginUpdate.vue
+++ b/src/views/login/components/LoginUpdate.vue
@@ -93,7 +93,7 @@ function onBack() {
           />
           <el-button
             :disabled="isDisabled"
-            class="ml-2"
+            class="ml-2!"
             @click="useVerifyCode().start(ruleFormRef, 'phone')"
           >
             {{
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index f1cd7b162e..6b3ff84f73 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -245,7 +245,8 @@ watch(loginDay, value => {
                           width: loginDay < 10 ? '10px' : '16px',
                           outline: 'none',
                           background: 'none',
-                          appearance: 'none'
+                          appearance: 'none',
+                          border: 'none'
                         }"
                       >
                         <option value="1">1</option>
@@ -272,7 +273,7 @@ watch(loginDay, value => {
                   </el-button>
                 </div>
                 <el-button
-                  class="w-full mt-4"
+                  class="w-full mt-4!"
                   size="default"
                   type="primary"
                   :loading="loading"
@@ -290,7 +291,7 @@ watch(loginDay, value => {
                   <el-button
                     v-for="(item, index) in operates"
                     :key="index"
-                    class="w-full mt-4"
+                    class="w-full mt-4!"
                     size="default"
                     @click="useUserStoreHook().SET_CURRENTPAGE(index + 1)"
                   >
diff --git a/src/views/markdown/index.vue b/src/views/markdown/index.vue
index 9061bbbc64..9b5a87bdd3 100644
--- a/src/views/markdown/index.vue
+++ b/src/views/markdown/index.vue
@@ -45,7 +45,7 @@ sayHello();
         代码位置 src/views/markdown
       </el-link>
     </template>
-    <h1 class="mb-2">
+    <h1 class="mb-2!">
       双向绑定：<span class="text-red-500">{{ text }}</span>
     </h1>
     <Vditor
diff --git a/src/views/monitor/logs/login/index.vue b/src/views/monitor/logs/login/index.vue
index ad2450ed14..e9bdc3f97e 100644
--- a/src/views/monitor/logs/login/index.vue
+++ b/src/views/monitor/logs/login/index.vue
@@ -39,7 +39,7 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="用户名" prop="username">
         <el-input
diff --git a/src/views/monitor/logs/operation/index.vue b/src/views/monitor/logs/operation/index.vue
index 161e1b0d92..c6b3fd6968 100644
--- a/src/views/monitor/logs/operation/index.vue
+++ b/src/views/monitor/logs/operation/index.vue
@@ -39,7 +39,7 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="所属模块" prop="module">
         <el-input
diff --git a/src/views/monitor/logs/system/index.vue b/src/views/monitor/logs/system/index.vue
index 14ac452392..f04db1b620 100644
--- a/src/views/monitor/logs/system/index.vue
+++ b/src/views/monitor/logs/system/index.vue
@@ -42,7 +42,7 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="所属模块" prop="module">
         <el-input
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
index 92a2e874d4..4d6e4f6dd9 100644
--- a/src/views/monitor/online/index.vue
+++ b/src/views/monitor/online/index.vue
@@ -33,7 +33,7 @@ const {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="用户名" prop="username">
         <el-input
diff --git a/src/views/permission/button/index.vue b/src/views/permission/button/index.vue
index c1d5297cc1..7cd17d422d 100644
--- a/src/views/permission/button/index.vue
+++ b/src/views/permission/button/index.vue
@@ -8,7 +8,7 @@ defineOptions({
 
 <template>
   <div>
-    <p class="mb-2">当前拥有的code列表：{{ getAuths() }}</p>
+    <p class="mb-2!">当前拥有的code列表：{{ getAuths() }}</p>
 
     <el-card shadow="never" class="mb-2">
       <template #header>
diff --git a/src/views/permission/button/perms.vue b/src/views/permission/button/perms.vue
index 5a256a2541..3e754667ce 100644
--- a/src/views/permission/button/perms.vue
+++ b/src/views/permission/button/perms.vue
@@ -11,8 +11,8 @@ defineOptions({
 
 <template>
   <div>
-    <p class="mb-2">当前拥有的code列表：{{ permissions }}</p>
-    <p v-show="permissions?.[0] === '*:*:*'" class="mb-2">
+    <p class="mb-2!">当前拥有的code列表：{{ permissions }}</p>
+    <p v-show="permissions?.[0] === '*:*:*'" class="mb-2!">
       *:*:* 代表拥有全部按钮级别权限
     </p>
 
diff --git a/src/views/permission/page/index.vue b/src/views/permission/page/index.vue
index 588eaeddba..e2ee26d120 100644
--- a/src/views/permission/page/index.vue
+++ b/src/views/permission/page/index.vue
@@ -44,7 +44,7 @@ function onChange() {
 
 <template>
   <div>
-    <p class="mb-2">
+    <p class="mb-2!">
       模拟后台根据不同角色返回对应路由，观察左侧菜单变化（管理员角色可查看系统管理菜单、普通角色不可查看系统管理菜单）
     </p>
     <el-card shadow="never" :style="elStyle">
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 99739b39be..82d92109b6 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -39,7 +39,7 @@ function onFullscreen() {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="部门名称：" prop="name">
         <el-input
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 0293efd5fb..23196a1809 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -40,7 +40,7 @@ function onFullscreen() {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="菜单名称：" prop="title">
         <el-input
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index a16e804e59..dc7d9f5eea 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -96,7 +96,7 @@ onMounted(() => {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+      class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
     >
       <el-form-item label="角色名称：" prop="name">
         <el-input
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 3634974b39..80ffdf370f 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -66,7 +66,7 @@ const {
         ref="formRef"
         :inline="true"
         :model="form"
-        class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
+        class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto"
       >
         <el-form-item label="用户名称：" prop="username">
           <el-input
@@ -198,7 +198,7 @@ const {
               </el-popconfirm>
               <el-dropdown>
                 <el-button
-                  class="ml-3 mt-[2px]"
+                  class="ml-3! mt-[2px]!"
                   link
                   type="primary"
                   :size="size"
diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
index 8d5ffec71c..a856a8db36 100644
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -4,7 +4,7 @@ import { ref, computed, watch, getCurrentInstance } from "vue";
 
 import Dept from "~icons/ri/git-branch-line";
 // import Reset from "~icons/ri/restart-line";
-import More2Fill from "~icons/ri/more-2-fill";
+import More2Fill from "~icons/ri/more-2-fill?width=18&height=18";
 import OfficeBuilding from "~icons/ep/office-building";
 import LocationCompany from "~icons/ep/add-location";
 import ExpandIcon from "./svg/expand.svg?component";
@@ -111,17 +111,13 @@ defineExpose({ onTreeReset });
           <el-icon class="el-input__icon">
             <IconifyIconOffline
               v-show="searchValue.length === 0"
-              icon="ri:search-line"
+              icon="ri/search-line"
             />
           </el-icon>
         </template>
       </el-input>
       <el-dropdown :hide-on-click="false">
-        <IconifyIconOffline
-          class="w-[28px] cursor-pointer"
-          width="18px"
-          :icon="More2Fill"
-        />
+        <More2Fill class="w-[28px] cursor-pointer outline-none" />
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item>
diff --git a/src/views/table/edit/demo1/index.vue b/src/views/table/edit/demo1/index.vue
index 4b5096bfc8..1533ed6dff 100644
--- a/src/views/table/edit/demo1/index.vue
+++ b/src/views/table/edit/demo1/index.vue
@@ -31,7 +31,7 @@ const { columns, dataList, onAdd, onDel } = useColumns();
       <template #append>
         <el-button
           plain
-          class="w-full my-2"
+          class="w-full my-2!"
           :icon="useRenderIcon(AddFill)"
           @click="onAdd"
         >
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index 483d15ea87..4c50231be4 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -65,6 +65,7 @@ const optionsBasis: Array<OptionsType> = [
                 :icon="item.icon"
                 :color="item.color"
                 width="18"
+                height="18"
               />
             </div>
           </div>

From 22ce0f424e6ec3a91a1a16b5c5ec2b5745603053 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 9 Apr 2025 09:48:31 +0800
Subject: [PATCH 4/9] chore: update

---
 package.json   | 20 +++++++--------
 pnpm-lock.yaml | 70 ++++++++++++++++++++++++--------------------------
 2 files changed, 44 insertions(+), 46 deletions(-)

diff --git a/package.json b/package.json
index 8e86758b67..07fc17b7a3 100644
--- a/package.json
+++ b/package.json
@@ -57,8 +57,8 @@
     "@pureadmin/utils": "^2.6.0",
     "@vue-flow/background": "^1.3.2",
     "@vue-flow/core": "^1.42.5",
-    "@vueuse/core": "^12.8.2",
-    "@vueuse/motion": "^2.2.6",
+    "@vueuse/core": "^13.1.0",
+    "@vueuse/motion": "^3.0.3",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "@zxcvbn-ts/core": "^3.0.4",
@@ -85,7 +85,7 @@
     "path-browserify": "^1.0.1",
     "pinia": "^3.0.1",
     "pinyin-pro": "^3.26.0",
-    "plus-pro-components": "^0.1.21",
+    "plus-pro-components": "^0.1.22",
     "qrcode": "^1.5.4",
     "qs": "^6.14.0",
     "responsive-storage": "^2.2.0",
@@ -97,7 +97,7 @@
     "vditor": "^3.10.9",
     "version-rocket": "^1.7.4",
     "vue": "^3.5.13",
-    "vue-i18n": "^11.1.2",
+    "vue-i18n": "^11.1.3",
     "vue-json-pretty": "^2.4.0",
     "vue-pdf-embed": "^2.1.2",
     "vue-router": "^4.5.0",
@@ -119,7 +119,7 @@
     "@commitlint/types": "^19.8.0",
     "@eslint/js": "^9.24.0",
     "@faker-js/faker": "^9.6.0",
-    "@iconify/json": "^2.2.321",
+    "@iconify/json": "^2.2.324",
     "@iconify/vue": "4.2.0",
     "@intlify/unplugin-vue-i18n": "^6.0.5",
     "@tailwindcss/vite": "^4.1.3",
@@ -127,7 +127,7 @@
     "@types/dagre": "^0.7.52",
     "@types/intro.js": "^5.1.5",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.17.28",
+    "@types/node": "^20.17.30",
     "@types/nprogress": "^0.2.3",
     "@types/path-browserify": "^1.0.3",
     "@types/qrcode": "^1.5.5",
@@ -153,18 +153,18 @@
     "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
     "rollup-plugin-visualizer": "^5.14.0",
-    "sass": "^1.86.0",
-    "stylelint": "^16.17.0",
+    "sass": "^1.86.3",
+    "stylelint": "^16.18.0",
     "stylelint-config-recess-order": "^6.0.0",
     "stylelint-config-recommended-vue": "^1.6.0",
     "stylelint-config-standard-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.3",
     "svgo": "^3.3.2",
     "tailwindcss": "^4.1.3",
-    "typescript": "^5.8.2",
+    "typescript": "^5.8.3",
     "typescript-eslint": "^8.29.1",
     "unplugin-icons": "^22.1.0",
-    "vite": "^6.2.3",
+    "vite": "^6.2.5",
     "vite-plugin-cdn-import": "^1.0.1",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-fake-server": "^2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 43f8ae17d6..dfdb6bc35e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,11 +39,11 @@ importers:
         specifier: ^1.42.5
         version: 1.42.5(vue@3.5.13(typescript@5.8.3))
       '@vueuse/core':
-        specifier: ^12.8.2
-        version: 12.8.2(typescript@5.8.3)
+        specifier: ^13.1.0
+        version: 13.1.0(vue@3.5.13(typescript@5.8.3))
       '@vueuse/motion':
-        specifier: ^2.2.6
-        version: 2.2.6(vue@3.5.13(typescript@5.8.3))
+        specifier: ^3.0.3
+        version: 3.0.3(vue@3.5.13(typescript@5.8.3))
       '@wangeditor/editor':
         specifier: ^5.1.23
         version: 5.1.23
@@ -123,7 +123,7 @@ importers:
         specifier: ^3.26.0
         version: 3.26.0
       plus-pro-components:
-        specifier: ^0.1.21
+        specifier: ^0.1.22
         version: 0.1.22(element-plus@2.9.7(vue@3.5.13(typescript@5.8.3)))(vue@3.5.13(typescript@5.8.3))
       qrcode:
         specifier: ^1.5.4
@@ -159,7 +159,7 @@ importers:
         specifier: ^3.5.13
         version: 3.5.13(typescript@5.8.3)
       vue-i18n:
-        specifier: ^11.1.2
+        specifier: ^11.1.3
         version: 11.1.3(vue@3.5.13(typescript@5.8.3))
       vue-json-pretty:
         specifier: ^2.4.0
@@ -220,7 +220,7 @@ importers:
         specifier: ^9.6.0
         version: 9.6.0
       '@iconify/json':
-        specifier: ^2.2.321
+        specifier: ^2.2.324
         version: 2.2.324
       '@iconify/vue':
         specifier: 4.2.0
@@ -244,7 +244,7 @@ importers:
         specifier: ^3.0.6
         version: 3.0.6
       '@types/node':
-        specifier: ^20.17.28
+        specifier: ^20.17.30
         version: 20.17.30
       '@types/nprogress':
         specifier: ^0.2.3
@@ -322,10 +322,10 @@ importers:
         specifier: ^5.14.0
         version: 5.14.0(rollup@4.39.0)
       sass:
-        specifier: ^1.86.0
+        specifier: ^1.86.3
         version: 1.86.3
       stylelint:
-        specifier: ^16.17.0
+        specifier: ^16.18.0
         version: 16.18.0(typescript@5.8.3)
       stylelint-config-recess-order:
         specifier: ^6.0.0
@@ -346,7 +346,7 @@ importers:
         specifier: ^4.1.3
         version: 4.1.3
       typescript:
-        specifier: ^5.8.2
+        specifier: ^5.8.3
         version: 5.8.3
       typescript-eslint:
         specifier: ^8.29.1
@@ -355,7 +355,7 @@ importers:
         specifier: ^22.1.0
         version: 22.1.0(@vue/compiler-sfc@3.5.13)
       vite:
-        specifier: ^6.2.3
+        specifier: ^6.2.5
         version: 6.2.5(@types/node@20.17.30)(jiti@2.4.2)(lightningcss@1.29.2)(sass@1.86.3)(yaml@2.7.1)
       vite-plugin-cdn-import:
         specifier: ^1.0.1
@@ -1952,8 +1952,10 @@ packages:
   '@vueuse/core@10.11.1':
     resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
 
-  '@vueuse/core@12.8.2':
-    resolution: {integrity: sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==}
+  '@vueuse/core@13.1.0':
+    resolution: {integrity: sha512-PAauvdRXZvTWXtGLg8cPUFjiZEddTqmogdwYpnn60t08AA5a8Q4hZokBnpTOnVNqySlFlTcRYIC8OqreV4hv3Q==}
+    peerDependencies:
+      vue: ^3.5.0
 
   '@vueuse/core@9.13.0':
     resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
@@ -1961,22 +1963,24 @@ packages:
   '@vueuse/metadata@10.11.1':
     resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
 
-  '@vueuse/metadata@12.8.2':
-    resolution: {integrity: sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==}
+  '@vueuse/metadata@13.1.0':
+    resolution: {integrity: sha512-+TDd7/a78jale5YbHX9KHW3cEDav1lz1JptwDvep2zSG8XjCsVE+9mHIzjTOaPbHUAk5XiE4jXLz51/tS+aKQw==}
 
   '@vueuse/metadata@9.13.0':
     resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
 
-  '@vueuse/motion@2.2.6':
-    resolution: {integrity: sha512-gKFktPtrdypSv44SaW1oBJKLBiP6kE5NcoQ6RsAU3InemESdiAutgQncfPe/rhLSLCtL4jTAhMmFfxoR6gm5LQ==}
+  '@vueuse/motion@3.0.3':
+    resolution: {integrity: sha512-4B+ITsxCI9cojikvrpaJcLXyq0spj3sdlzXjzesWdMRd99hhtFI6OJ/1JsqwtF73YooLe0hUn/xDR6qCtmn5GQ==}
     peerDependencies:
       vue: '>=3.0.0'
 
   '@vueuse/shared@10.11.1':
     resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
 
-  '@vueuse/shared@12.8.2':
-    resolution: {integrity: sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==}
+  '@vueuse/shared@13.1.0':
+    resolution: {integrity: sha512-IVS/qRRjhPTZ6C2/AM3jieqXACGwFZwWTdw5sNTSKk2m/ZpkuuN+ri+WCVUP8TqaKwJYt/KuMwmXspMAw8E6ew==}
+    peerDependencies:
+      vue: ^3.5.0
 
   '@vueuse/shared@9.13.0':
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
@@ -7237,14 +7241,12 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/core@12.8.2(typescript@5.8.3)':
+  '@vueuse/core@13.1.0(vue@3.5.13(typescript@5.8.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.21
-      '@vueuse/metadata': 12.8.2
-      '@vueuse/shared': 12.8.2(typescript@5.8.3)
+      '@vueuse/metadata': 13.1.0
+      '@vueuse/shared': 13.1.0(vue@3.5.13(typescript@5.8.3))
       vue: 3.5.13(typescript@5.8.3)
-    transitivePeerDependencies:
-      - typescript
 
   '@vueuse/core@9.13.0(vue@3.5.13(typescript@5.8.3))':
     dependencies:
@@ -7258,15 +7260,15 @@ snapshots:
 
   '@vueuse/metadata@10.11.1': {}
 
-  '@vueuse/metadata@12.8.2': {}
+  '@vueuse/metadata@13.1.0': {}
 
   '@vueuse/metadata@9.13.0': {}
 
-  '@vueuse/motion@2.2.6(vue@3.5.13(typescript@5.8.3))':
+  '@vueuse/motion@3.0.3(vue@3.5.13(typescript@5.8.3))':
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.13(typescript@5.8.3))
-      '@vueuse/shared': 10.11.1(vue@3.5.13(typescript@5.8.3))
-      csstype: 3.1.3
+      '@vueuse/core': 13.1.0(vue@3.5.13(typescript@5.8.3))
+      '@vueuse/shared': 13.1.0(vue@3.5.13(typescript@5.8.3))
+      defu: 6.1.4
       framesync: 6.1.2
       popmotion: 11.0.5
       style-value-types: 5.1.2
@@ -7274,7 +7276,6 @@ snapshots:
     optionalDependencies:
       '@nuxt/kit': 3.16.2
     transitivePeerDependencies:
-      - '@vue/composition-api'
       - magicast
 
   '@vueuse/shared@10.11.1(vue@3.5.13(typescript@5.8.3))':
@@ -7284,11 +7285,9 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/shared@12.8.2(typescript@5.8.3)':
+  '@vueuse/shared@13.1.0(vue@3.5.13(typescript@5.8.3))':
     dependencies:
       vue: 3.5.13(typescript@5.8.3)
-    transitivePeerDependencies:
-      - typescript
 
   '@vueuse/shared@9.13.0(vue@3.5.13(typescript@5.8.3))':
     dependencies:
@@ -8060,8 +8059,7 @@ snapshots:
 
   define-lazy-prop@2.0.0: {}
 
-  defu@6.1.4:
-    optional: true
+  defu@6.1.4: {}
 
   delayed-stream@1.0.0: {}
 

From b6529bf519f0be2a0253a840727b5ca0edb990e8 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 9 Apr 2025 11:27:35 +0800
Subject: [PATCH 5/9] chore: update

---
 package.json   |  2 +-
 pnpm-lock.yaml | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 07fc17b7a3..567be43ca5 100644
--- a/package.json
+++ b/package.json
@@ -102,7 +102,7 @@
     "vue-pdf-embed": "^2.1.2",
     "vue-router": "^4.5.0",
     "vue-tippy": "^6.7.0",
-    "vue-types": "^5.1.3",
+    "vue-types": "^6.0.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vue-waterfall-plugin-next": "^2.6.5",
     "vue3-danmaku": "^1.6.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dfdb6bc35e..b6077c5b3c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -174,8 +174,8 @@ importers:
         specifier: ^6.7.0
         version: 6.7.0(vue@3.5.13(typescript@5.8.3))
       vue-types:
-        specifier: ^5.1.3
-        version: 5.1.3(vue@3.5.13(typescript@5.8.3))
+        specifier: ^6.0.0
+        version: 6.0.0(vue@3.5.13(typescript@5.8.3))
       vue-virtual-scroller:
         specifier: 2.0.0-beta.8
         version: 2.0.0-beta.8(vue@3.5.13(typescript@5.8.3))
@@ -5373,11 +5373,11 @@ packages:
     peerDependencies:
       typescript: '>=5.0.0'
 
-  vue-types@5.1.3:
-    resolution: {integrity: sha512-3Wy6QcZl0VusCCHX3vYrWSILFlrOB2EQDoySnuYmASM5cUp1FivJGfkS5lp1CutDgyRb41g32r/1QCmiBj5i1Q==}
+  vue-types@6.0.0:
+    resolution: {integrity: sha512-fBgCA4nrBrB8SCU/AN40tFq8HUxLGBvU2ds7a5+SEDse6dYc+TJyvy8mWiwwL8oWIC/aGS/8nTqmhwxApgU5eA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
-      vue: ^2.0.0 || ^3.0.0
+      vue: ^3.0.0
     peerDependenciesMeta:
       vue:
         optional: true
@@ -11019,9 +11019,7 @@ snapshots:
       '@vue/language-core': 2.2.8(typescript@5.8.3)
       typescript: 5.8.3
 
-  vue-types@5.1.3(vue@3.5.13(typescript@5.8.3)):
-    dependencies:
-      is-plain-object: 5.0.0
+  vue-types@6.0.0(vue@3.5.13(typescript@5.8.3)):
     optionalDependencies:
       vue: 3.5.13(typescript@5.8.3)
 

From fb3e6ea8d2a83e3d32dedc3791060220631a9359 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 9 Apr 2025 14:38:28 +0800
Subject: [PATCH 6/9] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E5=86=8D?=
 =?UTF-8?q?=E5=A4=8D=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ReAnimateSelector/src/index.vue | 2 +-
 src/components/ReIcon/src/Select.vue           | 4 ++--
 src/components/ReIcon/src/hooks.ts             | 6 ++++--
 src/views/components/tag.vue                   | 4 ++--
 src/views/monitor/logs/login/index.vue         | 2 +-
 src/views/monitor/logs/operation/index.vue     | 2 +-
 src/views/monitor/logs/system/index.vue        | 2 +-
 src/views/system/user/index.vue                | 2 +-
 src/views/table/base/fluidHeight.vue           | 4 +---
 src/views/table/high/excel/index.vue           | 2 +-
 src/views/table/high/header/index.vue          | 2 +-
 src/views/table/high/prints/index.vue          | 2 +-
 src/views/tabs/index.vue                       | 6 +++---
 13 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/ReAnimateSelector/src/index.vue b/src/components/ReAnimateSelector/src/index.vue
index e10056b84d..61baf9de0f 100644
--- a/src/components/ReAnimateSelector/src/index.vue
+++ b/src/components/ReAnimateSelector/src/index.vue
@@ -95,7 +95,7 @@ function onMouseleave() {
           :view-style="{ overflow: 'hidden' }"
           class="border-t border-[#e5e7eb]"
         >
-          <ul class="flex flex-wrap justify-around mb-1">
+          <ul class="flex flex-wrap justify-around mb-1!">
             <li
               v-for="(animate, index) in animatesList"
               :key="index"
diff --git a/src/components/ReIcon/src/Select.vue b/src/components/ReIcon/src/Select.vue
index 8a9e95e581..07f76f0772 100644
--- a/src/components/ReIcon/src/Select.vue
+++ b/src/components/ReIcon/src/Select.vue
@@ -158,7 +158,7 @@ watch(
               :name="pane.name"
             >
               <el-scrollbar height="220px">
-                <ul class="flex flex-wrap px-2 ml-2">
+                <ul class="flex flex-wrap px-2! ml-2!">
                   <li
                     v-for="(item, key) in pageList"
                     :key="key"
@@ -198,7 +198,7 @@ watch(
               @current-change="onCurrentChange"
             />
             <el-button
-              class="justify-end mr-2 ml-2"
+              class="justify-end mx-2!"
               type="danger"
               size="small"
               text
diff --git a/src/components/ReIcon/src/hooks.ts b/src/components/ReIcon/src/hooks.ts
index adaac65afd..57ef18da8c 100644
--- a/src/components/ReIcon/src/hooks.ts
+++ b/src/components/ReIcon/src/hooks.ts
@@ -49,8 +49,10 @@ export function useRenderIcon(icon: any, attrs?: iconType): Component {
     return defineComponent({
       name: "Icon",
       render() {
-        const IconifyIcon =
-          icon && icon.includes(":") ? IconifyIconOnline : IconifyIconOffline;
+        if (!icon) return;
+        const IconifyIcon = icon.includes(":")
+          ? IconifyIconOnline
+          : IconifyIconOffline;
         return h(IconifyIcon, {
           icon,
           ...attrs
diff --git a/src/views/components/tag.vue b/src/views/components/tag.vue
index eb3aefc128..8828507c42 100644
--- a/src/views/components/tag.vue
+++ b/src/views/components/tag.vue
@@ -107,7 +107,7 @@ const handleInputConfirm = () => {
         v-model="checked1"
         label="可移除"
       />
-      <el-button v-else size="small" text bg class="mr-6" @click="onReset">
+      <el-button v-else size="small" text bg class="mr-6!" @click="onReset">
         重置
       </el-button>
       <el-button
@@ -115,7 +115,7 @@ const handleInputConfirm = () => {
         size="small"
         text
         bg
-        class="mr-6 ml-4"
+        class="mr-6! ml-4!"
         @click="tagList = []"
       >
         移除全部
diff --git a/src/views/monitor/logs/login/index.vue b/src/views/monitor/logs/login/index.vue
index e9bdc3f97e..173cb72c29 100644
--- a/src/views/monitor/logs/login/index.vue
+++ b/src/views/monitor/logs/login/index.vue
@@ -118,7 +118,7 @@ const {
           </div>
           <el-popconfirm title="是否确认删除?" @confirm="onbatchDel">
             <template #reference>
-              <el-button type="danger" text class="mr-1"> 批量删除 </el-button>
+              <el-button type="danger" text class="mr-1!"> 批量删除 </el-button>
             </template>
           </el-popconfirm>
         </div>
diff --git a/src/views/monitor/logs/operation/index.vue b/src/views/monitor/logs/operation/index.vue
index c6b3fd6968..1a872ce84d 100644
--- a/src/views/monitor/logs/operation/index.vue
+++ b/src/views/monitor/logs/operation/index.vue
@@ -118,7 +118,7 @@ const {
           </div>
           <el-popconfirm title="是否确认删除?" @confirm="onbatchDel">
             <template #reference>
-              <el-button type="danger" text class="mr-1"> 批量删除 </el-button>
+              <el-button type="danger" text class="mr-2!"> 批量删除 </el-button>
             </template>
           </el-popconfirm>
         </div>
diff --git a/src/views/monitor/logs/system/index.vue b/src/views/monitor/logs/system/index.vue
index f04db1b620..a39922f40e 100644
--- a/src/views/monitor/logs/system/index.vue
+++ b/src/views/monitor/logs/system/index.vue
@@ -110,7 +110,7 @@ const {
           </div>
           <el-popconfirm title="是否确认删除?" @confirm="onbatchDel">
             <template #reference>
-              <el-button type="danger" text class="mr-1"> 批量删除 </el-button>
+              <el-button type="danger" text class="mr-1!"> 批量删除 </el-button>
             </template>
           </el-popconfirm>
         </div>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 231c7378c7..f1841d7e1c 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -143,7 +143,7 @@ const {
             </div>
             <el-popconfirm title="是否确认删除?" @confirm="onbatchDel">
               <template #reference>
-                <el-button type="danger" text class="mr-1">
+                <el-button type="danger" text class="mr-1!">
                   批量删除
                 </el-button>
               </template>
diff --git a/src/views/table/base/fluidHeight.vue b/src/views/table/base/fluidHeight.vue
index 3d46a514a3..e309828db9 100644
--- a/src/views/table/base/fluidHeight.vue
+++ b/src/views/table/base/fluidHeight.vue
@@ -77,8 +77,6 @@ const onAddItem = () => {
         </el-button>
       </template>
     </pure-table>
-    <el-button class="mt-4" style="width: 100%" @click="onAddItem">
-      Add Item
-    </el-button>
+    <el-button class="w-full mt-4!" @click="onAddItem"> Add Item </el-button>
   </div>
 </template>
diff --git a/src/views/table/high/excel/index.vue b/src/views/table/high/excel/index.vue
index 7094754a71..77898f848c 100644
--- a/src/views/table/high/excel/index.vue
+++ b/src/views/table/high/excel/index.vue
@@ -6,7 +6,7 @@ const { columns, dataList, exportExcel } = useColumns();
 
 <template>
   <div>
-    <el-button type="primary" class="mb-[20px]" @click="exportExcel">
+    <el-button type="primary" class="mb-[20px]!" @click="exportExcel">
       导出
     </el-button>
     <pure-table row-key="id" border :data="dataList" :columns="columns" />
diff --git a/src/views/table/high/header/index.vue b/src/views/table/high/header/index.vue
index 8352d433c3..50c1d2fee2 100644
--- a/src/views/table/high/header/index.vue
+++ b/src/views/table/high/header/index.vue
@@ -9,7 +9,7 @@ const { columns, dataList, onChange } = useColumns();
 
 <template>
   <div>
-    <el-button type="primary" class="mb-[20px]" @click="onChange">
+    <el-button type="primary" class="mb-[20px]!" @click="onChange">
       切换表头
     </el-button>
     <pure-table
diff --git a/src/views/table/high/prints/index.vue b/src/views/table/high/prints/index.vue
index c67e089673..d110419d9f 100644
--- a/src/views/table/high/prints/index.vue
+++ b/src/views/table/high/prints/index.vue
@@ -9,7 +9,7 @@ const { columns, dataList, print, cellStyle, rowStyle, headerCellStyle } =
 
 <template>
   <div>
-    <el-button type="primary" class="mb-[20px]" @click="print">
+    <el-button type="primary" class="mb-[20px]!" @click="print">
       打印
     </el-button>
     <!-- rowHoverBgColor="transparent" 鼠标经过行时，去掉行的背景色 -->
diff --git a/src/views/tabs/index.vue b/src/views/tabs/index.vue
index 06515ea92c..7380104a68 100644
--- a/src/views/tabs/index.vue
+++ b/src/views/tabs/index.vue
@@ -62,7 +62,7 @@ function onCloseTags() {
       <el-button
         v-for="index in 6"
         :key="index"
-        class="m-2"
+        class="m-2!"
         @click="toDetail({ id: index }, 'query')"
       >
         打开{{ index }}详情页
@@ -83,7 +83,7 @@ function onCloseTags() {
       <el-button
         v-for="index in 6"
         :key="index"
-        class="m-2"
+        class="m-2!"
         @click="toDetail({ id: index }, 'params')"
       >
         打开{{ index }}详情页
@@ -112,7 +112,7 @@ function onCloseTags() {
         <span>{{ transformI18n(data.meta.title) }}</span>
       </template>
     </el-tree-select>
-    <el-button class="m-2" @click="onCloseTags">关闭标签</el-button>
+    <el-button class="m-2!" @click="onCloseTags">关闭标签</el-button>
 
     <el-divider />
     <el-button @click="router.push({ name: 'Menu1-2-2' })">

From c0d48a072e393ccc2ffbf8feb8f7e775d34c4684 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 9 Apr 2025 17:06:54 +0800
Subject: [PATCH 7/9] chore: update

---
 src/views/system/user/tree.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
index a856a8db36..f12261fd3c 100644
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -117,7 +117,7 @@ defineExpose({ onTreeReset });
         </template>
       </el-input>
       <el-dropdown :hide-on-click="false">
-        <More2Fill class="w-[28px] cursor-pointer outline-none" />
+        <More2Fill class="w-[28px] cursor-pointer outline-hidden" />
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item>

From ff1c70e3c721f30b88cc3906d9ab315b3047983a Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 9 Apr 2025 17:58:55 +0800
Subject: [PATCH 8/9] chore: update

---
 src/components/RePureTableBar/src/bar.tsx | 2 +-
 src/components/ReVxeTableBar/src/bar.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/RePureTableBar/src/bar.tsx b/src/components/RePureTableBar/src/bar.tsx
index 86c381b098..bd9e0492d4 100644
--- a/src/components/RePureTableBar/src/bar.tsx
+++ b/src/components/RePureTableBar/src/bar.tsx
@@ -260,7 +260,7 @@ export default defineComponent({
             "pb-2",
             "bg-bg_color",
             isFullscreen.value
-              ? ["w-full!", "h-full!", "z-2002", "fixed", "inset-0"]
+              ? ["h-full!", "z-2002", "fixed", "inset-0"]
               : "mt-2"
           ]}
         >
diff --git a/src/components/ReVxeTableBar/src/bar.tsx b/src/components/ReVxeTableBar/src/bar.tsx
index 1d2ccf426e..7b88204377 100644
--- a/src/components/ReVxeTableBar/src/bar.tsx
+++ b/src/components/ReVxeTableBar/src/bar.tsx
@@ -253,7 +253,7 @@ export default defineComponent({
             "pb-2",
             "bg-bg_color",
             isFullscreen.value
-              ? ["w-full!", "h-full!", "z-2002", "fixed", "inset-0"]
+              ? ["h-full!", "z-2002", "fixed", "inset-0"]
               : "mt-2"
           ]}
         >

From fd85ad0b45e8e975c6bbffc46efa26db64687ffa Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 9 Apr 2025 18:42:44 +0800
Subject: [PATCH 9/9] chore: update

---
 src/layout/components/lay-panel/index.vue  | 2 +-
 src/views/components/swiper.vue            | 2 +-
 src/views/components/upload/index.vue      | 2 +-
 src/views/components/waterfall/index.vue   | 2 +-
 src/views/monitor/logs/operation/index.vue | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/layout/components/lay-panel/index.vue b/src/layout/components/lay-panel/index.vue
index 741d51a24e..b461135fcd 100644
--- a/src/layout/components/lay-panel/index.vue
+++ b/src/layout/components/lay-panel/index.vue
@@ -78,7 +78,7 @@ onBeforeUnmount(() => {
       </el-scrollbar>
 
       <div
-        class="flex justify-end p-3 border-0 border-t-[1px]! border-solid border-[var(--pure-border-color)]"
+        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
       >
         <el-button
           v-tippy="{
diff --git a/src/views/components/swiper.vue b/src/views/components/swiper.vue
index a4431e8868..28ab62bed6 100644
--- a/src/views/components/swiper.vue
+++ b/src/views/components/swiper.vue
@@ -106,7 +106,7 @@ const swiperExample: any[] = [
     </template>
     <el-row :gutter="10">
       <el-col v-for="item in swiperExample" :key="item.id" :span="12">
-        <h6 class="py-[16px] text-base">{{ item.label }}</h6>
+        <h6 class="py-[16px]! text-base">{{ item.label }}</h6>
         <swiper v-bind="item.options">
           <swiper-slide v-for="i in 5" :key="i">
             <div
diff --git a/src/views/components/upload/index.vue b/src/views/components/upload/index.vue
index 7459ed5ad5..4077da458c 100644
--- a/src/views/components/upload/index.vue
+++ b/src/views/components/upload/index.vue
@@ -232,7 +232,7 @@ const onDownload = () => {
     </p>
     <el-divider />
 
-    <p class="mb-4! mt-4">
+    <p class="my-4!">
       结合表单校验进行<span class="text-[red]">手动上传</span>
       <span class="text-[14px]">
         （可先打开浏览器控制台找到Network，然后填写表单内容后点击点提交观察请求变化）
diff --git a/src/views/components/waterfall/index.vue b/src/views/components/waterfall/index.vue
index a7e2f9a4be..70c3731b4a 100644
--- a/src/views/components/waterfall/index.vue
+++ b/src/views/components/waterfall/index.vue
@@ -106,7 +106,7 @@ onMounted(() => {
             />
           </div>
           <div class="px-4 pt-2 pb-4 border-t border-t-gray-800">
-            <h4 class="pb-4 text-gray-50 group-hover:text-yellow-300">
+            <h4 class="pb-4! text-gray-50 group-hover:text-yellow-300">
               {{ item.name }}
             </h4>
             <div
diff --git a/src/views/monitor/logs/operation/index.vue b/src/views/monitor/logs/operation/index.vue
index 1a872ce84d..e534b74900 100644
--- a/src/views/monitor/logs/operation/index.vue
+++ b/src/views/monitor/logs/operation/index.vue
@@ -118,7 +118,7 @@ const {
           </div>
           <el-popconfirm title="是否确认删除?" @confirm="onbatchDel">
             <template #reference>
-              <el-button type="danger" text class="mr-2!"> 批量删除 </el-button>
+              <el-button type="danger" text class="mr-1!"> 批量删除 </el-button>
             </template>
           </el-popconfirm>
         </div>