Clear
清透
几乎不遮挡背景，靠边缘高光和阴影定义形状。适合媒体、照片上的浮层。
APPLE DESIGN RESOURCES · LIQUID GLASS
液态玻璃Liquid Glass
从官方 UI Kit 的 Material 语言出发：模糊与增饱和打底，SVG 位移贴图做边缘折射， CSS 高光做镜面反光。在 Chrome 里它真的会"弯折"背后的画面，在 Safari 里则优雅降级。
记录
觉察
专注 25:00
拖动左侧的玻璃球，看背景被折射
01
三种材质
Apple 的 Liquid Glass 只有 regular 与 clear 两种变体；着色（tinted）在材质里混入品牌色。
Regular
常规
默认材质：柔化背景、提高饱和，让文字在复杂照片上依然可读。
Tinted
着色
在材质里混入品牌色，用于主操作与强调。品牌绿会落在这里。
02
组件
导航、分段控件、开关、滑块、浮层菜单与底部 Dock 都使用同一套材质令牌。
分段控件
今天已完成 68% · 7 条记录
开关与滑块
觉察提醒
专注模式
输入与按钮
读书运动专注