diff --git a/.vitepress/theme/components/CategoryCards.vue b/.vitepress/theme/components/CategoryCards.vue
index b6e956f..7ed7589 100644
--- a/.vitepress/theme/components/CategoryCards.vue
+++ b/.vitepress/theme/components/CategoryCards.vue
@@ -50,6 +50,20 @@ import { data as categories } from "../category.data";
     background-color: transparent;
 }
 
+@media (min-width: 640px) {
+    .home-categories {
+        padding-right: 48px;
+        padding-left: 48px;
+    }
+}
+
+@media (min-width: 960px) {
+    .home-categories {
+        padding-right: 64px;
+        padding-left: 64px;
+    }
+}
+
 .category-container {
     max-width: 1152px;
     margin: 0 auto;
@@ -95,19 +109,19 @@ import { data as categories } from "../category.data";
 
 .category-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 16px;
 }
 
 .category-card {
     position: relative;
     display: flex;
-    min-height: 176px;
     flex-direction: column;
     overflow: hidden;
-    padding: 20px;
+    padding: 24px;
+    height: 100%;
     border: 1px solid var(--y-border);
-    border-radius: 8px;
+    border-radius: 12px;
     background: var(--y-bg);
     backdrop-filter: blur(12px);
     transition:
@@ -171,7 +185,7 @@ import { data as categories } from "../category.data";
     position: absolute;
     z-index: 1;
     inset: 0;
-    border-radius: 8px;
+    border-radius: 12px;
     content: "";
 }
 
@@ -219,9 +233,9 @@ import { data as categories } from "../category.data";
     transform: translateX(4px);
 }
 
-@media (max-width: 640px) {
+@media (max-width: 639px) {
     .home-categories {
-        padding: 36px 20px 0;
+        padding: 36px 24px 0;
     }
 
     .category-title {
@@ -234,9 +248,11 @@ import { data as categories } from "../category.data";
     .category-grid {
         grid-template-columns: 1fr;
     }
+}
 
-    .category-card {
-        min-height: 158px;
+@media (min-width: 640px) and (max-width: 959px) {
+    .category-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }
 
diff --git a/.vitepress/theme/components/RecentPosts.vue b/.vitepress/theme/components/RecentPosts.vue
index 4fea9c9..c2d979c 100644
--- a/.vitepress/theme/components/RecentPosts.vue
+++ b/.vitepress/theme/components/RecentPosts.vue
@@ -79,6 +79,20 @@ html.dark {
     background-color: transparent;
 }
 
+@media (min-width: 640px) {
+    .home-posts {
+        padding-right: 48px;
+        padding-left: 48px;
+    }
+}
+
+@media (min-width: 960px) {
+    .home-posts {
+        padding-right: 64px;
+        padding-left: 64px;
+    }
+}
+
 .container {
     max-width: 1152px;
     margin: 0 auto;
@@ -124,16 +138,17 @@ html.dark {
 
 .grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-    gap: 28px;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 16px;
 }
 
 .card {
     position: relative;
     display: flex;
     flex-direction: column;
-    padding: 32px 28px;
-    border-radius: 8px;
+    padding: 24px;
+    height: 100%;
+    border-radius: 12px;
     background: var(--y-bg);
     border: 1px solid var(--y-border);
     backdrop-filter: blur(12px);
@@ -152,7 +167,7 @@ html.dark {
     position: absolute;
     z-index: 1;
     inset: 0;
-    border-radius: 8px;
+    border-radius: 12px;
     content: '';
 }
 
@@ -295,4 +310,16 @@ html.dark {
 .card:hover .icon-arrow::after {
     border-color: var(--y-yellow);
 }
+
+@media (min-width: 640px) and (max-width: 959px) {
+    .grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 639px) {
+    .grid {
+        grid-template-columns: 1fr;
+    }
+}
 </style>
diff --git a/.vitepress/theme/styles/hidden.css b/.vitepress/theme/styles/hidden.css
index ab24d84..5f66b4d 100644
--- a/.vitepress/theme/styles/hidden.css
+++ b/.vitepress/theme/styles/hidden.css
@@ -1,12 +1,5 @@
 :root {
 
-    /* 文档页Logo出文字下横条 */
-    @media (min-width: 960px) {
-        .VPNavBarTitle.has-sidebar .title {
-            border-bottom-color: transparent;
-        }
-    }
-
     /* 页脚横条隐藏 */
     .VPFooter {
         border-top: none;
@@ -33,9 +26,3 @@
     }
 
 }
-
-
-/* 导航栏下划线隐藏 */
-.divider {
-    display: none;
-}
\ No newline at end of file