圆角是 Alius 视觉语言中表达”友好但不玩具化”的关键参数。工程系统不宜过圆，开源社区不宜过冷，因此采用”适度圆角”。

圆角层级

Radius XS — 2px

用于：

• 小标签（Tag）
• 徽章（Badge）
• 代码块内联标记

表达工程精度，几乎接近直角但保留细微圆角以避免尖锐感。

Radius S — 6px

用于：

• 按钮（Button）
• 输入框（Input）
• 下拉选择器（Select）
• 开关（Switch）

操作类元素的标准圆角，表达工具感和可交互性。

Radius M — 12px

用于：

• 卡片（Card）
• 弹窗（Modal）
• 代码块（CodeBlock）
• 提示框（Callout）

内容承载区域的标准圆角，表达结构清晰和层级分隔。

Radius L — 16px

用于：

• 大模块容器
• 图片容器
• 侧边栏面板
• 页面级区块

大区块的圆角，表达开放和空间感。

Radius Full — 9999px

用于：

• 头像（Avatar）
• 状态点（Status Dot）
• 胶囊按钮（Pill Button）
• 通知气泡

完全圆形元素，表达友好和视觉焦点。

品牌逻辑

• 较小圆角 → 体现工程精度和技术可靠
• 适度圆角 → 体现友好和开放，降低入门心理门槛
• 不使用 0px 直角 → 避免冰冷感
• 不使用过大的圆角 → 避免”玩具化”或不专业感

嵌套原则

嵌套元素的圆角应逐级递减：

使用原则

• 同一层级的元素使用相同的圆角值
• 嵌套元素的圆角应逐级递减（外层 L → 内层 M 或 S）
• 圆角值不随意设定，必须从以上五级中选择
• 每次使用非标准圆角时需解释原因