feat(web): 首页三栏布局间距过大、两侧留白过多，参考 Figma v3 优化列宽与间距

[yzxoi]

反馈来源

用户反馈（QQ 群）：YourTJ Platform 前端布局间距需要优化——三栏目前间距过大，两侧留白过多，中间栏信息量少，建议参考 Figma 设计优化。

现状

Web 端 Desktop shell（见 docs/product/design-system-and-accessibility.md 的 shell 基线）：

• 内容容器最大宽度 max-w-[1280px]（web/src/components/layout/app-layout.tsx:276）
• 左侧导航栏固定 256px（app-layout.tsx:277 的 grid-cols-[256px_minmax(0,1fr)]）
• 首页中栏被限制为 minmax(0,640px) + 右栏 320px（web/src/pages/home-page.tsx:168）
• 1360px+ 视口时 gutter 增大到 32px（app-layout.tsx:276 的 min-[1360px]:!px-8）

在宽屏下，固定三栏（256 + 640 + 320 ≈ 1216px）加上列间距与两侧 gutter，导致：

1. 三栏之间间距过大、视觉割裂；
2. 大屏两侧留白过多（容器居中后剩余空间被浪费）；
3. 中间内容栏信息量偏少（640px 上限 + 左右固定栏挤压）。

建议

参考 Figma 第三版设计（YourTJ-Community-Web，node 106:2）优化：

• 重新评估三栏列宽比例与间距（gap/gutter），提高中栏信息密度；
• 在 ≥1360px 视口下合理利用两侧空间，避免大面积留白；
• 保持 1240/1280/1360 断点与移动端布局不受影响。

验收标准

• 三栏间距与 Figma v3 一致或更紧凑，中栏信息量提升
• 大屏两侧留白明显减少，1280/1360/1440+ 视口均无明显失衡
• 移动端/窄屏（<1240px）行为不受影响，右栏能力仍可达
• Light/dark 与现有 token 一致，无新增散落 hex