feat: 样式调整

src/components/BackTop.astro

@@ -46,12 +46,16 @@ import backTopIcon from "@/assets/icon/back-top.svg?url";
     display: none;
   }
 
-  .back-top :global(img) {
+  .back-top img {
     width: 100%;
     height: 100%;
     display: block;
   }
 
+  :global(.dark) .back-top img {
+    filter: invert(1);
+  }
+
   .back-top:focus-visible {
     outline: 2px solid currentColor;
     outline-offset: 4px;

src/components/BaseFooter.astro

@@ -1,8 +1,12 @@
 ---
+import { metadata } from "../consts";
+
+const year = new Date().getFullYear();
 ---
 
 <footer>
   <div class="content">
+    <span>© 2026 {metadata.siteTitle}</span>
     <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">
       备案号：鄂ICP备2023000060号-2
     </a>
@@ -12,22 +16,23 @@
 
 <style>
   footer {
-    background: #ffffff;
+    background: #22252b;
     height: 70px;
     overflow: hidden;
     flex-shrink: 0;
-    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 2px;
+    box-shadow: var(--shadow);
   }
 
   .content {
     max-width: var(--layout-width);
     margin: 0 auto;
-    color: #1f2937;
+    color: #fff;
     display: flex;
     align-items: center;
     height: 100%;
     font-size: 14px;
     justify-content: center;
+    gap: 12px;
   }
 
   :global(.dark) footer {

src/components/BaseHeader.astro

@@ -28,7 +28,7 @@ import ThemeIcon from './ThemeIcon.astro'
     position: sticky;
     top: 0;
     z-index: 99999;
-    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+    box-shadow: var(--shadow);
     flex-shrink: 0;
     background: #fff;
   }

src/components/IndexView.astro

@@ -12,13 +12,14 @@ interface Props {
 
 const {posts, page, totalPage, categories} = Astro.props
 ---
-
-<div class="container">
-  <PostList posts={posts} page={page} totalPage={totalPage}/>
-
-  <IndexSidebar categories={categories}/>
+<div class="page-content">
+  <div class="container">
+    <PostList posts={posts} page={page} totalPage={totalPage}/>
+    <IndexSidebar categories={categories}/>
+  </div>
 </div>
 
+
 <style>
   .container {
     width: 100%;

src/components/PostList.astro

@@ -94,9 +94,11 @@ posts.map((post) => {
     gap: 22px;
   }
 
-  .post-card:hover {
-    transform: translateY(-3px);
-    box-shadow: var(--shadow-hover);
+  @media (hover: hover) and (pointer: fine) {
+    .post-card:hover {
+      transform: translateY(-3px);
+      box-shadow: var(--shadow-hover);
+    }
   }
 
   .post-cover {
@@ -233,8 +235,6 @@ posts.map((post) => {
       width: 128px;
       height: 88px;
     }
-
-
   }
 
   @media (max-width: 560px) {