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

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

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