From d7bbb7b70b06be8e48f3c2c955d358be17e42e6b Mon Sep 17 00:00:00 2001
From: xy <10816187@qq.com>
Date: Fri, 14 Aug 2026 22:40:26 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E8=A7=86=E8=A7=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Post/Item.astro       | 11 +----------
 src/components/Post/List.astro       |  6 ++++++
 src/components/Post/Pagination.astro | 13 ++++++++++---
 src/pages/search.astro               |  2 +-
 src/styles/css-reset.css             |  1 +
 5 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/components/Post/Item.astro b/src/components/Post/Item.astro
index d806112..aad7de3 100644
--- a/src/components/Post/Item.astro
+++ b/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;
diff --git a/src/components/Post/List.astro b/src/components/Post/List.astro
index 3fc0dee..80b39c3 100644
--- a/src/components/Post/List.astro
+++ b/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>
diff --git a/src/components/Post/Pagination.astro b/src/components/Post/Pagination.astro
index 3d8f61b..bd46efc 100644
--- a/src/components/Post/Pagination.astro
+++ b/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,
diff --git a/src/pages/search.astro b/src/pages/search.astro
index 8556dc6..14b6028 100644
--- a/src/pages/search.astro
+++ b/src/pages/search.astro
@@ -41,7 +41,7 @@ const {data:posts} = await http.get<ApiResponse<Post[]>>("posts/search", {
 const count = posts.length
 
 const pageTitle =
-  f_count === 0 ? "所有文章" : [findCategory?.name, findTag?.name,]
+  f_count === 0 ? "所有文章" : [findCategory?.name, findTag?.name]
     .filter(Boolean)
     .join(" · ")
 
diff --git a/src/styles/css-reset.css b/src/styles/css-reset.css
index 5ca4cfd..7c06853 100644
--- a/src/styles/css-reset.css
+++ b/src/styles/css-reset.css
@@ -1,6 +1,7 @@
 * {
   margin: 0;
   padding: 0;
+  box-sizing: border-box;
 }
 
 a {