Shadows
阴影
阴影表达层级：元素离页面越远，投影越大。瑚琏沿用 Tailwind 的 shadow-* 比例。
层级阶梯
浅色背景更容易观察；暗色模式下投影会自然减弱。
xs细微浮起 · 输入/徽标
sm卡片 / 主按钮
md悬浮卡片 / 下拉
lg弹层 / Popover
xl对话框 / 抽屉
2xl命令面板 / 大模态
用法
// 卡片用 sm，弹层用 lg，对话框用 xl
<div className="rounded-[var(--radius)] bg-surface shadow-sm">…</div>