SOURCE SCANNER / 安检实验 03
类名在运行时拼得出来，构建时却可能“看不见”
Tailwind 扫描的是源码文本，不会替你运行 JavaScript。把颜色拆成字符串零件，看起来很聪明，生成 CSS 时却可能两手空空。
Button.jsx
修复原则
把 props 映射到完整字符串
不要让扫描器猜。把每一种有限状态写成完整类名，既能生成样式，也能让不同颜色拥有不同 hover、文字对比度或阴影策略。
那真正连续的动态值怎么办？
例如进度条宽度来自接口，值可能是 0–100 任意数字。此时行内 style 或 CSS 变量更诚实：Tailwind 负责结构与约束，运行时数据负责那个连续值。