边框

边框广泛用于按钮、输入框、选择器等组件，我们对系统中边框的使用进行如下规范：

• 粗细：默认情况下，统一为 1px；
• 颜色：
  • $color-gray-4 最常用，用于按钮、输入框等大多数组件；
  • $color-gray-2 则主要用于表格的边框线；
  • 成功、警示、错误或提示的场景，如反馈类的提示组件，边框色的使用如上图所示；

分割线

分割线用于划分内容区域，对模块做分隔。系统中使用的分割线粗细默认值为为 1px，方向存在水平和垂直两种：

圆角

圆角描述的是容器与界面元素的轮廓，在界面设计中，适当的边角不仅可以反应产品的调性，还提供更友好的视觉体验。系统中主要使用了 2 种圆角参数：

• 2px 圆角值：默认圆角值，用于按钮、输入框等组件；
• 0px 圆角值：用于页面内的容器卡片；
• 50% 圆角：用于 Status 状态组件；