From e7ba5f86b11a8d4d8b0998acce3803fc883166a3 Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Sat, 18 Jul 2026 16:32:27 +0800
Subject: [PATCH] reformate divider to pixel

---
 src/components/Divider.astro        | 45 ++++++++++++++++++-----------
 src/components/Posts/PostItem.astro |  1 +
 2 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/components/Divider.astro b/src/components/Divider.astro
index 4075b18..a1dd9fc 100644
--- a/src/components/Divider.astro
+++ b/src/components/Divider.astro
@@ -2,28 +2,39 @@
 
 <style>
     .divider {
-        display: block;
-        width: 100%;
-        height: 12px;
-        margin-bottom: 1rem;
-        background: repeating-linear-gradient(
-            -45deg,
-            var(--deep-red) 0 14px,
-            transparent 14px 28px,
-            var(--deep-blue) 28px 42px,
-            transparent 42px 56px
+        --divider-red: var(--deep-red);
+        --divider-blue: var(--deep-blue);
+
+        --px: 4px; /* 单个像素点大小 */
+        --stripe: 16px; /* 每段斜纹横向长度 */
+        --period: 64px; /* 一个完整重复周期 */
+        --row-pattern: linear-gradient(
+            90deg,
+            var(--divider-red) 0 var(--stripe),
+            transparent var(--stripe) calc(var(--stripe) * 2),
+            var(--divider-blue) calc(var(--stripe) * 2) calc(var(--stripe) * 3),
+            transparent calc(var(--stripe) * 3) calc(var(--stripe) * 4)
         );
+
+        width: 100%;
+        height: calc(var(--px) * 3);
+        margin-bottom: 1rem;
+
+        background:
+            var(--row-pattern) 0 0 / var(--period) var(--px) repeat-x,
+            var(--row-pattern) calc(-1 * var(--px)) calc(1 * var(--px)) /
+                var(--period) var(--px) repeat-x,
+            var(--row-pattern) calc(-2 * var(--px)) calc(2 * var(--px)) /
+                var(--period) var(--px) repeat-x,
+            var(--row-pattern) calc(-3 * var(--px)) calc(3 * var(--px)) /
+                var(--period) var(--px) repeat-x;
+
         pointer-events: none;
     }
 
     :global(html.dark) .divider,
     :global(.dark) .divider {
-        background: repeating-linear-gradient(
-            -45deg,
-            #ff8a8a 0 14px,
-            transparent 14px 28px,
-            #9ecbff 28px 42px,
-            transparent 42px 56px
-        );
+        --divider-red: #ff8a8a;
+        --divider-blue: #9ecbff;
     }
 </style>
diff --git a/src/components/Posts/PostItem.astro b/src/components/Posts/PostItem.astro
index abeb131..8c60b8d 100644
--- a/src/components/Posts/PostItem.astro
+++ b/src/components/Posts/PostItem.astro
@@ -148,6 +148,7 @@ const tags = data.tags;
   .post-title {
     margin: 0;
     font-family:
+      "Noto Sans SC",
       system-ui,
       -apple-system,
       BlinkMacSystemFont,