圆角与阴影
圆角
圆角基于变量 --radius: 0.5rem（8px）按比例计算，修改基准即可整体调整。
examples/foundations/radius.html
规则：容器越大，圆角越大；嵌套时内层圆角小于外层。 例如分段标签容器 rounded-lg、内部选项 rounded-md。
阴影
本系统以描边而非阴影区分层级，阴影只用于「浮起来」的元素。
examples/foundations/shadow.html
| 场景 | 类名 |
|---|---|
| 静止的卡片、输入框 | 无阴影，border border-border |
| 可点击卡片悬停 | hover:shadow-lg hover:shadow-navy/5 |
| 下拉菜单、多选面板、Toast | shadow-lg |
| 对话框 | shadow-xl |
| 首屏深蓝背景上的卡片 | shadow-2xl shadow-navy/40（特例） |
与 v2 的差异
| v2 现状 | 规范 |
|---|---|
浮层圆角 rounded-md（语言切换）与 rounded-lg（多选）混用 | 浮层统一 rounded-lg |
提示弹层（KycTips）使用 shadow-xl | 浮层统一 shadow-lg，shadow-xl 只给对话框 |