diff --git a/docs/.vitepress/src/components/DocMenu.vue b/docs/.vitepress/src/components/DocMenu.vue
index 98ffbfd106bb1631dffd002f13bdead2fac394b0..732ea176d938e998d008eb30cb08d7df56916147 100644
--- a/docs/.vitepress/src/components/DocMenu.vue
+++ b/docs/.vitepress/src/components/DocMenu.vue
@@ -129,6 +129,10 @@ const expanded = useVModel(props, 'expanded', emits);
     @include hover {
       --menu-item-bg-color-hover: transparent;
     }
+
+    @include respond-to('<=laptop') {
+      margin-bottom: 12px;
+    }
   }
 
   .menu-content {
diff --git a/docs/.vitepress/src/components/DocSearch.vue b/docs/.vitepress/src/components/DocSearch.vue
index 8c2435c44c71cdedd461ec45cb461897a701ad7a..c54a05a460bdd5adceb32ceaf50a3bef9232564a 100644
--- a/docs/.vitepress/src/components/DocSearch.vue
+++ b/docs/.vitepress/src/components/DocSearch.vue
@@ -64,9 +64,26 @@ const clearSearchDoc = () => {
   .o-input {
     transition: width var(--o-easing-standard-in) var(--o-duration-m2);
   }
-  margin-bottom: 22px;
+  margin-bottom: 24px;
   height: 40px;
   width: var(--layout-doc-menu-width);
+
+  @include respond-to('<=laptop') {
+    margin-bottom: 12px;
+
+    .o-icon svg {
+      width: 16px;
+    }
+  }
+
+  @include respond-to('phone') {
+    height: 38px;
+    margin-bottom: 8px;
+
+    .o-input {
+      @include text2;
+    }
+  }
 }
 .search-panel {
   width: 100%;
diff --git a/docs/.vitepress/src/components/FloatingButton.vue b/docs/.vitepress/src/components/FloatingButton.vue
index d6f5ccbb38b5a058d0dbd9cdb18abbd4e1ed4476..e17f84e962369db35749ba9160b0de33e06be234 100644
--- a/docs/.vitepress/src/components/FloatingButton.vue
+++ b/docs/.vitepress/src/components/FloatingButton.vue
@@ -61,7 +61,7 @@ onUnmounted(() => {
 .feedback-home {
   position: fixed;
   bottom: 257px;
-  right: 80px;
+  right: 64px;
   z-index: 10;
   height: 200px;
 
diff --git a/docs/.vitepress/src/components/FloatingButtonDocs.vue b/docs/.vitepress/src/components/FloatingButtonDocs.vue
index 7d6f401775e6d6e11c28638c6187833628f77ece..22f0302948dfcc4dea2d89d50a42579f7831ae9d 100644
--- a/docs/.vitepress/src/components/FloatingButtonDocs.vue
+++ b/docs/.vitepress/src/components/FloatingButtonDocs.vue
@@ -360,12 +360,21 @@ onUnmounted(() => {
 .feedback {
   position: fixed;
   bottom: 160px;
-  right: 80px;
+  right: 64px;
   z-index: 10;
   height: 200px;
+  width: 48px;
 
   @include respond-to('<=laptop') {
-    right: 24px;
+    right: 40px;
+  }
+
+  @include respond-to('<=pad') {
+    right: 32px;
+  }
+
+  @include respond-to('phone') {
+    right: 12px;
   }
 }
 .dark-nav {
@@ -381,7 +390,7 @@ onUnmounted(() => {
 .nav-box2 {
   display: flex;
   flex-direction: column;
-  padding: 16px 12px;
+  padding: 12px;
   background-color: var(--o-color-fill2);
   border-radius: var(--o-radius-xs);
   box-shadow: var(--o-shadow-2);
@@ -393,6 +402,7 @@ onUnmounted(() => {
   color: var(--o-color-info1);
   cursor: pointer;
   .text-name {
+    transform: scale(0.8);
     @include tip2;
   }
 
@@ -407,6 +417,7 @@ onUnmounted(() => {
 }
 .o-link {
   margin-top: 12px;
+  padding: 0;
 }
 
 .nav-box2 {
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index 835f1f7833380ea25b2d89dc13444787f49062ce..20327d000c7accbaa03d4913a3c7d65e153ae425 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -424,6 +424,7 @@ onUnmounted(() => {
       </div>
     </div>
     <div v-if="isPhone" class="doc-menu-mb" :class="[isSidebarHidden ? 'is-closed' : '']">
+      <DocSearch @switchVisible="isSidebarHidden = true" />
       <DocMenu
         v-model="menuStore.menuValue"
         v-model:expanded="menuStore.menuExpanded"
@@ -521,20 +522,24 @@ onUnmounted(() => {
   --layout-doc-menu-gap: 32px;
   // 文档左间距
   --layout-doc-offset-left: calc(var(--layout-doc-menu-width) + var(--layout-doc-menu-offset-left) + var(--layout-doc-menu-gap));
+  // 文档右间距
+  --layout-doc-offset-right: 140px;
 
   @include respond-to('<=laptop') {
     --layout-doc-content-padding: 24px;
     --layout-doc-menu-offset-left: max(calc(40px + (var(--vw100) - 1920px) / 2), 40px);
     --layout-doc-menu-width: 206px;
     --layout-doc-menu-gap: 24px;
+    --layout-doc-offset-right: 112px;
   }
 
   @include respond-to('<=pad') {
     --layout-doc-content-padding: 12px 16px;
-    --layout-doc-menu-offset-left: max(calc(32px + (var(--vw100) - 1920px) / 2), 32px);
+    --layout-doc-menu-offset-left: max(calc(2px + (var(--vw100) - 1920px) / 2), 32px);
     --layout-doc-menu-gap: 32px;
     --layout-doc-offset-left: var(--layout-doc-menu-gap);
-    --layout-doc-width: min(1200px, calc(var(--vw100) - var(--layout-doc-menu-offset-left) * 2));
+    --layout-doc-width: min(1200px, calc(var(--vw100) - var(--layout-doc-menu-offset-left) - var(--layout-doc-offset-right)));
+    --layout-doc-offset-right: 92px;
   }
   @include respond-to('phone') {
     --layout-doc-content-padding: 12px;
@@ -659,7 +664,7 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px 24px;
+  padding: 12px 24px;
   background-color: var(--o-color-fill2);
   box-shadow: var(--o-shadow-2);
 }
@@ -682,12 +687,12 @@ onUnmounted(() => {
 }
 .doc-menu-mb {
   width: 255px;
-  height: calc(100% - var(--layout-header-height) - 56px);
+  height: calc(100% - var(--layout-header-height) - 48px);
   background-color: var(--o-color-fill2);
   padding: 16px 4px 16px 24px;
   position: fixed;
   z-index: 35;
-  top: calc(var(--layout-header-height) + 56px);
+  top: calc(var(--layout-header-height) + 48px);
   left: 0;
 }
 .doc-menu-mb.is-closed {
@@ -778,10 +783,10 @@ onUnmounted(() => {
   padding-top: var(--layout-doc-padding-top);
   padding-bottom: var(--layout-doc-padding-bottom);
   margin-left: var(--layout-doc-offset-left);
-  margin-right: var(--layout-doc-menu-offset-left);
+  margin-right: var(--layout-doc-offset-right);
   width: var(--layout-doc-width);
   @include respond-to('phone') {
-    padding-top: calc(var(--layout-doc-padding-top) + 48px);
+    padding-top: calc(var(--layout-doc-padding-top) + 40px);
   }
 }
 
diff --git a/docs/.vitepress/src/views/home/TheHome.vue b/docs/.vitepress/src/views/home/TheHome.vue
index 16bcff15e3daf07825a98028422c2f61035a23c4..1ec64227ba7b910d8b321f69beb81f7ec19599f7 100644
--- a/docs/.vitepress/src/views/home/TheHome.vue
+++ b/docs/.vitepress/src/views/home/TheHome.vue
@@ -309,6 +309,12 @@ const hotSearch = (val: string) => {
   }
 }
 
+@include respond-to('laptop') {
+  .content-wrapper {
+    --layout-content-padding: 98px;
+  }
+}
+
 @include respond-to('<=pad') {
   .banner-card {
     margin-top: 16px;
diff --git a/docs/.vitepress/src/views/search/TheSearchResult.vue b/docs/.vitepress/src/views/search/TheSearchResult.vue
index 60046ab1eec6830a48a3ab305acadbbf716eee9e..bb84f7c562bf7e663cbbbbc95053e5acf7be0974 100644
--- a/docs/.vitepress/src/views/search/TheSearchResult.vue
+++ b/docs/.vitepress/src/views/search/TheSearchResult.vue
@@ -316,4 +316,32 @@ const goToPage = (href: string) => {
   height: calc(100vh - var(--layout-header-height) - 246px);
   overflow: hidden;
 }
+
+@include respond-to('<=laptop') {
+  .search-result {
+    padding: 24px;
+  }
+
+  .search-header {
+    margin-top: 16px;
+  }
+
+  .search-result-item {
+    margin-top: 24px;
+  }
+}
+
+@include respond-to('<=pad') {
+  .search-result {
+    padding: 16px;
+  }
+
+  .search-header {
+    margin-top: 12px;
+  }
+
+  .search-result-item {
+    margin-top: 16px;
+  }
+}
 </style>