style: 调整移动端视觉

src/components/Post/Item.astro

@@ -142,10 +142,6 @@ const published_at = formatDatetime(post.published_at, 'YYYY-MM-DD')
   }
 
   @media (max-width: 860px) {
-    .post-list {
-      gap: 16px;
-    }
-
     .post-card {
       padding: 16px;
       gap: 12px;
@@ -172,7 +168,7 @@ const published_at = formatDatetime(post.published_at, 'YYYY-MM-DD')
     }
 
     .post-title {
-      font-size: 16px;
+      font-size: 14px;
       margin-bottom: 4px;
     }
 
@@ -181,11 +177,6 @@ const published_at = formatDatetime(post.published_at, 'YYYY-MM-DD')
       font-size: 12px;
     }
 
-    .post-cover {
-      width: 100px;
-      height: 62px;
-    }
-
     .post-summary {
       font-size: 12px;
       margin-bottom: 6px;

src/components/Post/List.astro

@@ -28,4 +28,10 @@ const {posts} = Astro.props
     flex-direction: column;
     gap: 20px;
   }
+
+  @media (max-width: 860px){
+    .post-list{
+      gap: 12px;
+    }
+  }
 </style>

src/components/Post/Pagination.astro

@@ -24,9 +24,10 @@ const {page, totalPage} = Astro.props
 <style>
   /* ========== 分页 ========== */
   .pagination {
-    display: flex;
-    justify-content: center;
-    gap: 8px;
+    width: 100%;
+    text-align: center;
+    white-space: nowrap;
+    overflow-x: auto;
   }
 
   .link {
@@ -42,6 +43,12 @@ const {page, totalPage} = Astro.props
     font-size: 14px;
     color: var(--text-secondary);
     transition: all 0.2s;
+    white-space: nowrap;
+    margin-left: 8px;
+  }
+
+  .link:first-child {
+    margin-left: 0;
   }
 
   .link:hover,