fix: 修复移动端复刻样式差异

Author: codexu

app/[lang]/components/component-gallery.tsx

@@ -225,7 +225,7 @@ export function NoteGenComponentGallery({ lang }: { lang: NoteGenReplicaLanguage
           title={text("移动端核心页面", "Core mobile screens")}
           description={text("移动端使用独立的手机框架、状态栏、页面标题和底部导航，可按 screen 属性直接切换展示。", "Mobile uses a dedicated device frame, status bar, headers, and dock. Select a screen through a single prop.")}
         >
-          <div className="grid gap-6 sm:grid-cols-2 xl:grid-cols-5">
+          <div className="grid gap-6 sm:grid-cols-2 xl:grid-cols-3">
             {(["capture", "chat", "writing", "canvas", "settings"] as const).map((screen) => <ComponentCard key={screen} title={`Mobile · ${screen}`} description={text("代码实时渲染", "Rendered live from code")}><NoteGenMobileReplica lang={lang} screen={screen} /></ComponentCard>)}
           </div>
         </GallerySection>