形状
SVG 保存路径、圆和连线。每个零件放进独立的分组，就可以单独调整。
图形实验台。
BLUEPRINT STUDIO / 01选择一个结构，改变它的参数。把抽象的数值变成看得见的变化。
点击图形可切换组装 / 展开状态。
一个图形，三层结构。
样式
颜色、线宽与透明度集中在 CSS 变量中。一次修改，让整个图形保持一致。
行为
CSS 关键帧控制循环；React 状态响应点击与滑块。参考 SVG 则使用内联 SMIL 动画。
选择一个结构，改变它的参数。把抽象的数值变成看得见的变化。
点击图形可切换组装 / 展开状态。
SVG 保存路径、圆和连线。每个零件放进独立的分组，就可以单独调整。
颜色、线宽与透明度集中在 CSS 变量中。一次修改，让整个图形保持一致。
CSS 关键帧控制循环；React 状态响应点击与滑块。参考 SVG 则使用内联 SMIL 动画。