diff --git a/package.json b/package.json
index 2c8f6bd..e831c5d 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "agentation": "^2.2.0",
     "axios": "^1.13.2",
     "crypto-js": "^4.2.0",
+    "echarts": "^5.5.0",
     "nprogress": "catalog:frontend",
     "pinia": "catalog:frontend",
     "react": "^19.2.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb614de..bebc261 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -186,6 +186,9 @@ importers:
       crypto-js:
         specifier: ^4.2.0
         version: 4.2.0
+      echarts:
+        specifier: ^5.5.0
+        version: 5.6.0
       nprogress:
         specifier: catalog:frontend
         version: 0.2.0
@@ -3438,6 +3441,9 @@ packages:
   ecc-jsbn@0.1.2:
     resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
 
+  echarts@5.6.0:
+    resolution: {integrity: sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==}
+
   editorconfig@1.0.4:
     resolution: {integrity: sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==}
     engines: {node: '>=14'}
@@ -6103,6 +6109,9 @@ packages:
   tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
 
+  tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -6756,6 +6765,9 @@ packages:
     resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
     engines: {node: '>=18'}
 
+  zrender@5.6.1:
+    resolution: {integrity: sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==}
+
   zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
@@ -6929,7 +6941,7 @@ snapshots:
 
   '@babel/helper-builder-binary-assignment-operator-visitor@7.21.5':
     dependencies:
-      '@babel/types': 7.27.0
+      '@babel/types': 7.29.0
 
   '@babel/helper-compilation-targets@7.25.2':
     dependencies:
@@ -6962,18 +6974,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-create-regexp-features-plugin@7.21.8(@babel/core@7.25.2)':
+  '@babel/helper-create-class-features-plugin@7.24.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
+      '@babel/helper-annotate-as-pure': 7.24.7
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-function-name': 7.24.7
+      '@babel/helper-member-expression-to-functions': 7.24.7
+      '@babel/helper-optimise-call-expression': 7.24.7
+      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.29.0)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-create-regexp-features-plugin@7.21.8(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.24.7
       regexpu-core: 5.3.2
       semver: 6.3.1
 
-  '@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.25.2)':
+  '@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
       debug: 4.4.0(supports-color@8.1.1)
       lodash.debounce: 4.0.8
       resolve: 1.22.8
@@ -6994,7 +7021,7 @@ snapshots:
 
   '@babel/helper-hoist-variables@7.22.5':
     dependencies:
-      '@babel/types': 7.27.0
+      '@babel/types': 7.29.0
 
   '@babel/helper-member-expression-to-functions@7.24.7':
     dependencies:
@@ -7044,13 +7071,13 @@ snapshots:
 
   '@babel/helper-plugin-utils@7.28.6': {}
 
-  '@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.25.2)':
+  '@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.24.7
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-wrap-function': 7.20.5
-      '@babel/types': 7.27.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
@@ -7063,6 +7090,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-replace-supers@7.24.7(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-member-expression-to-functions': 7.24.7
+      '@babel/helper-optimise-call-expression': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-simple-access@7.24.7':
     dependencies:
       '@babel/traverse': 7.25.3
@@ -7096,9 +7132,9 @@ snapshots:
   '@babel/helper-wrap-function@7.20.5':
     dependencies:
       '@babel/helper-function-name': 7.24.7
-      '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.3
-      '@babel/types': 7.27.0
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
@@ -7120,44 +7156,44 @@ snapshots:
     dependencies:
       '@babel/types': 7.29.0
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.25.2)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-environment-visitor': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.2)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-class-static-block@7.21.0(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-class-static-block@7.21.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -7172,124 +7208,124 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/compat-data': 7.25.2
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.25.2)
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.29.0)
 
-  '@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.2)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-private-property-in-object@7.21.0(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-private-property-in-object@7.21.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.25.2)
+      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
   '@babel/plugin-syntax-decorators@7.23.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.8
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
   '@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.25.2)':
     dependencies:
@@ -7301,213 +7337,218 @@ snapshots:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.8
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.24.8
 
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
   '@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.8
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
   '@babel/plugin-syntax-typescript@7.24.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.8
 
-  '@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.25.2)':
+  '@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-block-scoping@7.21.0(@babel/core@7.25.2)':
+  '@babel/plugin-transform-block-scoping@7.21.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-classes@7.21.0(@babel/core@7.25.2)':
+  '@babel/plugin-transform-classes@7.21.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-compilation-targets': 7.25.2
+      '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-function-name': 7.24.7
       '@babel/helper-optimise-call-expression': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.25.2)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.29.0)
       '@babel/helper-split-export-declaration': 7.24.7
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-computed-properties@7.21.5(@babel/core@7.25.2)':
+  '@babel/plugin-transform-computed-properties@7.21.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/template': 7.25.0
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/template': 7.28.6
 
-  '@babel/plugin-transform-destructuring@7.21.3(@babel/core@7.25.2)':
+  '@babel/plugin-transform-destructuring@7.21.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.25.2)':
+  '@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-builder-binary-assignment-operator-visitor': 7.21.5
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-for-of@7.21.5(@babel/core@7.25.2)':
+  '@babel/plugin-transform-for-of@7.21.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-function-name@7.18.9(@babel/core@7.25.2)':
+  '@babel/plugin-transform-function-name@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-function-name': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-literals@7.18.9(@babel/core@7.25.2)':
+  '@babel/plugin-transform-literals@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-commonjs@7.24.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-simple-access': 7.24.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.29.0
       '@babel/helper-hoist-variables': 7.22.5
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.25.2)':
+  '@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-new-target@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-new-target@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-object-super@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-object-super@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-parameters@7.21.3(@babel/core@7.25.2)':
+  '@babel/plugin-transform-parameters@7.21.3(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
   '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
     dependencies:
