style: 修复样式异常

src/components/IndexSidebar.astro

@@ -57,6 +57,7 @@ const { data: tags } =
 
 <style>
   .sidebar {
+    flex-shrink: 0;
     width: 300px;
     height: 100%;
     display: flex;

src/components/IndexView.astro

@@ -25,6 +25,7 @@ const {posts, page, totalPage} = Astro.props;
 
 <style>
   .container {
+    flex: 1;
     width: 100%;
     display: flex;
     gap: 28px;
@@ -34,6 +35,7 @@ const {posts, page, totalPage} = Astro.props;
     display: flex;
     flex-direction: column;
     gap: 32px;
+    flex: 1;
   }
 
   @media (max-width: 860px) {

src/pages/archive.astro

@@ -51,6 +51,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
   }
 
   .archive {
+    width: 100%;
     max-width: 860px;
     margin: 0 auto;
   }

src/pages/search.astro

@@ -123,6 +123,7 @@ const buildSearchUrl = (type: 'category' | 'tag', code: string) => {
     gap: 14px;
     margin: 0 auto;
     max-width: 860px;
+    width: 100%;
   }
 
   .search-header {

src/styles/global.css

@@ -52,6 +52,9 @@ body {
   max-width: var(--layout-width);
   margin: 0 auto;
   padding: 32px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 @media (max-width: 768px) {