From 40cc3fc9e3ec75969894105b6d304e3dce64f731 Mon Sep 17 00:00:00 2001
From: Yaojia Wang <yaojia.wang@billo.life>
Date: Sun, 12 Jul 2026 18:39:01 +0200
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E6=94=B6=E7=AA=84=E5=AE=BD?=
 =?UTF-8?q?=E5=B1=8F=E7=95=99=E7=99=BD=E2=80=94=E2=80=94=E4=BD=9C=E5=93=81?=
 =?UTF-8?q?=E5=BA=93=E5=8A=A0=E5=AE=BD=E5=88=B0=20max-w-7xl=20+=20xl=20?=
 =?UTF-8?q?=E5=9B=9B=E5=88=97=EF=BC=8C=E5=86=99=E4=BD=9C=E6=AD=A3=E6=96=87?=
 =?UTF-8?q?=20720=E2=86=92768px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PageContainer wide 档 max-w-6xl→max-w-7xl；作品库改用 wide 档
- 作品库卡片网格 lg 三列基础上加 xl:grid-cols-4，宽屏铺满少留白
- 写作台正文测量 720→768px（约 42 中文字/行，仍舒适），收窄两侧空档
---
 apps/web/app/page.tsx                           | 2 +-
 apps/web/components/projects/ProjectLibrary.tsx | 2 +-
 apps/web/components/ui/PageContainer.tsx        | 2 +-
 apps/web/tailwind.config.ts                     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 8c2c3c0..3e12aa8 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -23,7 +23,7 @@ export default async function DashboardPage() {
 
   return (
     <AppShell>
-      <PageContainer>
+      <PageContainer width="wide">
         <PageHeader
           title="我的作品"
           description="从一个灵感进入正文、设定、审稿与验收闭环。"
diff --git a/apps/web/components/projects/ProjectLibrary.tsx b/apps/web/components/projects/ProjectLibrary.tsx
index 4537bed..e4b0918 100644
--- a/apps/web/components/projects/ProjectLibrary.tsx
+++ b/apps/web/components/projects/ProjectLibrary.tsx
@@ -150,7 +150,7 @@ export function ProjectLibrary({ projects }: ProjectLibraryProps) {
           }
         />
       ) : viewMode === "cards" ? (
-        <ul className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
+        <ul className="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
           {visibleProjects.map((p) => (
             <li key={p.id}>
               <ProjectCard project={p} />
diff --git a/apps/web/components/ui/PageContainer.tsx b/apps/web/components/ui/PageContainer.tsx
index 7440043..3e94a00 100644
--- a/apps/web/components/ui/PageContainer.tsx
+++ b/apps/web/components/ui/PageContainer.tsx
@@ -7,7 +7,7 @@ export type PageWidth = "prose" | "default" | "wide";
 const widths: Record<PageWidth, string> = {
   prose: "max-w-3xl",
   default: "max-w-5xl",
-  wide: "max-w-6xl",
+  wide: "max-w-7xl",
 };
 
 interface PageContainerProps {
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 329588e..0c1f10b 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -88,7 +88,7 @@ const config: Config = {
       transitionTimingFunction: {
         standard: "var(--ease-standard)",
       },
-      maxWidth: { prose: "720px" },
+      maxWidth: { prose: "768px" },
     },
   },
   plugins: [],