用途：为卡片、面板、工具栏、列表行等“表面”建立与背景的区分规则，避免界面显得杂乱或沉重。
主要能力：给出三种区分策略及其适用场景——边框（1px 线，适合密集界面、表格、表单）、阴影（暗示高度，适合弹窗、下拉、浮层、拖拽态）、填充（对比背景色，适合分区、侧栏、隔行、内联提示）。核心规则是同一表面不要同时使用三种方式；边框加阴影仅在浅色表面配浅色页面、单靠阴影边缘发虚时成立，且此时填充应接近页面色。嵌套表面应更换策略而非加强同一策略，可见分隔不超过两层。
透明度用法：透明度只表示临时不可用状态，如禁用、加载、拖拽，示例包括 .btn:disabled { opacity: 0.4; }、.card.is-loading { opacity: 0.7; }、.row.is-dragging { opacity: 0.5; }。不要用 rgba 或 opacity 生成浅色底，应使用真实 token，如 var(--color-brand-50)，否则颜色不可知、对比度无法校验、设计系统无法管理。不要在已有半透明背景的元素上再设 opacity；毛玻璃效果属有意例外，但文字需有不透明底衬或最坏情况下的对比度保证。禁用态可低于对比度要求，但仍需配合 cursor: not-allowed 和非交互状态。
限制：资料未提供安装命令、平台支持、收费方式或具体实现代码，仅描述设计原则与检查清单。