用途：该项目内置的网格系统，用 Utopia 流体间距生成响应式 CSS Grid 布局，可作为网格变量与工具类的参考。
主要能力：在 css/styles/grid.css 中定义根变量 --grid-max-width（77.50rem，即1240px）、--grid-gutter（var(--space-s-l)，流体间距18px→40px）、--grid-columns（12）。提供两个工具类：.u-container 通过 max-width、padding-inline 与 margin-inline:auto 实现内容居中并带流体水平内边距；.u-grid 提供 display:grid 与流体 gap。
使用方式：可组合容器与网格，例如外层用 u-container、内层用 u-grid 并配合 grid-template-columns: repeat(3, 1fr)。也支持 auto-fit 响应式写法 repeat(auto-fit, minmax(min(300px, 100%), 1fr))，以及用 --space-s、--space-xl 等空间令牌自定义间距。
适用场景：网页栅格布局、卡片网格、响应式内容容器。
限制：未定义列跨度类（如 .col-span-6）、命名网格区域、subgrid 工具及 stack、cluster、sidebar 等布局原语，需按项目需求自行添加。css/styles/layouts.css 当前为空，预留给布局工具。具体收费、平台与效果信息暂未提供。