diff --git a/packages/layout/src/components/GridContent/index.tsx b/packages/layout/src/components/GridContent/index.tsx
index b566f2a1faad..061f2ef55aeb 100644
--- a/packages/layout/src/components/GridContent/index.tsx
+++ b/packages/layout/src/components/GridContent/index.tsx
@@ -25,7 +25,7 @@ const GridContent: React.FC<GridContentProps> = (props) => {
   const value = useContext(RouteContext);
   const {
     children,
-    contentWidth: propsContentWidth,
+    contentWidth: propsContentWidth = 'Fluid',
     className: propsClassName,
     style,
   } = props;
@@ -35,7 +35,7 @@ const GridContent: React.FC<GridContentProps> = (props) => {
   const contentWidth = propsContentWidth || value.contentWidth;
   const className = `${prefixCls}-grid-content`;
   const { wrapSSR, hashId } = useStyle(className);
-  const isWide = contentWidth === 'Fixed';
+  const isWide = contentWidth !== 'Fixed';
 
   return wrapSSR(
     <div
diff --git a/tests/card/__snapshots__/demo.test.ts.snap b/tests/card/__snapshots__/demo.test.ts.snap
index 367f773c0077..ccccd1beb972 100644
--- a/tests/card/__snapshots__/demo.test.ts.snap
+++ b/tests/card/__snapshots__/demo.test.ts.snap
@@ -7572,6 +7572,72 @@ exports[`card demos > 📸 renders ./packages/card/src/demos/basic.tsx correctly
       </div>
     </div>
   </div>
+  <div
+    class="ant-pro-card ant-pro-card-box-shadow"
+    style="max-width: 300px;"
+  >
+    <div
+      class="ant-pro-card-header"
+    >
+      <div
+        class="ant-pro-card-title"
+      >
+        <div
+          class="ant-pro-core-label-tip"
+        >
+          <div
+            class="ant-pro-core-label-tip-title"
+          >
+            带卡片阴影
+          </div>
+          <span
+            class="ant-pro-core-label-tip-icon"
+          >
+            <span
+              aria-label="info-circle"
+              class="anticon anticon-info-circle"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="info-circle"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                />
+                <path
+                  d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+      <div
+        class="ant-pro-card-extra"
+      >
+        extra
+      </div>
+    </div>
+    <div
+      class="ant-pro-card-body"
+    >
+      <div>
+        Card content
+      </div>
+      <div>
+        Card content
+      </div>
+      <div>
+        Card content
+      </div>
+    </div>
+  </div>
   <div
     class="ant-pro-card ant-pro-card-size-small"
     style="max-width: 300px; margin-block-start: 24px;"
diff --git a/tests/field/__snapshots__/demo.test.ts.snap b/tests/field/__snapshots__/demo.test.ts.snap
index ed56d166e200..364386de55c0 100644
--- a/tests/field/__snapshots__/demo.test.ts.snap
+++ b/tests/field/__snapshots__/demo.test.ts.snap
@@ -1310,7 +1310,7 @@ exports[`field demos > 📸 renders ./packages/field/src/demos/base.tsx correctl
                       style="margin-right: 8px;"
                     >
                       <span>
-                        ＊ ＊ ＊ ＊ ＊
+                        ************************
                       </span>
                     </div>
                     <div
diff --git a/tests/field/__snapshots__/field.test.tsx.snap b/tests/field/__snapshots__/field.test.tsx.snap
index 25a4c1df16e8..a809fb05e3f0 100644
--- a/tests/field/__snapshots__/field.test.tsx.snap
+++ b/tests/field/__snapshots__/field.test.tsx.snap
@@ -3579,7 +3579,7 @@ exports[`Field > 🐴 read and plain 1`] = `
                       style="margin-right: 8px;"
                     >
                       <span>
-                        ＊ ＊ ＊ ＊ ＊
+                        ************************
                       </span>
                     </div>
                     <div
@@ -4129,7 +4129,7 @@ exports[`Field > 🐴 read ant no plain 1`] = `
                       style="margin-right: 8px;"
                     >
                       <span>
-                        ＊ ＊ ＊ ＊ ＊
+                        ************************
                       </span>
                     </div>
                     <div
diff --git a/tests/field/field.test.tsx b/tests/field/field.test.tsx
index 119e80b7c774..9d0252ed3120 100644
--- a/tests/field/field.test.tsx
+++ b/tests/field/field.test.tsx
@@ -1456,7 +1456,7 @@ describe('Field', () => {
     const html = render(
       <Field text={123456} valueType="password" mode="read" />,
     );
-    await html.findByText('＊ ＊ ＊ ＊ ＊');
+    await html.findByText('************************');
 
     act(() => {
       fireEvent.click(
diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
index 81c4d7ee4f77..e4566b16d6bc 100644
--- a/tests/form/__snapshots__/demo.test.ts.snap
+++ b/tests/form/__snapshots__/demo.test.ts.snap
@@ -47992,13 +47992,14 @@ exports[`form demos > 📸 renders ./packages/form/src/demos/layout-footer.tsx c
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     class="ant-card ant-card-bordered"
@@ -49457,7 +49458,7 @@ exports[`form demos > 📸 renders ./packages/form/src/demos/layout-footer.tsx c
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
diff --git a/tests/layout/__snapshots__/demo.test.ts.snap b/tests/layout/__snapshots__/demo.test.ts.snap
index ce8d5ea1cfec..f359e3ae770a 100644
--- a/tests/layout/__snapshots__/demo.test.ts.snap
+++ b/tests/layout/__snapshots__/demo.test.ts.snap
@@ -287,13 +287,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
         </div>
       </div>
       <div
-        class="ant-pro-grid-content"
+        class="ant-pro-grid-content ant-pro-grid-content-wide"
       >
         <div
           class="ant-pro-grid-content-children"
         >
           <div
             class="ant-pro-page-container-children-container"
+            style="padding-block-start: 0;"
           >
             <div
               class="ant-pro-card ant-pro-card-contain-card ant-pro-card-ghost"
@@ -595,13 +596,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
         </div>
       </div>
       <div
-        class="ant-pro-grid-content"
+        class="ant-pro-grid-content ant-pro-grid-content-wide"
       >
         <div
           class="ant-pro-grid-content-children"
         >
           <div
             class="ant-pro-page-container-children-container"
+            style="padding-block-start: 0;"
           >
             <div
               class="ant-pro-card ant-pro-card-contain-card ant-pro-card-ghost"
@@ -859,13 +861,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
         </div>
       </div>
       <div
-        class="ant-pro-grid-content"
+        class="ant-pro-grid-content ant-pro-grid-content-wide"
       >
         <div
           class="ant-pro-grid-content-children"
         >
           <div
             class="ant-pro-page-container-children-container"
+            style="padding-block-start: 0;"
           >
             <div
               class="ant-pro-card ant-pro-card-contain-card ant-pro-card-ghost"
@@ -1012,7 +1015,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
             </div>
           </div>
           <div
-            class="ant-pro-grid-content"
+            class="ant-pro-grid-content ant-pro-grid-content-wide"
           >
             <div
               class="ant-pro-grid-content-children"
@@ -1118,7 +1121,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
             </div>
           </div>
           <div
-            class="ant-pro-grid-content"
+            class="ant-pro-grid-content ant-pro-grid-content-wide"
           >
             <div
               class="ant-pro-grid-content-children"
@@ -1224,7 +1227,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
             </div>
           </div>
           <div
-            class="ant-pro-grid-content"
+            class="ant-pro-grid-content ant-pro-grid-content-wide"
           >
             <div
               class="ant-pro-grid-content-children"
@@ -1252,10 +1255,10 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
     style="background: rgb(245, 247, 250);"
   >
     <div
-      class="ant-pro-page-container ant-pro-page-container-with-footer"
+      class="ant-pro-page-container"
     >
       <div
-        class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-has-breadcrumb ant-page-header-has-footer ant-page-header-ghost"
+        class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
       >
         <nav
           class="ant-breadcrumb ant-page-header-breadcrumb"
@@ -1389,172 +1392,297 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
             </div>
           </span>
         </div>
+      </div>
+      <div
+        class="ant-pro-grid-content ant-pro-grid-content-wide"
+      >
         <div
-          class="ant-page-header-footer"
+          class="ant-pro-grid-content-children"
         >
           <div
-            class="ant-tabs ant-tabs-top ant-tabs-editable ant-tabs-card ant-tabs-editable-card ant-pro-page-container-tabs"
+            class="ant-pro-page-container-children-container"
+            style="padding-block-start: 0;"
           >
             <div
-              class="ant-tabs-nav"
-              role="tablist"
+              class="ant-pro-table"
             >
               <div
-                class="ant-tabs-nav-wrap"
+                class="ant-pro-card ant-pro-table-search ant-pro-table-search-query-filter"
               >
-                <div
-                  class="ant-tabs-nav-list"
-                  style="transform: translate(0px, 0px);"
+                <form
+                  autocomplete="off"
+                  class="ant-form ant-form-horizontal ant-pro-query-filter ant-pro-form"
                 >
+                  <input
+                    style="display: none;"
+                    type="text"
+                  />
                   <div
-                    class="ant-tabs-tab ant-tabs-tab-active"
-                    data-node-key="base"
-                  >
-                    <div
-                      aria-controls="rc-tabs-test-panel-base"
-                      aria-selected="true"
-                      class="ant-tabs-tab-btn"
-                      id="rc-tabs-test-tab-base"
-                      role="tab"
-                      tabindex="0"
-                    >
-                      基本信息
-                    </div>
-                  </div>
-                  <div
-                    class="ant-tabs-tab ant-tabs-tab-with-remove"
-                    data-node-key="info"
+                    class="ant-row ant-row-start ant-pro-query-filter-row"
+                    style="margin-left: -12px; margin-right: -12px;"
                   >
                     <div
-                      aria-controls="rc-tabs-test-panel-info"
-                      aria-selected="false"
-                      class="ant-tabs-tab-btn"
-                      id="rc-tabs-test-tab-info"
-                      role="tab"
-                      tabindex="0"
+                      class="ant-col ant-col-8 ant-col-offset-16"
+                      style="padding-left: 12px; padding-right: 12px; text-align: end;"
                     >
-                      详细信息
-                    </div>
-                    <button
-                      aria-label="remove"
-                      class="ant-tabs-tab-remove"
-                      tabindex="0"
-                      type="button"
-                    >
-                      <span
-                        aria-label="close"
-                        class="anticon anticon-close"
-                        role="img"
+                      <div
+                        class="ant-form-item ant-pro-query-filter-actions"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="close"
-                          fill="currentColor"
-                          fill-rule="evenodd"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
+                        <div
+                          class="ant-row ant-form-item-row"
                         >
-                          <path
-                            d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
-                          />
-                        </svg>
-                      </span>
-                    </button>
+                          <div
+                            class="ant-col ant-form-item-label"
+                          >
+                            <label
+                              class="ant-form-item-no-colon"
+                              title=" "
+                            >
+                               
+                            </label>
+                          </div>
+                          <div
+                            class="ant-col ant-form-item-control"
+                          >
+                            <div
+                              class="ant-form-item-control-input"
+                            >
+                              <div
+                                class="ant-form-item-control-input-content"
+                              >
+                                <div
+                                  class="ant-space ant-space-horizontal ant-space-align-center"
+                                >
+                                  <div
+                                    class="ant-space-item"
+                                  >
+                                    <div
+                                      style="display: flex; gap: 8px; align-items: center;"
+                                    >
+                                      <button
+                                        class="ant-btn ant-btn-default"
+                                        type="button"
+                                      >
+                                        <span>
+                                          重 置
+                                        </span>
+                                      </button>
+                                      <button
+                                        class="ant-btn ant-btn-primary"
+                                        type="button"
+                                      >
+                                        <span>
+                                          查 询
+                                        </span>
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
                   </div>
-                  <div
-                    class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                    style="left: 0px; width: 0px;"
-                  />
-                </div>
+                </form>
               </div>
               <div
-                class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
+                class="ant-pro-card"
               >
-                <button
-                  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"
+                <div
+                  class="ant-pro-card-body"
+                  style="padding-block-start: 0;"
                 >
-                  <span
-                    aria-label="ellipsis"
-                    class="anticon anticon-ellipsis"
-                    role="img"
+                  <div
+                    class="ant-pro-table-list-toolbar"
                   >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="ellipsis"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
+                    <div
+                      class="ant-pro-table-list-toolbar-container"
                     >
-                      <path
-                        d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
+                      <div
+                        class="ant-pro-table-list-toolbar-left"
                       />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="ant-tabs-extra-content"
-              >
-                测试tabBarExtraContent
-              </div>
-            </div>
-            <div
-              class="ant-tabs-content-holder"
-            >
-              <div
-                class="ant-tabs-content ant-tabs-content-top"
-              >
-                <div
-                  aria-hidden="false"
-                  aria-labelledby="rc-tabs-test-tab-base"
-                  class="ant-tabs-tabpane ant-tabs-tabpane-active"
-                  id="rc-tabs-test-panel-base"
-                  role="tabpanel"
-                  tabindex="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="ant-pro-grid-content"
-      >
-        <div
-          class="ant-pro-grid-content-children"
-        >
-          <div
-            class="ant-pro-page-container-children-container"
-          >
-            <div
-              class="ant-pro-card ant-pro-card-contain-card ant-pro-card-ghost"
-            >
-              <div
-                class="ant-pro-card-body ant-pro-card-body-direction-column"
-              >
-                <div
-                  class="ant-pro-card-col"
-                  style="padding-block-start: 8px; padding-block-end: 8px;"
-                >
+                      <div
+                        class="ant-pro-table-list-toolbar-right"
+                        style="align-items: center;"
+                      >
+                        <div
+                          class="ant-pro-table-list-toolbar-setting-items"
+                        >
+                          <div
+                            class="ant-pro-table-list-toolbar-setting-item"
+                          >
+                            <span>
+                              <span
+                                aria-label="reload"
+                                class="anticon anticon-reload"
+                                role="img"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="reload"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 00-10.1 4.8c-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 01655.9 829c-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 01279 755.2a342.16 342.16 0 01-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 01109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </div>
+                          <div
+                            class="ant-pro-table-list-toolbar-setting-item"
+                          >
+                            <span>
+                              <span
+                                aria-label="column-height"
+                                class="anticon anticon-column-height ant-dropdown-trigger"
+                                role="img"
+                                tabindex="-1"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  data-icon="column-height"
+                                  fill="currentColor"
+                                  focusable="false"
+                                  height="1em"
+                                  viewBox="64 64 896 896"
+                                  width="1em"
+                                >
+                                  <path
+                                    d="M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 00-11.3 0L403.6 366.3a7.23 7.23 0 005.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                          </div>
+                          <div
+                            class="ant-pro-table-list-toolbar-setting-item"
+                          >
+                            <span
+                              aria-label="setting"
+                              class="anticon anticon-setting"
+                              role="img"
+                              tabindex="-1"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                data-icon="setting"
+                                fill="currentColor"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 009.3-35.2l-.9-2.6a443.74 443.74 0 00-79.7-137.9l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.4a351.86 351.86 0 00-99 57.4l-81.9-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a446.02 446.02 0 00-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0025.8 25.7l2.7.5a449.4 449.4 0 00159 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-85a350 350 0 0099.7-57.6l81.3 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 01-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 01-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 01512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 01400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 01624 502c0 29.9-11.7 58-32.8 79.2z"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                   <div
-                    class="ant-pro-card"
-                    style="height: 200px;"
+                    class="ant-table-wrapper"
                   >
                     <div
-                      class="ant-pro-card-body"
-                    />
+                      class="ant-spin-nested-loading"
+                    >
+                      <div
+                        class="ant-spin-container"
+                      >
+                        <div
+                          class="ant-table ant-table-middle ant-table-empty"
+                        >
+                          <div
+                            class="ant-table-container"
+                          >
+                            <div
+                              class="ant-table-content"
+                            >
+                              <table
+                                style="table-layout: auto;"
+                              >
+                                <colgroup />
+                                <thead
+                                  class="ant-table-thead"
+                                >
+                                  <tr>
+                                    <td
+                                      class="ant-table-cell"
+                                    />
+                                  </tr>
+                                </thead>
+                                <tbody
+                                  class="ant-table-tbody"
+                                >
+                                  <tr
+                                    class="ant-table-placeholder"
+                                  >
+                                    <td
+                                      class="ant-table-cell"
+                                    >
+                                      <div
+                                        class="ant-empty ant-empty-normal"
+                                      >
+                                        <div
+                                          class="ant-empty-image"
+                                        >
+                                          <svg
+                                            height="41"
+                                            viewBox="0 0 64 41"
+                                            width="64"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                          >
+                                            <g
+                                              fill="none"
+                                              fill-rule="evenodd"
+                                              transform="translate(0 1)"
+                                            >
+                                              <ellipse
+                                                cx="32"
+                                                cy="33"
+                                                fill="#f5f5f5"
+                                                rx="32"
+                                                ry="7"
+                                              />
+                                              <g
+                                                fill-rule="nonzero"
+                                                stroke="#d9d9d9"
+                                              >
+                                                <path
+                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+                                                />
+                                                <path
+                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
+                                                  fill="#fafafa"
+                                                />
+                                              </g>
+                                            </g>
+                                          </svg>
+                                        </div>
+                                        <div
+                                          class="ant-empty-description"
+                                        >
+                                          暂无数据
+                                        </div>
+                                      </div>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -1563,33 +1691,6 @@ exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContai
         </div>
       </div>
     </div>
-    <div
-      class="ant-pro-footer-bar"
-    >
-      <div
-        class="ant-pro-footer-bar-left"
-      />
-      <div
-        class="ant-pro-footer-bar-right"
-      >
-        <button
-          class="ant-btn ant-btn-default"
-          type="button"
-        >
-          <span>
-            重 置
-          </span>
-        </button>
-        <button
-          class="ant-btn ant-btn-primary"
-          type="button"
-        >
-          <span>
-            提 交
-          </span>
-        </button>
-      </div>
-    </div>
   </div>
 </DocumentFragment>
 `;
@@ -4174,13 +4275,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/AlwaysDefaultOp
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -4475,13 +4577,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/BreadcrumbsRepe
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -4718,13 +4821,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/DefaultOpenAllM
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -4961,13 +5065,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/IconFont.tsx co
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -5204,13 +5309,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/MenuGroup.tsx c
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -5469,13 +5575,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/MultipleMenuOne
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -5680,13 +5787,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/Nested.tsx corr
                         </div>
                       </div>
                       <div
-                        class="ant-pro-grid-content"
+                        class="ant-pro-grid-content ant-pro-grid-content-wide"
                       >
                         <div
                           class="ant-pro-grid-content-children"
                         >
                           <div
                             class="ant-pro-page-container-children-container"
+                            style="padding-block-start: 32px;"
                           >
                             <div>
                               Hello World
@@ -6014,13 +6122,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/TopmenuNested.t
                         </div>
                       </div>
                       <div
-                        class="ant-pro-grid-content"
+                        class="ant-pro-grid-content ant-pro-grid-content-wide"
                       >
                         <div
                           class="ant-pro-grid-content-children"
                         >
                           <div
                             class="ant-pro-page-container-children-container"
+                            style="padding-block-start: 32px;"
                           >
                             <div>
                               Hello World
@@ -6294,13 +6403,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/antd@4MenuIconF
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     style="height: 120vh; min-height: 600px;"
@@ -6780,13 +6890,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/api.tsx correct
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   Hello World
                 </div>
@@ -7888,13 +7999,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/background-cont
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -8272,13 +8384,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/base.tsx correc
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -8350,7 +8463,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/base.tsx correc
           </main>
           <div
             class="my-prefix-layout-has-footer"
-            style="height: 64px; margin-block-start: 24px;"
+            style="height: 64px; margin-block-start: 32px;"
           />
         </div>
       </div>
@@ -8705,13 +8818,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/classicMode.tsx
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -8758,7 +8872,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/classicMode.tsx
           </main>
           <div
             class="ant-pro-layout-has-footer"
-            style="height: 64px; margin-block-start: 24px;"
+            style="height: 64px; margin-block-start: 32px;"
           />
         </div>
       </div>
@@ -9077,13 +9191,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/collapsedShowTi
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     class="ant-pro-card"
@@ -9130,7 +9245,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/collapsedShowTi
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
@@ -9778,13 +9893,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/config-provider
               </div>
             </div>
             <div
-              class="qixian-pro-grid-content"
+              class="qixian-pro-grid-content qixian-pro-grid-content-wide"
             >
               <div
                 class="qixian-pro-grid-content-children"
               >
                 <div
                   class="qixian-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     style="height: 120vh; min-height: 600px;"
@@ -10154,7 +10270,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/config-provider
         </main>
         <div
           class="qixian-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
@@ -10463,13 +10579,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/customSider.tsx
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -10756,13 +10873,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/customize-colla
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     style="height: 120vh; min-height: 600px;"
@@ -10971,13 +11089,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/customizeMenu.t
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     Hello World
                   </div>
@@ -11317,13 +11436,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/dark.tsx correc
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     class="ant-pro-card"
@@ -11370,7 +11490,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/dark.tsx correc
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
@@ -11707,13 +11827,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/debug-demo.tsx
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     class="ant-pro-card"
@@ -11760,7 +11881,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/debug-demo.tsx
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
@@ -12118,13 +12239,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/designMenuCss.t
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -12171,7 +12293,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/designMenuCss.t
           </main>
           <div
             class="ant-pro-layout-has-footer"
-            style="height: 64px; margin-block-start: 24px;"
+            style="height: 64px; margin-block-start: 32px;"
           />
         </div>
       </div>
@@ -12501,13 +12623,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/designSiderMenu
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -13636,7 +13759,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/dynamic-setting
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
@@ -13647,6 +13770,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/dynamic-setting
                   >
                     <div
                       class="ant-pro-page-container-children-container"
+                      style="padding-block-start: 32px;"
                     >
                       <div
                         style="height: 120vh; min-height: 600px;"
@@ -14021,7 +14145,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/dynamic-setting
           </main>
           <div
             class="ant-pro-layout-has-footer"
-            style="height: 64px; margin-block-start: 24px;"
+            style="height: 64px; margin-block-start: 32px;"
           />
         </div>
       </div>
@@ -14308,13 +14432,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/dynamicMenu.tsx
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div>
                     当从服务器获取的菜单为空时隐藏Sider：
@@ -14834,13 +14959,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/footer.tsx corr
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   Hello World
                 </div>
@@ -15263,13 +15389,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/footer-global-t
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -15689,13 +15816,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/ghost.tsx corre
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card ant-pro-card-contain-card ant-pro-card-ghost"
@@ -16742,13 +16870,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/hideMenu.tsx co
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   Hello World
                 </div>
@@ -17295,13 +17424,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/immersive-navig
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 0;"
                 >
                   <div
                     style="height: 120vh; min-height: 600px;"
@@ -17973,7 +18103,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/menu-group.tsx
               class="ant-pro-page-container"
             >
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
@@ -17984,6 +18114,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/menu-group.tsx
                   >
                     <div
                       class="ant-pro-page-container-children-container"
+                      style="padding-block-start: 32px;"
                     >
                       <div
                         class="ant-pro-card"
@@ -18640,13 +18771,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/mixMode.tsx cor
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -18972,13 +19104,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/pageSimplify.ts
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -19289,13 +19422,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/searchMenu.tsx
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -19608,13 +19742,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/siderMode.tsx c
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -19938,13 +20073,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/siteMenu.tsx co
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
@@ -20603,6 +20739,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/splitMenus.tsx
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   xxxx
                 </div>
@@ -20967,13 +21104,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/theme.tsx corre
               </div>
             </div>
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     class="ant-pro-card"
@@ -21020,7 +21158,7 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/theme.tsx corre
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
@@ -21326,13 +21464,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/top-breadcrumb.
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div>
                       Hello World
@@ -21645,13 +21784,14 @@ exports[`layout demos > 📸 renders ./packages/layout/src/demos/topMode.tsx cor
                 </div>
               </div>
               <div
-                class="ant-pro-grid-content"
+                class="ant-pro-grid-content ant-pro-grid-content-wide"
               >
                 <div
                   class="ant-pro-grid-content-children"
                 >
                   <div
                     class="ant-pro-page-container-children-container"
+                    style="padding-block-start: 32px;"
                   >
                     <div
                       class="ant-pro-card"
diff --git a/tests/layout/__snapshots__/pageContainer.test.tsx.snap b/tests/layout/__snapshots__/pageContainer.test.tsx.snap
index b7e5ee29976e..5b9269dc178a 100644
--- a/tests/layout/__snapshots__/pageContainer.test.tsx.snap
+++ b/tests/layout/__snapshots__/pageContainer.test.tsx.snap
@@ -98,7 +98,7 @@ exports[`PageContainer > ⚡️ support more loading props 1`] = `
       </div>
     </div>
     <div
-      class="ant-pro-grid-content"
+      class="ant-pro-grid-content ant-pro-grid-content-wide"
     >
       <div
         class="ant-pro-grid-content-children"
@@ -159,7 +159,7 @@ exports[`PageContainer > 🌛 PageContainer with custom loading 1`] = `
       </div>
     </div>
     <div
-      class="ant-pro-grid-content"
+      class="ant-pro-grid-content ant-pro-grid-content-wide"
     >
       <div
         class="ant-pro-grid-content-children"
@@ -402,13 +402,14 @@ exports[`PageContainer > 🐲 FooterToolbar should know width 1`] = `
             class="ant-pro-page-container"
           >
             <div
-              class="ant-pro-grid-content"
+              class="ant-pro-grid-content ant-pro-grid-content-wide"
             >
               <div
                 class="ant-pro-grid-content-children"
               >
                 <div
                   class="ant-pro-page-container-children-container"
+                  style="padding-block-start: 32px;"
                 >
                   <div
                     class="ant-pro-footer-bar"
@@ -434,7 +435,7 @@ exports[`PageContainer > 🐲 FooterToolbar should know width 1`] = `
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>
@@ -781,7 +782,7 @@ exports[`PageContainer > 🐲 footer should know width 1`] = `
         </main>
         <div
           class="ant-pro-layout-has-footer"
-          style="height: 64px; margin-block-start: 24px;"
+          style="height: 64px; margin-block-start: 32px;"
         />
       </div>
     </div>