圆角与间距刻度
四个角可以分别设置，支持 4 值与 8 值语法、px / % / rem 单位切换，六个常用预设（卡片 / 头像 / 胶囊 / 水滴 / 叶子 / 方）一点就有；预览用内联样式实时更新，右边给出可复制的 border-radius 与成套的 CSS 刻度变量。
· 等待应用
解析结果
- 左上（横 / 竖）
- —
- 右上（横 / 竖）
- —
- 右下（横 / 竖）
- —
- 左下（横 / 竖）
- —
圆角预览
—当前数值
—- border-radius（4 值）
- —
- border-radius（8 值）
- —
- 单位
- —
- 最大值
- —
- 相对短边
- —
- 刻度基数
- —
几点说明
- 数据不出浏览器 · 零网络请求 · 可断网可用。
- 4 值写法的顺序是「左上 → 右上 → 右下 → 左下」（顺时针）；给 8 个值就是先四个横半径、再四个竖半径，方向顺序完全一致。少于 4 个值时按 CSS 规则补：2 个值 = 对角复用，1 个值 = 四角相同。
- px 会自动换算成 rem（除以 16），% 保持百分比；预览里 px 值会按预览框宽度等比缩放，% 值原样生效，所以两种单位看起来都对得上。
- 水滴与叶子两个预设用的是 8 值语法（例如 50% 50% 50% 50% / 100% 100% 0% 0%），镜像按钮会把「左上 ↔ 右上、左下 ↔ 右下」左右对调，方便做对称图形。
- 导出的 CSS 变量以实测最大值（钳制到 0–24）为基数，按 0 / 0.33 / 0.5 / 0.75 / 1 / 1.5 / 2 生成一套刻度，另附 --space-* 的 4 的倍数间距梯度；base 为 0 时退化为纯 4 的倍数。
- 预览全靠内联样式，页面里没有 <style> 元素；数值上限 9999，超过会被截断并提示，% 超过 100 只是被框裁掉，并不会报错。