设计原则
边界、底色和阴影都在传达层级，过多容器会让页面显得碎。
原则
边界、底色和阴影都在传达层级，过多容器会让页面显得碎。
设计动作
只为重复对象、工具面板和弹窗使用卡片；页面 section 采用全宽区域或无框布局，避免卡片套卡片。
正反例
正向示例：卡片、面板、表格、弹窗。 反向示例：页面 section 被做成浮动大卡片再嵌套小卡片。
适用场景
卡片、面板、表格、弹窗。 需要区分可操作对象与页面背景。
来源提示
来源提示：综合 Apple HIG、Material Design、NN/g 可用性原则和成熟设计系统中的布局/层级实践整理。 Apple HIG Layout: https://developer.apple.com/design/human-interface-guidelines/layout Material Design Layout: https://m3.material.io/foundations/layout/applying-layout NN/g Visual Design Principles: https://www.nngroup.com/articles/principles-visual-design/
Agent 指令
只为重复对象、工具面板和弹窗使用卡片；页面 section 采用全宽区域或无框布局，避免卡片套卡片。