polish(frontend): 修正中文字重发虚，并疏朗首页与数据区

补齐 Noto 600/800 并关闭伪粗；Header 加大加粗导航并加板块入口；去掉灰块底、加大列表行距，站点数据格居中缩小数字。

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/app/globals.css

@@ -109,8 +109,10 @@ body {
   background-color: var(--bg);
   color: var(--ink);
   font-family: var(--font-sans);
-  -webkit-font-smoothing: antialiased;
+  /* 亚像素渲染在 Windows 高分屏更实；强制 grayscale 会让 400/500 中文偏虚 */
+  -webkit-font-smoothing: auto;
   text-rendering: optimizeLegibility;
+  font-synthesis: none; /* 禁止伪粗，避免缺档字重糊成一团 */
 }
 
 /* 全站悬停即显提示气泡（配合 TipHost + data-tip，替代原生 title 延迟） */
@@ -282,7 +284,23 @@ body {
   padding: 14px 16px;
   border-radius: 14px;
   border: 1px solid var(--line);
-  background: color-mix(in srgb, var(--tint) 65%, var(--panel));
+  background: var(--panel);
+}
+.j13-interact-card.is-unsolved {
+  background: color-mix(in srgb, var(--danger) 7%, var(--panel));
+  border-color: color-mix(in srgb, var(--danger) 22%, var(--line));
+}
+.j13-interact-card.is-solved {
+  background: color-mix(in srgb, var(--ok) 8%, var(--panel));
+  border-color: color-mix(in srgb, var(--ok) 22%, var(--line));
+}
+.dark .j13-interact-card.is-unsolved {
+  background: color-mix(in srgb, var(--danger) 14%, var(--panel));
+  border-color: color-mix(in srgb, var(--danger) 32%, var(--line));
+}
+.dark .j13-interact-card.is-solved {
+  background: color-mix(in srgb, var(--ok) 14%, var(--panel));
+  border-color: color-mix(in srgb, var(--ok) 30%, var(--line));
 }
 
 .j13-compose-field {
@@ -924,7 +942,7 @@ a.j13-mention-token:hover {
   .field {
     width: 100%;
     padding: 12px 15px;
-    background: var(--bg);
+    background: var(--panel);
     border: 1px solid var(--line-2);
     border-radius: var(--r-sm);
     color: var(--ink);
@@ -1374,6 +1392,7 @@ a.j13-mention-token:hover {
   .j13-bcard-name {
     color: var(--ink);
     font-size: 14px;
+    font-weight: 500;
   }
   .j13-bcard[aria-current="page"] .j13-bcard-name {
     color: var(--nav-active-ink);
@@ -1407,26 +1426,26 @@ a.j13-mention-token:hover {
     display: flex;
     align-items: center;
     gap: 7px;
-    font-size: 13px;
-    font-weight: 500;
+    font-size: 13.5px;
+    font-weight: 600;
     letter-spacing: 0.02em;
     color: var(--ink);
   }
 
-  /* 统计数字格 */
+  /* 统计数字格：白底细线，避免灰块 */
   .j13-stat {
     display: flex;
     flex-direction: column;
     gap: 3px;
     min-width: 0;
     padding: 11px 13px;
-    background: var(--panel-2);
+    background: transparent;
     border: 1px solid var(--line);
     border-radius: var(--r-sm);
   }
   .j13-stat .j13-stat-num {
     font-size: 22px;
-    font-weight: 800;
+    font-weight: 500;
     line-height: 1.15;
     letter-spacing: -0.015em;
     color: var(--ink);
@@ -1453,7 +1472,12 @@ a.j13-mention-token:hover {
   }
   .j13-pulse-cell {
     min-width: 0;
-    padding: 12px 14px 11px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 14px 12px;
     background: transparent;
     border: 0;
     border-radius: 0;
@@ -1467,6 +1491,7 @@ a.j13-mention-token:hover {
   .j13-pulse-lab {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 5px;
     font-size: 11.5px;
     font-weight: 400;
@@ -1475,7 +1500,7 @@ a.j13-mention-token:hover {
   }
   .j13-pulse-num {
     margin-top: 6px;
-    font-size: 22px;
+    font-size: 18px;
     font-weight: 500;
     line-height: 1.05;
     letter-spacing: -0.015em;
@@ -1485,6 +1510,7 @@ a.j13-mention-token:hover {
   .j13-pulse-foot {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 3px;
     margin-top: 6px;
     font-size: 10.5px;