布局系统为 Alius 所有页面提供统一的空间结构。合理的布局降低用户认知负担，提高信息获取效率。
页面结构
推荐文档页面结构：
顶部导航 — 品牌标识 · 主导航 · 语言切换 · 搜索
左侧目录
中间正文区
右侧 TOC
← 上一篇下一篇 →
尺寸定义
页面最大宽度
1280px
max-w-7xl
内容区宽度
720–780px
prose 可读宽度
左侧导航宽度
240–280px
文档目录
右侧目录宽度
200–240px
页面 TOC
栅格系统
12 列
间距 24px (gap-6)
移动端断点
768 / 1024
md / lg
间距规范
间距应遵循 4px 基数系统（Tailwind spacing scale）：
4px
图标与文字间距、标签内边距
8px
紧凑元素间距、表单字段间距
12px
中等间距
16px
段落间距、卡片内边距
24px
区块间距
32px
大区块分隔
48–64px
页面级上下留白
卡片间距
- 卡片之间统一使用 24px（gap-6）间距
- 卡片内边距统一使用 24px（p-6）
- 卡片圆角使用 16px（rounded-2xl）
移动端适配
☰ 导航🔍
内容区（全宽）
- 768px 以下：隐藏左右侧边栏，使用抽屉导航
- 内容区占满屏幕宽度，减少左右边距
- 导航折叠为汉堡菜单
- 表格在移动端支持横向滚动
- 文档目录移至页面顶部折叠区
页面上下留白
- 文档页面顶部：pt-24（96px），为固定导航栏留出空间
- 文档页面底部：pb-20（80px）
- 章节之间：py-16 到 py-24（64px–96px）