style: 优化暗黑模式下标签样式

src/components/IndexSidebar.astro

@@ -118,7 +118,7 @@ const { data: categories } =
 
   .tag {
     font-size: 12px;
-    color: var(--primary);
+    color: var(--tag-text);
     background: var(--tag-bg);
     padding: 3px 10px;
     border-radius: 999px;

src/components/PostList.astro

@@ -86,7 +86,7 @@ posts.map((post) => {
     background: var(--card-bg);
     border-radius: 12px;
     box-shadow: var(--shadow);
-    padding: 20px;
+    padding: 16px;
     transition: transform 0.2s, box-shadow 0.2s;
     display: flex;
     gap: 22px;
@@ -169,7 +169,7 @@ posts.map((post) => {
 
   .tag {
     font-size: 12px;
-    color: var(--primary);
+    color: var(--tag-text);
     background: var(--tag-bg);
     padding: 3px 10px;
     border-radius: 999px;

src/styles/global.css

@@ -7,11 +7,12 @@
   --shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.10);
   --card-bg: #ffffff;
-  --tag-bg: #eef1fe;
   --text-color: #2b2f36;
   --text-secondary: #6b7280;
   --border: #e5e7eb;
   --primary: #4f6df5;
+  --tag-bg: #eef1fe;
+  --tag-text: #4f6df5;
 }
 
 .dark {
@@ -21,7 +22,8 @@
   --text-secondary: #e5e7eb;
   --border: #e5e7eb;
   --primary: #1e293b;
-  --tag-bg: #d4d4d8;;
+  --tag-bg: #27272a;
+  --tag-text: #f3f4f6;
 }
 
 html,