diff --git a/apiserver 前端.work.md b/apiserver 前端.work.md
new file mode 100644
index 0000000..e69de29
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 39b43cc..3bbd534 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,700 +1,1327 @@
-lockfileVersion: '9.0'
+lockfileVersion: '6.0'
 
 settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
-importers:
+dependencies:
+  '@element-plus/icons-vue':
+    specifier: ^2.3.1
+    version: 2.3.2(vue@3.5.32)
+  '@monaco-editor/loader':
+    specifier: ^1.5.0
+    version: 1.7.0
+  '@vueuse/core':
+    specifier: ^13.1.0
+    version: 13.9.0(vue@3.5.32)
+  axios:
+    specifier: ^1.7.9
+    version: 1.15.2
+  dayjs:
+    specifier: ^1.11.13
+    version: 1.11.20
+  echarts:
+    specifier: ^5.6.0
+    version: 5.6.0
+  element-plus:
+    specifier: ^2.9.1
+    version: 2.13.7(vue@3.5.32)
+  monaco-editor:
+    specifier: ^0.52.2
+    version: 0.52.2
+  pinia:
+    specifier: ^3.0.2
+    version: 3.0.4(vue@3.5.32)
+  qrcode:
+    specifier: ^1.5.4
+    version: 1.5.4
+  vue:
+    specifier: ^3.5.13
+    version: 3.5.32
+  vue-router:
+    specifier: ^4.5.0
+    version: 4.6.4(vue@3.5.32)
+  xterm:
+    specifier: ^5.3.0
+    version: 5.3.0
 
-  .:
-    dependencies:
-      '@element-plus/icons-vue':
-        specifier: ^2.3.1
-        version: 2.3.1(vue@3.5.13)
-      '@monaco-editor/loader':
-        specifier: ^1.5.0
-        version: 1.5.0
-      '@vueuse/core':
-        specifier: ^13.1.0
-        version: 13.1.0(vue@3.5.13)
-      axios:
-        specifier: ^1.7.9
-        version: 1.7.9
-      dayjs:
-        specifier: ^1.11.13
-        version: 1.11.13
-      echarts:
-        specifier: ^5.6.0
-        version: 5.6.0
-      element-plus:
-        specifier: ^2.9.1
-        version: 2.9.1(vue@3.5.13)
-      monaco-editor:
-        specifier: ^0.52.2
-        version: 0.52.2
-      pinia:
-        specifier: ^3.0.2
-        version: 3.0.2(vue@3.5.13)
-      qrcode:
-        specifier: ^1.5.4
-        version: 1.5.4
-      vue:
-        specifier: ^3.5.13
-        version: 3.5.13
-      vue-router:
-        specifier: ^4.5.0
-        version: 4.5.0(vue@3.5.13)
-      xterm:
-        specifier: ^5.3.0
-        version: 5.3.0
-    devDependencies:
-      '@vitejs/plugin-vue':
-        specifier: ^5.2.1
-        version: 5.2.1(vite@6.0.5)(vue@3.5.13)
-      vite:
-        specifier: ^6.0.3
-        version: 6.0.5
+devDependencies:
+  '@vitejs/plugin-vue':
+    specifier: ^5.2.1
+    version: 5.2.4(vite@6.4.2)(vue@3.5.32)
+  vite:
+    specifier: ^6.0.3
+    version: 6.4.2
 
 packages:
 
-  '@babel/helper-string-parser@7.25.9':
-    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+  /@babel/helper-string-parser@7.27.1:
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.9':
-    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
+  /@babel/helper-validator-identifier@7.28.5:
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.3':
-    resolution: {integrity: sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==}
+  /@babel/parser@7.29.2:
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
+    dependencies:
+      '@babel/types': 7.29.0
 
-  '@babel/types@7.26.3':
-    resolution: {integrity: sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==}
+  /@babel/types@7.29.0:
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
 
-  '@ctrl/tinycolor@3.6.1':
-    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
-    engines: {node: '>=10'}
+  /@ctrl/tinycolor@4.2.0:
+    resolution: {integrity: sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==}
+    engines: {node: '>=14'}
+    dev: false
 
-  '@element-plus/icons-vue@2.3.1':
-    resolution: {integrity: sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==}
+  /@element-plus/icons-vue@2.3.2(vue@3.5.32):
+    resolution: {integrity: sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==}
     peerDependencies:
       vue: ^3.2.0
+    dependencies:
+      vue: 3.5.32
+    dev: false
 
-  '@esbuild/aix-ppc64@0.24.0':
-    resolution: {integrity: sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==}
+  /@esbuild/aix-ppc64@0.25.12:
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/android-arm64@0.24.0':
-    resolution: {integrity: sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==}
+  /@esbuild/android-arm64@0.25.12:
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/android-arm@0.24.0':
-    resolution: {integrity: sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==}
+  /@esbuild/android-arm@0.25.12:
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/android-x64@0.24.0':
-    resolution: {integrity: sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==}
+  /@esbuild/android-x64@0.25.12:
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/darwin-arm64@0.24.0':
-    resolution: {integrity: sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==}
+  /@esbuild/darwin-arm64@0.25.12:
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/darwin-x64@0.24.0':
-    resolution: {integrity: sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==}
+  /@esbuild/darwin-x64@0.25.12:
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/freebsd-arm64@0.24.0':
-    resolution: {integrity: sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==}
+  /@esbuild/freebsd-arm64@0.25.12:
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/freebsd-x64@0.24.0':
-    resolution: {integrity: sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==}
+  /@esbuild/freebsd-x64@0.25.12:
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-arm64@0.24.0':
-    resolution: {integrity: sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==}
+  /@esbuild/linux-arm64@0.25.12:
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-arm@0.24.0':
-    resolution: {integrity: sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==}
+  /@esbuild/linux-arm@0.25.12:
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-ia32@0.24.0':
-    resolution: {integrity: sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==}
+  /@esbuild/linux-ia32@0.25.12:
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-loong64@0.24.0':
-    resolution: {integrity: sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==}
+  /@esbuild/linux-loong64@0.25.12:
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-mips64el@0.24.0':
-    resolution: {integrity: sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==}
+  /@esbuild/linux-mips64el@0.25.12:
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-ppc64@0.24.0':
-    resolution: {integrity: sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==}
+  /@esbuild/linux-ppc64@0.25.12:
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-riscv64@0.24.0':
-    resolution: {integrity: sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==}
+  /@esbuild/linux-riscv64@0.25.12:
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-s390x@0.24.0':
-    resolution: {integrity: sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==}
+  /@esbuild/linux-s390x@0.25.12:
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/linux-x64@0.24.0':
-    resolution: {integrity: sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==}
+  /@esbuild/linux-x64@0.25.12:
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/netbsd-x64@0.24.0':
-    resolution: {integrity: sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==}
+  /@esbuild/netbsd-arm64@0.25.12:
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.25.12:
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/openbsd-arm64@0.24.0':
-    resolution: {integrity: sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==}
+  /@esbuild/openbsd-arm64@0.25.12:
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/openbsd-x64@0.24.0':
-    resolution: {integrity: sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==}
+  /@esbuild/openbsd-x64@0.25.12:
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/sunos-x64@0.24.0':
-    resolution: {integrity: sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==}
+  /@esbuild/openharmony-arm64@0.25.12:
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.25.12:
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/win32-arm64@0.24.0':
-    resolution: {integrity: sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==}
+  /@esbuild/win32-arm64@0.25.12:
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/win32-ia32@0.24.0':
-    resolution: {integrity: sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==}
+  /@esbuild/win32-ia32@0.25.12:
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@esbuild/win32-x64@0.24.0':
-    resolution: {integrity: sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA==}
+  /@esbuild/win32-x64@0.25.12:
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@floating-ui/core@1.6.8':
-    resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
+  /@floating-ui/core@1.7.5:
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
+    dependencies:
+      '@floating-ui/utils': 0.2.11
+    dev: false
 
-  '@floating-ui/dom@1.6.12':
-    resolution: {integrity: sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==}
+  /@floating-ui/dom@1.7.6:
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
+    dependencies:
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
+    dev: false
 
-  '@floating-ui/utils@0.2.8':
-    resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==}
+  /@floating-ui/utils@0.2.11:
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
+    dev: false
 
-  '@jridgewell/sourcemap-codec@1.5.0':
-    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+  /@jridgewell/sourcemap-codec@1.5.5:
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
 
-  '@monaco-editor/loader@1.5.0':
-    resolution: {integrity: sha512-hKoGSM+7aAc7eRTRjpqAZucPmoNOC4UUbknb/VNoTkEIkCPhqV8LfbsgM1webRM7S/z21eHEx9Fkwx8Z/C/+Xw==}
+  /@monaco-editor/loader@1.7.0:
+    resolution: {integrity: sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==}
+    dependencies:
+      state-local: 1.0.7
+    dev: false
 
-  '@rollup/rollup-android-arm-eabi@4.29.1':
-    resolution: {integrity: sha512-ssKhA8RNltTZLpG6/QNkCSge+7mBQGUqJRisZ2MDQcEGaK93QESEgWK2iOpIDZ7k9zPVkG5AS3ksvD5ZWxmItw==}
+  /@rollup/rollup-android-arm-eabi@4.60.2:
+    resolution: {integrity: sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==}
     cpu: [arm]
     os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-android-arm64@4.29.1':
-    resolution: {integrity: sha512-CaRfrV0cd+NIIcVVN/jx+hVLN+VRqnuzLRmfmlzpOzB87ajixsN/+9L5xNmkaUUvEbI5BmIKS+XTwXsHEb65Ew==}
+  /@rollup/rollup-android-arm64@4.60.2:
+    resolution: {integrity: sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==}
     cpu: [arm64]
     os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-darwin-arm64@4.29.1':
-    resolution: {integrity: sha512-2ORr7T31Y0Mnk6qNuwtyNmy14MunTAMx06VAPI6/Ju52W10zk1i7i5U3vlDRWjhOI5quBcrvhkCHyF76bI7kEw==}
+  /@rollup/rollup-darwin-arm64@4.60.2:
+    resolution: {integrity: sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==}
     cpu: [arm64]
     os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-darwin-x64@4.29.1':
-    resolution: {integrity: sha512-j/Ej1oanzPjmN0tirRd5K2/nncAhS9W6ICzgxV+9Y5ZsP0hiGhHJXZ2JQ53iSSjj8m6cRY6oB1GMzNn2EUt6Ng==}
+  /@rollup/rollup-darwin-x64@4.60.2:
+    resolution: {integrity: sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==}
     cpu: [x64]
     os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.29.1':
