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/App.tsx

@@ -103,20 +103,32 @@ export default function App() {
     return []
   }, [itemView, itemCategory])
 
-  // 切换视图时回到顶部（页面整体滚动）
+  // 切换视图时把内容区（内部滚动）和窗口都回到顶部
   useEffect(() => {
+    const scroller = document.getElementById('content-scroll')
+    scroller?.scrollTo({ top: 0 })
     window.scrollTo({ top: 0 })
   }, [view])
 
+  /**
+   * 滚动状态同时驱动「顶部渐隐」和「回到顶部」。
+   * 桌面端滚的是内容容器（scroll 事件不冒泡），所以用捕获阶段监听。
+   */
   useEffect(() => {
     const sync = () => {
-      const next = window.scrollY > 4
+      const inner = document.getElementById('content-scroll')?.scrollTop ?? 0
+      const next = Math.max(inner, window.scrollY) > 4
       setScrolled((current) => (current === next ? current : next))
     }
 
     sync()
     window.addEventListener('scroll', sync, { passive: true })
-    return () => window.removeEventListener('scroll', sync)
+    document.addEventListener('scroll', sync, { passive: true, capture: true })
+
+    return () => {
+      window.removeEventListener('scroll', sync)
+      document.removeEventListener('scroll', sync, { capture: true })
+    }
   }, [])
 
   /**