用途：在编写页面标记前确定页面结构——哪些区域存在、各自多宽、谁在谁之上，以及视线首先落在哪里。间距、内边距与密度交给 spacing；响应式变化交给 responsive；页面间跳转交给 navigation；表格或仪表盘类需求交给 dense-ui。
主要能力：默认单列加封顶容器，每增加一列都需内容证明其必要；页面是纵向堆叠的全宽 band，每个 band 内一个居中内容井，网格只在 band 内排列条目。列数阶梯为 1（阅读、表单、设置详情、向导）、2（侧栏+详情）、8（营销排版）、12（仅用户自行排布磁贴时）。两列拆分应不对称，如 grid-template-columns: 2fr 1fr 或 280px 1fr，除非相等本身是信息（定价、对比、diff）。z-index 使用六成员命名层：--z-base: 0、--z-sticky: 50、--z-dropdown: 100、--z-modal: 200、--z-tooltip: 300、--z-toast: 400；组件内部重叠子元素时用 isolation: isolate 封住层叠上下文。页面只保留一个焦点，用灰度缩小眯眼测试验证。主操作须在一屏内可达，破坏性操作单独成区。粘性头部高度用 --header-h 声明一次并全局消费。
使用方式：先读取项目已有的布局原语（Container/Stack/PageShell、max-w-* 约定、grid-template-areas、z-index token），复用而非新建。写标记前先输出区域草图（band、container、columns、sticky、layer 五列）并确认。遇到已知页面形态（分栏、侧栏+详情、信息流、设置、向导）查阅 page-archetypes.md；层叠问题或要写 z-index 字面量时查阅 z-index.md。
适用场景：页面级布局编排、容器与列结构决策、层叠顺序与焦点层级设计。
限制：不负责间距、响应式断点、页面间导航与密集数据界面；画布、编辑器、地图、数据网格可占满视口并自定边界；已有设计文件指定 12 列时应沿用而非重新推导。资料未提供具体安装命令或代码示例。