@@ -7519,44 +7560,44 @@ snapshots:
       '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-regenerator@7.21.5(@babel/core@7.25.2)':
+  '@babel/plugin-transform-regenerator@7.21.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
       regenerator-transform: 0.15.1
 
-  '@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-spread@7.20.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-spread@7.20.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.25.2)':
+  '@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.25.2)':
+  '@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
   '@babel/plugin-transform-typescript@7.24.7(@babel/core@7.25.2)':
     dependencies:
@@ -7568,106 +7609,106 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-unicode-escapes@7.21.5(@babel/core@7.25.2)':
+  '@babel/plugin-transform-unicode-escapes@7.21.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.29.0)
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/preset-env@7.21.5(@babel/core@7.25.2)':
+  '@babel/preset-env@7.21.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/compat-data': 7.25.2
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-option': 7.24.8
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.25.2)
-      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.25.2)
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.25.2)
-      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.25.2)
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.25.2)
-      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.25.2)
-      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.25.2)
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.25.2)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-arrow-functions': 7.21.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.25.2)
-      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.25.2)
-      '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.25.2)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-commonjs': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.25.2)
-      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-regenerator': 7.21.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.25.2)
-      '@babel/plugin-transform-unicode-escapes': 7.21.5(@babel/core@7.25.2)
-      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/preset-modules': 0.1.5(@babel/core@7.25.2)
-      '@babel/types': 7.27.0
-      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.25.2)
-      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.25.2)
-      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.25.2)
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/helper-validator-option': 7.27.1
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.29.0)
+      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.29.0)
+      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.29.0)
+      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.29.0)
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.29.0)
+      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.29.0)
+      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.29.0)
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.29.0)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.29.0)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.29.0)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.29.0)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.29.0)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.29.0)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.29.0)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.29.0)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-arrow-functions': 7.21.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.29.0)
+      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.29.0)
+      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-commonjs': 7.24.7(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.29.0)
+      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-regenerator': 7.21.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.29.0)
+      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-escapes': 7.21.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/preset-modules': 0.1.5(@babel/core@7.29.0)
+      '@babel/types': 7.29.0
+      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.29.0)
+      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.29.0)
+      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.29.0)
       core-js-compat: 3.41.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-modules@0.1.5(@babel/core@7.25.2)':
+  '@babel/preset-modules@0.1.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/types': 7.27.0
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/types': 7.29.0
       esutils: 2.0.3
 
   '@babel/regjsgen@0.8.0': {}
@@ -8254,10 +8295,10 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-rc.2': {}
 
-  '@rollup/plugin-babel@5.3.1(@babel/core@7.25.2)(@types/babel__core@7.20.5)(rollup@2.79.1)':
+  '@rollup/plugin-babel@5.3.1(@babel/core@7.29.0)(@types/babel__core@7.20.5)(rollup@2.79.1)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
       '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
       rollup: 2.79.1
     optionalDependencies:
@@ -9631,27 +9672,27 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.25.2):
+  babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.29.0):
     dependencies:
-      '@babel/compat-data': 7.25.2
-      '@babel/core': 7.25.2
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.25.2)
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.29.0)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.25.2):
+  babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.29.0)
       core-js-compat: 3.41.0
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.25.2):
+  babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -10204,6 +10245,11 @@ snapshots:
       jsbn: 0.1.1
       safer-buffer: 2.1.2
 
+  echarts@5.6.0:
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.6.1
+
   editorconfig@1.0.4:
     dependencies:
       '@one-ini/wasm': 0.1.1
@@ -13393,6 +13439,8 @@ snapshots:
       minimist: 1.2.8
       strip-bom: 3.0.0
 
+  tslib@2.3.0: {}
+
   tslib@2.8.1: {}
 
   tsx@4.19.2:
@@ -14106,10 +14154,10 @@ snapshots:
   workbox-build@7.1.1(@types/babel__core@7.20.5):
     dependencies:
       '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
-      '@babel/core': 7.25.2
-      '@babel/preset-env': 7.21.5(@babel/core@7.25.2)
+      '@babel/core': 7.29.0
+      '@babel/preset-env': 7.21.5(@babel/core@7.29.0)
       '@babel/runtime': 7.21.5
-      '@rollup/plugin-babel': 5.3.1(@babel/core@7.25.2)(@types/babel__core@7.20.5)(rollup@2.79.1)
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.29.0)(@types/babel__core@7.20.5)(rollup@2.79.1)
       '@rollup/plugin-node-resolve': 15.2.3(rollup@2.79.1)
       '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
       '@rollup/plugin-terser': 0.4.4(rollup@2.79.1)
@@ -14267,4 +14315,8 @@ snapshots:
 
   yoctocolors@2.1.1: {}
 
+  zrender@5.6.1:
+    dependencies:
+      tslib: 2.3.0
+
   zwitch@2.0.4: {}
diff --git a/src/components/school/SchoolOverview.vue b/src/components/school/SchoolOverview.vue
index 91eb268..8f4e1a6 100644
--- a/src/components/school/SchoolOverview.vue
+++ b/src/components/school/SchoolOverview.vue
@@ -83,6 +83,11 @@ const locationInfo = computed(() => {
     : { address: '山东省东营市...', details: '老校区历史悠久...' }
 })
 
+const schoolName = '中国石油大学（华东）'
+const mapQuery = computed(() => `${schoolName} ${activeLocationTab.value} ${locationInfo.value.address}`)
+const mapEmbedUrl = computed(() => `https://map.baidu.com/?newmap=1&ie=utf-8&wd=${encodeURIComponent(mapQuery.value)}`)
+const mapDetailUrl = computed(() => `https://map.baidu.com/?newmap=1&ie=utf-8&wd=${encodeURIComponent(mapQuery.value)}`)
+
 const currentCampusFacilities = computed(() => {
   return campusFacilities.value.find(c => c.name === selectedCampus.value)
 })
