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

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

@@ -0,0 +1,19 @@
+import type { ArticleItem } from '../../data/types'
+import { ArticleCard } from './ArticleCard'
+
+/** 图文网格：首页 4 列，窄屏 2 列 */
+type ArticleGridProps = {
+  items: ArticleItem[]
+  /** 点击卡片打开文章详情 */
+  onOpen?: (itemId: string) => void
+}
+
+export function ArticleGrid({ items, onOpen }: ArticleGridProps) {
+  return (
+    <div className="article-grid">
+      {items.map((item) => (
+        <ArticleCard key={item.id} item={item} onOpen={onOpen} />
+      ))}
+    </div>
+  )
+}