From ffb96ec7d1579eb18f476f96975264115b451fa6 Mon Sep 17 00:00:00 2001
From: stash <stash@local>
Date: Thu, 29 Oct 2026 09:16:59 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E6=96=87=E7=AB=A0=E5=A4=B4?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=E5=B1=85=E4=B8=AD=E6=8E=92=E7=89=88=EF=BC=8C?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E5=8C=BA=E8=A1=A5=204px=20=E5=8F=B3=E7=95=99?=
 =?UTF-8?q?=E7=99=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 文章头：align-items center + text-align center + gap 12 + padding 4px 0（旧版规则）
- 文章元信息：改回 .article-meta 12px 行，圆点 3px、左右 8px（原来用 Space + 13px 文本）
- 内容区补 padding-right 4px（旧版 scroll 容器的留白），整体宽度与原版一致
---
 stash-web/src/App.css                         | 24 +++++++++++++++++--
 .../components/content/ArticleDetailView.tsx  | 16 +++++--------
 2 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index 28d6d96..61c4dd3 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -103,6 +103,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--su-space-5);
+  padding-right: 4px;
   padding-bottom: var(--su-space-10);
 }
 
@@ -464,7 +465,10 @@
 .article-head {
   display: flex;
   flex-direction: column;
-  gap: var(--su-space-2);
+  align-items: center;
+  gap: var(--su-space-3);
+  padding: var(--su-space-1) 0;
+  text-align: center;
 }
 
 .article-heading {
@@ -474,10 +478,26 @@
   line-height: 1.4;
 }
 
-.article-meta-dot {
+.article-meta {
+  display: flex;
+  align-items: center;
+  font-size: var(--su-font-size-xs);
   color: var(--su-text-muted);
 }
 
+.article-meta-item {
+  display: inline-flex;
+  align-items: center;
+}
+
+.article-meta-dot {
+  width: 3px;
+  height: 3px;
+  margin: 0 var(--su-space-2);
+  border-radius: 50%;
+  background-color: var(--su-border);
+}
+
 .article-body-card {
   overflow: hidden;
 }
diff --git a/stash-web/src/components/content/ArticleDetailView.tsx b/stash-web/src/components/content/ArticleDetailView.tsx
index 8d998cc..ac817f7 100644
--- a/stash-web/src/components/content/ArticleDetailView.tsx
+++ b/stash-web/src/components/content/ArticleDetailView.tsx
@@ -39,20 +39,16 @@ export function ArticleDetailView({ article, categoryTitle, onBack }: ArticleDet
           </button>
         </Title>
 
-        <Space gap="sm" wrap>
+        <div className="article-meta">
           {meta.map((text, index) => (
-            <Space gap="sm" key={text}>
-              {index > 0 && (
-                <span className="article-meta-dot" aria-hidden="true">
-                  ·
-                </span>
-              )}
-              <Text size="sm" tone="muted">
+            <span className="article-meta-item" key={text}>
+              {index > 0 && <i className="article-meta-dot" aria-hidden="true" />}
+              <Text size="xs" tone="muted">
                 {text}
               </Text>
-            </Space>
+            </span>
           ))}
-        </Space>
+        </div>
       </header>
 
       <Card padding="none" className="article-body-card">