CSS

HTML 先提供页面结构，CSS 再用选择器找到已有元素，并用声明决定颜色、间距、边框和状态外观。注册卡片里的 .signup-button 仍然是同一个按钮，规则命中后它才呈现目标样式。

• 先看选择器命中了哪个元素，再看声明怎样改变它的可见外观。
• 处理中只表示规则正在匹配；完成时要能在同一按钮上看见最终样式。

先看用户是在注册卡片的按钮样式中填写、选择、移动还是执行动作：网页结构 HTML ≠ 组件 Component，外观相似也不代表职责相同。CSS 负责表现已有结构，不负责定义页面语义或替代组件交互。

• 如果用户要查看样式结果，页面应该把命中的元素和最终外观说清楚。
• 在注册卡片的按钮样式里，只在样式规则附近保留当前任务的状态和反馈。

看注册卡片的按钮样式里的真实界面：每个标注都对应一个页面部件，不用图片坐标猜位置。

• 结构预览保持只读；这里重点看 CSS 的样式来源和其他部件如何组成当前界面。
• 点击编号或说明行可以定位对应部件；预览本身保持静态。

请使用共享样式令牌和 CSS 规则实现注册卡片的按钮样式：用选择器找到目标元素，再用声明决定颜色、间距、边框和状态外观。保留命中的元素、处理中反馈和最终样式结果；不要用 iframe、手写控件外观或硬编码颜色。