/* 网页端设计系统：token、基础元素、页面骨架、组件。 * * 为什么是一个文件而不是四份内联样式：五个页面原本各自内联一套，同名规则一直在 * 漂移 —— :root 有两种、button 有三种互不相干的定义、圆角凑齐了 5/6/8/9/10/12/ * 13/14/16/20 十档。真正的麻烦不在重复，而在于各页用的是裸元素选择器 * （button {} / input {} / p {}），于是每加一个新控件都要再写一条更"specific"的 * 规则去压住前一条，样式因此每隔几次改动就会崩一次。 * * 三条约定，坏掉的地方基本都是违反了其中之一： * * 1. 分层（@layer）。层的顺序就是覆盖顺序，和选择器权重、书写先后都无关。 * 页面自己