diff --git a/config/config.ts b/config/config.ts
index ed5df200..77856feb 100644
--- a/config/config.ts
+++ b/config/config.ts
@@ -115,7 +115,11 @@ export default defineConfig({
    * @description 内置了 babel import 插件
    * @doc https://umijs.org/docs/max/antd#antd
    */
-  antd: {},
+  antd: {
+    styleProvider: {
+      cssVar: true,
+    },
+  },
   /**
    * @name 网络请求配置
    * @description 它基于 axios 和 ahooks 的 useRequest 提供了一套统一的网络请求和错误处理方案。
diff --git a/package.json b/package.json
index 88424cc5..82c28bde 100644
--- a/package.json
+++ b/package.json
@@ -39,9 +39,9 @@
     "defaults"
   ],
   "dependencies": {
-    "@ant-design/icons": "^4.8.3",
+    "@ant-design/icons": "^5.6.1",
     "@ant-design/pro-components": "^2.7.19",
-    "antd": "^5.21.2",
+    "antd": "^5.25.4",
     "antd-style": "^3.7.0",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
diff --git a/src/pages/User/Login/__snapshots__/login.test.tsx.snap b/src/pages/User/Login/__snapshots__/login.test.tsx.snap
index 5622a1b7..6979b6c5 100644
--- a/src/pages/User/Login/__snapshots__/login.test.tsx.snap
+++ b/src/pages/User/Login/__snapshots__/login.test.tsx.snap
@@ -57,6 +57,7 @@ exports[`Login Page should login success 1`] = `
                   class="ant-menu-title-content"
                 >
                   <div
+                    aria-describedby="test-id"
                     class="ant-pro-base-menu-inline-item-title"
                   >
                     <span
@@ -101,6 +102,7 @@ exports[`Login Page should login success 1`] = `
                   class="ant-menu-title-content"
                 >
                   <a
+                    aria-describedby="test-id"
                     href="/list"
                   >
                     <div
@@ -576,7 +578,7 @@ exports[`Login Page should show login form 1`] = `
     class="acss-trkbkn"
   >
     <div
-      class="acss-15lsw8v"
+      class="acss-1asxt4z"
       data-lang="true"
     >
       <span
@@ -610,16 +612,16 @@ exports[`Login Page should show login form 1`] = `
       style="flex: 1; padding: 32px 0px;"
     >
       <div
-        class="ant-pro-form-login-container css-dev-only-do-not-override-ccdg5a css-dev-only-do-not-override-ccdg5a"
+        class="ant-pro-form-login-container css-dev-only-do-not-override-mc1tut css-dev-only-do-not-override-mc1tut"
       >
         <div
-          class="ant-pro-form-login-top css-dev-only-do-not-override-ccdg5a css-dev-only-do-not-override-ccdg5a"
+          class="ant-pro-form-login-top css-dev-only-do-not-override-mc1tut css-dev-only-do-not-override-mc1tut"
         >
           <div
-            class="ant-pro-form-login-header css-dev-only-do-not-override-ccdg5a"
+            class="ant-pro-form-login-header css-dev-only-do-not-override-mc1tut"
           >
             <span
-              class="ant-pro-form-login-logo css-dev-only-do-not-override-ccdg5a"
+              class="ant-pro-form-login-logo css-dev-only-do-not-override-mc1tut"
             >
               <img
                 alt="logo"
@@ -627,24 +629,24 @@ exports[`Login Page should show login form 1`] = `
               />
             </span>
             <span
-              class="ant-pro-form-login-title css-dev-only-do-not-override-ccdg5a"
+              class="ant-pro-form-login-title css-dev-only-do-not-override-mc1tut"
             >
               Ant Design
             </span>
           </div>
           <div
-            class="ant-pro-form-login-desc css-dev-only-do-not-override-ccdg5a"
+            class="ant-pro-form-login-desc css-dev-only-do-not-override-mc1tut"
           >
             Ant Design is the most influential web design specification in Xihu district
           </div>
         </div>
         <div
-          class="ant-pro-form-login-main css-dev-only-do-not-override-ccdg5a"
+          class="ant-pro-form-login-main css-dev-only-do-not-override-mc1tut"
           style="width: 328px; min-width: 280px; max-width: 75vw;"
         >
           <form
             autocomplete="off"
-            class="ant-form ant-form-vertical ant-pro-form css-dev-only-do-not-override-ccdg5a"
+            class="ant-form ant-form-vertical ant-pro-form css-dev-only-do-not-override-mc1tut"
           >
             <input
               style="display: none;"
@@ -654,6 +656,7 @@ exports[`Login Page should show login form 1`] = `
               class="ant-tabs ant-tabs-top ant-tabs-centered"
             >
               <div
+                aria-orientation="horizontal"
                 class="ant-tabs-nav"
                 role="tablist"
               >
@@ -689,7 +692,7 @@ exports[`Login Page should show login form 1`] = `
                         class="ant-tabs-tab-btn"
                         id="rc-tabs-test-tab-mobile"
                         role="tab"
-                        tabindex="0"
+                        tabindex="-1"
                       >
                         Phone Login
                       </div>
@@ -707,11 +710,9 @@ exports[`Login Page should show login form 1`] = `
                     aria-controls="rc-tabs-test-more-popup"
                     aria-expanded="false"
                     aria-haspopup="listbox"
-                    aria-hidden="true"
                     class="ant-tabs-nav-more"
                     id="rc-tabs-test-more"
                     style="visibility: hidden; order: 1;"
-                    tabindex="-1"
                     type="button"
                   >
                     <span
@@ -804,10 +805,10 @@ exports[`Login Page should show login form 1`] = `
                         <span
                           class="ant-input-suffix"
                         >
-                          <span
+                          <button
                             class="ant-input-clear-icon ant-input-clear-icon-hidden"
-                            role="button"
                             tabindex="-1"
+                            type="button"
                           >
                             <span
                               aria-label="close-circle"
@@ -829,7 +830,7 @@ exports[`Login Page should show login form 1`] = `
                                 />
                               </svg>
                             </span>
-                          </span>
+                          </button>
                         </span>
                       </span>
                     </div>
@@ -936,7 +937,9 @@ exports[`Login Page should show login form 1`] = `
                     class="ant-checkbox-inner"
                   />
                 </span>
-                <span>
+                <span
+                  class="ant-checkbox-label"
+                >
                   Remember me
                 </span>
               </label>
@@ -957,7 +960,7 @@ exports[`Login Page should show login form 1`] = `
             </button>
           </form>
           <div
-            class="ant-pro-form-login-main-other css-dev-only-do-not-override-ccdg5a"
+            class="ant-pro-form-login-main-other css-dev-only-do-not-override-mc1tut"
           >
             Login with :
             <span
@@ -1023,17 +1026,17 @@ exports[`Login Page should show login form 1`] = `
       </div>
     </div>
     <footer
-      class="ant-layout-footer css-dev-only-do-not-override-ccdg5a"
+      class="ant-layout-footer css-dev-only-do-not-override-mc1tut"
       style="padding: 0px; background: none;"
     >
       <div
-        class="ant-pro-global-footer css-dev-only-do-not-override-ccdg5a"
+        class="ant-pro-global-footer css-dev-only-do-not-override-mc1tut"
       >
         <div
-          class="ant-pro-global-footer-list css-dev-only-do-not-override-ccdg5a"
+          class="ant-pro-global-footer-list css-dev-only-do-not-override-mc1tut"
         >
           <a
-            class="ant-pro-global-footer-list-link css-dev-only-do-not-override-ccdg5a"
+            class="ant-pro-global-footer-list-link css-dev-only-do-not-override-mc1tut"
             href="https://pro.ant.design"
             rel="noreferrer"
             target="_blank"
@@ -1042,7 +1045,7 @@ exports[`Login Page should show login form 1`] = `
             Ant Design Pro
           </a>
           <a
-            class="ant-pro-global-footer-list-link css-dev-only-do-not-override-ccdg5a"
+            class="ant-pro-global-footer-list-link css-dev-only-do-not-override-mc1tut"
             href="https://github.com/ant-design/ant-design-pro"
             rel="noreferrer"
             target="_blank"
@@ -1069,7 +1072,7 @@ exports[`Login Page should show login form 1`] = `
             </span>
           </a>
           <a
-            class="ant-pro-global-footer-list-link css-dev-only-do-not-override-ccdg5a"
+            class="ant-pro-global-footer-list-link css-dev-only-do-not-override-mc1tut"
             href="https://ant.design"
             rel="noreferrer"
             target="_blank"
@@ -1079,7 +1082,7 @@ exports[`Login Page should show login form 1`] = `
           </a>
         </div>
         <div
-          class="ant-pro-global-footer-copyright css-dev-only-do-not-override-ccdg5a"
+          class="ant-pro-global-footer-copyright css-dev-only-do-not-override-mc1tut"
         >
           <span
             aria-label="copyright"