fix(web): 视觉与交互 1:1（页头/侧栏/卡片/详情/动效）

对齐项（8080 vs 8081 实测，误差 ≤1px）：
- 侧栏：资料卡 224、服务面板 144、导航 143，navTop 548 与原版一致
- 分区卡：142/142/327/270 vs 142/142/326/269；标题 16/1.2、更多按钮 24px
- 应用条目：48px 圆形头像 + 10px 小认证标；hover 名字变主色（不再整行变色）
- 封面：hover 上浮 2px（0.2s ease），去掉缩放；CES 封面恢复 16/10
- 搜索框：44 高、无边框 + 卡片阴影
- 服务面板：状态药丸 22、统计 12/18、操作按钮 28、刷新时图标原地旋转
- 详情：返回链接 hover 下划线、跳转按钮 hover 深主色、view-in 淡入动画
- 菜单：hover 主色、子菜单 0.28s grid 高度动画、chevron 6px 旋转
- 回到顶部：right 30、top 50%、滚动后淡入（补内容区滚动监听）
- 主题：卡片阴影恢复 2%/6%（旧版值）

stash-web/src/components/common/BackToTop.tsx

@@ -9,5 +9,5 @@ type BackToTopProps = {
 }
 
 export function BackToTop({ visible }: BackToTopProps) {
-  return <ScrollTop visible={visible} targetId="content-scroll" />
+  return <ScrollTop visible={visible} targetId="content-scroll" offset={30} />
 }

stash-web/src/components/content/AppCard.tsx

@@ -24,8 +24,9 @@ export function AppCard({ item, onOpen }: AppCardProps) {
       }}
     >
       <Avatar
-        size="md"
-        shape="square"
+        size="lg"
+        tone="primary"
+        className="app-card-avatar"
         src={item.cover}
         fallback={item.icon}
         verified={item.hot === true}

stash-web/src/components/content/CesCard.tsx

@@ -27,9 +27,8 @@ export function CesCard({ item, onOpen }: CesCardProps) {
       <Cover
         src={item.cover}
         alt={item.title}
-        ratio="article"
+        ratio={16 / 10}
         radius="none"
-        hoverZoom
         onClick={onOpen === undefined ? undefined : () => onOpen(item.id)}
       />
       {onOpen === undefined ? (

stash-web/src/components/content/SectionCard.tsx

@@ -21,7 +21,7 @@ export function SectionCard({ title, count, barColor, onMore, children }: Sectio
       <div className="section-header">
         <Space gap="sm">
           <span className="section-bar" style={{ backgroundColor: barColor }} aria-hidden="true" />
-          <Title level={3} as="h2">
+          <Title level={3} as="h2" weight="semibold">
             {title}
           </Title>
           <Badge count={count} tone="danger" />
@@ -30,6 +30,7 @@ export function SectionCard({ title, count, barColor, onMore, children }: Sectio
         {onMore !== undefined && (
           <IconButton
             size="xs"
+            className="section-more"
             label={`查看${title}全部`}
             icon={<Icon name="more_1_line" />}
             onClick={onMore}

stash-web/src/components/search/SearchBar.tsx

@@ -29,6 +29,7 @@ export function SearchBar({ value, onChange, inputRef }: SearchBarProps) {
     <div className="search-row">
       <Input
         inputRef={inputRef}
+        size="lg"
         icon="search_3_line"
         value={value}
         placeholder="搜索本地项目…"

stash-web/src/components/sidebar/ProfileCard.tsx

@@ -9,18 +9,20 @@ export function ProfileCard() {
   const { name, role, bio, location } = PLACEHOLDER_PROFILE
 
   return (
-    <Card padding="lg" className="profile-card">
+    <Card padding="none" className="profile-card">
       <Avatar size="xl" tone="primary" icon={<Icon name="user_3_line" />} verified />
-      <Title level={3}>{name}</Title>
-      <Text size="xs" tone="muted">
-        {role}
-      </Text>
+
+      <Title level={4} weight="semibold" className="profile-name">
+        {name}
+      </Title>
+
+      <span className="profile-role">{role}</span>
+
       <Text size="xs" tone="sub" className="profile-bio">
         {bio}
       </Text>
-      <Text size="xs" tone="muted">
-        IP 属地：{location}
-      </Text>
+
+      <span className="profile-location">IP属地：{location}</span>
     </Card>
   )
 }

stash-web/src/components/sidebar/ServicePanel.tsx

@@ -18,26 +18,26 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
   return (
     <Card padding="none" className="service-panel">
       <Space justify="between">
-        <Title level={4} as="h2">
+        <Title level={4} as="h2" weight="semibold">
           本地服务
         </Title>
-        <Tag tone={live ? 'success' : 'neutral'} dot>
+        <Tag tone={live ? 'success' : 'neutral'} dot className="service-status">
           {live ? '已连接' : '未连接'}
         </Tag>
       </Space>
 
       <div className="service-stats">
         <Space justify="between">
-          <Text size="sm" tone="sub">
+          <Text size="xs" tone="sub">
             项目数
           </Text>
-          <Text strong>{projects.length}</Text>
+          <Text size="xs" strong>{projects.length}</Text>
         </Space>
         <Space justify="between">
-          <Text size="sm" tone="sub">
+          <Text size="xs" tone="sub">
             访问地址
           </Text>
-          <Text size="sm" truncate title={host} className="service-host">
+          <Text size="xs" truncate title={host} className="service-host">
             {host}
           </Text>
         </Space>
@@ -47,7 +47,8 @@ export function ServicePanel({ projects, live, refreshing, onRefresh }: ServiceP
         <Button
           size="sm"
           variant="secondary"
-          loading={refreshing}
+          className="service-action"
+          spinning={refreshing}
           icon={<Icon name="refresh_3_line" />}
           onClick={onRefresh}
           title="重新扫描项目"