用 CSS 变量给单文件小游戏换主题的最小改动

给单文件 2048 换一套配色，最省事的办法不是逐处改颜色值，而是先把颜色抽成 CSS 变量。
做法很简单：在 :root 里定义一组变量，比如 --bg、–board、–tile-2 到 --tile-2048，页面里所有颜色都引用变量。换主题时，只改 :root 这一处，或者给 body 加一个主题 class，在 class 里重定义同一组变量，整站颜色立刻跟着变，不用动任何结构和逻辑代码。
这样做有三个好处。第一，改动集中，换一套秋枫暖橙配色只需要改十几行变量，不会漏改某个方块；第二，调试直观，在浏览器开发者工具里改一个变量就能实时看到整盘效果；第三，主题可以扩展，以后想加暗夜、晨雾主题，只要再写一组变量定义，不用复制整份样式。
一个小提醒：变量名要按用途起，而不是按颜色起。用 --tile-high 而不是 --orange，否则换成蓝色主题时名字和实际颜色对不上，维护起来反而更乱。单文件小游戏的样式本来就不多，先抽变量再换主题，是成本最低的换肤路线。