深色模式下卡片看不清，配色方案怎么跟随系统

用户在系统里开了深色模式，站点仍是白底，局部文字几乎看不见。第一次遇到会往复杂处想，其实漏掉的多是个小前提。

:root { --bg: #fff; --fg: #222; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #16181d; --fg: #e6e6e6; }
}
body { background: var(--bg); color: var(--fg); }

样式里写死了固定颜色，没有响应系统的配色偏好。这一点先确认清楚，后面就不用反复试。

「深色模式适配」这类改动最怕改一半，回滚脚本先准备好，再动生产。新版本先放一台机器上跑一天再全量，问题一般在这段时间暴露。

备份不是备了就行，恢复一次才算数，很多备份文件打开才发现是空的。接口问题先分清是没发出去、发出去了没收到，还是收到了处理失败。

偶发问题先统计频率，一小时几次和一天一次，查法完全不同。改完顺手把文档补一句，省得下次自己重新推一遍。

监控和日志的时间要对上，时区不一致会多绕很大一圈。

具体做法是，用变量集中定义颜色；按配色偏好覆盖变量；检查图片与边框的对比度。

改完照着核一遍，切换到深色模式后页面配色跟随，文字对比度足够。