-    resolution: {integrity: sha512-91C//G6Dm/cv724tpt7nTyP+JdN12iqeXGFM1SqnljCmi5yTXriH7B1r8AD9dAZByHpKAumqP1Qy2vVNIdLZqw==}
+  /@rollup/rollup-freebsd-arm64@4.60.2:
+    resolution: {integrity: sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==}
     cpu: [arm64]
     os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-freebsd-x64@4.29.1':
-    resolution: {integrity: sha512-hEioiEQ9Dec2nIRoeHUP6hr1PSkXzQaCUyqBDQ9I9ik4gCXQZjJMIVzoNLBRGet+hIUb3CISMh9KXuCcWVW/8w==}
+  /@rollup/rollup-freebsd-x64@4.60.2:
+    resolution: {integrity: sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==}
     cpu: [x64]
     os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.29.1':
-    resolution: {integrity: sha512-Py5vFd5HWYN9zxBv3WMrLAXY3yYJ6Q/aVERoeUFwiDGiMOWsMs7FokXihSOaT/PMWUty/Pj60XDQndK3eAfE6A==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.60.2:
+    resolution: {integrity: sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==}
     cpu: [arm]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.29.1':
-    resolution: {integrity: sha512-RiWpGgbayf7LUcuSNIbahr0ys2YnEERD4gYdISA06wa0i8RALrnzflh9Wxii7zQJEB2/Eh74dX4y/sHKLWp5uQ==}
+  /@rollup/rollup-linux-arm-musleabihf@4.60.2:
+    resolution: {integrity: sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==}
     cpu: [arm]
     os: [linux]
     libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.29.1':
-    resolution: {integrity: sha512-Z80O+taYxTQITWMjm/YqNoe9d10OX6kDh8X5/rFCMuPqsKsSyDilvfg+vd3iXIqtfmp+cnfL1UrYirkaF8SBZA==}
+  /@rollup/rollup-linux-arm64-gnu@4.60.2:
+    resolution: {integrity: sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.29.1':
-    resolution: {integrity: sha512-fOHRtF9gahwJk3QVp01a/GqS4hBEZCV1oKglVVq13kcK3NeVlS4BwIFzOHDbmKzt3i0OuHG4zfRP0YoG5OF/rA==}
+  /@rollup/rollup-linux-arm64-musl@4.60.2:
+    resolution: {integrity: sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.29.1':
-    resolution: {integrity: sha512-5a7q3tnlbcg0OodyxcAdrrCxFi0DgXJSoOuidFUzHZ2GixZXQs6Tc3CHmlvqKAmOs5eRde+JJxeIf9DonkmYkw==}
+  /@rollup/rollup-linux-loong64-gnu@4.60.2:
+    resolution: {integrity: sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==}
     cpu: [loong64]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.29.1':
-    resolution: {integrity: sha512-9b4Mg5Yfz6mRnlSPIdROcfw1BU22FQxmfjlp/CShWwO3LilKQuMISMTtAu/bxmmrE6A902W2cZJuzx8+gJ8e9w==}
+  /@rollup/rollup-linux-loong64-musl@4.60.2:
+    resolution: {integrity: sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-ppc64-gnu@4.60.2:
+    resolution: {integrity: sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.29.1':
-    resolution: {integrity: sha512-G5pn0NChlbRM8OJWpJFMX4/i8OEU538uiSv0P6roZcbpe/WfhEO+AT8SHVKfp8qhDQzaz7Q+1/ixMy7hBRidnQ==}
+  /@rollup/rollup-linux-ppc64-musl@4.60.2:
+    resolution: {integrity: sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.60.2:
+    resolution: {integrity: sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.29.1':
-    resolution: {integrity: sha512-WM9lIkNdkhVwiArmLxFXpWndFGuOka4oJOZh8EP3Vb8q5lzdSCBuhjavJsw68Q9AKDGeOOIHYzYm4ZFvmWez5g==}
+  /@rollup/rollup-linux-riscv64-musl@4.60.2:
+    resolution: {integrity: sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-s390x-gnu@4.60.2:
+    resolution: {integrity: sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.29.1':
-    resolution: {integrity: sha512-87xYCwb0cPGZFoGiErT1eDcssByaLX4fc0z2nRM6eMtV9njAfEE6OW3UniAoDhX4Iq5xQVpE6qO9aJbCFumKYQ==}
+  /@rollup/rollup-linux-x64-gnu@4.60.2:
+    resolution: {integrity: sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.29.1':
-    resolution: {integrity: sha512-xufkSNppNOdVRCEC4WKvlR1FBDyqCSCpQeMMgv9ZyXqqtKBfkw1yfGMTUTs9Qsl6WQbJnsGboWCp7pJGkeMhKA==}
+  /@rollup/rollup-linux-x64-musl@4.60.2:
+    resolution: {integrity: sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.29.1':
-    resolution: {integrity: sha512-F2OiJ42m77lSkizZQLuC+jiZ2cgueWQL5YC9tjo3AgaEw+KJmVxHGSyQfDUoYR9cci0lAywv2Clmckzulcq6ig==}
+  /@rollup/rollup-openbsd-x64@4.60.2:
+    resolution: {integrity: sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-openharmony-arm64@4.60.2:
+    resolution: {integrity: sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==}
+    cpu: [arm64]
+    os: [openharmony]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.60.2:
+    resolution: {integrity: sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==}
     cpu: [arm64]
     os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.29.1':
-    resolution: {integrity: sha512-rYRe5S0FcjlOBZQHgbTKNrqxCBUmgDJem/VQTCcTnA2KCabYSWQDrytOzX7avb79cAAweNmMUb/Zw18RNd4mng==}
+  /@rollup/rollup-win32-ia32-msvc@4.60.2:
+    resolution: {integrity: sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==}
     cpu: [ia32]
     os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.29.1':
-    resolution: {integrity: sha512-+10CMg9vt1MoHj6x1pxyjPSMjHTIlqs8/tBztXvPAx24SKs9jwVnKqHJumlH/IzhaPUaj3T6T6wfZr8okdXaIg==}
+  /@rollup/rollup-win32-x64-gnu@4.60.2:
+    resolution: {integrity: sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==}
     cpu: [x64]
     os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@sxzz/popperjs-es@2.11.7':
-    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
+  /@rollup/rollup-win32-x64-msvc@4.60.2:
+    resolution: {integrity: sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  '@types/estree@1.0.6':
-    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+  /@sxzz/popperjs-es@2.11.8:
+    resolution: {integrity: sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==}
+    dev: false
 
-  '@types/lodash-es@4.17.12':
+  /@types/estree@1.0.8:
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+    dev: true
+
+  /@types/lodash-es@4.17.12:
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+    dependencies:
+      '@types/lodash': 4.17.24
+    dev: false
 
-  '@types/lodash@4.17.13':
-    resolution: {integrity: sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==}
+  /@types/lodash@4.17.24:
+    resolution: {integrity: sha512-gIW7lQLZbue7lRSWEFql49QJJWThrTFFeIMJdp3eH4tKoxm1OvEPg02rm4wCCSHS0cL3/Fizimb35b7k8atwsQ==}
+    dev: false
 
-  '@types/web-bluetooth@0.0.16':
-    resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
+  /@types/web-bluetooth@0.0.20:
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+    dev: false
 
-  '@types/web-bluetooth@0.0.21':
+  /@types/web-bluetooth@0.0.21:
     resolution: {integrity: sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==}
+    dev: false
 
-  '@vitejs/plugin-vue@5.2.1':
-    resolution: {integrity: sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==}
+  /@vitejs/plugin-vue@5.2.4(vite@6.4.2)(vue@3.5.32):
+    resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^5.0.0 || ^6.0.0
       vue: ^3.2.25
+    dependencies:
+      vite: 6.4.2
+      vue: 3.5.32
+    dev: true
 
-  '@vue/compiler-core@3.5.13':
-    resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==}
+  /@vue/compiler-core@3.5.32:
+    resolution: {integrity: sha512-4x74Tbtqnda8s/NSD6e1Dr5p1c8HdMU5RWSjMSUzb8RTcUQqevDCxVAitcLBKT+ie3o0Dl9crc/S/opJM7qBGQ==}
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@vue/shared': 3.5.32
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.13':
-    resolution: {integrity: sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==}
+  /@vue/compiler-dom@3.5.32:
+    resolution: {integrity: sha512-ybHAu70NtiEI1fvAUz3oXZqkUYEe5J98GjMDpTGl5iHb0T15wQYLR4wE3h9xfuTNA+Cm2f4czfe8B4s+CCH57Q==}
+    dependencies:
+      '@vue/compiler-core': 3.5.32
+      '@vue/shared': 3.5.32
 
-  '@vue/compiler-sfc@3.5.13':
-    resolution: {integrity: sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==}
+  /@vue/compiler-sfc@3.5.32:
+    resolution: {integrity: sha512-8UYUYo71cP/0YHMO814TRZlPuUUw3oifHuMR7Wp9SNoRSrxRQnhMLNlCeaODNn6kNTJsjFoQ/kqIj4qGvya4Xg==}
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@vue/compiler-core': 3.5.32
+      '@vue/compiler-dom': 3.5.32
+      '@vue/compiler-ssr': 3.5.32
+      '@vue/shared': 3.5.32
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.10
+      source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.13':
-    resolution: {integrity: sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==}
+  /@vue/compiler-ssr@3.5.32:
+    resolution: {integrity: sha512-Gp4gTs22T3DgRotZ8aA/6m2jMR+GMztvBXUBEUOYOcST+giyGWJ4WvFd7QLHBkzTxkfOt8IELKNdpzITLbA2rw==}
+    dependencies:
+      '@vue/compiler-dom': 3.5.32
+      '@vue/shared': 3.5.32
 
-  '@vue/devtools-api@6.6.4':
+  /@vue/devtools-api@6.6.4:
     resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+    dev: false
 
-  '@vue/devtools-api@7.7.2':
-    resolution: {integrity: sha512-1syn558KhyN+chO5SjlZIwJ8bV/bQ1nOVTG66t2RbG66ZGekyiYNmRO7X9BJCXQqPsFHlnksqvPhce2qpzxFnA==}
+  /@vue/devtools-api@7.7.9:
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
+    dependencies:
+      '@vue/devtools-kit': 7.7.9
+    dev: false
 
-  '@vue/devtools-kit@7.7.2':
-    resolution: {integrity: sha512-CY0I1JH3Z8PECbn6k3TqM1Bk9ASWxeMtTCvZr7vb+CHi+X/QwQm5F1/fPagraamKMAHVfuuCbdcnNg1A4CYVWQ==}
+  /@vue/devtools-kit@7.7.9:
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+    dependencies:
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+    dev: false
 
-  '@vue/devtools-shared@7.7.2':
-    resolution: {integrity: sha512-uBFxnp8gwW2vD6FrJB8JZLUzVb6PNRG0B0jBnHsOH8uKyva2qINY8PTF5Te4QlTbMDqU5K6qtJDr6cNsKWhbOA==}
+  /@vue/devtools-shared@7.7.9:
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+    dependencies:
+      rfdc: 1.4.1
+    dev: false
 
-  '@vue/reactivity@3.5.13':
-    resolution: {integrity: sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==}
+  /@vue/reactivity@3.5.32:
+    resolution: {integrity: sha512-/ORasxSGvZ6MN5gc+uE364SxFdJ0+WqVG0CENXaGW58TOCdrAW76WWaplDtECeS1qphvtBZtR+3/o1g1zL4xPQ==}
+    dependencies:
+      '@vue/shared': 3.5.32
 
-  '@vue/runtime-core@3.5.13':
-    resolution: {integrity: sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==}
+  /@vue/runtime-core@3.5.32:
+    resolution: {integrity: sha512-pDrXCejn4UpFDFmMd27AcJEbHaLemaE5o4pbb7sLk79SRIhc6/t34BQA7SGNgYtbMnvbF/HHOftYBgFJtUoJUQ==}
+    dependencies:
+      '@vue/reactivity': 3.5.32
+      '@vue/shared': 3.5.32
 
-  '@vue/runtime-dom@3.5.13':
-    resolution: {integrity: sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==}
+  /@vue/runtime-dom@3.5.32:
+    resolution: {integrity: sha512-1CDVv7tv/IV13V8Nip1k/aaObVbWqRlVCVezTwx3K07p7Vxossp5JU1dcPNhJk3w347gonIUT9jQOGutyJrSVQ==}
+    dependencies:
+      '@vue/reactivity': 3.5.32
+      '@vue/runtime-core': 3.5.32
+      '@vue/shared': 3.5.32
+      csstype: 3.2.3
 
-  '@vue/server-renderer@3.5.13':
-    resolution: {integrity: sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==}
+  /@vue/server-renderer@3.5.32(vue@3.5.32):
+    resolution: {integrity: sha512-IOjm2+JQwRFS7W28HNuJeXQle9KdZbODFY7hFGVtnnghF51ta20EWAZJHX+zLGtsHhaU6uC9BGPV52KVpYryMQ==}
     peerDependencies:
-      vue: 3.5.13
+      vue: 3.5.32
+    dependencies:
+      '@vue/compiler-ssr': 3.5.32
+      '@vue/shared': 3.5.32
+      vue: 3.5.32
 
-  '@vue/shared@3.5.13':
-    resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
+  /@vue/shared@3.5.32:
+    resolution: {integrity: sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==}
 
-  '@vueuse/core@13.1.0':
-    resolution: {integrity: sha512-PAauvdRXZvTWXtGLg8cPUFjiZEddTqmogdwYpnn60t08AA5a8Q4hZokBnpTOnVNqySlFlTcRYIC8OqreV4hv3Q==}
+  /@vueuse/core@12.0.0:
+    resolution: {integrity: sha512-C12RukhXiJCbx4MGhjmd/gH52TjJsc3G0E0kQj/kb19H3Nt6n1CA4DRWuTdWWcaFRdlTe0npWDS942mvacvNBw==}
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 12.0.0
+      '@vueuse/shared': 12.0.0
+      vue: 3.5.32
+    transitivePeerDependencies:
+      - typescript
+    dev: false
+
+  /@vueuse/core@13.9.0(vue@3.5.32):
+    resolution: {integrity: sha512-ts3regBQyURfCE2BcytLqzm8+MmLlo5Ln/KLoxDVcsZ2gzIwVNnQpQOL/UKV8alUqjSZOlpFZcRNsLRqj+OzyA==}
     peerDependencies:
       vue: ^3.5.0
+    dependencies:
+      '@types/web-bluetooth': 0.0.21
+      '@vueuse/metadata': 13.9.0
+      '@vueuse/shared': 13.9.0(vue@3.5.32)
+      vue: 3.5.32
+    dev: false
 
-  '@vueuse/core@9.13.0':
-    resolution: {integrity: sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==}
+  /@vueuse/metadata@12.0.0:
+    resolution: {integrity: sha512-Yzimd1D3sjxTDOlF05HekU5aSGdKjxhuhRFHA7gDWLn57PRbBIh+SF5NmjhJ0WRgF3my7T8LBucyxdFJjIfRJQ==}
+    dev: false
 
-  '@vueuse/metadata@13.1.0':
-    resolution: {integrity: sha512-+TDd7/a78jale5YbHX9KHW3cEDav1lz1JptwDvep2zSG8XjCsVE+9mHIzjTOaPbHUAk5XiE4jXLz51/tS+aKQw==}
+  /@vueuse/metadata@13.9.0:
+    resolution: {integrity: sha512-1AFRvuiGphfF7yWixZa0KwjYH8ulyjDCC0aFgrGRz8+P4kvDFSdXLVfTk5xAN9wEuD1J6z4/myMoYbnHoX07zg==}
+    dev: false
 
-  '@vueuse/metadata@9.13.0':
-    resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
+  /@vueuse/shared@12.0.0:
+    resolution: {integrity: sha512-3i6qtcq2PIio5i/vVYidkkcgvmTjCqrf26u+Fd4LhnbBmIT6FN8y6q/GJERp8lfcB9zVEfjdV0Br0443qZuJpw==}
+    dependencies:
+      vue: 3.5.32
+    transitivePeerDependencies:
+      - typescript
+    dev: false
 
-  '@vueuse/shared@13.1.0':
-    resolution: {integrity: sha512-IVS/qRRjhPTZ6C2/AM3jieqXACGwFZwWTdw5sNTSKk2m/ZpkuuN+ri+WCVUP8TqaKwJYt/KuMwmXspMAw8E6ew==}
+  /@vueuse/shared@13.9.0(vue@3.5.32):
+    resolution: {integrity: sha512-e89uuTLMh0U5cZ9iDpEI2senqPGfbPRTHM/0AaQkcxnpqjkZqDYP8rpfm7edOz8s+pOCOROEy1PIveSW8+fL5g==}
     peerDependencies:
       vue: ^3.5.0
+    dependencies:
+      vue: 3.5.32
+    dev: false
 
-  '@vueuse/shared@9.13.0':
-    resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
-
-  ansi-regex@5.0.1:
+  /ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
+    dev: false
 
-  ansi-styles@4.3.0:
+  /ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: false
 
-  async-validator@4.2.5:
+  /async-validator@4.2.5:
     resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: false
 
-  asynckit@0.4.0:
+  /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+    dev: false
 
-  axios@1.7.9:
-    resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
+  /axios@1.15.2:
+    resolution: {integrity: sha512-wLrXxPtcrPTsNlJmKjkPnNPK2Ihe0hn0wGSaTEiHRPxwjvJwT3hKmXF4dpqxmPO9SoNb2FsYXj/xEo0gHN+D5A==}
+    dependencies:
+      follow-redirects: 1.16.0
+      form-data: 4.0.5
+      proxy-from-env: 2.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
 
-  birpc@0.2.19:
-    resolution: {integrity: sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==}
+  /birpc@2.9.0:
+    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
+    dev: false
 
-  camelcase@5.3.1:
+  /call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+    dev: false
+
+  /camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
+    dev: false
 
-  cliui@6.0.0:
+  /cliui@6.0.0:
     resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+    dev: false
 
-  color-convert@2.0.1:
+  /color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: false
 
-  color-name@1.1.4:
+  /color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: false
 
-  combined-stream@1.0.8:
+  /combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+    dev: false
 
-  copy-anything@3.0.5:
-    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
-    engines: {node: '>=12.13'}
+  /copy-anything@4.0.5:
+    resolution: {integrity: sha512-7Vv6asjS4gMOuILabD3l739tsaxFQmC+a7pLZm02zyvs8p977bL3zEgq3yDk5rn9B0PbYgIv++jmHcuUab4RhA==}
+    engines: {node: '>=18'}
+    dependencies:
+      is-what: 5.5.0
+    dev: false
 
-  csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+  /csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
-  dayjs@1.11.13:
-    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
+  /dayjs@1.11.20:
+    resolution: {integrity: sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==}
+    dev: false
 
-  decamelize@1.2.0:
+  /decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
+    dev: false
 
-  delayed-stream@1.0.0:
+  /delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
+    dev: false
 
-  dijkstrajs@1.0.3:
+  /dijkstrajs@1.0.3:
     resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+    dev: false
 
-  echarts@5.6.0:
+  /dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+    dev: false
+
+  /echarts@5.6.0:
     resolution: {integrity: sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.6.1
+    dev: false
 
-  element-plus@2.9.1:
-    resolution: {integrity: sha512-9Agqf/jt4Ugk7EZ6C5LME71sgkvauPCsnvJN12Xid2XVobjufxMGpRE4L7pS4luJMOmFAH3J0NgYEGZT5r+NDg==}
+  /element-plus@2.13.7(vue@3.5.32):
+    resolution: {integrity: sha512-XdHATFZOyzVFL1DaHQ90IOJQSg9UnSAV+bhDW+YB5UoZ0Hxs50mwqjqfwXkuwpSag+VXXizVcErBR6Movo5daw==}
     peerDependencies:
-      vue: ^3.2.0
+      vue: ^3.3.0
+    dependencies:
+      '@ctrl/tinycolor': 4.2.0
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.32)
+      '@floating-ui/dom': 1.7.6
+      '@popperjs/core': /@sxzz/popperjs-es@2.11.8
+      '@types/lodash': 4.17.24
+      '@types/lodash-es': 4.17.12
+      '@vueuse/core': 12.0.0
+      async-validator: 4.2.5
+      dayjs: 1.11.20
+      lodash: 4.18.1
+      lodash-es: 4.18.1
+      lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.18.1)(lodash@4.18.1)
+      memoize-one: 6.0.0
+      normalize-wheel-es: 1.2.0
+      vue: 3.5.32
+      vue-component-type-helpers: 3.2.7
+    transitivePeerDependencies:
+      - typescript
+    dev: false
 
-  emoji-regex@8.0.0:
+  /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    dev: false
 
-  entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+  /entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
 
-  esbuild@0.24.0:
-    resolution: {integrity: sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ==}
+  /es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+    dev: false
+
+  /es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.3
+    dev: false
+
+  /esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
     engines: {node: '>=18'}
     hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
+    dev: true
 
-  escape-html@1.0.3:
-    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
-
-  estree-walker@2.0.2:
+  /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
-  find-up@4.1.0:
+  /fdir@6.5.0(picomatch@4.0.4):
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+    dependencies:
+      picomatch: 4.0.4
+    dev: true
+
+  /find-up@4.1.0:
     resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
     engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: false
 
-  follow-redirects@1.15.9:
-    resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
+  /follow-redirects@1.16.0:
+    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
     peerDependenciesMeta:
       debug:
         optional: true
+    dev: false
 
-  form-data@4.0.1:
-    resolution: {integrity: sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==}
+  /form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.3
+      mime-types: 2.1.35
+    dev: false
 
-  fsevents@2.3.3:
+  /fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
 
-  get-caller-file@2.0.5:
+  /function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    dev: false
+
+  /get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
+    dev: false
 
-  hookable@5.5.3:
+  /get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.3
+      math-intrinsics: 1.1.0
+    dev: false
+
+  /get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+    dev: false
+
+  /gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.1.0
+    dev: false
+
+  /hasown@2.0.3:
+    resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      function-bind: 1.1.2
+    dev: false
+
+  /hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+    dev: false
 
-  is-fullwidth-code-point@3.0.0:
+  /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
+    dev: false
 
-  is-what@4.1.16:
-    resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
-    engines: {node: '>=12.13'}
+  /is-what@5.5.0:
+    resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==}
+    engines: {node: '>=18'}
+    dev: false
 
-  locate-path@5.0.0:
+  /locate-path@5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
     engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: false
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+  /lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+    dev: false
 
-  lodash-unified@1.0.3:
+  /lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.18.1)(lodash@4.18.1):
     resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
     peerDependencies:
       '@types/lodash-es': '*'
       lodash: '*'
       lodash-es: '*'
+    dependencies:
+      '@types/lodash-es': 4.17.12
+      lodash: 4.18.1
+      lodash-es: 4.18.1
+    dev: false
 
-  lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+  /lodash@4.18.1:
+    resolution: {integrity: sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==}
+    dev: false
 
-  magic-string@0.30.17:
-    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+  /magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  memoize-one@6.0.0:
+  /math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+    dev: false
+
+  /memoize-one@6.0.0:
     resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+    dev: false
 
-  mime-db@1.52.0:
+  /mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
+    dev: false
 
-  mime-types@2.1.35:
+  /mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+    dev: false
 
-  mitt@3.0.1:
+  /mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+    dev: false
 
-  monaco-editor@0.52.2:
+  /monaco-editor@0.52.2:
     resolution: {integrity: sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==}
+    dev: false
 
-  nanoid@3.3.8:
-    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
+  /nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  normalize-wheel-es@1.2.0:
+  /normalize-wheel-es@1.2.0:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
+    dev: false
 
-  p-limit@2.3.0:
+  /p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: false
 
-  p-locate@4.1.0:
+  /p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
     engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: false
 
-  p-try@2.2.0:
+  /p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
+    dev: false
 
-  path-exists@4.0.0:
+  /path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
+    dev: false
 
-  perfect-debounce@1.0.0:
+  /perfect-debounce@1.0.0:
     resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+    dev: false
 
-  picocolors@1.1.1:
+  /picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
-  pinia@3.0.2:
-    resolution: {integrity: sha512-sH2JK3wNY809JOeiiURUR0wehJ9/gd9qFN2Y828jCbxEzKEmEt0pzCXwqiSTfuRsK9vQsOflSdnbdBOGrhtn+g==}
+  /picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /pinia@3.0.4(vue@3.5.32):
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
     peerDependencies:
-      typescript: '>=4.4.4'
-      vue: ^2.7.0 || ^3.5.11
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
     peerDependenciesMeta:
       typescript:
         optional: true
+    dependencies:
+      '@vue/devtools-api': 7.7.9
+      vue: 3.5.32
+    dev: false
 
-  pngjs@5.0.0:
+  /pngjs@5.0.0:
     resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
     engines: {node: '>=10.13.0'}
+    dev: false
 
-  postcss@8.4.49:
-    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
+  /postcss@8.5.10:
+    resolution: {integrity: sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==}
     engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
 
-  proxy-from-env@1.1.0:
-    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+  /proxy-from-env@2.1.0:
+    resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
+    engines: {node: '>=10'}
+    dev: false
 
-  qrcode@1.5.4:
+  /qrcode@1.5.4:
     resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
     engines: {node: '>=10.13.0'}
     hasBin: true
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+    dev: false
 
-  require-directory@2.1.1:
+  /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
+    dev: false
 
-  require-main-filename@2.0.0:
+  /require-main-filename@2.0.0:
     resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+    dev: false
 
-  rfdc@1.4.1:
+  /rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+    dev: false
 
-  rollup@4.29.1:
-    resolution: {integrity: sha512-RaJ45M/kmJUzSWDs1Nnd5DdV4eerC98idtUOVr6FfKcgxqvjwHmxc5upLF9qZU9EpsVzzhleFahrT3shLuJzIw==}
+  /rollup@4.60.2:
+    resolution: {integrity: sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.2
+      '@rollup/rollup-android-arm64': 4.60.2
+      '@rollup/rollup-darwin-arm64': 4.60.2
+      '@rollup/rollup-darwin-x64': 4.60.2
+      '@rollup/rollup-freebsd-arm64': 4.60.2
+      '@rollup/rollup-freebsd-x64': 4.60.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.2
+      '@rollup/rollup-linux-arm64-gnu': 4.60.2
+      '@rollup/rollup-linux-arm64-musl': 4.60.2
+      '@rollup/rollup-linux-loong64-gnu': 4.60.2
+      '@rollup/rollup-linux-loong64-musl': 4.60.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.2
+      '@rollup/rollup-linux-ppc64-musl': 4.60.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.2
+      '@rollup/rollup-linux-riscv64-musl': 4.60.2
+      '@rollup/rollup-linux-s390x-gnu': 4.60.2
+      '@rollup/rollup-linux-x64-gnu': 4.60.2
+      '@rollup/rollup-linux-x64-musl': 4.60.2
+      '@rollup/rollup-openbsd-x64': 4.60.2
+      '@rollup/rollup-openharmony-arm64': 4.60.2
+      '@rollup/rollup-win32-arm64-msvc': 4.60.2
+      '@rollup/rollup-win32-ia32-msvc': 4.60.2
+      '@rollup/rollup-win32-x64-gnu': 4.60.2
+      '@rollup/rollup-win32-x64-msvc': 4.60.2
+      fsevents: 2.3.3
+    dev: true
 
-  set-blocking@2.0.0:
+  /set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+    dev: false
 
-  source-map-js@1.2.1:
+  /source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
-  speakingurl@14.0.1:
+  /speakingurl@14.0.1:
     resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
     engines: {node: '>=0.10.0'}
+    dev: false
 
-  state-local@1.0.7:
+  /state-local@1.0.7:
     resolution: {integrity: sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==}
+    dev: false
 
-  string-width@4.2.3:
+  /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    dev: false
 
-  strip-ansi@6.0.1:
+  /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: false
 
-  superjson@2.2.2:
-    resolution: {integrity: sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==}
+  /superjson@2.2.6:
+    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
     engines: {node: '>=16'}
+    dependencies:
+      copy-anything: 4.0.5
+    dev: false
 
-  tslib@2.3.0:
+  /tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+    dev: true
+
+  /tslib@2.3.0:
     resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
 
-  vite@6.0.5:
-    resolution: {integrity: sha512-akD5IAH/ID5imgue2DYhzsEwCi0/4VKY31uhMLEYJwPP4TiUp8pL5PIK+Wo7H8qT8JY9i+pVfPydcFPYD1EL7g==}
+  /vite@6.4.2:
+    resolution: {integrity: sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
@@ -732,654 +1359,77 @@ packages:
         optional: true
       yaml:
         optional: true
+    dependencies:
+      esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.10
+      rollup: 4.60.2
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
 
-  vue-demi@0.14.10:
-    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
-    engines: {node: '>=12'}
-    hasBin: true
+  /vue-component-type-helpers@3.2.7:
+    resolution: {integrity: sha512-+gPp5YGmhfsj1IN+xUo7y0fb4clfnOiiUA39y07yW1VzCRjzVgwLbtmdWlghh7mXrPsEaYc7rrIir/HT6C8vYQ==}
+    dev: false
+
+  /vue-router@4.6.4(vue@3.5.32):
+    resolution: {integrity: sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==}
     peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
+      vue: ^3.5.0
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.32
+    dev: false
 
-  vue-router@4.5.0:
-    resolution: {integrity: sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==}
-    peerDependencies:
-      vue: ^3.2.0
-
-  vue@3.5.13:
-    resolution: {integrity: sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==}
+  /vue@3.5.32:
+    resolution: {integrity: sha512-vM4z4Q9tTafVfMAK7IVzmxg34rSzTFMyIe0UUEijUCkn9+23lj0WRfA83dg7eQZIUlgOSGrkViIaCfqSAUXsMw==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
+    dependencies:
+      '@vue/compiler-dom': 3.5.32
+      '@vue/compiler-sfc': 3.5.32
+      '@vue/runtime-dom': 3.5.32
+      '@vue/server-renderer': 3.5.32(vue@3.5.32)
+      '@vue/shared': 3.5.32
 
-  which-module@2.0.1:
+  /which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+    dev: false
 
-  wrap-ansi@6.2.0:
+  /wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
-
-  xterm@5.3.0:
-    resolution: {integrity: sha512-8QqjlekLUFTrU6x7xck1MsPzPA571K5zNqWm0M0oroYEWVOptZ0+ubQSkQ3uxIEhcIHRujJy6emDWX4A7qyFzg==}
-    deprecated: This package is now deprecated. Move to @xterm/xterm instead.
-
-  y18n@4.0.3:
-    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
-
-  yargs-parser@18.1.3:
-    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
-    engines: {node: '>=6'}
-
-  yargs@15.4.1:
-    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
-    engines: {node: '>=8'}
-
-  zrender@5.6.1:
-    resolution: {integrity: sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==}
-
-snapshots:
-
-  '@babel/helper-string-parser@7.25.9': {}
-
-  '@babel/helper-validator-identifier@7.25.9': {}
-
-  '@babel/parser@7.26.3':
-    dependencies:
-      '@babel/types': 7.26.3
-
-  '@babel/types@7.26.3':
-    dependencies:
-      '@babel/helper-string-parser': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
-
-  '@ctrl/tinycolor@3.6.1': {}
-
-  '@element-plus/icons-vue@2.3.1(vue@3.5.13)':
-    dependencies:
-      vue: 3.5.13
-
-  '@esbuild/aix-ppc64@0.24.0':
-    optional: true
-
-  '@esbuild/android-arm64@0.24.0':
-    optional: true
-
-  '@esbuild/android-arm@0.24.0':
-    optional: true
-
-  '@esbuild/android-x64@0.24.0':
-    optional: true
-
-  '@esbuild/darwin-arm64@0.24.0':
-    optional: true
-
-  '@esbuild/darwin-x64@0.24.0':
-    optional: true
-
-  '@esbuild/freebsd-arm64@0.24.0':
-    optional: true
-
-  '@esbuild/freebsd-x64@0.24.0':
-    optional: true
-
-  '@esbuild/linux-arm64@0.24.0':
-    optional: true
-
-  '@esbuild/linux-arm@0.24.0':
-    optional: true
-
-  '@esbuild/linux-ia32@0.24.0':
-    optional: true
-
-  '@esbuild/linux-loong64@0.24.0':
-    optional: true
-
-  '@esbuild/linux-mips64el@0.24.0':
-    optional: true
-
-  '@esbuild/linux-ppc64@0.24.0':
-    optional: true
-
-  '@esbuild/linux-riscv64@0.24.0':
-    optional: true
-
-  '@esbuild/linux-s390x@0.24.0':
-    optional: true
-
-  '@esbuild/linux-x64@0.24.0':
-    optional: true
-
-  '@esbuild/netbsd-x64@0.24.0':
-    optional: true
-
-  '@esbuild/openbsd-arm64@0.24.0':
-    optional: true
-
-  '@esbuild/openbsd-x64@0.24.0':
-    optional: true
-
-  '@esbuild/sunos-x64@0.24.0':
-    optional: true
-
-  '@esbuild/win32-arm64@0.24.0':
-    optional: true
-
-  '@esbuild/win32-ia32@0.24.0':
-    optional: true
-
-  '@esbuild/win32-x64@0.24.0':
-    optional: true
-
-  '@floating-ui/core@1.6.8':
-    dependencies:
-      '@floating-ui/utils': 0.2.8
-
-  '@floating-ui/dom@1.6.12':
-    dependencies:
-      '@floating-ui/core': 1.6.8
-      '@floating-ui/utils': 0.2.8
-
-  '@floating-ui/utils@0.2.8': {}
-
-  '@jridgewell/sourcemap-codec@1.5.0': {}
-
-  '@monaco-editor/loader@1.5.0':
-    dependencies:
-      state-local: 1.0.7
-
-  '@rollup/rollup-android-arm-eabi@4.29.1':
-    optional: true
-
-  '@rollup/rollup-android-arm64@4.29.1':
-    optional: true
-
-  '@rollup/rollup-darwin-arm64@4.29.1':
-    optional: true
-
-  '@rollup/rollup-darwin-x64@4.29.1':
-    optional: true
-
-  '@rollup/rollup-freebsd-arm64@4.29.1':
-    optional: true
-
-  '@rollup/rollup-freebsd-x64@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-arm-musleabihf@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-arm64-gnu@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-arm64-musl@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-loongarch64-gnu@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-powerpc64le-gnu@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-riscv64-gnu@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-s390x-gnu@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-x64-gnu@4.29.1':
-    optional: true
-
-  '@rollup/rollup-linux-x64-musl@4.29.1':
-    optional: true
-
-  '@rollup/rollup-win32-arm64-msvc@4.29.1':
-    optional: true
-
-  '@rollup/rollup-win32-ia32-msvc@4.29.1':
-    optional: true
-
-  '@rollup/rollup-win32-x64-msvc@4.29.1':
-    optional: true
-
-  '@sxzz/popperjs-es@2.11.7': {}
-
-  '@types/estree@1.0.6': {}
-
-  '@types/lodash-es@4.17.12':
-    dependencies:
-      '@types/lodash': 4.17.13
-
-  '@types/lodash@4.17.13': {}
-
-  '@types/web-bluetooth@0.0.16': {}
-
-  '@types/web-bluetooth@0.0.21': {}
-
-  '@vitejs/plugin-vue@5.2.1(vite@6.0.5)(vue@3.5.13)':
-    dependencies:
-      vite: 6.0.5
-      vue: 3.5.13
-
-  '@vue/compiler-core@3.5.13':
-    dependencies:
-      '@babel/parser': 7.26.3
-      '@vue/shared': 3.5.13
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.2.1
-
-  '@vue/compiler-dom@3.5.13':
-    dependencies:
-      '@vue/compiler-core': 3.5.13
-      '@vue/shared': 3.5.13
-
-  '@vue/compiler-sfc@3.5.13':
-    dependencies:
-      '@babel/parser': 7.26.3
-      '@vue/compiler-core': 3.5.13
-      '@vue/compiler-dom': 3.5.13
-      '@vue/compiler-ssr': 3.5.13
-      '@vue/shared': 3.5.13
-      estree-walker: 2.0.2
-      magic-string: 0.30.17
-      postcss: 8.4.49
-      source-map-js: 1.2.1
-
-  '@vue/compiler-ssr@3.5.13':
-    dependencies:
-      '@vue/compiler-dom': 3.5.13
-      '@vue/shared': 3.5.13
-
-  '@vue/devtools-api@6.6.4': {}
-
-  '@vue/devtools-api@7.7.2':
-    dependencies:
-      '@vue/devtools-kit': 7.7.2
-
-  '@vue/devtools-kit@7.7.2':
-    dependencies:
-      '@vue/devtools-shared': 7.7.2
-      birpc: 0.2.19
-      hookable: 5.5.3
-      mitt: 3.0.1
-      perfect-debounce: 1.0.0
-      speakingurl: 14.0.1
-      superjson: 2.2.2
-
-  '@vue/devtools-shared@7.7.2':
-    dependencies:
-      rfdc: 1.4.1
-
-  '@vue/reactivity@3.5.13':
-    dependencies:
-      '@vue/shared': 3.5.13
-
-  '@vue/runtime-core@3.5.13':
-    dependencies:
-      '@vue/reactivity': 3.5.13
-      '@vue/shared': 3.5.13
-
-  '@vue/runtime-dom@3.5.13':
-    dependencies:
-      '@vue/reactivity': 3.5.13
-      '@vue/runtime-core': 3.5.13
-      '@vue/shared': 3.5.13
-      csstype: 3.1.3
-
-  '@vue/server-renderer@3.5.13(vue@3.5.13)':
-    dependencies:
-      '@vue/compiler-ssr': 3.5.13
-      '@vue/shared': 3.5.13
-      vue: 3.5.13
-
-  '@vue/shared@3.5.13': {}
-
-  '@vueuse/core@13.1.0(vue@3.5.13)':
-    dependencies:
-      '@types/web-bluetooth': 0.0.21
-      '@vueuse/metadata': 13.1.0
-      '@vueuse/shared': 13.1.0(vue@3.5.13)
-      vue: 3.5.13
-
-  '@vueuse/core@9.13.0(vue@3.5.13)':
-    dependencies:
-      '@types/web-bluetooth': 0.0.16
-      '@vueuse/metadata': 9.13.0
-      '@vueuse/shared': 9.13.0(vue@3.5.13)
-      vue-demi: 0.14.10(vue@3.5.13)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@vueuse/metadata@13.1.0': {}
-
-  '@vueuse/metadata@9.13.0': {}
-
-  '@vueuse/shared@13.1.0(vue@3.5.13)':
-    dependencies:
-      vue: 3.5.13
-
-  '@vueuse/shared@9.13.0(vue@3.5.13)':
-    dependencies:
-      vue-demi: 0.14.10(vue@3.5.13)
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  ansi-regex@5.0.1: {}
-
-  ansi-styles@4.3.0:
-    dependencies:
-      color-convert: 2.0.1
-
-  async-validator@4.2.5: {}
-
-  asynckit@0.4.0: {}
-
-  axios@1.7.9:
-    dependencies:
-      follow-redirects: 1.15.9
-      form-data: 4.0.1
-      proxy-from-env: 1.1.0
-    transitivePeerDependencies:
-      - debug
-
-  birpc@0.2.19: {}
-
-  camelcase@5.3.1: {}
-
-  cliui@6.0.0:
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 6.2.0
-
-  color-convert@2.0.1:
-    dependencies:
-      color-name: 1.1.4
-
-  color-name@1.1.4: {}
-
-  combined-stream@1.0.8:
-    dependencies:
-      delayed-stream: 1.0.0
-
-  copy-anything@3.0.5:
-    dependencies:
-      is-what: 4.1.16
-
-  csstype@3.1.3: {}
-
-  dayjs@1.11.13: {}
-
-  decamelize@1.2.0: {}
-
-  delayed-stream@1.0.0: {}
-
-  dijkstrajs@1.0.3: {}
-
-  echarts@5.6.0:
-    dependencies:
-      tslib: 2.3.0
-      zrender: 5.6.1
-
-  element-plus@2.9.1(vue@3.5.13):
-    dependencies:
-      '@ctrl/tinycolor': 3.6.1
-      '@element-plus/icons-vue': 2.3.1(vue@3.5.13)
-      '@floating-ui/dom': 1.6.12
-      '@popperjs/core': '@sxzz/popperjs-es@2.11.7'
-      '@types/lodash': 4.17.13
-      '@types/lodash-es': 4.17.12
-      '@vueuse/core': 9.13.0(vue@3.5.13)
-      async-validator: 4.2.5
-      dayjs: 1.11.13
-      escape-html: 1.0.3
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-      lodash-unified: 1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21)
-      memoize-one: 6.0.0
-      normalize-wheel-es: 1.2.0
-      vue: 3.5.13
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-
-  emoji-regex@8.0.0: {}
-
-  entities@4.5.0: {}
-
-  esbuild@0.24.0:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.24.0
-      '@esbuild/android-arm': 0.24.0
-      '@esbuild/android-arm64': 0.24.0
-      '@esbuild/android-x64': 0.24.0
-      '@esbuild/darwin-arm64': 0.24.0
-      '@esbuild/darwin-x64': 0.24.0
-      '@esbuild/freebsd-arm64': 0.24.0
-      '@esbuild/freebsd-x64': 0.24.0
-      '@esbuild/linux-arm': 0.24.0
-      '@esbuild/linux-arm64': 0.24.0
-      '@esbuild/linux-ia32': 0.24.0
-      '@esbuild/linux-loong64': 0.24.0
-      '@esbuild/linux-mips64el': 0.24.0
-      '@esbuild/linux-ppc64': 0.24.0
-      '@esbuild/linux-riscv64': 0.24.0
-      '@esbuild/linux-s390x': 0.24.0
-      '@esbuild/linux-x64': 0.24.0
-      '@esbuild/netbsd-x64': 0.24.0
-      '@esbuild/openbsd-arm64': 0.24.0
-      '@esbuild/openbsd-x64': 0.24.0
-      '@esbuild/sunos-x64': 0.24.0
-      '@esbuild/win32-arm64': 0.24.0
-      '@esbuild/win32-ia32': 0.24.0
-      '@esbuild/win32-x64': 0.24.0
-
-  escape-html@1.0.3: {}
-
-  estree-walker@2.0.2: {}
-
-  find-up@4.1.0:
-    dependencies:
-      locate-path: 5.0.0
-      path-exists: 4.0.0
-
-  follow-redirects@1.15.9: {}
-
-  form-data@4.0.1:
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-
-  fsevents@2.3.3:
-    optional: true
-
-  get-caller-file@2.0.5: {}
-
-  hookable@5.5.3: {}
-
-  is-fullwidth-code-point@3.0.0: {}
-
-  is-what@4.1.16: {}
-
-  locate-path@5.0.0:
-    dependencies:
-      p-locate: 4.1.0
-
-  lodash-es@4.17.21: {}
-
-  lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
-    dependencies:
-      '@types/lodash-es': 4.17.12
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-
-  lodash@4.17.21: {}
-
-  magic-string@0.30.17:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
-
-  memoize-one@6.0.0: {}
-
-  mime-db@1.52.0: {}
-
-  mime-types@2.1.35:
-    dependencies:
-      mime-db: 1.52.0
-
-  mitt@3.0.1: {}
-
-  monaco-editor@0.52.2: {}
-
-  nanoid@3.3.8: {}
-
-  normalize-wheel-es@1.2.0: {}
-
-  p-limit@2.3.0:
-    dependencies:
-      p-try: 2.2.0
-
-  p-locate@4.1.0:
-    dependencies:
-      p-limit: 2.3.0
-
-  p-try@2.2.0: {}
-
-  path-exists@4.0.0: {}
-
-  perfect-debounce@1.0.0: {}
-
-  picocolors@1.1.1: {}
-
-  pinia@3.0.2(vue@3.5.13):
-    dependencies:
-      '@vue/devtools-api': 7.7.2
-      vue: 3.5.13
-
-  pngjs@5.0.0: {}
-
-  postcss@8.4.49:
-    dependencies:
-      nanoid: 3.3.8
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  proxy-from-env@1.1.0: {}
-
-  qrcode@1.5.4:
-    dependencies:
-      dijkstrajs: 1.0.3
-      pngjs: 5.0.0
-      yargs: 15.4.1
-
-  require-directory@2.1.1: {}
-
-  require-main-filename@2.0.0: {}
-
-  rfdc@1.4.1: {}
-
-  rollup@4.29.1:
-    dependencies:
-      '@types/estree': 1.0.6
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.29.1
-      '@rollup/rollup-android-arm64': 4.29.1
-      '@rollup/rollup-darwin-arm64': 4.29.1
-      '@rollup/rollup-darwin-x64': 4.29.1
-      '@rollup/rollup-freebsd-arm64': 4.29.1
-      '@rollup/rollup-freebsd-x64': 4.29.1
-      '@rollup/rollup-linux-arm-gnueabihf': 4.29.1
-      '@rollup/rollup-linux-arm-musleabihf': 4.29.1
-      '@rollup/rollup-linux-arm64-gnu': 4.29.1
-      '@rollup/rollup-linux-arm64-musl': 4.29.1
-      '@rollup/rollup-linux-loongarch64-gnu': 4.29.1
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.29.1
-      '@rollup/rollup-linux-riscv64-gnu': 4.29.1
-      '@rollup/rollup-linux-s390x-gnu': 4.29.1
-      '@rollup/rollup-linux-x64-gnu': 4.29.1
-      '@rollup/rollup-linux-x64-musl': 4.29.1
-      '@rollup/rollup-win32-arm64-msvc': 4.29.1
-      '@rollup/rollup-win32-ia32-msvc': 4.29.1
-      '@rollup/rollup-win32-x64-msvc': 4.29.1
-      fsevents: 2.3.3
-
-  set-blocking@2.0.0: {}
-
-  source-map-js@1.2.1: {}
-
-  speakingurl@14.0.1: {}
-
-  state-local@1.0.7: {}
-
-  string-width@4.2.3:
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-
-  strip-ansi@6.0.1:
-    dependencies:
-      ansi-regex: 5.0.1
-
-  superjson@2.2.2:
-    dependencies:
-      copy-anything: 3.0.5
-
-  tslib@2.3.0: {}
-
-  vite@6.0.5:
-    dependencies:
-      esbuild: 0.24.0
-      postcss: 8.4.49
-      rollup: 4.29.1
-    optionalDependencies:
-      fsevents: 2.3.3
-
-  vue-demi@0.14.10(vue@3.5.13):
-    dependencies:
-      vue: 3.5.13
-
-  vue-router@4.5.0(vue@3.5.13):
-    dependencies:
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.13
-
-  vue@3.5.13:
-    dependencies:
-      '@vue/compiler-dom': 3.5.13
-      '@vue/compiler-sfc': 3.5.13
-      '@vue/runtime-dom': 3.5.13
-      '@vue/server-renderer': 3.5.13(vue@3.5.13)
-      '@vue/shared': 3.5.13
-
-  which-module@2.0.1: {}
-
-  wrap-ansi@6.2.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
+    dev: false
 
-  xterm@5.3.0: {}
+  /xterm@5.3.0:
+    resolution: {integrity: sha512-8QqjlekLUFTrU6x7xck1MsPzPA571K5zNqWm0M0oroYEWVOptZ0+ubQSkQ3uxIEhcIHRujJy6emDWX4A7qyFzg==}
+    deprecated: This package is now deprecated. Move to @xterm/xterm instead.
+    dev: false
 
-  y18n@4.0.3: {}
+  /y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+    dev: false
 
-  yargs-parser@18.1.3:
+  /yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
     dependencies:
       camelcase: 5.3.1
       decamelize: 1.2.0
+    dev: false
 
-  yargs@15.4.1:
+  /yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
     dependencies:
       cliui: 6.0.0
       decamelize: 1.2.0
@@ -1392,7 +1442,10 @@ snapshots:
       which-module: 2.0.1
       y18n: 4.0.3
       yargs-parser: 18.1.3
+    dev: false
 
-  zrender@5.6.1:
+  /zrender@5.6.1:
+    resolution: {integrity: sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==}
     dependencies:
       tslib: 2.3.0
+    dev: false
diff --git a/src/utils/dynamicUnit.js b/src/utils/dynamicUnit.js
index 4e7c468..dff4952 100644
--- a/src/utils/dynamicUnit.js
+++ b/src/utils/dynamicUnit.js
@@ -2,11 +2,10 @@
  * Dynamic Unit System
  * 
  * Handles dynamic unit conversion and display for product parameters.
- * Base units: memory=KB, storage=GB, bandwidth=Mbps, cpu=Core
+ * Base units: storage=GB, bandwidth=Mbps, cpu=Core
  */
 
 const UNIT_CONVERSIONS = {
-  memory: { KB: 1, MB: 1024, GB: 1024 * 1024, TB: 1024 * 1024 * 1024 },
   cpu: { Core: 1 },
   bandwidth_up: { Mbps: 1, Gbps: 1000 },
   bandwidth_down: { Mbps: 1, Gbps: 1000 },
@@ -17,7 +16,6 @@ const UNIT_CONVERSIONS = {
 }
 
 const BASE_UNITS = {
-  memory: 'KB',
   cpu: 'Core',
   bandwidth_up: 'Mbps',
   bandwidth_down: 'Mbps',
@@ -28,7 +26,6 @@ const BASE_UNITS = {
 }
 
 const DEFAULT_DISPLAY_UNITS = {
-  memory: 'MB',
   cpu: 'Core',
   bandwidth_up: 'Mbps',
   bandwidth_down: 'Mbps',
@@ -39,7 +36,6 @@ const DEFAULT_DISPLAY_UNITS = {
 }
 
 const ARG_KEY_OPTIONS = [
-  { label: '内存 (memory)', value: 'memory' },
   { label: 'CPU (cpu)', value: 'cpu' },
   { label: 'IPv4', value: 'ipv4' },
   { label: 'IPv6', value: 'ipv6' },
@@ -54,7 +50,7 @@ const ARG_KEY_OPTIONS = [
  * @param {number} value
  * @param {string} fromUnit
  * @param {string} toUnit
- * @param {string} argKey - e.g. 'memory', 'storage'
+ * @param {string} argKey - e.g. 'storage', 'bandwidth_up'
  */
 export function convertUnit(value, fromUnit, toUnit, argKey) {
   if (value === null || value === undefined || fromUnit === toUnit) return value
diff --git a/src/views/product/ProductGroup.vue b/src/views/product/ProductGroup.vue
index 934f5dd..e37afb6 100644
--- a/src/views/product/ProductGroup.vue
+++ b/src/views/product/ProductGroup.vue
@@ -91,12 +91,16 @@
         >
           <el-table-column prop="name" label="名称" min-width="320">
             <template #default="{ row }">
-              <div class="group-name-cell" :style="{ paddingLeft: row.isProduct ? ((row.level - 1) * 24 + 24) + 'px' : (row.level - 1) * 24 + 'px' }">
+              <div
+                class="group-name-cell"
+                :class="{ 'is-clickable': row.isGroup || row.isProduct }"
+                :style="{ paddingLeft: row.isProduct ? ((row.level - 1) * 24 + 24) + 'px' : (row.level - 1) * 24 + 'px' }"
+                @click="handleNameCellClick(row)"
+              >
                 <!-- 分组的展开/收起按钮 -->
-                <span 
-                  v-if="row.isGroup" 
+                <span
+                  v-if="row.isGroup"
                   class="expand-icon"
-                  @click="toggleExpand(row)"
                 >
                   <el-icon v-if="row._loading"><Loading /></el-icon>
                   <el-icon v-else :class="{ 'is-expanded': row._expanded }"><ArrowRight /></el-icon>
@@ -270,119 +274,134 @@
     <el-dialog
       v-model="dialogVisible"
       :title="dialogTitle"
-      width="600px"
+      width="860px"
       append-to-body
+      class="product-form-dialog"
     >
       <el-form
         ref="groupFormRef"
         :model="groupForm"
         :rules="groupRules"
-        label-width="100px"
+        label-position="top"
+        class="product-form"
       >
-        <el-form-item label="分组名称" prop="name">
-          <el-input v-model="groupForm.name" placeholder="请输入分组名称" />
-        </el-form-item>
-        <el-form-item label="父级分组" prop="parent_id">
-          <div class="recommend-user-selector">
-            <el-input 
-              :model-value="selectedParentName" 
-              :placeholder="isAddingChild ? '已自动设置父级分组' : '无父级（顶级分组）'" 
-              readonly 
-              :disabled="isAddingChild"
-              @click="!isAddingChild && (showParentSelector = true)"
+        <!-- 顶部：封面 + 基本信息 -->
+        <div class="product-form-header">
+          <!-- 左侧封面 -->
+          <div class="cover-uploader" @click="showCoverSelector = true">
+            <img v-if="groupForm.cover_url" :src="groupForm.cover_url" class="cover-image" alt="分组封面" />
+            <div v-else class="cover-placeholder">
+              <el-icon class="cover-placeholder-icon"><Folder /></el-icon>
+              <span class="cover-placeholder-text">点击选择封面</span>
+            </div>
+            <div class="cover-mask">
+              <el-icon><Picture /></el-icon>
+              <span>更换封面</span>
+            </div>
+            <el-button
+              v-if="groupForm.cover_id"
+              type="danger"
+              size="small"
+              circle
+              class="cover-clear-btn"
+              @click.stop="clearGroupCover"
             >
-              <template #append>
-                <el-button @click="!isAddingChild && (showParentSelector = true)" :disabled="isAddingChild">
-                  <el-icon><Search /></el-icon>
-                </el-button>
-              </template>
-            </el-input>
-            <el-button 
-              v-if="groupForm.parent_id && !isAddingChild" 
-              type="danger" 
-              link 
-              @click="clearParent"
-              class="clear-btn"
-            >
-              清除
+              <el-icon><Delete /></el-icon>
             </el-button>
           </div>
-          <div v-if="isAddingChild" class="form-tip">
-            添加子级时自动继承父级分组，不可修改
-          </div>
-        </el-form-item>
-        <el-form-item label="分组层级" prop="level">
-          <el-input :model-value="`${groupForm.level}级`" disabled style="width: 100%" />
-          <div class="form-tip">层级根据父级分组自动计算</div>
-        </el-form-item>
-        <el-form-item label="分组封面" prop="cover_id">
-          <div class="recommend-user-selector">
-            <el-input 
-              :model-value="groupForm.cover_id ? `文件ID: ${groupForm.cover_id}` : ''" 
-              placeholder="点击选择封面图片" 
-              readonly 
-              @click="showCoverSelector = true"
-            >
-              <template #append>
-                <el-button @click="showCoverSelector = true">
-                  <el-icon><Search /></el-icon>
+
+          <!-- 右侧基本信息 -->
+          <div class="basic-fields">
+            <el-form-item label="分组名称" prop="name">
+              <el-input v-model="groupForm.name" placeholder="请输入分组名称" />
+            </el-form-item>
+            <el-form-item label="父级分组" prop="parent_id">
+              <div
+                class="group-picker"
+                :class="{ 'is-empty': !selectedParentName, 'is-disabled': isAddingChild }"
+                @click="!isAddingChild && (showParentSelector = true)"
+              >
+                <el-icon class="group-picker-icon"><Folder /></el-icon>
+                <span class="group-picker-text">
+                  {{ selectedParentName || (isAddingChild ? '已自动设置父级分组' : '无父级（顶级分组）') }}
+                </span>
+                <el-button
+                  v-if="groupForm.parent_id && !isAddingChild"
+                  type="danger"
+                  link
+                  size="small"
+                  class="group-picker-clear"
+                  @click.stop="clearParent"
+                >
+                  清除
                 </el-button>
-              </template>
-            </el-input>
-            <el-button 
-              v-if="groupForm.cover_id" 
-              type="danger" 
-              link 
-              @click="groupForm.cover_id = undefined"
-              class="clear-btn"
-            >
-              清除
-            </el-button>
-          </div>
-        </el-form-item>
-        <el-form-item label="分组标签" prop="tag_id">
-          <div class="recommend-user-selector">
-            <el-input 
-              :model-value="selectedTagName" 
-              placeholder="点击选择分组标签" 
-              readonly 
-              @click="showTagSelector = true"
-            >
-              <template #append>
-                <el-button @click="showTagSelector = true">
-                  <el-icon><Search /></el-icon>
+                <el-icon v-if="!isAddingChild" class="group-picker-arrow"><ArrowRight /></el-icon>
+              </div>
+              <div v-if="isAddingChild" class="form-tip">
+                添加子级时自动继承父级分组，不可修改
+              </div>
+            </el-form-item>
+            <el-form-item label="分组标签" prop="tag_id">
+              <div
+                class="group-picker"
+                :class="{ 'is-empty': !selectedTagName }"
+                @click="showTagSelector = true"
+              >
+                <el-icon class="group-picker-icon"><CollectionTag /></el-icon>
+                <span class="group-picker-text">{{ selectedTagName || '点击选择分组标签' }}</span>
+                <el-button
+                  v-if="groupForm.tag_id"
+                  type="danger"
+                  link
+                  size="small"
+                  class="group-picker-clear"
+                  @click.stop="clearTag"
+                >
+                  清除
                 </el-button>
-              </template>
-            </el-input>
-            <el-button 
-              v-if="groupForm.tag_id" 
-              type="danger" 
-              link 
-              @click="clearTag"
-              class="clear-btn"
-            >
-              清除
-            </el-button>
+                <el-icon class="group-picker-arrow"><ArrowRight /></el-icon>
+              </div>
+            </el-form-item>
           </div>
-        </el-form-item>
-        <el-form-item label="备注" prop="note">
-          <el-input v-model="groupForm.note" type="textarea" :rows="4" placeholder="请输入备注" />
-        </el-form-item>
-        <el-form-item label="排序索引" prop="index">
-          <el-input-number 
-            v-model="groupForm.index" 
-            :min="0" 
-            :max="9999"
-            placeholder="请输入排序索引，数值越小排序越靠前"
-            style="width: 100%"
+        </div>
+
+        <!-- 基本属性（层级 / 排序 / 状态） -->
+        <div class="form-section">
+          <div class="form-section-title">基本属性</div>
+          <div class="form-grid">
+            <el-form-item label="分组层级" prop="level">
+              <el-input :model-value="`${groupForm.level} 级`" disabled style="width: 100%" />
+              <div class="form-tip">层级根据父级分组自动计算</div>
+            </el-form-item>
+            <el-form-item label="排序索引" prop="index">
+              <el-input-number
+                v-model="groupForm.index"
+                :min="0"
+                :max="9999"
+                controls-position="right"
+                placeholder="数值越小越靠前"
+                style="width: 100%"
+              />
+              <div class="form-tip">数值越小排序越靠前，相同索引按创建时间排序</div>
+            </el-form-item>
+            <el-form-item label="状态" prop="disable" class="group-status-item">
+              <el-radio-group v-model="groupForm.disable">
+                <el-radio-button :value="false">启用</el-radio-button>
+                <el-radio-button :value="true">禁用</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+          </div>
+        </div>
+
+        <!-- 备注 -->
+        <el-form-item prop="note" label="备注" class="note-form-item">
+          <el-input
+            v-model="groupForm.note"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入备注（可选）"
+            resize="none"
           />
-          <div class="form-tip">数值越小排序越靠前，相同索引按创建时间排序</div>
-        </el-form-item>
-        <el-form-item label="状态" prop="disable">
-          <el-radio-group v-model="groupForm.disable">
-            <el-radio :value="false">启用</el-radio>
-            <el-radio :value="true">禁用</el-radio>
-          </el-radio-group>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -486,71 +505,80 @@
     <el-dialog
       v-model="productDialogVisible"
       :title="productDialogType === 'add' ? '新增商品' : '编辑商品'"
-      width="800px"
+      width="860px"
       append-to-body
+      class="product-form-dialog"
     >
       <el-form
         ref="productFormRef"
         :model="productForm"
         :rules="productRules"
-        label-width="120px"
+        label-position="top"
+        class="product-form"
       >
-        <el-form-item label="商品名称" prop="name">
-          <el-input v-model="productForm.name" placeholder="请输入商品名称" />
-        </el-form-item>
-        <el-form-item label="商品所属表" prop="table">
-          <el-input v-model="productForm.table" placeholder="请输入商品所属表" />
-        </el-form-item>
-        <el-form-item label="商品分组" prop="good_group_id">
-          <div class="recommend-user-selector">
-            <el-input 
-              :model-value="selectedGroupName" 
-              placeholder="请选择商品分组" 
-              readonly 
-              @click="showProductGroupSelector = true"
+        <!-- 顶部：封面 + 基本信息 -->
+        <div class="product-form-header">
+          <!-- 左侧封面 -->
+          <div class="cover-uploader" @click="coverSelectorVisible = true">
+            <img v-if="productForm.cover_url" :src="productForm.cover_url" class="cover-image" alt="商品封面" />
+            <div v-else class="cover-placeholder">
+              <el-icon class="cover-placeholder-icon"><Picture /></el-icon>
+              <span class="cover-placeholder-text">点击选择封面</span>
+            </div>
+            <div class="cover-mask">
+              <el-icon><Picture /></el-icon>
+              <span>更换封面</span>
+            </div>
+            <el-button
+              v-if="productForm.cover_id"
+              type="danger"
+              size="small"
+              circle
+              class="cover-clear-btn"
+              @click.stop="clearProductCover"
             >
-              <template #prefix>
-                <el-icon><Folder /></el-icon>
-              </template>
-            </el-input>
-            <el-button 
-              v-if="productForm.good_group_id" 
-              type="danger" 
-              link 
-              @click="clearProductGroup"
-              class="clear-btn"
-            >
-              清除
+              <el-icon><Delete /></el-icon>
             </el-button>
           </div>
-        </el-form-item>
-        <el-form-item label="商品内容" prop="content">
-          <el-input v-model="productForm.content" type="textarea" :rows="4" placeholder="请输入商品内容" />
-        </el-form-item>
-        <el-form-item label="商品封面" prop="cover_id">
-          <div class="recommend-user-selector">
-            <el-input 
-              :model-value="productForm.cover_id ? `文件ID: ${productForm.cover_id}` : ''" 
-              placeholder="点击选择封面图片" 
-              readonly 
-              @click="coverSelectorVisible = true"
-            >
-              <template #prefix>
-                <el-icon><Picture /></el-icon>
-              </template>
-            </el-input>
-            <el-button 
-              v-if="productForm.cover_id" 
-              type="danger" 
-              link 
-              @click="clearProductCover"
-              class="clear-btn"
-            >
-              清除
-            </el-button>
+
+          <!-- 右侧基本信息 -->
+          <div class="basic-fields">
+            <el-form-item label="商品名称" prop="name">
+              <el-input v-model="productForm.name" placeholder="请输入商品名称" />
+            </el-form-item>
+            <el-form-item label="所属分组" prop="good_group_id">
+              <div
+                class="group-picker"
+                :class="{ 'is-empty': !selectedGroupName }"
+                @click="showProductGroupSelector = true"
+              >
+                <el-icon class="group-picker-icon"><Folder /></el-icon>
+                <span class="group-picker-text">{{ selectedGroupName || '点击选择商品分组' }}</span>
+                <el-button
+                  v-if="productForm.good_group_id"
+                  type="danger"
+                  link
+                  size="small"
+                  class="group-picker-clear"
+                  @click.stop="clearProductGroup"
+                >
+                  清除
+                </el-button>
+                <el-icon class="group-picker-arrow"><ArrowRight /></el-icon>
+              </div>
+            </el-form-item>
+            <el-form-item label="商品介绍" prop="content">
+              <el-input
+                v-model="productForm.content"
+                type="textarea"
+                :rows="4"
+                placeholder="请输入商品介绍"
+                resize="none"
+              />
+            </el-form-item>
           </div>
-        </el-form-item>
-        
+        </div>
+
         <!-- 封面选择器弹窗 -->
         <AvatarSelector
           v-model="coverSelectorVisible"
@@ -559,45 +587,119 @@
           title="选择封面"
           @confirm="handleProductCoverSelect"
         />
-        
-        <el-form-item label="库存控制" prop="inventory_control">
-          <el-switch v-model="productForm.inventory_control" active-text="启用" inactive-text="禁用" />
-        </el-form-item>
-        <el-form-item label="库存数量" prop="inventory">
-          <el-input-number v-model="productForm.inventory" :min="0" placeholder="请输入库存" style="width: 100%" />
-        </el-form-item>
-        <el-form-item label="商品价格" prop="price">
-          <div class="unit-input-row">
-            <el-input-number v-model="productForm.price" :min="0" :precision="2" :step="0.01" placeholder="请输入价格(元)" style="flex:1" />
-            <span class="unit-text">元</span>
+
+        <!-- 价格与销售 -->
+        <div class="form-section">
+          <div class="form-section-title">价格与销售</div>
+          <div class="form-grid">
+            <el-form-item prop="price">
+              <template #label>
+                <span>商品价格<span class="unit-suffix">（元）</span></span>
+              </template>
+              <el-input-number
+                v-model="productForm.price"
+                :min="0"
+                :precision="2"
+                :step="0.01"
+                placeholder="请输入价格"
+                controls-position="right"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item label="单个商品数量" prop="pay_num">
+              <el-input-number
+                v-model="productForm.pay_num"
+                :min="1"
+                placeholder="请输入数量"
+                controls-position="right"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item prop="expire_time">
+              <template #label>
+                <span>有效期<span class="unit-suffix">（天，0 为永久）</span></span>
+              </template>
+              <el-input-number
+                v-model="productForm.expire_time"
+                :min="0"
+                placeholder="请输入有效期"
+                controls-position="right"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item label="允许续费" prop="can_renew">
+              <el-switch
+                v-model="productForm.can_renew"
+                active-text="允许"
+                inactive-text="禁止"
+              />
+            </el-form-item>
           </div>
-        </el-form-item>
-        <el-form-item label="单个商品数量" prop="pay_num">
-          <el-input-number v-model="productForm.pay_num" :min="1" placeholder="请输入单个商品数量" style="width: 100%" />
-        </el-form-item>
-        <el-form-item label="有效期" prop="expire_time">
-          <div class="unit-input-row">
-            <el-input-number v-model="productForm.expire_time" :min="0" placeholder="请输入有效期" style="flex:1" />
-            <span class="unit-text">天</span>
+        </div>
+
+        <!-- 库存管理 -->
+        <div class="form-section">
+          <div class="form-section-title">库存管理</div>
+          <div class="form-grid">
+            <el-form-item label="库存控制" prop="inventory_control">
+              <el-switch
+                v-model="productForm.inventory_control"
+                active-text="启用"
+                inactive-text="禁用"
+              />
+            </el-form-item>
+            <el-form-item label="库存数量" prop="inventory">
+              <el-input-number
+                v-model="productForm.inventory"
+                :min="0"
+                :disabled="!productForm.inventory_control"
+                placeholder="请输入库存"
+                controls-position="right"
+                style="width: 100%"
+              />
+            </el-form-item>
           </div>
-        </el-form-item>
-        <el-form-item label="推荐" prop="recommend">
-          <el-switch v-model="productForm.recommend" active-text="启用" inactive-text="禁用" />
-        </el-form-item>
-        <el-form-item label="推荐返还(%)" prop="recommend_rebate">
-          <el-input-number v-model="productForm.recommend_rebate" :min="0" :max="100" placeholder="请输入返还百分比" style="width: 100%" />
-        </el-form-item>
-        <el-form-item label="参数类型" prop="arg_type">
-          <el-select v-model="productForm.arg_type" placeholder="请选择参数类型" style="width: 100%">
-            <el-option label="所有参数" value="all" />
-            <el-option label="套餐" value="plan" />
-            <el-option label="自定义" value="customize" />
-          </el-select>
-          <div class="form-tip">all: 所有参数 / plan: 套餐 / customize: 自定义</div>
-        </el-form-item>
-        <el-form-item label="允许续费" prop="can_renew">
-          <el-switch v-model="productForm.can_renew" active-text="允许" inactive-text="禁止" />
-        </el-form-item>
+        </div>
+
+        <!-- 推荐与参数 -->
+        <div class="form-section">
+          <div class="form-section-title">推荐与参数</div>
+          <div class="form-grid">
+            <el-form-item label="推荐" prop="recommend">
+              <el-switch
+                v-model="productForm.recommend"
+                active-text="启用"
+                inactive-text="禁用"
+              />
+            </el-form-item>
+            <el-form-item prop="recommend_rebate">
+              <template #label>
+                <span>推荐返还<span class="unit-suffix">（%）</span></span>
+              </template>
+              <el-input-number
+                v-model="productForm.recommend_rebate"
+                :min="0"
+                :max="100"
+                :disabled="!productForm.recommend"
+                placeholder="返还百分比"
+                controls-position="right"
+                style="width: 100%"
+              />
+            </el-form-item>
+            <el-form-item label="参数类型" prop="arg_type" class="arg-type-item">
+              <el-select
+                v-model="productForm.arg_type"
+                placeholder="请选择参数类型"
+                style="width: 100%"
+              >
+                <el-option label="所有参数" value="all" />
+                <el-option label="套餐" value="plan" />
+                <el-option label="自定义" value="customize" />
+              </el-select>
+              <div class="form-tip">all: 所有参数 / plan: 套餐 / customize: 自定义</div>
+            </el-form-item>
+          </div>
+        </div>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -657,7 +759,7 @@
 <script setup>
 import { ref, reactive, computed, onMounted, watch } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus, Refresh, Search, Folder, ArrowRight, Loading, Grid, List, Document, Picture } from '@element-plus/icons-vue'
+import { Plus, Refresh, Search, Folder, ArrowRight, Loading, Grid, List, Document, Picture, Delete, CollectionTag } from '@element-plus/icons-vue'
 import { 
   getProductGroupList, 
   createProductGroup, 
@@ -712,6 +814,7 @@ const groupForm = reactive({
   level: 1,
   parent_id: undefined,
   cover_id: undefined,
+  cover_url: '',
   tag_id: undefined,
   index: 0
 })
@@ -752,6 +855,7 @@ const productForm = reactive({
   tag: '',
   content: '',
   cover_id: undefined,
+  cover_url: '',
   good_group_id: undefined,
   inventory_control: false,
   inventory: 0,
@@ -768,9 +872,6 @@ const productRules = {
   name: [
     { required: true, message: '请输入商品名称', trigger: 'blur' }
   ],
-  table: [
-    { required: true, message: '请输入商品所属表', trigger: 'blur' }
-  ],
   content: [
     { required: true, message: '请输入商品内容', trigger: 'blur' }
   ],
@@ -928,6 +1029,14 @@ const loadProductsForGroup = async (groupId) => {
   }
 }
 
+const handleNameCellClick = (row) => {
+  if (row.isGroup) {
+    toggleExpand(row)
+  } else if (row.isProduct) {
+    handleEditProduct(row.data, row.parentId)
+  }
+}
+
 const toggleExpand = async (row) => {
   const group = row._origRef || findGroupById(row.id)
   if (!group || group._loading) return
@@ -1300,6 +1409,7 @@ const handleAdd = (parentRow) => {
       level: parentRow.level + 1,
       parent_id: parentRow.id,
       cover_id: undefined,
+      cover_url: '',
       tag_id: parentTagId || undefined,
       index: 0
     })
@@ -1314,6 +1424,7 @@ const handleAdd = (parentRow) => {
       level: 1,
       parent_id: undefined,
       cover_id: undefined,
+      cover_url: '',
       tag_id: undefined,
       index: 0
     })
@@ -1334,6 +1445,7 @@ const handleEdit = (row) => {
     level: row.level || 1,
     parent_id: row.parentId || undefined,
     cover_id: row.coverId || undefined,
+    cover_url: row.cover || '',
     tag_id: row.tag?.id || row.tagId || undefined,
     index: row.index || 0
   })
@@ -1393,6 +1505,7 @@ const handleAddProduct = () => {
     tag: '',
     content: '',
     cover_id: undefined,
+    cover_url: '',
     good_group_id: undefined,
     inventory_control: false,
     inventory: 0,
@@ -1424,6 +1537,7 @@ const handleEditProduct = (product, parentGroupId) => {
     tag: typeof product.tag === 'string' ? product.tag : '',
     content: product.content || '',
     cover_id: product.coverId,
+    cover_url: product.cover || '',
     good_group_id: groupId,
     inventory_control: product.inventoryControl,
     inventory: product.inventory,
@@ -1506,11 +1620,13 @@ const clearProductGroup = () => {
 
 const handleProductCoverSelect = (file) => {
   productForm.cover_id = file.cover_id
+  productForm.cover_url = file.url || ''
   coverSelectorVisible.value = false
 }
 
 const clearProductCover = () => {
   productForm.cover_id = undefined
+  productForm.cover_url = ''
 }
 
 const clearParent = () => {
@@ -1533,6 +1649,12 @@ const confirmParentSelect = () => {
 
 const handleCoverSelect = (file) => {
   groupForm.cover_id = file.cover_id
+  groupForm.cover_url = file.url || ''
+}
+
+const clearGroupCover = () => {
+  groupForm.cover_id = undefined
+  groupForm.cover_url = ''
 }
 
 const handleStatusChange = async (row, disable) => {
@@ -1755,6 +1877,21 @@ onMounted(() => {
   display: flex;
   align-items: center;
   gap: 8px;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+}
+
+.group-name-cell.is-clickable {
+  cursor: pointer;
+  user-select: none;
+}
+
+.group-name-cell.is-clickable:hover {
+  background-color: #f0f7ff;
+}
+
+.group-name-cell.is-clickable:hover .expand-icon {
+  color: #409eff;
 }
 
 .group-name {
@@ -1847,6 +1984,258 @@ onMounted(() => {
   color: #f56c6c;
 }
 
+/* 商品表单优化布局 */
+.product-form-dialog :deep(.el-dialog__body) {
+  padding-top: 16px;
+}
+
+.product-form {
+  --section-gap: 20px;
+}
+
+.product-form-header {
+  display: flex;
+  gap: 24px;
+  padding: 16px;
+  background: #fafbfc;
+  border: 1px solid #ebeef5;
+  border-radius: 8px;
+  margin-bottom: var(--section-gap);
+}
+
+.cover-uploader {
+  position: relative;
+  width: 180px;
+  height: 180px;
+  flex-shrink: 0;
+  border: 1px dashed #dcdfe6;
+  border-radius: 8px;
+  overflow: hidden;
+  cursor: pointer;
+  background: #fff;
+  transition: border-color 0.2s;
+}
+
+.cover-uploader:hover {
+  border-color: #409eff;
+}
+
+.cover-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+.cover-placeholder {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  color: #909399;
+}
+
+.cover-placeholder-icon {
+  font-size: 40px;
+}
+
+.cover-placeholder-text {
+  font-size: 13px;
+}
+
+.cover-mask {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  opacity: 0;
+  transition: opacity 0.2s;
+  font-size: 13px;
+}
+
+.cover-mask .el-icon {
+  font-size: 22px;
+}
+
+.cover-uploader:hover .cover-mask {
+  opacity: 1;
+}
+
+.cover-clear-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 2;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.cover-uploader:hover .cover-clear-btn {
+  opacity: 1;
+}
+
+.basic-fields {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.basic-fields :deep(.el-form-item) {
+  margin-bottom: 12px;
+}
+
+.basic-fields :deep(.el-form-item:last-child) {
+  margin-bottom: 0;
+}
+
+.group-picker {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  height: 32px;
+  padding: 0 11px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background: #fff;
+  cursor: pointer;
+  color: #303133;
+  font-size: 14px;
+  transition: border-color 0.2s;
+  box-sizing: border-box;
+}
+
+.group-picker:hover {
+  border-color: #c0c4cc;
+}
+
+.group-picker.is-empty .group-picker-text {
+  color: #a8abb2;
+}
+
+.group-picker.is-disabled {
+  background: #f5f7fa;
+  cursor: not-allowed;
+  color: #a8abb2;
+}
+
+.group-picker.is-disabled:hover {
+  border-color: #dcdfe6;
+}
+
+.group-picker.is-disabled .group-picker-text,
+.group-picker.is-disabled .group-picker-icon {
+  color: #a8abb2;
+}
+
+.note-form-item {
+  margin-bottom: 0 !important;
+  padding: 16px;
+  border: 1px solid #ebeef5;
+  border-radius: 8px;
+  background: #fff;
+}
+
+.group-status-item :deep(.el-radio-button__inner) {
+  padding: 6px 18px;
+  font-size: 13px;
+}
+
+.group-picker-icon {
+  color: #909399;
+  flex-shrink: 0;
+}
+
+.group-picker-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group-picker-clear {
+  flex-shrink: 0;
+  padding: 0 4px;
+}
+
+.group-picker-arrow {
+  color: #c0c4cc;
+  font-size: 12px;
+  flex-shrink: 0;
+}
+
+.form-section {
+  margin-bottom: var(--section-gap);
+  padding: 16px;
+  border: 1px solid #ebeef5;
+  border-radius: 8px;
+  background: #fff;
+}
+
+.form-section:last-child {
+  margin-bottom: 0;
+}
+
+.form-section-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 12px;
+  padding-left: 8px;
+  border-left: 3px solid #409eff;
+  line-height: 1.2;
+}
+
+.form-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 4px 24px;
+}
+
+.form-grid :deep(.el-form-item) {
+  margin-bottom: 12px;
+}
+
+.form-grid .arg-type-item {
+  grid-column: span 2;
+}
+
+.unit-suffix {
+  color: #909399;
+  font-weight: normal;
+  font-size: 12px;
+  margin-left: 2px;
+}
+
+.product-form :deep(.el-form-item__label) {
+  font-weight: 500;
+  padding-bottom: 4px !important;
+  line-height: 1.4;
+}
+
+@media (max-width: 720px) {
+  .product-form-header {
+    flex-direction: column;
+    align-items: center;
+  }
+  .form-grid {
+    grid-template-columns: 1fr;
+  }
+  .form-grid .arg-type-item {
+    grid-column: span 1;
+  }
+}
+
 .product-info {
   display: flex;
   flex-direction: column;
diff --git a/src/views/product/components/ProductParameterManager.vue b/src/views/product/components/ProductParameterManager.vue
index c5a95f5..09d9e52 100644
--- a/src/views/product/components/ProductParameterManager.vue
+++ b/src/views/product/components/ProductParameterManager.vue
@@ -3,10 +3,16 @@
   <el-dialog
     :model-value="visible"
     title="商品参数管理"
-    width="900px"
+    width="1000px"
+    top="6vh"
+    class="param-manager-dialog"
     @update:model-value="$emit('update:visible', $event)"
   >
-    <div class="filter-section" style="border: none; padding: 0 0 16px 0;">
+    <div class="param-manager-toolbar">
+      <div class="toolbar-info">
+        <el-icon><Collection /></el-icon>
+        <span>共 {{ parameterList.length }} 个参数</span>
+      </div>
       <div class="action-bar">
         <el-button type="primary" @click="handleAddParameter">
           <el-icon><Plus /></el-icon>新增参数
@@ -16,48 +22,131 @@
         </el-button>
       </div>
     </div>
-    <el-table
-      v-loading="paramLoading"
-      :data="parameterList"
-      style="width: 100%"
-      :header-cell-style="{ background: '#fafafa', color: '#333', fontWeight: 600 }"
-    >
-      <el-table-column prop="id" label="参数ID" width="80" />
-      <el-table-column prop="name" label="参数名称" min-width="120" />
-      <el-table-column prop="type" label="参数类型" width="100">
-        <template #default="{ row }">
-          <el-tag :type="getArgTypeTag(row.type)">{{ getArgTypeText(row.type) }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="数值配置" min-width="220">
-        <template #default="{ row }">
-          <template v-if="row.type === 'number'">
-            <div class="number-config">
-              <div>步进: {{ row.step || '-' }} | 范围: {{ row.min ?? '-' }} ~ {{ row.max ?? '-' }}
-                <template v-if="hasUnit(row)"> ({{ getBaseUnit(getArgKey(row)) }})</template>
-              </div>
-              <div v-if="hasUnit(row)" class="unit-info">
-                <el-tag size="small" type="success">{{ getArgKey(row) }}</el-tag>
-                <el-tag size="small" type="warning">{{ getParamDefaultUnit(row) }}</el-tag>
+
+    <div v-loading="paramLoading" class="parameter-cards-wrap">
+      <div v-if="!parameterList.length && !paramLoading" class="param-empty-state">
+        <el-empty description="暂无参数数据，点击右上角新增参数" :image-size="80" />
+      </div>
+      <div v-else class="parameter-cards-grid">
+        <div v-for="param in parameterList" :key="param.id" class="param-card">
+          <!-- 卡片头 -->
+          <div class="param-card-header">
+            <div class="param-card-title">
+              <el-tag :type="getArgTypeTag(param.type)" effect="dark" size="small" class="title-type-tag">
+                {{ getArgTypeText(param.type) }}
+              </el-tag>
+              <span class="param-name" :title="param.name">{{ param.name }}</span>
+              <el-tag v-if="param.must" type="danger" size="small" effect="plain" class="title-must-tag">必选</el-tag>
+              <span class="param-id">#{{ param.id }}</span>
+            </div>
+            <div class="param-card-actions">
+              <el-button type="primary" link @click="handleEditParameter(param)">
+                <el-icon><Edit /></el-icon>编辑
+              </el-button>
+              <el-button type="danger" link @click="handleDeleteParameter(param)">
+                <el-icon><Delete /></el-icon>删除
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 权限 / 配置 元信息 -->
+          <div class="param-card-meta">
+            <el-tag size="small" :type="param.userAdd ? 'success' : 'info'" effect="plain" class="meta-tag">
+              <el-icon><ShoppingCart /></el-icon>
+              {{ param.userAdd ? '允许单独购买' : '不可单独购买' }}
+            </el-tag>
+            <el-tag size="small" :type="param.useUserGroupDiscount ? 'success' : 'info'" effect="plain" class="meta-tag">
+              <el-icon><User /></el-icon>
+              {{ param.useUserGroupDiscount ? '用户组优惠' : '无用户组优惠' }}
+            </el-tag>
+            <el-tag size="small" :type="param.useUserDiscount ? 'success' : 'info'" effect="plain" class="meta-tag">
+              <el-icon><Ticket /></el-icon>
+              {{ param.useUserDiscount ? '用户优惠' : '无用户优惠' }}
+            </el-tag>
+          </div>
+
+          <!-- number 类型配置 -->
+          <div v-if="param.type === 'number'" class="param-card-number-config">
+            <div class="number-config-item">
+              <span class="config-label">步进</span>
+              <span class="config-value">{{ param.step || '-' }}</span>
+            </div>
+            <div class="number-config-item">
+              <span class="config-label">范围</span>
+              <span class="config-value">{{ param.min ?? '-' }} ~ {{ param.max ?? '-' }}</span>
+            </div>
+            <div v-if="hasUnit(param)" class="number-config-item">
+              <span class="config-label">单位</span>
+              <el-tag size="small" type="success" effect="plain">{{ getArgKey(param) }}</el-tag>
+              <el-tag size="small" type="warning" effect="plain" style="margin-left: 4px">
+                {{ getBaseUnit(getArgKey(param)) }}
+              </el-tag>
+            </div>
+          </div>
+
+          <!-- 参数值列表 -->
+          <div class="param-card-values">
+            <div class="values-header">
+              <span class="values-title">
+                <el-icon><List /></el-icon>
+                参数值（{{ (param.attrs || []).length }} 项）
+                <span v-if="(param.attrs || []).length > 1" class="drag-tip-inline">
+                  <el-icon><Rank /></el-icon>可拖动排序
+                </span>
+              </span>
+              <el-button type="primary" size="small" @click="handleAddParamValue(param)">
+                <el-icon><Plus /></el-icon>添加参数值
+              </el-button>
+            </div>
+            <div v-if="!(param.attrs || []).length" class="values-empty">
+              暂无参数值
+            </div>
+            <div v-else class="values-list">
+              <div
+                v-for="(attr, idx) in (param.attrs || [])"
+                :key="attr.id"
+                class="value-row"
+                :class="[
+                  isDraggingAttr(param.id, idx) ? 'is-dragging' : '',
+                  dragOverClass(param.id, idx)
+                ]"
+                draggable="true"
+                @dragstart="onAttrDragStart($event, param, idx)"
+                @dragover="onAttrDragOver($event, param, idx)"
+                @dragleave="onAttrDragLeave($event, param, idx)"
+                @drop="onAttrDrop($event, param, idx)"
+                @dragend="onAttrDragEnd"
+              >
+                <el-icon class="value-drag-handle"><Rank /></el-icon>
+                <span class="value-order">#{{ idx }}</span>
+                <span class="value-name" :title="attr.name">{{ attr.name }}</span>
+                <span class="value-range">
+                  <el-tag v-if="param.type === 'number'" size="small" type="info">
+                    {{ getRangeTypeText(attr.rangeType) }}
+                    {{ (attr.phase != null && attr.phase !== '') ? attr.phase : 0 }}
+                    <template v-if="hasUnit(param)"> {{ getBaseUnit(getArgKey(param)) }}</template>
+                  </el-tag>
+                  <span v-else-if="param.type === 'select'" class="value-raw">{{ attr.value || '-' }}</span>
+                  <span v-else class="value-raw">{{ attr.value || '-' }}</span>
+                </span>
+                <span class="value-price">
+                  <el-icon><Money /></el-icon>
+                  ¥{{ (attr.price / 100).toFixed(2) }}
+                </span>
+                <div class="value-actions">
+                  <el-button type="primary" link @click="handleEditParamValue(attr, param)">
+                    <el-icon><Edit /></el-icon>
+                  </el-button>
+                  <el-button type="danger" link @click="handleDeleteParamValue(attr, param)">
+                    <el-icon><Delete /></el-icon>
+                  </el-button>
+                </div>
               </div>
             </div>
-          </template>
-          <span v-else class="text-muted">-</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" width="250" fixed="right">
-        <template #default="{ row }">
-          <div class="action-buttons">
-            <el-button type="primary" link @click="handleEditParameter(row)">编辑</el-button>
-            <el-button type="success" link @click="handleViewParamValues(row)">查看参数值</el-button>
-            <el-button type="danger" link @click="handleDeleteParameter(row)">删除</el-button>
           </div>
-        </template>
-      </el-table-column>
-      <template #empty>
-        <el-empty description="暂无参数数据" :image-size="80" />
-      </template>
-    </el-table>
+        </div>
+      </div>
+    </div>
   </el-dialog>
 
   <!-- 商品参数表单对话框 -->
@@ -154,56 +243,6 @@
     </template>
   </el-dialog>
 
-  <!-- 参数值管理对话框 -->
-  <el-dialog v-model="paramValuesDialogVisible" title="参数值管理" width="800px" append-to-body>
-    <div class="values-header">
-      <div>
-        <span>参数：{{ currentParam?.name }}</span>
-        <el-tag v-if="hasUnit(currentParam)" size="small" type="success" style="margin-left: 8px">
-          {{ getArgKey(currentParam) }} · 基础单位: {{ getBaseUnit(getArgKey(currentParam)) }}
-        </el-tag>
-      </div>
-      <el-button type="primary" @click="handleAddParamValue">
-        <el-icon><Plus /></el-icon>添加参数值
-      </el-button>
-    </div>
-    <el-table
-      v-loading="paramValuesLoading"
-      :data="paramValueList"
-      style="width: 100%; margin-top: 20px"
-      :header-cell-style="{ background: '#fafafa', color: '#333', fontWeight: 600 }"
-    >
-      <el-table-column prop="id" label="值ID" width="80" />
-      <el-table-column prop="name" label="值名称" min-width="120" />
-      <el-table-column label="值/范围" min-width="180">
-        <template #default="{ row }">
-          <template v-if="currentParam?.type === 'select'">{{ row.value || '-' }}</template>
-          <template v-else-if="currentParam?.type === 'number'">
-            <el-tag size="small" type="info">
-              {{ getRangeTypeText(row.rangeType) }} {{ (row.phase != null && row.phase !== '') ? row.phase : 0 }}
-            </el-tag>
-          </template>
-          <template v-else>{{ row.value || '-' }}</template>
-        </template>
-      </el-table-column>
-      <el-table-column prop="index" label="排序" width="80" />
-      <el-table-column label="价格" width="100">
-        <template #default="{ row }">¥{{ (row.price / 100).toFixed(2) }}</template>
-      </el-table-column>
-      <el-table-column label="操作" width="150" fixed="right">
-        <template #default="{ row }">
-          <div class="action-buttons">
-            <el-button type="primary" link @click="handleEditParamValue(row)">编辑</el-button>
-            <el-button type="danger" link @click="handleDeleteParamValue(row)">删除</el-button>
-          </div>
-        </template>
-      </el-table-column>
-      <template #empty>
-        <el-empty description="暂无参数值" :image-size="60" />
-      </template>
-    </el-table>
-  </el-dialog>
-
   <!-- 参数值表单对话框 -->
   <el-dialog
     v-model="paramValueFormDialogVisible"
@@ -216,56 +255,67 @@
       <div class="tk-section">
         <div class="tk-section-title">参数值信息</div>
         <el-form-item label="值名称" prop="attr_name">
-          <el-input v-model="paramValueForm.attr_name" placeholder="请输入值名称" />
+          <div class="name-input-row">
+            <el-input v-model="paramValueForm.attr_name" placeholder="请输入值名称" style="flex: 1" />
+            <el-button
+              v-if="currentParam?.type === 'number'"
+              type="primary"
+              plain
+              :disabled="!canGenerateValueName"
+              @click="generateValueName"
+            >
+              <el-icon><MagicStick /></el-icon>
+              <span style="margin-left: 4px">生成</span>
+            </el-button>
+          </div>
         </el-form-item>
         <el-form-item v-if="currentParam?.type === 'select'" label="参数值" prop="attr_value">
           <el-input v-model="paramValueForm.attr_value" placeholder="请输入参数值" />
         </el-form-item>
-        <el-form-item label="排序索引" prop="index">
-          <el-input-number v-model="paramValueForm.index" :min="0" placeholder="排序索引" style="width: 100%" />
+        <el-form-item v-if="currentParam?.type === 'number'" label="数值范围" prop="attr_range">
+          <div class="range-config-row">
+            <el-select v-model="paramValueForm.range_type" class="range-type-select">
+              <el-option label="＜" value="before">
+                <span class="range-opt-symbol">＜</span>
+                <span class="range-opt-desc">小于</span>
+              </el-option>
+              <el-option label="＞" value="after">
+                <span class="range-opt-symbol">＞</span>
+                <span class="range-opt-desc">大于</span>
+              </el-option>
+              <el-option label="＝" value="equal">
+                <span class="range-opt-symbol">＝</span>
+                <span class="range-opt-desc">等于</span>
+              </el-option>
+            </el-select>
+            <el-input-number
+              v-model="paramValueForm.attr_range_display"
+              :min="valueDisplayMin"
+              :max="valueDisplayMax"
+              :step="valueDisplayStep"
+              :step-strictly="true"
+              placeholder="数值"
+              controls-position="right"
+              class="range-value-input"
+            />
+            <el-select
+              v-if="hasUnit(currentParam)"
+              v-model="paramValueForm.display_unit"
+              class="range-unit-select"
+              @change="onValueUnitChange"
+            >
+              <el-option v-for="u in currentParamUnits" :key="u" :label="u" :value="u" />
+            </el-select>
+          </div>
+          <div v-if="hasUnit(currentParam)" class="form-tip">
+            实际存储: {{ computedBaseValue }} {{ getBaseUnit(getArgKey(currentParam)) }}
+            （范围: {{ currentParam?.min ?? 0 }} ~ {{ currentParam?.max ?? '-' }} {{ getBaseUnit(getArgKey(currentParam)) }}，步长: {{ currentParam?.step || 1 }}）
+          </div>
         </el-form-item>
         <el-form-item label="价格" prop="attr_price">
           <el-input-number v-model="paramValueForm.attr_price" :min="0" placeholder="请输入价格" style="width: 100%" />
         </el-form-item>
       </div>
-      <template v-if="currentParam?.type === 'number'">
-        <div class="tk-section">
-          <div class="tk-section-title">数值范围配置</div>
-          <el-form-item label="范围类型" prop="range_type">
-            <el-select v-model="paramValueForm.range_type" placeholder="请选择范围类型" style="width: 100%">
-              <el-option label="小于 (before)" value="before" />
-              <el-option label="大于 (after)" value="after" />
-              <el-option label="等于 (equal)" value="equal" />
-            </el-select>
-            <div class="form-tip">before: 数值 &lt; phase 时匹配 | after: 数值 &gt; phase 时匹配</div>
-          </el-form-item>
-          <el-form-item label="阈值" prop="attr_range">
-            <div class="unit-input-row">
-              <el-input-number
-                v-model="paramValueForm.attr_range_display"
-                :min="valueDisplayMin"
-                :max="valueDisplayMax"
-                :step="valueDisplayStep"
-                :step-strictly="true"
-                placeholder="范围阈值"
-                style="flex: 1"
-              />
-              <el-select
-                v-if="hasUnit(currentParam)"
-                v-model="paramValueForm.display_unit"
-                style="width: 100px"
-                @change="onValueUnitChange"
-              >
-                <el-option v-for="u in currentParamUnits" :key="u" :label="u" :value="u" />
-              </el-select>
-            </div>
-            <div v-if="hasUnit(currentParam)" class="form-tip">
-              实际存储值: {{ computedBaseValue }} {{ getBaseUnit(getArgKey(currentParam)) }}
-              （范围: {{ currentParam?.min ?? 0 }} ~ {{ currentParam?.max ?? '-' }} {{ getBaseUnit(getArgKey(currentParam)) }}，步长: {{ currentParam?.step || 1 }}）
-            </div>
-          </el-form-item>
-        </div>
-      </template>
     </el-form>
     <template #footer>
       <div class="tk-dialog-footer">
@@ -279,7 +329,11 @@
 <script setup>
 import { ref, reactive, computed, watch, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus, Refresh } from '@element-plus/icons-vue'
+import {
+  Plus, Refresh, Rank, MagicStick,
+  Edit, Delete, Collection, List, Money,
+  ShoppingCart, User, Ticket
+} from '@element-plus/icons-vue'
 import {
   getProductParameterList,
   getProductParameterDetail,
@@ -293,7 +347,7 @@ import {
 import {
   getAvailableUnits, getArgKeyOptions, hasUnit, getArgKey,
   getBaseUnit, getDefaultDisplayUnit, getParamDefaultUnit, getParamUnits,
-  toBaseUnit, fromBaseUnit, formatValueWithUnit
+  toBaseUnit, fromBaseUnit
 } from '@/utils/dynamicUnit'
 
 const props = defineProps({
@@ -382,9 +436,6 @@ const onEnableUnitChange = (val) => {
   }
 }
 
-const paramValuesDialogVisible = ref(false)
-const paramValuesLoading = ref(false)
-const paramValueList = ref([])
 const currentParam = ref(null)
 
 const paramValueFormDialogVisible = ref(false)
@@ -436,19 +487,145 @@ const computedBaseValue = computed(() => {
   return Math.round(toBaseUnit(paramValueForm.attr_range_display || 0, paramValueForm.display_unit, argKey))
 })
 
-const formatPhaseDisplay = (phaseValue) => {
-  if (phaseValue === undefined || phaseValue === null) return '-'
-  if (!hasUnit(currentParam.value)) return String(phaseValue)
-  const argKey = getArgKey(currentParam.value)
-  const displayUnit = getParamDefaultUnit(currentParam.value)
-  const displayVal = fromBaseUnit(phaseValue, displayUnit, argKey)
-  return formatValueWithUnit(displayVal, displayUnit)
-}
-
 const onValueUnitChange = () => {
   // Recalculate: keep the base value, recalculate display value
 }
 
+const canGenerateValueName = computed(() => {
+  if (currentParam.value?.type !== 'number') return false
+  const v = paramValueForm.attr_range_display
+  return v !== null && v !== undefined && v !== ''
+})
+
+const generateValueName = () => {
+  if (!canGenerateValueName.value) return
+  const val = paramValueForm.attr_range_display
+  const unit = hasUnit(currentParam.value) ? (paramValueForm.display_unit || '') : ''
+  const numText = `${val}${unit}`
+  let name = ''
+  switch (paramValueForm.range_type) {
+    case 'before':
+      name = `${numText} 以下`
+      break
+    case 'after':
+      name = `${numText} 以上`
+      break
+    case 'equal':
+    default:
+      name = numText
+      break
+  }
+  paramValueForm.attr_name = name
+}
+
+const dragSrc = ref({ paramId: null, index: null })
+const dragOver = ref({ paramId: null, index: null, position: null })
+const isReordering = ref(false)
+
+const isDraggingAttr = (paramId, idx) => {
+  return dragSrc.value.paramId === paramId && dragSrc.value.index === idx
+}
+const dragOverClass = (paramId, idx) => {
+  if (dragOver.value.paramId !== paramId || dragOver.value.index !== idx) return ''
+  return dragOver.value.position === 'top' ? 'drag-over-top' : 'drag-over-bottom'
+}
+
+const onAttrDragStart = (e, param, idx) => {
+  dragSrc.value = { paramId: param.id, index: idx }
+  if (e.dataTransfer) {
+    e.dataTransfer.effectAllowed = 'move'
+    try { e.dataTransfer.setData('text/plain', String(idx)) } catch (_) {}
+  }
+}
+
+const onAttrDragOver = (e, param, idx) => {
+  if (dragSrc.value.paramId !== param.id) return
+  if (dragSrc.value.index === idx) return
+  e.preventDefault()
+  if (e.dataTransfer) e.dataTransfer.dropEffect = 'move'
+  const rect = e.currentTarget.getBoundingClientRect()
+  const position = e.clientY - rect.top < rect.height / 2 ? 'top' : 'bottom'
+  if (
+    dragOver.value.paramId !== param.id ||
+    dragOver.value.index !== idx ||
+    dragOver.value.position !== position
+  ) {
+    dragOver.value = { paramId: param.id, index: idx, position }
+  }
+}
+
+const onAttrDragLeave = (e, param, idx) => {
+  if (
+    dragOver.value.paramId === param.id &&
+    dragOver.value.index === idx &&
+    !e.currentTarget.contains(e.relatedTarget)
+  ) {
+    dragOver.value = { paramId: null, index: null, position: null }
+  }
+}
+
+const onAttrDrop = async (e, param, idx) => {
+  e.preventDefault()
+  if (dragSrc.value.paramId !== param.id) return
+  const src = dragSrc.value.index
+  const position = dragOver.value.position
+  let dst = idx
+  if (position === 'bottom') dst = idx + 1
+  dragSrc.value = { paramId: null, index: null }
+  dragOver.value = { paramId: null, index: null, position: null }
+  if (src === null || src === dst || src + 1 === dst) return
+  await reorderAttrs(param, src, dst)
+}
+
+const onAttrDragEnd = () => {
+  dragSrc.value = { paramId: null, index: null }
+  dragOver.value = { paramId: null, index: null, position: null }
+}
+
+const reorderAttrs = async (param, src, dst) => {
+  if (isReordering.value) return
+  isReordering.value = true
+  const newAttrs = [...(param.attrs || [])]
+  const [moved] = newAttrs.splice(src, 1)
+  const insertAt = dst > src ? dst - 1 : dst
+  newAttrs.splice(insertAt, 0, moved)
+  param.attrs = newAttrs
+  const updates = []
+  newAttrs.forEach((item, i) => {
+    if (Number(item.index) !== i) {
+      updates.push({ item, newIndex: i })
+    }
+  })
+  if (!updates.length) {
+    isReordering.value = false
+    return
+  }
+  try {
+    await Promise.all(updates.map(({ item, newIndex }) => {
+      const payload = {
+        good_id: Number(props.goodId),
+        arg_id: Number(param.id),
+        attr_id: item.id,
+        attr_name: item.name,
+        attr_value: item.value || '',
+        attr_price: Number(item.price) || 0,
+        index: newIndex
+      }
+      if (param?.type === 'number') {
+        payload.attr_range = item.phase ?? 0
+        payload.range_type = item.rangeType || 'equal'
+      }
+      return updateProductParameterValue(payload)
+    }))
+    ElMessage.success('排序已更新')
+  } catch (err) {
+    ElMessage.error('排序更新失败')
+  } finally {
+    isReordering.value = false
+    refreshParamAttrs(param)
+  }
+}
+
 const getArgTypeText = (type) => {
   const typeMap = { 'string': '字符串', 'number': '数字', 'select': '选择' }
   return typeMap[type] || '未知'
@@ -468,7 +645,22 @@ const fetchParameterList = async () => {
   try {
     const res = await getProductParameterList({ good_id: props.goodId })
     if (res.data.code === 200) {
-      parameterList.value = res.data.data || []
+      const list = res.data.data || []
+      await Promise.all(list.map(async (param) => {
+        try {
+          const detail = await getProductParameterDetail({ good_id: props.goodId, arg_id: param.id })
+          if (detail.data.code === 200) {
+            const attrs = detail.data.data.attrs || []
+            attrs.sort((a, b) => (Number(a.index) || 0) - (Number(b.index) || 0))
+            param.attrs = attrs
+          } else {
+            param.attrs = []
+          }
+        } catch (_) {
+          param.attrs = []
+        }
+      }))
+      parameterList.value = list
     }
   } catch (error) {
     ElMessage.error('获取参数列表失败')
@@ -477,6 +669,18 @@ const fetchParameterList = async () => {
   }
 }
 
+const refreshParamAttrs = async (param) => {
+  if (!param) return
+  try {
+    const res = await getProductParameterDetail({ good_id: props.goodId, arg_id: param.id })
+    if (res.data.code === 200) {
+      const list = res.data.data.attrs || []
+      list.sort((a, b) => (Number(a.index) || 0) - (Number(b.index) || 0))
+      param.attrs = list
+    }
+  } catch (_) {}
+}
+
 const handleAddParameter = () => {
   paramFormType.value = 'add'
   paramFormDialogVisible.value = true
@@ -566,41 +770,31 @@ const submitParamForm = () => {
   })
 }
 
-const handleViewParamValues = (row) => {
-  currentParam.value = row
-  paramValuesDialogVisible.value = true
-  fetchParamValuesList()
-}
-
-const fetchParamValuesList = async () => {
-  if (!props.goodId || !currentParam.value) return
-  paramValuesLoading.value = true
-  try {
-    const res = await getProductParameterDetail({ good_id: props.goodId, arg_id: currentParam.value.id })
-    if (res.data.code === 200) paramValueList.value = res.data.data.attrs || []
-  } catch (error) { ElMessage.error('获取参数值列表失败') }
-  finally { paramValuesLoading.value = false }
-}
-
-const handleAddParamValue = () => {
+const handleAddParamValue = (param) => {
+  currentParam.value = param
   paramValueFormType.value = 'add'
   paramValueFormDialogVisible.value = true
-  const defaultUnit = hasUnit(currentParam.value) ? getParamDefaultUnit(currentParam.value) : ''
+  const defaultUnit = hasUnit(param) ? getParamDefaultUnit(param) : ''
+  const attrs = param.attrs || []
+  const nextIndex = attrs.length
+    ? Math.max(...attrs.map((it) => Number(it.index) || 0)) + 1
+    : 0
   nextTick(() => {
     paramValueFormRef.value?.resetFields()
-    Object.assign(paramValueForm, { attr_id: undefined, attr_name: '', attr_value: '', attr_price: 0, index: 0, attr_range: 0, attr_range_display: 0, display_unit: defaultUnit, range_type: 'equal' })
+    Object.assign(paramValueForm, { attr_id: undefined, attr_name: '', attr_value: '', attr_price: 0, index: nextIndex, attr_range: 0, attr_range_display: 0, display_unit: defaultUnit, range_type: 'equal' })
   })
 }
 
-const handleEditParamValue = (row) => {
+const handleEditParamValue = (row, param) => {
+  currentParam.value = param
   paramValueFormType.value = 'edit'
   paramValueFormDialogVisible.value = true
   const baseValue = row.phase || 0
   let displayValue = baseValue
   let displayUnit = ''
-  if (hasUnit(currentParam.value)) {
-    const argKey = getArgKey(currentParam.value)
-    displayUnit = getParamDefaultUnit(currentParam.value)
+  if (hasUnit(param)) {
+    const argKey = getArgKey(param)
+    displayUnit = getParamDefaultUnit(param)
     displayValue = fromBaseUnit(baseValue, displayUnit, argKey)
   }
   Object.assign(paramValueForm, {
@@ -611,13 +805,13 @@ const handleEditParamValue = (row) => {
   })
 }
 
-const handleDeleteParamValue = (row) => {
+const handleDeleteParamValue = (row, param) => {
   ElMessageBox.confirm(`确认删除参数值 ${row.name} 吗？`, '警告', {
     confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning'
   }).then(async () => {
     try {
       const res = await deleteProductParameterValue({ good_id: props.goodId, attr_id: row.id })
-      if (res.data.code === 200) { ElMessage.success('删除成功'); fetchParamValuesList() }
+      if (res.data.code === 200) { ElMessage.success('删除成功'); refreshParamAttrs(param) }
     } catch (error) { ElMessage.error('删除失败') }
   }).catch(() => {})
 }
@@ -651,7 +845,11 @@ const submitParamValueForm = () => {
         }
         if (paramValueFormType.value === 'edit') submitData.attr_id = paramValueForm.attr_id
         const res = paramValueFormType.value === 'add' ? await addProductParameterValue(submitData) : await updateProductParameterValue(submitData)
-        if (res.data.code === 200) { ElMessage.success(paramValueFormType.value === 'add' ? '添加成功' : '修改成功'); paramValueFormDialogVisible.value = false; fetchParamValuesList() }
+        if (res.data.code === 200) {
+          ElMessage.success(paramValueFormType.value === 'add' ? '添加成功' : '修改成功')
+          paramValueFormDialogVisible.value = false
+          refreshParamAttrs(currentParam.value)
+        }
       } catch (error) { ElMessage.error(error.response?.data?.message || '操作失败') }
     }
   })
@@ -663,17 +861,309 @@ watch(() => props.visible, (val) => {
 </script>
 
 <style scoped>
-.filter-section { padding: 0; background: transparent; }
+/* 通用 */
 .action-bar { display: flex; gap: 12px; flex-shrink: 0; flex-wrap: wrap; align-items: center; }
 .action-buttons { display: flex; gap: 4px; align-items: center; flex-wrap: nowrap; }
 .action-buttons .el-button { padding: 4px 8px; }
 .text-muted { color: #c0c4cc; font-size: 12px; }
-.number-config { color: #909399; font-size: 13px; }
-.number-config div { line-height: 1.4; }
-.unit-info { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
-.unit-text { font-size: 12px; color: #666; }
-.values-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
-.dialog-footer { display: flex; justify-content: flex-end; gap: 12px; padding: 0; }
 .form-tip { font-size: 12px; color: #909399; margin-top: 4px; }
 .unit-input-row { display: flex; align-items: center; gap: 8px; width: 100%; }
+
+/* 顶部工具栏 */
+.param-manager-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 0 16px 0;
+  border-bottom: 1px solid #ebeef5;
+  margin-bottom: 16px;
+}
+.toolbar-info {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: #606266;
+  font-size: 14px;
+}
+.toolbar-info .el-icon { color: #409eff; font-size: 16px; }
+
+/* 参数卡片网格 */
+.parameter-cards-wrap {
+  min-height: 200px;
+  max-height: 68vh;
+  overflow-y: auto;
+  padding-right: 4px;
+}
+.parameter-cards-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 16px;
+}
+.param-empty-state {
+  padding: 40px 0;
+}
+
+/* 参数卡片 */
+.param-card {
+  border: 1px solid #ebeef5;
+  border-radius: 10px;
+  background: #fff;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
+  transition: box-shadow 0.2s ease, border-color 0.2s ease;
+}
+.param-card:hover {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+  border-color: #dcdfe6;
+}
+
+.param-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.param-card-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+}
+.title-type-tag { flex-shrink: 0; }
+.param-name {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.title-must-tag { flex-shrink: 0; }
+.param-id {
+  color: #909399;
+  font-size: 12px;
+  flex-shrink: 0;
+}
+.param-card-actions {
+  display: flex;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+/* 元信息标签行 */
+.param-card-meta {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+.meta-tag {
+  display: inline-flex !important;
+  align-items: center;
+  gap: 4px;
+}
+.meta-tag .el-icon { font-size: 12px; }
+
+/* number 类型配置信息 */
+.param-card-number-config {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 18px;
+  padding: 10px 12px;
+  margin-bottom: 12px;
+  background: #f7f9fc;
+  border-radius: 6px;
+  border-left: 3px solid #409eff;
+}
+.number-config-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+}
+.config-label {
+  color: #909399;
+}
+.config-value {
+  color: #303133;
+  font-weight: 600;
+  font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
+}
+
+/* 参数值列表 */
+.param-card-values {
+  border-top: 1px dashed #ebeef5;
+  padding-top: 12px;
+}
+.values-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.values-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: #606266;
+  font-weight: 600;
+}
+.values-title .el-icon { color: #409eff; }
+.drag-tip-inline {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  margin-left: 10px;
+  font-size: 12px;
+  color: #909399;
+  font-weight: normal;
+}
+.drag-tip-inline .el-icon { color: #909399; font-size: 12px; }
+
+.values-empty {
+  padding: 14px 12px;
+  text-align: center;
+  color: #c0c4cc;
+  font-size: 13px;
+  background: #fafafa;
+  border-radius: 6px;
+  border: 1px dashed #e4e7ed;
+}
+
+.values-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.value-row {
+  display: grid;
+  grid-template-columns: 24px 40px 1.4fr 1.4fr auto auto;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 10px;
+  background: #fafafa;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  cursor: grab;
+  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
+}
+.value-row:hover {
+  background: #ecf5ff;
+  border-color: #d9ecff;
+}
+.value-row:active { cursor: grabbing; }
+.value-row.is-dragging {
+  opacity: 0.45;
+  background: #ecf5ff;
+}
+.value-row.drag-over-top {
+  box-shadow: inset 0 2px 0 0 #409eff;
+}
+.value-row.drag-over-bottom {
+  box-shadow: inset 0 -2px 0 0 #409eff;
+}
+
+.value-drag-handle {
+  color: #c0c4cc;
+  font-size: 15px;
+  cursor: grab;
+}
+.value-row:hover .value-drag-handle { color: #409eff; }
+
+.value-order {
+  font-size: 12px;
+  color: #909399;
+  font-family: 'Monaco', 'Menlo', monospace;
+  text-align: center;
+}
+.value-name {
+  color: #303133;
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.value-range { min-width: 0; }
+.value-raw {
+  color: #606266;
+  font-size: 13px;
+  font-family: 'Monaco', 'Menlo', monospace;
+}
+.value-price {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  color: #f56c6c;
+  font-weight: 600;
+  font-size: 13px;
+  padding: 2px 8px;
+  background: #fef0f0;
+  border-radius: 4px;
+  white-space: nowrap;
+}
+.value-price .el-icon { font-size: 12px; }
+.value-actions {
+  display: flex;
+  gap: 2px;
+}
+.value-actions .el-button { padding: 4px 6px; }
+
+/* 值名称 + 生成按钮 */
+.name-input-row { display: flex; align-items: center; gap: 8px; width: 100%; }
+
+/* 数值范围单行配置 */
+.range-config-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+.range-config-row .range-type-select { width: 96px; flex: 0 0 96px; }
+.range-config-row .range-value-input { flex: 1; min-width: 0; }
+.range-config-row .range-unit-select { width: 100px; flex: 0 0 100px; }
+.range-config-row :deep(.el-select .el-input__inner) {
+  font-size: 16px;
+  font-weight: 600;
+  color: #409eff;
+  text-align: center;
+}
+.range-opt-symbol {
+  display: inline-block;
+  font-weight: 600;
+  font-size: 16px;
+  color: #409eff;
+  width: 24px;
+}
+.range-opt-desc {
+  margin-left: 12px;
+  color: #8492a6;
+  font-size: 12px;
+}
+
+/* 对话框内滚动区域自定义滚动条 */
+.parameter-cards-wrap::-webkit-scrollbar { width: 6px; }
+.parameter-cards-wrap::-webkit-scrollbar-track { background: transparent; }
+.parameter-cards-wrap::-webkit-scrollbar-thumb {
+  background: #dcdfe6;
+  border-radius: 3px;
+}
+.parameter-cards-wrap::-webkit-scrollbar-thumb:hover { background: #c0c4cc; }
+
+/* 响应式：窄屏时参数值行改为纵向 */
+@media (max-width: 768px) {
+  .value-row {
+    grid-template-columns: 24px 1fr auto;
+    grid-template-rows: auto auto;
+  }
+  .value-order { display: none; }
+  .value-range { grid-column: 2 / 3; }
+  .value-price { grid-column: 3 / 4; grid-row: 1 / 2; }
+  .value-actions { grid-column: 3 / 4; grid-row: 2 / 3; }
+}
 </style>
diff --git a/src/views/product/components/ProductPlanManager.vue b/src/views/product/components/ProductPlanManager.vue
index 232a3fa..f0dbeeb 100644
--- a/src/views/product/components/ProductPlanManager.vue
+++ b/src/views/product/components/ProductPlanManager.vue
@@ -16,58 +16,133 @@
           <el-icon><Refresh /></el-icon>刷新
         </el-button>
       </div>
-      <el-table
-        v-loading="planLoading"
-        :data="planList"
-        style="width: 100%"
-        :header-cell-style="{ background: '#f8f9fa', color: '#2c3e50', fontWeight: 600 }"
-      >
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="name" label="套餐名称" min-width="120" />
-        <el-table-column label="参数配置" min-width="250">
-          <template #default="{ row }">
-            <div v-if="row.argsParsed && row.argsParsed.length > 0" class="args-list">
-              <el-tag v-for="(arg, index) in row.argsParsed" :key="index" size="small" type="info" style="margin-right: 4px; margin-bottom: 4px;">
-                {{ arg.name }}: {{ formatArgTagDisplay(arg) }}
+
+      <div v-loading="planLoading" class="plan-cards-wrap">
+        <div v-if="planList.length > 0" class="plan-cards-grid">
+          <div
+            v-for="row in planList"
+            :key="row.id"
+            class="plan-card"
+            :class="{ 'is-disabled': row.disable }"
+          >
+            <!-- 卡片头部：名称 + 状态 -->
+            <div class="plan-card-header">
+              <div class="plan-card-title">
+                <span class="plan-card-name">{{ row.name }}</span>
+                <span class="plan-card-id">#{{ row.id }}</span>
+              </div>
+              <el-tag :type="row.disable ? 'danger' : 'success'" size="small" effect="light">
+                {{ row.disable ? '已禁用' : '启用中' }}
               </el-tag>
             </div>
-            <span v-else class="text-muted">-</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="note" label="说明" min-width="150" show-overflow-tooltip />
-        <el-table-column prop="index" label="排序" width="70" />
-        <el-table-column label="状态" width="80">
-          <template #default="{ row }">
-            <el-tag :type="row.disable ? 'danger' : 'success'" size="small">{{ row.disable ? '禁用' : '启用' }}</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="首页展示" width="90">
-          <template #default="{ row }">
-            <el-tag :type="row.showHome || row.show_home ? 'success' : 'info'" size="small">
-              {{ row.showHome || row.show_home ? '展示' : '不展示' }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="允许升级" width="90">
-          <template #default="{ row }">
-            <el-tag :type="row.canUpdate || row.can_update ? 'success' : 'info'" size="small">
-              {{ row.canUpdate || row.can_update ? '允许' : '不允许' }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="180">
-          <template #default="{ row }">
-            <el-button type="primary" link @click="handleEditPlan(row)">编辑</el-button>
-            <el-button :type="row.disable ? 'success' : 'warning'" link @click="handleTogglePlanStatus(row)">
-              {{ row.disable ? '启用' : '禁用' }}
-            </el-button>
-            <el-button type="danger" link @click="handleDeletePlan(row)">删除</el-button>
-          </template>
-        </el-table-column>
-        <template #empty>
-          <el-empty description="暂无套餐数据" :image-size="80" />
-        </template>
-      </el-table>
+
+            <!-- 关键数据：价格 / 库存 / 额外参数 -->
+            <div class="plan-card-stats">
+              <div class="plan-stat plan-stat-price" :class="{ 'is-dynamic': !isFixedPrice(row) }">
+                <div class="plan-stat-label">
+                  <el-icon><PriceTag /></el-icon>
+                  <span>{{ isFixedPrice(row) ? '固定价格' : '参数计价' }}</span>
+                </div>
+                <div class="plan-stat-value">
+                  <span class="price-symbol">¥</span>
+                  <span class="price-amount">{{ formatPlanPrice(row) }}</span>
+                </div>
+              </div>
+              <div class="plan-stat plan-stat-inventory" :class="getInventoryClass(row)">
+                <div class="plan-stat-label">
+                  <el-icon><Box /></el-icon>
+                  <span>库存</span>
+                </div>
+                <div class="plan-stat-value">
+                  <template v-if="getInventoryNum(row) > 0">
+                    <span class="inventory-num">{{ getInventoryNum(row) }}</span>
+                    <span class="inventory-unit">件</span>
+                  </template>
+                  <span v-else class="inventory-unlimited">不限</span>
+                </div>
+              </div>
+              <div class="plan-stat plan-stat-extra">
+                <div class="plan-stat-label">
+                  <el-icon><Collection /></el-icon>
+                  <span>额外参数</span>
+                </div>
+                <div class="plan-stat-value">
+                  <span class="extra-num">{{ getExtraArgCount(row) }}</span>
+                  <span class="extra-unit">项</span>
+                </div>
+              </div>
+            </div>
+
+            <!-- 参数配置：固定高度，超出滚动 -->
+            <div class="plan-card-section">
+              <div class="plan-card-section-title">
+                <el-icon><Setting /></el-icon>
+                <span>参数配置</span>
+                <span v-if="row.argsParsed && row.argsParsed.length > 0" class="plan-card-section-count">
+                  {{ row.argsParsed.length }}
+                </span>
+              </div>
+              <div class="plan-card-args">
+                <template v-if="row.argsParsed && row.argsParsed.length > 0">
+                  <el-tag
+                    v-for="(arg, index) in row.argsParsed"
+                    :key="index"
+                    size="small"
+                    type="info"
+                    effect="plain"
+                    class="plan-arg-tag"
+                  >
+                    <span class="plan-arg-name">{{ arg.name }}</span>
+                    <span class="plan-arg-sep">:</span>
+                    <span class="plan-arg-value">{{ formatArgTagDisplay(arg) }}</span>
+                  </el-tag>
+                </template>
+                <div v-else class="plan-card-empty">暂无参数</div>
+              </div>
+            </div>
+
+            <!-- 元信息：排序 / 展示 / 升级 -->
+            <div class="plan-card-meta">
+              <span class="plan-meta-item">
+                <span class="plan-meta-label">排序</span>
+                <span class="plan-meta-value">{{ row.index ?? 0 }}</span>
+              </span>
+              <el-tag :type="row.showHome || row.show_home ? 'success' : 'info'" size="small" effect="plain">
+                {{ row.showHome || row.show_home ? '首页展示' : '首页隐藏' }}
+              </el-tag>
+              <el-tag :type="row.canUpdate || row.can_update ? 'success' : 'info'" size="small" effect="plain">
+                {{ row.canUpdate || row.can_update ? '允许升级' : '禁止升级' }}
+              </el-tag>
+            </div>
+
+            <!-- 说明 -->
+            <div v-if="row.note" class="plan-card-note" :title="row.note">
+              <el-icon><InfoFilled /></el-icon>
+              <span class="plan-card-note-text">{{ row.note }}</span>
+            </div>
+
+            <!-- 操作按钮 -->
+            <div class="plan-card-actions">
+              <el-button type="primary" link size="small" @click="handleEditPlan(row)">
+                <el-icon><Edit /></el-icon>编辑
+              </el-button>
+              <el-button
+                :type="row.disable ? 'success' : 'warning'"
+                link
+                size="small"
+                @click="handleTogglePlanStatus(row)"
+              >
+                <el-icon><Switch /></el-icon>{{ row.disable ? '启用' : '禁用' }}
+              </el-button>
+              <el-button type="danger" link size="small" @click="handleDeletePlan(row)">
+                <el-icon><Delete /></el-icon>删除
+              </el-button>
+            </div>
+          </div>
+        </div>
+
+        <el-empty v-else-if="!planLoading" description="暂无套餐数据" :image-size="80" />
+      </div>
     </div>
   </el-dialog>
 
@@ -247,7 +322,7 @@
 <script setup>
 import { ref, reactive, computed, watch, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { Plus, Refresh, Delete, View, CopyDocument, DocumentAdd, WarningFilled } from '@element-plus/icons-vue'
+import { Plus, Refresh, Delete, View, CopyDocument, DocumentAdd, WarningFilled, Setting, InfoFilled, Edit, Switch, PriceTag, Box, Collection } from '@element-plus/icons-vue'
 import {
   getProductParameterList,
   getProductPlanList,
@@ -354,6 +429,39 @@ const onPlanUnitChange = (spec, newUnit) => {
   updateArgsJson()
 }
 
+const isFixedPrice = (row) => {
+  return !!(row.enableFixedPrice ?? row.enable_fixed_price)
+}
+
+const formatPlanPrice = (row) => {
+  const raw = isFixedPrice(row)
+    ? (row.fixedPrice ?? row.fixed_price ?? 0)
+    : (row.argsPrice ?? row.args_price ?? 0)
+  return (Number(raw) / 100).toFixed(2)
+}
+
+const getInventoryNum = (row) => {
+  return Number(row.inventory ?? 0) || 0
+}
+
+const getInventoryClass = (row) => {
+  const n = getInventoryNum(row)
+  if (n === 0) return 'is-unlimited'
+  if (n <= 5) return 'is-low'
+  return ''
+}
+
+const getExtraArgCount = (row) => {
+  const extraArgs = row.extraArgs || row.extra_args
+  if (Array.isArray(extraArgs)) return extraArgs.length
+  const ids = row.extraArgIds || row.extra_arg_ids
+  if (Array.isArray(ids)) return ids.length
+  if (typeof ids === 'string' && ids.trim()) {
+    return ids.split(',').filter(Boolean).length
+  }
+  return 0
+}
+
 const formatArgTagDisplay = (arg) => {
   if (arg.number !== undefined && arg.number !== 0) {
     const spec = planSpecList.value.find(s => s.id === arg.arg_id)
@@ -744,6 +852,338 @@ watch(() => props.visible, (val) => {
 .plan-management { padding: 0; }
 .plan-header { display: flex; gap: 12px; margin-bottom: 16px; }
 .args-list { display: flex; flex-wrap: wrap; gap: 4px; }
+
+/* ===== 套餐卡片列表 ===== */
+.plan-cards-wrap {
+  min-height: 160px;
+}
+.plan-cards-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  gap: 16px;
+}
+.plan-card {
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border: 1px solid #e4e7ed;
+  border-radius: 10px;
+  padding: 14px 16px;
+  transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
+  position: relative;
+}
+.plan-card:hover {
+  border-color: #409eff;
+  box-shadow: 0 4px 16px rgba(64, 158, 255, 0.12);
+  transform: translateY(-1px);
+}
+.plan-card.is-disabled {
+  background: #fafafa;
+  opacity: 0.85;
+}
+.plan-card.is-disabled::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: 10px;
+  background: repeating-linear-gradient(
+    -45deg,
+    transparent 0 10px,
+    rgba(245, 108, 108, 0.04) 10px 11px
+  );
+  pointer-events: none;
+}
+
+.plan-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  padding-bottom: 10px;
+  border-bottom: 1px dashed #ebeef5;
+}
+.plan-card-title {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  min-width: 0;
+  flex: 1;
+}
+.plan-card-name {
+  font-size: 15px;
+  font-weight: 600;
+  color: #2c3e50;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.plan-card-id {
+  font-size: 12px;
+  color: #909399;
+  font-weight: 400;
+  flex-shrink: 0;
+}
+
+.plan-card-stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.plan-stat {
+  position: relative;
+  padding: 8px 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  background: #fafbfc;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  overflow: hidden;
+}
+.plan-stat-label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  color: #909399;
+  line-height: 1;
+}
+.plan-stat-label .el-icon {
+  font-size: 12px;
+}
+.plan-stat-value {
+  display: flex;
+  align-items: baseline;
+  gap: 2px;
+  font-weight: 600;
+  color: #303133;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.2;
+}
+
+.plan-stat-price {
+  background: linear-gradient(135deg, #fff5f5 0%, #ffeded 100%);
+  border-color: #fcdcdc;
+}
+.plan-stat-price .plan-stat-label {
+  color: #e47470;
+}
+.plan-stat-price .price-symbol {
+  font-size: 13px;
+  color: #f56c6c;
+  margin-right: 1px;
+}
+.plan-stat-price .price-amount {
+  font-size: 18px;
+  color: #f56c6c;
+  font-weight: 700;
+}
+.plan-stat-price.is-dynamic {
+  background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
+  border-color: #c6e2ff;
+}
+.plan-stat-price.is-dynamic .plan-stat-label {
+  color: #409eff;
+}
+.plan-stat-price.is-dynamic .price-symbol,
+.plan-stat-price.is-dynamic .price-amount {
+  color: #409eff;
+}
+
+.plan-stat-inventory .inventory-num {
+  font-size: 18px;
+  font-weight: 700;
+  color: #67c23a;
+}
+.plan-stat-inventory .inventory-unit {
+  font-size: 11px;
+  color: #909399;
+  font-weight: 400;
+}
+.plan-stat-inventory.is-low {
+  background: linear-gradient(135deg, #fdf6ec 0%, #faecd8 100%);
+  border-color: #f5dab1;
+}
+.plan-stat-inventory.is-low .inventory-num {
+  color: #e6a23c;
+}
+.plan-stat-inventory.is-low .plan-stat-label {
+  color: #e6a23c;
+}
+.plan-stat-inventory.is-unlimited {
+  background: linear-gradient(135deg, #f4f4f5 0%, #ebeef5 100%);
+}
+.plan-stat-inventory .inventory-unlimited {
+  font-size: 14px;
+  color: #909399;
+  font-weight: 600;
+}
+
+.plan-stat-extra .extra-num {
+  font-size: 18px;
+  font-weight: 700;
+  color: #409eff;
+}
+.plan-stat-extra .extra-unit {
+  font-size: 11px;
+  color: #909399;
+  font-weight: 400;
+}
+
+.plan-card-section {
+  margin-bottom: 12px;
+}
+.plan-card-section-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #606266;
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.plan-card-section-title .el-icon {
+  color: #409eff;
+  font-size: 14px;
+}
+.plan-card-section-count {
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 6px;
+  border-radius: 9px;
+  background: #ecf5ff;
+  color: #409eff;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+}
+.plan-card-args {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  height: 108px;
+  overflow-y: auto;
+  padding: 8px;
+  border: 1px solid #f0f2f5;
+  border-radius: 6px;
+  background: #fafbfc;
+  align-content: flex-start;
+}
+.plan-card-args::-webkit-scrollbar {
+  width: 6px;
+}
+.plan-card-args::-webkit-scrollbar-track {
+  background: transparent;
+}
+.plan-card-args::-webkit-scrollbar-thumb {
+  background-color: rgba(144, 147, 153, 0.25);
+  border-radius: 3px;
+}
+.plan-card-args::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(144, 147, 153, 0.45);
+}
+.plan-card-empty {
+  width: 100%;
+  text-align: center;
+  color: #c0c4cc;
+  font-size: 12px;
+  padding: 20px 0;
+}
+.plan-arg-tag {
+  max-width: 100%;
+  overflow: hidden;
+}
+.plan-arg-tag :deep(.el-tag__content) {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  max-width: 100%;
+}
+.plan-arg-name {
+  color: #909399;
+}
+.plan-arg-sep {
+  color: #c0c4cc;
+  margin: 0 2px;
+}
+.plan-arg-value {
+  color: #303133;
+  font-weight: 500;
+}
+
+.plan-card-meta {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+  font-size: 12px;
+  margin-bottom: 10px;
+}
+.plan-meta-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.plan-meta-label {
+  color: #909399;
+}
+.plan-meta-value {
+  color: #303133;
+  font-weight: 500;
+}
+
+.plan-card-note {
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  font-size: 12px;
+  color: #606266;
+  background: #fffbea;
+  border: 1px solid #ffe8a6;
+  border-radius: 6px;
+  padding: 6px 8px;
+  margin-bottom: 10px;
+  line-height: 1.5;
+}
+.plan-card-note .el-icon {
+  color: #e6a23c;
+  font-size: 14px;
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+.plan-card-note-text {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+.plan-card-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 4px;
+  padding-top: 10px;
+  border-top: 1px dashed #ebeef5;
+  margin-top: auto;
+}
+.plan-card-actions .el-button {
+  padding: 4px 8px;
+}
+.plan-card-actions .el-button + .el-button {
+  margin-left: 0;
+}
 .plan-form-content { max-height: 60vh; overflow-y: auto; padding-right: 8px; margin-right: -8px; }
 .plan-form-content::-webkit-scrollbar { width: 6px; }
 .plan-form-content::-webkit-scrollbar-track { background: transparent; }