圆角
Border Radius
样式与 CSS也叫：border-radius、圆角半径、倒角
一句话：把元素的直角变成圆弧的 CSS 效果，数值越大越圆，是决定界面风格偏硬朗还是偏柔和的关键之一。
详细解释
border-radius 设置四个角的圆弧半径。0 是直角，显得严肃硬朗；48px 是后台和工具类产品的常见选择；1216px 显得柔和亲切，常见于移动端和消费类产品；写 9999px 能做出两端全圆的胶囊按钮，正方形头像写 50% 就变成正圆。
统一很重要：全站准备两三档圆角（比如小 4px、中 8px、大 16px），按钮、输入框、卡片各用一档。嵌套时外层圆角要比内层大，大约等于内层圆角加上两者之间的内边距，看起来才协调。
有圆角的容器里放图片时，要给容器加 overflow: hidden，否则图片的直角会露出来。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
请统一圆角：按钮和输入框 8px，卡片和弹窗 12px，标签做成两端全圆的胶囊形，头像为正圆；卡片顶部的封面图要跟着卡片一起裁出圆角，不要露出直角。