从源码到 utility CSS
先选组件写法，再打开或关闭 CSS-first 指令。每一关只回答一个问题：入口是否接通、候选是否被发现、对应 utility API 是否存在。
点击任一节点查看这一关的职责
03 · source detection扫描器读取源码文本，但不会执行 JavaScript。完整静态候选可以进入下一关，运行时拼出来的可能值不会被推断。
CSS 入口app/globals.css
组件源码Badge.tsx
构建插件postcss.config.mjs
扫描范围sources
CSS Module 上下文ProjectCard.module.css
引用可解析
@reference 让独立处理的 Module 看见全局主题与自定义 utility，但不会把 globals.css 重复输出。
候选门禁candidate scan
正在分析候选……
已扫描且可生成已扫描但缺少定义未扫描到
教学输出generated utilities
等待构建结果。
构建链挑战
10 个单选题覆盖入口、扫描、主题 token、自定义 utility、共享源与 Module 引用。答题状态会保留到重置。
已检查 0 / 10 · 答对 0
挑战 1 / 10
正在载入题目……
选择一个答案后检查。每题都会解释它对应构建链的哪一关。