@@ -135,13 +140,24 @@ const currentCampusFacilities = computed(() => {
           </button>
         </div>
         <div class="h-64 flex flex-col md:flex-row">
-          <!-- 模拟地图 -->
-          <div class="group relative w-full flex items-center justify-center bg-blue-50 md:w-1/2 dark:bg-slate-900">
-            <span class="text-4xl text-blue-300">MAP</span>
+          <!-- 地图 -->
+          <div class="group relative w-full overflow-hidden bg-blue-50 md:w-1/2 dark:bg-slate-900">
+            <iframe
+              class="absolute inset-0 h-full w-full"
+              :src="mapEmbedUrl"
+              title="Baidu Map"
+              loading="lazy"
+              referrerpolicy="no-referrer-when-downgrade"
+            ></iframe>
             <div class="absolute inset-0 bg-black/5 transition dark:bg-white/5 group-hover:bg-transparent" />
-            <div class="absolute bottom-2 right-2 rounded bg-white px-2 py-1 text-xs shadow dark:bg-slate-700">
+            <a
+              :href="mapDetailUrl"
+              target="_blank"
+              rel="noopener"
+              class="absolute bottom-2 right-2 rounded bg-white px-2 py-1 text-xs shadow dark:bg-slate-700"
+            >
               地图详情 >
-            </div>
+            </a>
           </div>
           <!-- 地址详情 -->
           <div class="w-full flex flex-col justify-center p-4 md:w-1/2">
@@ -485,4 +501,4 @@ const currentCampusFacilities = computed(() => {
 .dark .custom-scrollbar::-webkit-scrollbar-thumb {
   background: #475569;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/pages/major/[majorCode].vue b/src/pages/major/[majorCode].vue
index a695e70..df26a37 100644
--- a/src/pages/major/[majorCode].vue
+++ b/src/pages/major/[majorCode].vue
@@ -1,38 +1,37 @@
 <template>
-  <div class="min-h-screen bg-gray-50 p-4 md:p-8 font-sans text-gray-700">
-    <div class="max-w-6xl mx-auto space-y-4">
-      
+  <div class="mx-auto max-w-7xl px-4 lg:px-8 sm:px-6">
+    <div class="space-y-4">
       <!-- 头部卡片: 专业标题与关注 -->
-      <div class="bg-white rounded shadow-sm p-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-4">
-        <div class="flex items-start gap-4">
+      <div class="bg-white rounded shadow-sm p-6 mt-8 flex flex-col md:flex-row items-start md:items-center justify-between gap-4 dark:bg-slate-800">
+        <div class="flex items-center gap-4">
           <!-- 图标 -->
           <div class="w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center flex-shrink-0">
             <svg class="w-8 h-8 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
           </div>
           <div>
-            <h1 class="text-2xl font-bold text-gray-900 mb-2">产品设计</h1>
+            <h1 class="text-2xl font-bold text-gray-900 mb-2 dark:text-white">产品设计</h1>
             <div class="flex flex-wrap gap-2 text-sm">
-              <span class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded">本科</span>
-              <span class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded">4年</span>
-              <span class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded">艺术学学士</span>
+              <span class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded dark:bg-slate-700 dark:text-slate-200">本科</span>
+              <span class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded dark:bg-slate-700 dark:text-slate-200">4年</span>
+              <span class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded dark:bg-slate-700 dark:text-slate-200">艺术学学士</span>
             </div>
-            <div class="mt-2 text-sm text-gray-500">设计学类</div>
+            <div class="mt-2 text-sm text-gray-500 dark:text-slate-400">设计学类</div>
           </div>
         </div>
-        <button class="px-4 py-1.5 border border-gray-300 rounded text-gray-600 hover:bg-gray-50 transition text-sm">
+        <button class="px-4 py-1.5 border border-gray-300 rounded text-gray-600 hover:bg-gray-50 transition text-sm dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
           + 关注
         </button>
       </div>
 
       <!-- 导航栏 -->
-      <div class="bg-white rounded shadow-sm border-b border-gray-100">
+      <div class="bg-white rounded shadow-sm border-b border-gray-100 dark:bg-slate-800 dark:border-slate-700">
         <div class="flex px-6 gap-8">
           <button 
             v-for="tab in tabs" 
             :key="tab.id"
             @click="currentTab = tab.id"
             class="py-4 text-sm font-medium border-b-2 transition-colors relative"
-            :class="currentTab === tab.id ? 'border-orange-500 text-orange-500' : 'border-transparent text-gray-600 hover:text-gray-900'"
+            :class="currentTab === tab.id ? 'border-orange-500 text-orange-500' : 'border-transparent text-gray-600 hover:text-gray-900 dark:text-slate-300 dark:hover:text-white'"
           >
             {{ tab.name }}
           </button>
@@ -40,48 +39,69 @@
       </div>
 
       <!-- 内容区域 -->
-      <div class="bg-white rounded shadow-sm p-6 min-h-[500px]">
+      <div class="bg-white rounded shadow-sm p-6 min-h-[500px] dark:bg-slate-800">
         
         <!-- Panel 1: 基本介绍 -->
-        <div v-if="currentTab === 'intro'" class="space-y-8">
-          <ExpandableSection title="专业概括">
-            <div class="space-y-4">
+        <div v-if="currentTab === 'intro'" class="space-y-6">
+          <div class="rounded-lg border border-gray-100 bg-gray-50 p-1 dark:border-slate-700 dark:bg-slate-700/40">
+            <button
+              class="w-full flex items-center justify-between gap-4 rounded-lg px-4 py-3 text-left text-sm font-semibold text-gray-900 transition hover:bg-white dark:text-white dark:hover:bg-slate-700"
+              @click="toggleIntroSection('summary')"
+            >
+              专业概括
+              <span class="text-gray-400 transition-transform" :class="openIntroSection === 'summary' ? 'rotate-180' : ''">▾</span>
+            </button>
+            <div v-show="openIntroSection === 'summary'" class="space-y-4 px-4 pb-4 pt-4 text-left text-sm text-gray-600 dark:text-slate-300">
               <div>
-                <span class="font-bold text-gray-900">是什么：</span>
+                <span class="font-bold text-gray-900 dark:text-white">是什么：</span>
                 产品设计主要研究艺术学、设计学、计算机技术等方面的基本知识和技能，进行工业设计、外观设计、结构设计、造型设计以及交互设计等。例如：勺子、杯子的造型设计，衣柜、橱柜的结构设计，软件界面的设计等。关键词：杯子 衣柜 软件界面 计算机
               </div>
               <div>
-                <span class="font-bold text-gray-900">学什么：</span>
+                <span class="font-bold text-gray-900 dark:text-white">学什么：</span>
                 《工业美术史》、《工业设计史》、《设计手绘》、《色彩传达》、《产品结构设计》、《产品造型设计》、《产品创新设计》、《产品造型材料工艺》、《产品语义设计》、《计算机辅助设计》 部分高校按以下专业方向培养：服装设计、家具设计、数字设计、应用设计、纺织品设计、产品造型设计、珠宝首饰设计、鞋类与工程、鞋类与皮具设计。
               </div>
             </div>
-          </ExpandableSection>
+          </div>
 
-          <ExpandableSection title="培养方向">
-            <div class="space-y-4">
+          <div class="rounded-lg border border-gray-100 bg-gray-50 p-1 dark:border-slate-700 dark:bg-slate-700/40">
+            <button
+              class="w-full flex items-center justify-between gap-4 rounded-lg px-4 py-3 text-left text-sm font-semibold text-gray-900 transition hover:bg-white dark:text-white dark:hover:bg-slate-700"
+              @click="toggleIntroSection('training')"
+            >
+              培养方向
+              <span class="text-gray-400 transition-transform" :class="openIntroSection === 'training' ? 'rotate-180' : ''">▾</span>
+            </button>
+            <div v-show="openIntroSection === 'training'" class="space-y-4 px-4 pb-4 pt-4 text-left text-sm text-gray-600 dark:text-slate-300">
               <div>
-                <span class="font-bold text-gray-900">培养目标：</span>
+                <span class="font-bold text-gray-900 dark:text-white">培养目标：</span>
                 本专业培养具有“厚基础、宽口径、重能力”、“知识、能力、素质”协调发展，具有扎实的工业设计基础理论知识及产品造型能力、良好的职业技能和职业素质，能在企事业单位、专业设计部门、教学科研单位从事以产品创新为重点的设计、管理、科研或教学工作，也能从事与产品设计相关的视觉传达设计、信息设计、环境设施设计或展示设计工作的应用型研究型人才。
               </div>
               <div>
-                <span class="font-bold text-gray-900">培养要求：</span>
+                <span class="font-bold text-gray-900 dark:text-white">培养要求：</span>
                 本专业在能力结构方面要求学生应具有一定的设计创新思维意识，初步具备综合运用所学知识，分析和解决工业产品造型设计过程中遇到的研究、开发、设计等方面问题的能力；能清晰地表达设计思想，熟悉产品设计的程序与方法。
               </div>
             </div>
-          </ExpandableSection>
+          </div>
 
-          <ExpandableSection title="主要课程">
-            <div class="space-y-4">
+          <div class="rounded-lg border border-gray-100 bg-gray-50 p-1 dark:border-slate-700 dark:bg-slate-700/40">
+            <button
+              class="w-full flex items-center justify-between gap-4 rounded-lg px-4 py-3 text-left text-sm font-semibold text-gray-900 transition hover:bg-white dark:text-white dark:hover:bg-slate-700"
+              @click="toggleIntroSection('courses')"
+            >
+              主要课程
+              <span class="text-gray-400 transition-transform" :class="openIntroSection === 'courses' ? 'rotate-180' : ''">▾</span>
+            </button>
+            <div v-show="openIntroSection === 'courses'" class="space-y-4 px-4 pb-4 pt-4 text-left text-sm text-gray-600 dark:text-slate-300">
               <div>
-                <span class="font-bold text-gray-900">主干学科：</span>
+                <span class="font-bold text-gray-900 dark:text-white">主干学科：</span>
                 产品设计方法学、人机工程学、材料与工艺学。
               </div>
               <div>
-                <span class="font-bold text-gray-900">核心课程：</span>
+                <span class="font-bold text-gray-900 dark:text-white">核心课程：</span>
                 工业设计史、产品设计方法学、产品设计效果图表现技法、人机工程学、制图、模型制作与工艺、产品调研方法、产品设计报告书制作、数字化产品设计及产品设计相关软件等基础理论知识以及基本方法、中外工艺美术史、设计学（美学、心理学、公关关系学）、造型基础、构成（平面、色彩、立体构成）、世界工业设计发展史等相关课程等。
               </div>
             </div>
-          </ExpandableSection>
+          </div>
         </div>
 
         <!-- Panel 2: 就业分析 -->
@@ -89,23 +109,19 @@
           
           <!-- 职业分布 -->
           <div>
-            <h3 class="font-bold text-gray-900 mb-6">职业分布</h3>
-            <div class="flex flex-col md:flex-row gap-8 items-center bg-gray-50 p-6 rounded-lg">
-              <!-- CSS 模拟饼图 -->
-              <div class="w-48 h-48 rounded-full relative flex-shrink-0" 
-                   style="background: conic-gradient(#f97316 0% 35%, #84cc16 35% 75%, #06b6d4 75% 85%, #ef4444 85% 100%);">
-                <div class="absolute inset-8 bg-gray-50 rounded-full"></div>
-              </div>
+            <h3 class="font-bold text-gray-900 mb-6 dark:text-white">职业分布</h3>
+            <div class="flex flex-col md:flex-row gap-8 items-center bg-gray-50 p-6 rounded-lg dark:bg-slate-700/40">
+              <div ref="jobPieRef" class="w-48 h-48 flex-shrink-0"></div>
               <div class="flex-1">
-                <h4 class="font-bold mb-2">其他</h4>
-                <p class="text-sm text-gray-600 leading-relaxed">
-                  资深产品经理，资深产品设计师、产品创意设计主管，ID工程师，产品专家，UI/UX Designer and Researcher 交互界面/体验设计师及研究员，高级能开发，产品规划经理，市场部，市场技术开发专员。
+                <h4 class="font-bold mb-2 dark:text-white">{{ selectedJob.name }}</h4>
+                <p class="text-sm text-gray-600 leading-relaxed dark:text-slate-300">
+                  {{ selectedJob.description }}
                 </p>
                 <div class="flex flex-wrap gap-4 mt-4 text-xs">
-                  <div class="flex items-center gap-1"><span class="w-3 h-3 bg-orange-500 rounded-sm"></span>其他</div>
-                  <div class="flex items-center gap-1"><span class="w-3 h-3 bg-lime-500 rounded-sm"></span>艺术设计</div>
-                  <div class="flex items-center gap-1"><span class="w-3 h-3 bg-cyan-500 rounded-sm"></span>装饰装修</div>
-                  <div class="flex items-center gap-1"><span class="w-3 h-3 bg-red-500 rounded-sm"></span>市场</div>
+                  <div v-for="item in jobDistribution" :key="item.name" class="flex items-center gap-1">
+                    <span class="w-3 h-3 rounded-sm" :style="{ backgroundColor: item.color }"></span>
+                    {{ item.name }}
+                  </div>
                 </div>
               </div>
             </div>
@@ -113,10 +129,10 @@
 
           <!-- 薪资分布 -->
           <div>
-            <h3 class="font-bold text-gray-900 mb-6">薪资分布</h3>
-            <div class="overflow-x-auto border border-gray-100 rounded-lg">
+            <h3 class="font-bold text-gray-900 mb-6 dark:text-white">薪资分布</h3>
+            <div class="overflow-x-auto border border-gray-100 rounded-lg dark:border-slate-700">
               <table class="w-full text-sm text-left">
-                <thead class="bg-gray-50 text-gray-900 font-medium">
+                <thead class="bg-gray-50 text-gray-900 font-medium dark:bg-slate-700 dark:text-white">
                   <tr>
                     <th class="px-6 py-4">岗位</th>
                     <th class="px-6 py-4">应届生月薪</th>
@@ -124,7 +140,7 @@
                     <th class="px-6 py-4">毕业3-5年月薪</th>
                   </tr>
                 </thead>
-                <tbody class="divide-y divide-gray-100">
+                <tbody class="divide-y divide-gray-100 dark:divide-slate-700">
                   <tr>
                     <td class="px-6 py-4">家具 (家居用品设计)</td>
                     <td class="px-6 py-4">6547~10881</td>
@@ -144,19 +160,19 @@
 
           <!-- 地区去向 -->
           <div>
-            <h3 class="font-bold text-gray-900 mb-6">地区去向</h3>
+            <h3 class="font-bold text-gray-900 mb-6 dark:text-white">地区去向</h3>
             <div class="flex flex-col md:flex-row gap-12 items-center">
                <div class="w-32 h-32 rounded-full border-8 border-orange-400 flex items-center justify-center flex-col text-center">
-                  <span class="text-xs text-gray-500">去北上广深比例</span>
-                  <span class="text-xl font-bold text-gray-900">70%</span>
+                  <span class="text-xs text-gray-500 dark:text-slate-400">去北上广深比例</span>
+                  <span class="text-xl font-bold text-gray-900 dark:text-white">70%</span>
                </div>
                <div class="flex-1 w-full space-y-3">
                   <div v-for="city in cities" :key="city.name" class="flex items-center text-sm">
-                    <span class="w-12 text-gray-600">{{ city.name }}</span>
-                    <div class="flex-1 h-2 bg-gray-100 rounded-full overflow-hidden mx-3">
+                    <span class="w-12 text-gray-600 dark:text-slate-300">{{ city.name }}</span>
+                    <div class="flex-1 h-2 bg-gray-100 rounded-full overflow-hidden mx-3 dark:bg-slate-700">
                       <div class="h-full bg-orange-500 rounded-full" :style="{ width: city.percent + '%' }"></div>
                     </div>
-                    <span class="w-8 text-right text-gray-900">{{ city.percent }}%</span>
+                    <span class="w-8 text-right text-gray-900 dark:text-white">{{ city.percent }}%</span>
                   </div>
                </div>
             </div>
@@ -166,32 +182,32 @@
 
         <!-- Panel 3: 开设院校 -->
         <div v-if="currentTab === 'school'" class="space-y-6">
-          <div v-for="school in schools" :key="school.name" class="flex items-center justify-between border-b border-gray-100 pb-6 last:border-0">
+          <div v-for="school in schools" :key="school.name" class="flex items-center justify-between border-b border-gray-100 pb-6 last:border-0 dark:border-slate-700">
             <div class="flex gap-4">
               <img :src="school.logo" class="w-14 h-14 rounded-full border border-gray-200 object-cover" alt="logo" />
               <div>
-                <h3 class="font-bold text-lg text-gray-900 mb-1">{{ school.name }}</h3>
+                <h3 class="font-bold text-lg text-gray-900 mb-1 dark:text-white">{{ school.name }}</h3>
                 <div class="flex gap-2 mb-2">
-                  <span v-for="tag in school.tags" :key="tag" class="px-1.5 py-0.5 bg-gray-100 text-xs text-gray-500 rounded">{{ tag }}</span>
+                  <span v-for="tag in school.tags" :key="tag" class="px-1.5 py-0.5 bg-gray-100 text-xs text-gray-500 rounded dark:bg-slate-700 dark:text-slate-200">{{ tag }}</span>
                 </div>
-                <div class="text-sm text-gray-500">{{ school.location }}</div>
+                <div class="text-sm text-gray-500 dark:text-slate-400">{{ school.location }}</div>
               </div>
             </div>
             <div class="text-right">
-              <div class="text-sm text-gray-500 mb-1">排名: <span class="font-medium text-gray-900">{{ school.rank }}</span></div>
-              <div class="text-sm text-gray-500">专业学科评级 <span class="text-orange-500 font-bold">{{ school.grade }}</span></div>
+              <div class="text-sm text-gray-500 mb-1 dark:text-slate-400">排名: <span class="font-medium text-gray-900 dark:text-white">{{ school.rank }}</span></div>
+              <div class="text-sm text-gray-500 dark:text-slate-400">专业学科评级 <span class="text-orange-500 font-bold">{{ school.grade }}</span></div>
             </div>
           </div>
           
           <!-- 分页 -->
           <div class="flex justify-center gap-2 mt-8">
-            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm">&lt;</button>
+            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm dark:border-slate-600 dark:text-slate-200 dark:hover:text-orange-400">&lt;</button>
             <button class="w-8 h-8 bg-orange-500 text-white rounded text-sm">1</button>
-            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm">2</button>
-            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm">3</button>
-            <span class="leading-8 text-gray-400">...</span>
-            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm">42</button>
-            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm">&gt;</button>
+            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm dark:border-slate-600 dark:text-slate-200 dark:hover:text-orange-400">2</button>
+            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm dark:border-slate-600 dark:text-slate-200 dark:hover:text-orange-400">3</button>
+            <span class="leading-8 text-gray-400 dark:text-slate-500">...</span>
+            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm dark:border-slate-600 dark:text-slate-200 dark:hover:text-orange-400">42</button>
+            <button class="w-8 h-8 border border-gray-300 rounded hover:border-orange-500 hover:text-orange-500 transition text-sm dark:border-slate-600 dark:text-slate-200 dark:hover:text-orange-400">&gt;</button>
           </div>
         </div>
 
@@ -201,7 +217,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 
 // --- Tab Logic ---
 const currentTab = ref('intro');
@@ -211,6 +227,145 @@ const tabs = [
   { id: 'school', name: '开设院校' }
 ];
 
+const openIntroSection = ref('summary');
+const toggleIntroSection = (section) => {
+  openIntroSection.value = openIntroSection.value === section ? '' : section;
+};
+
+const jobDistribution = [
+  {
+    name: '其他',
+    value: 35,
+    color: '#f97316',
+    description: '资深产品经理、资深产品设计师、产品创意设计主管、ID 工程师、产品专家、UI/UX 设计师及研究员等岗位。',
+  },
+  {
+    name: '艺术设计',
+    value: 40,
+    color: '#84cc16',
+    description: '偏向视觉与品牌方向：视觉设计、平面设计、品牌设计、插画与多媒体设计等岗位。',
+  },
+  {
+    name: '装饰装修',
+    value: 10,
+    color: '#06b6d4',
+    description: '偏向空间与工程方向：室内设计、展示设计、软装设计与施工协调等岗位。',
+  },
+  {
+    name: '市场',
+    value: 15,
+    color: '#ef4444',
+    description: '偏向商业与增长方向：市场策划、产品运营、用户研究、市场拓展等岗位。',
+  },
+];
+
+const jobPieRef = ref(null);
+let jobPieChart;
+let echartsModule;
+const selectedJob = ref(jobDistribution[0]);
+const defaultJobName = jobDistribution[0].name;
+const pinnedJobName = ref(null);
+
+const loadEcharts = async () => {
+  if (!echartsModule)
+    echartsModule = await import('echarts');
+  return echartsModule;
+};
+
+const renderJobPie = async () => {
+  if (currentTab.value !== 'job')
+    return;
+
+  await nextTick();
+  if (currentTab.value !== 'job')
+    return;
+  if (!jobPieRef.value)
+    return;
+
+  if (jobPieChart)
+    jobPieChart.dispose();
+
+  const echarts = await loadEcharts();
+  if (currentTab.value !== 'job' || !jobPieRef.value)
+    return;
+
+  jobPieChart = echarts.init(jobPieRef.value);
+  jobPieChart.setOption({
+    tooltip: {
+      trigger: 'item',
+      formatter: '{b}: {d}%',
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['55%', '80%'],
+        center: ['50%', '50%'],
+        label: { show: false },
+        labelLine: { show: false },
+        data: jobDistribution.map(item => ({
+          name: item.name,
+          value: item.value,
+          itemStyle: { color: item.color },
+        })),
+      },
+    ],
+  });
+
+  jobPieChart.on('mouseover', (params) => {
+    if (pinnedJobName.value)
+      return;
+    const target = jobDistribution.find(item => item.name === params.name);
+    if (target)
+      selectedJob.value = target;
+  });
+
+  jobPieChart.on('mouseout', () => {
+    const target = jobDistribution.find(item => item.name === (pinnedJobName.value || defaultJobName));
+    if (target)
+      selectedJob.value = target;
+  });
+
+  jobPieChart.on('click', (params) => {
+    const target = jobDistribution.find(item => item.name === params.name);
+    if (!target)
+      return;
+    pinnedJobName.value = pinnedJobName.value === target.name ? null : target.name;
+    selectedJob.value = target;
+  });
+};
+
+const handleJobPieResize = () => {
+  if (jobPieChart)
+    jobPieChart.resize();
+};
+
+watch(currentTab, (value) => {
+  if (value === 'job') {
+    renderJobPie();
+    return;
+  }
+
+  if (jobPieChart) {
+    jobPieChart.dispose();
+    jobPieChart = null;
+  }
+});
+
+onMounted(() => {
+  if (currentTab.value === 'job')
+    renderJobPie();
+
+  window.addEventListener('resize', handleJobPieResize);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', handleJobPieResize);
+  if (jobPieChart) {
+    jobPieChart.dispose();
+    jobPieChart = null;
+  }
+});
+
 // --- Data for School List ---
 const schools = [
   {
@@ -242,4 +397,4 @@ const cities = [
   { name: '东莞', percent: 4 },
 ];
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/pages/school/[schoolCode].vue b/src/pages/school/[schoolCode].vue
index 1e97964..b4a4c3c 100644
--- a/src/pages/school/[schoolCode].vue
+++ b/src/pages/school/[schoolCode].vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, onMounted, onUnmounted } from 'vue'
+import { computed, ref, onMounted, onUnmounted, nextTick } from 'vue'
 
 // 导入子组件
 import SchoolOverview from '~/components/school/SchoolOverview.vue'
@@ -27,6 +27,15 @@ const schoolCode = ref('')
 const activeLocationTab = ref('唐岛湾校区')
 const activeNavTab = ref('学校概况')
 
+const tabs = [
+  { id: '学校概况', name: '学校概况' },
+  { id: '历年分数', name: '历年分数' },
+  { id: '招生计划', name: '招生计划' },
+  { id: '开设专业', name: '开设专业' },
+  { id: '录取预测', name: '录取预测' },
+];
+
+
 // 轮播图相关
 const currentSlide = ref(0)
 const carouselInterval = ref<number | null>(null)
@@ -54,6 +63,14 @@ const rankings: Ranking[] = [
   { label: '人气值排名', value: 70 },
 ]
 
+const quickStats = [
+  { label: '建校时间', value: '1953年', icon: '🕒', color: 'text-orange-500' },
+  { label: '占地面积', value: '5000亩', icon: '⛳', color: 'text-purple-500' },
+  { label: '主管部门', value: '教育部', icon: '🎓', color: 'text-blue-500' },
+  { label: '联系电话', value: '0532-86983086', icon: '📞', color: 'text-blue-500' },
+  { label: '邮箱', value: 'zhaosheng@upc.edu.cn', icon: '📧', color: 'text-blue-500' },
+]
+
 // 院系设置数据 (模拟部分)
 const departments: Major[] = [
   { college: '地球科学与技术学院', majors: ['勘查技术与工程', '地质学', '资源勘查工程', '地球物理学'] },
@@ -124,12 +141,34 @@ const handleCompare = () => {
   // TODO: 实现对比逻辑
 }
 
+const navRef = ref<HTMLElement | null>(null)
+const navPlaceholderHeight = ref(0)
+const isNavSticky = ref(false)
+const stickyTrigger = 220
+
+const updateNavHeight = () => {
+  if (navRef.value)
+    navPlaceholderHeight.value = navRef.value.getBoundingClientRect().height
+}
+
+const updateNavSticky = () => {
+  isNavSticky.value = window.scrollY >= stickyTrigger
+}
+
 onMounted(() => {
   startCarousel()
+  updateNavSticky()
+  nextTick(() => {
+    updateNavHeight()
+  })
+  window.addEventListener('scroll', updateNavSticky, { passive: true })
+  window.addEventListener('resize', updateNavHeight)
 })
 
 onUnmounted(() => {
   stopCarousel()
+  window.removeEventListener('scroll', updateNavSticky)
+  window.removeEventListener('resize', updateNavHeight)
 })
 
 watchEffect(() => {
@@ -141,10 +180,10 @@ useHead({
 </script>
 
 <template>
-  <div class="mx-auto max-w-7xl min-h-screen bg-gray-50 px-4 transition-colors duration-300 dark:bg-slate-900 lg:px-8 sm:px-6">
+  <div class="mx-auto max-w-7xl px-4 lg:px-8 sm:px-6">
     <!-- 顶部导航 & Header sticky -->
-    <header class="top-0 z-50 shadow-sm">
-      <div class="mb-8 mt-8 rounded-lg bg-white dark:bg-slate-800">
+    <header class="top-0 z-50">
+      <div class="mb-4 mt-8 rounded-lg bg-white pl-4 pr-4 dark:bg-slate-800">
         <div class="h-20 flex items-center justify-between">
           <div class="flex items-center gap-4">
             <div class="h-16 w-16 flex items-center justify-center rounded-full bg-blue-900 text-sm text-white font-bold">
@@ -187,42 +226,25 @@ useHead({
           </div>
         </div>
 
+      </div>
+      <div v-show="isNavSticky" :style="{ height: `${navPlaceholderHeight}px` }"></div>
+      <div
+        class="w-full transition"
+        :class="isNavSticky
+          ? 'fixed top-0 left-0 right-0 z-50 bg-white/95 shadow-sm backdrop-blur dark:bg-slate-800/95'
+          : 'mb-8 rounded-lg bg-white shadow-sm dark:bg-slate-800'"
+      >
         <!-- 导航菜单 -->
-        <nav class="scrollbar-hide flex overflow-x-auto pt-4 pb-2 text-base text-gray-500 font-medium space-x-8 sm:pb-0 dark:text-gray-400">
-          <button
+        <nav
+          ref="navRef"
+          class="scrollbar-hide mx-auto flex w-full max-w-7xl overflow-x-auto px-4 pt-4 pb-2 text-base text-gray-500 font-medium space-x-8 sm:px-6 sm:pb-0 lg:px-8 dark:text-gray-400"
+        >
+          <button v-for="(item, index) in tabs" :key="index"
             class="whitespace-nowrap border-b-2 pb-3 transition-colors"
-            :class="activeNavTab === '学校概况' ? 'border-orange-500 text-orange-600 dark:text-orange-400' : 'border-transparent hover:text-gray-700 dark:hover:text-gray-200'"
-            @click="activeNavTab = '学校概况'"
+            :class="activeNavTab === item.id ? 'border-orange-500 text-orange-600 dark:text-orange-400' : 'border-transparent hover:text-gray-700 dark:hover:text-gray-200'"
+            @click="activeNavTab = item.id"
           >
-            学校概况
-          </button>
-          <button
-            class="whitespace-nowrap border-b-2 pb-3 transition-colors"
-            :class="activeNavTab === '历年分数' ? 'border-orange-500 text-orange-600 dark:text-orange-400' : 'border-transparent hover:text-gray-700 dark:hover:text-gray-200'"
-            @click="activeNavTab = '历年分数'"
-          >
-            历年分数
-          </button>
-          <button
-            class="whitespace-nowrap border-b-2 pb-3 transition-colors"
-            :class="activeNavTab === '招生计划' ? 'border-orange-500 text-orange-600 dark:text-orange-400' : 'border-transparent hover:text-gray-700 dark:hover:text-gray-200'"
-            @click="activeNavTab = '招生计划'"
-          >
-            招生计划
-          </button>
-          <button
-            class="whitespace-nowrap border-b-2 pb-3 transition-colors"
-            :class="activeNavTab === '开设专业' ? 'border-orange-500 text-orange-600 dark:text-orange-400' : 'border-transparent hover:text-gray-700 dark:hover:text-gray-200'"
-            @click="activeNavTab = '开设专业'"
-          >
-            开设专业
-          </button>
-          <button
-            class="whitespace-nowrap border-b-2 pb-3 transition-colors"
-            :class="activeNavTab === '录取预测' ? 'border-orange-500 text-orange-600 dark:text-orange-400' : 'border-transparent hover:text-gray-700 dark:hover:text-gray-200'"
-            @click="activeNavTab = '录取预测'"
-          >
-            录取预测
+            {{item.name}}
           </button>
         </nav>
       </div>
@@ -239,15 +261,11 @@ useHead({
           <button
             class="absolute left-2 top-1/2 -translate-y-1/2 rounded-full bg-black/30 p-2 text-white backdrop-blur-sm transition hover:bg-black/50"
             @click="prevSlide"
-          >
-            ◀
-          </button>
+          ><</button>
           <button
             class="absolute right-2 top-1/2 -translate-y-1/2 rounded-full bg-black/30 p-2 text-white backdrop-blur-sm transition hover:bg-black/50"
             @click="nextSlide"
-          >
-            ▶
-          </button>
+          >></button>
 
           <!-- 轮播指示器 -->
           <div class="absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2">
@@ -273,68 +291,16 @@ useHead({
 
         <!-- 快速统计信息栏 -->
         <div class="grid grid-cols-2 gap-4 border-b border-gray-100 p-3 md:grid-cols-5 sm:grid-cols-4 dark:border-slate-700">
-          <div class="flex items-start gap-2">
-            <div class="text-xl text-orange-500">
-              🕒
+          <div v-for="stat in quickStats" :key="stat.label" class="flex items-start gap-2">
+            <div class="text-xl" :class="stat.color">
+              {{ stat.icon }}
             </div>
             <div>
               <p class="text-xs text-gray-500 dark:text-gray-400">
-                建校时间
+                {{ stat.label }}
               </p>
               <p class="text-gray-900 font-medium dark:text-white">
-                1953年
-              </p>
-            </div>
-          </div>
-          <div class="flex items-start gap-2">
-            <div class="text-xl text-purple-500">
-              ⛳
-            </div>
-            <div>
-              <p class="text-xs text-gray-500 dark:text-gray-400">
-                占地面积
-              </p>
-              <p class="text-gray-900 font-medium dark:text-white">
-                5000亩
-              </p>
-            </div>
-          </div>
-          <div class="flex items-start gap-2">
-            <div class="text-xl text-blue-500">
-              🎓
-            </div>
-            <div>
-              <p class="text-xs text-gray-500 dark:text-gray-400">
-                主管部门
-              </p>
-              <p class="text-gray-900 font-medium dark:text-white">
-                教育部
-              </p>
-            </div>
-          </div>
-          <div class="flex items-start gap-2">
-            <div class="text-xl text-blue-500">
-              📞
-            </div>
-            <div>
-              <p class="text-xs text-gray-500 dark:text-gray-400">
-                联系电话
-              </p>
-              <p class="text-gray-900 font-medium dark:text-white">
-                0532-86983086
-              </p>
-            </div>
-          </div>
-          <div class="flex items-start gap-2">
-            <div class="text-xl text-blue-500">
-              📧
-            </div>
-            <div>
-              <p class="text-xs text-gray-500 dark:text-gray-400">
-                邮箱
-              </p>
-              <p class="text-gray-900 font-medium dark:text-white">
-                zhaosheng@upc.edu.cn
+                {{ stat.value }}
               </p>
             </div>
           </div>
@@ -344,7 +310,7 @@ useHead({
       <!-- 网格布局：左侧主内容，右侧简单侧边栏(可选) -->
       <div class="grid grid-cols-1 gap-6 lg:grid-cols-4">
         <!-- 左侧/主体内容 (占3份宽度) -->
-        <div class="lg:col-span-3 space-y-6">
+        <div class="lg:col-span-3">
           <!-- 子页面组件 -->
           <SchoolOverview v-show="activeNavTab === '学校概况'" />
           <HistoricalScores v-show="activeNavTab === '历年分数'" />