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