系统环境
Theme Preview
快速切换浅色、深色和跟随系统模式，同时预览组件状态、层级关系与系统偏好反馈。
主题工作区
左边看主题状态，右边直接看组件在当前模式下的视觉层级。
当前设置
跟随系统
实际生效
跟随系统
系统颜色偏好
浅色
减少动画
未开启
Preview Canvas
模拟当前主题下的表面、正文和辅助信息层级
Primary
Accent
Warning
原始 JSON
方便贴到 issue、设计评审或 QA 记录。
浏览器完成挂载后，这里会显示主题检测结果。
组件预览
这块更像真实页面切片，可直接看常见状态组合。
按钮与标签
ActiveDraftMuted
信息层级
支付配置同步完成
观察正文、辅助文案、边框和 muted 背景在当前主题下是否仍有足够层级。
Muted surface / secondary container
卡片组合
Usage Summary
82%
对比上周提升 12%，可用来看卡片边框和文字反差。