From 43bf742df6513bfa42c477e910f9652b482a7927 Mon Sep 17 00:00:00 2001
From: stash <stash@local>
Date: Thu, 29 Oct 2026 09:22:59 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E5=88=86=E5=8C=BA=E5=A4=B4?=
 =?UTF-8?q?=E6=81=A2=E5=A4=8D=2044px=20=E5=9C=86=E5=BD=A2=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E3=80=8124/700=20=E6=A0=87=E9=A2=98=E4=B8=8E=20[n]=20?=
 =?UTF-8?q?=E8=AE=A1=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 图标：44×44 圆形 + 主色浅底（原来是裸字形 40px）
- 标题：24/700（原来用 Title level=2 的 18/500）
- 计数：改回旧版 [12] 文本（原来用了 Badge 胶囊）
- 间距：图标下 8、标题行高 1.5、计数上 4，与原版逐像素一致
---
 stash-web/src/App.css                         | 23 ++++++++++++++++++-
 .../src/components/content/DetailView.tsx     |  8 ++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index 61c4dd3..037d5f3 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -334,10 +334,31 @@
 }
 
 .detail-hero-icon {
-  font-size: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  margin-bottom: var(--su-space-2);
+  border-radius: 50%;
+  background-color: var(--su-color-primary-soft);
+  color: var(--su-color-primary);
+  font-size: 24px;
   line-height: 1;
 }
 
+.detail-hero-title {
+  font-size: var(--su-font-size-xl);
+  font-weight: var(--su-font-weight-strong);
+  line-height: 1.5;
+}
+
+.detail-hero-count {
+  margin-top: var(--su-space-1);
+  font-size: var(--su-font-size-md);
+  color: var(--su-text-muted);
+}
+
 .item-card {
   display: flex;
   flex-direction: column;
diff --git a/stash-web/src/components/content/DetailView.tsx b/stash-web/src/components/content/DetailView.tsx
index d1dfb41..ab92f51 100644
--- a/stash-web/src/components/content/DetailView.tsx
+++ b/stash-web/src/components/content/DetailView.tsx
@@ -1,4 +1,4 @@
-import { Badge, Breadcrumb, Card, Empty, Space, Title } from '@stash/ui'
+import { Breadcrumb, Card, Empty, Space, Title } from '@stash/ui'
 import { categoryCount, type Category } from '../../data/types'
 import { AppGrid } from './AppGrid'
 import { CesCardGrid } from './CesCardGrid'
@@ -83,8 +83,10 @@ export function DetailView({ category, groupId, onBack, onOpenItem }: DetailView
         <span className="detail-hero-icon" aria-hidden="true">
           {category.icon}
         </span>
-        <Title level={2}>{title}</Title>
-        <Badge count={count} tone="neutral" />
+        <Title level={1} as="h2" weight="strong" className="detail-hero-title">
+          {title}
+        </Title>
+        <span className="detail-hero-count">[{count}]</span>
       </div>
 
       {renderBody()}