一切都是框，只有一条规则

右边七环一环推一环。你在左边指到或拖动什么，就亮起这一刻用到的那几环。

1. 1结构：一层套一层纸里是模组，模组里是文字和图片。每个框只有一个父级。
2. 2焦点：你指着的那个框往里指一层，焦点就往下走一层。
3. 3角色是相对的焦点的父级是实线；焦点和它旁边同一级的框是虚线。焦点一换，角色跟着换。
4. 4关系只有一种：边到边到父级的边，或者到旁边框的边。内边距是「到父级」能靠到的最近处。
5. 5动作只有一种：让边往前走拖整个框走四条边；拉边走一条；拉角走两条、按比例；拉内边距，里面那一层一起走；拉空隙，旁边那个框走。
6. 6限制只有一条：碰到对面最近的边就停对面最近的边，要么是父级的内边距线，要么是旁边框的边。
7. 7显示只有一张图父级实线框 + 相关的子级虚线框 + 两条亮的边 + 一个数字。

上面两个开关是我还拿不准的两处：数字量到父级的边还是内边距线；顶到父级后继续往外拉，是停住还是把父级撑大。切换着拖一下就能感受。