feat(web): 对齐 Alright 主题视觉规范（配色/字体/图标/背景/动效），并补充设计规范文档

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

@@ -0,0 +1,24 @@
+import type { AppItem } from '../../data/types'
+import { AppCard } from './AppCard'
+
+/**
+ * 应用网格：默认 4 列，窄屏退化为 2 列。
+ * 首页预览与明细页共用，靠 modifier 调整间距。
+ */
+type AppGridProps = {
+  items: AppItem[]
+  /** 明细页使用更宽松的间距 */
+  variant?: 'home' | 'detail'
+  /** 点击卡片打开条目详情 */
+  onOpen?: (itemId: string) => void
+}
+
+export function AppGrid({ items, variant = 'home', onOpen }: AppGridProps) {
+  return (
+    <div className={`app-grid${variant === 'detail' ? ' app-grid--detail' : ''}`}>
+      {items.map((item) => (
+        <AppCard key={item.id} item={item} onOpen={onOpen} />
+      ))}
+    </div>
+  )
+}