Border Radius 与 Squircle 方圆角（教学组合）

预期结果：用 Border Radius 与 Squircle 方圆角（教学组合） (Border Radius & Squircle — Learning Bundle) 比较其中不同的概念。说明各自边界，再判断哪些成员适用、哪些可以一起使用。 用户场景：Design System 工程师会比较 24 px border-radius 降级方案，以及支持浏览器中的草案 Squircle 圆角。文档也会说明 App Icon 遮罩是另一种平台资产，不能证明网站使用了这个 CSS 关键字。 要拆解的教学组合：Border Radius 与 Squircle 方圆角（教学组合） (Border Radius & Squircle — Learning Bundle)。 正式成员指南：CSS 圆角半径 (CSS Border Radius)、CSS Squircle 方圆角 (CSS Squircle Corner) 这项比较的价值：需要选择并记录圆角形状、浏览器支持、降级行为，或分清 Web 圆角功能与自定义或平台轮廓时，就使用这个教学组合。 不可把整组当成单一模式的情况：不要把每个圆角矩形都叫作 Squircle，也不要把很大的圆角半径当成草案 CSS 值。实验性圆角没有测试降级方案和裁剪前，也不要上线。 比较要求：分别列出每个成员概念，说明各自的工作与边界。把所有成员放进同一个真实场景。指出哪些看得到的信号会决定采用、组合或排除每个成员。 决策质量：说明平台与证据的限制。指出哪些概念可以共存，也要标出错误类比、不安全替代，以及应改用其他概念的情况。 验收标准：读者能用一句话解释每个成员，在示例中看出差异，说明采用某个成员或合理组合的理由，并打开每个成员的正式指南。 证据与限制（证据边界）：这不是正式规范标准。不同来源使用的名称、范围和预期做法可能不同。 待确认：目标平台、决策场景、限制，以及采用、组合或排除成员所需的证据。