四级海拔阴影
sm / md / lg / xl 四档 box-shadow 构成海拔标尺，元素越重要，离纸面越远。
类别通用 UI
年代2020s 现代
复杂度中等
最适合仪表盘 · 弹层 · SaaS 产品展示
核心视觉指纹
层级不是装饰，而是信息优先级的物理表达。
刻意的重叠
z-index 1–4 分区管理，卡片彼此压叠出前后关系，视线自然聚焦顶层。
背景模糊玻璃
顶层浮窗以 backdrop-filter: blur(8px) 与半透明底色悬浮，既分层又不遮断上下文。
按钮与控件
悬停即升空：交互状态就是海拔的变化。
elevation-2
置顶浮层
预约产品演示
告诉我们你的场景，看看分层系统如何整理你的界面。
配色板
字体级阶
层级即秩序
四级海拔，一目了然
当每一张卡片都知道自己该待在哪一层，用户的视线就不再需要漫游：阴影的深浅替界面回答了「先看什么」这个问题。
Elevation / Level 4