fix(hugo): 修复卡片圆角、间距和背景纹理

site/static/css/site.css

@@ -29,6 +29,14 @@
   --tag-border: #d4e2d7;
 }
 
+/* 复古纸张纹理 */
+body {
+  background-image:
+    radial-gradient(circle at 50% 0%, rgba(160, 124, 100, 0.03) 0%, transparent 50%),
+    radial-gradient(circle at 0% 100%, rgba(160, 124, 100, 0.03) 0%, transparent 50%),
+    repeating-linear-gradient(90deg, transparent 0, transparent 2px, rgba(160, 124, 100, 0.02) 2px, rgba(160, 124, 100, 0.02) 4px);
+}
+
 * { box-sizing: border-box; }
 
 body {
@@ -163,6 +171,7 @@ main.wrap {
   margin-bottom: 24px;
   background: linear-gradient(180deg, var(--hero-bg) 0%, var(--hero-tint) 100%);
   border: 1px solid rgba(160, 124, 100, 0.12);
+  border-radius: 18px;
 }
 
 .hero h1 {
@@ -236,7 +245,16 @@ main.wrap {
   gap: 16px;
 }
 
+/* section-card 与 post-list 之间留间距 */
+.post-list {
+  margin-top: 12px;
+}
+
 .post-item {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  padding: 20px;
   transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
 }
 
@@ -245,6 +263,7 @@ main.wrap {
   border-color: rgba(66, 107, 87, 0.14);
 }
 
+/* 只高亮第一个 */
 .post-item:first-child {
   background: var(--list-highlight);
   border-color: rgba(66, 107, 87, 0.14);