设计目录

材质

Glass 用于外壳，数据放在清晰、稳定的表面。

表面层次

共享 Card 使用 Glass 材质；表格与图表保持不透明。

柔和边界与克制的高光，承载导航和信息分组。

3,412.68

Data surface · 稳定的数据层

数据层关闭 backdrop-filter。材质不改变字体、单位或数字对比度。

支持减少透明度、高对比度与不支持滤镜时的回退。浅色 Glass 的人工评审仍待完成。

查看用法

<Card title="研究摘要">…</Card>
<div className="ait-data-surface">…</div>

--ait-radius-tagCSS variable

--ait-radius-inputCSS variable

--ait-radius-cardCSS variable

--ait-radius-pillCSS variable

--ait-border-width-defaultCSS variable

--ait-border-width-strongCSS variable

--ait-border-shadow-overlayCSS variable

所有数据示例仅用于组件排版演练，不构成投资建议。