2. 文本与背景的对比度是关键

基础写法： @medi✅a (prefers-color-scheme: dark) 🌟{ /* 深色样式 */ } 避免硬编码颜色： 尽量使用CSS自定义属性（变量）管理前景色、背景色，便于一键切换

4. 别忘了百度搜索特有的“暗模式预览”

这样做不仅能提升💯可读性，😎还能让百度蜘蛛在索引时感知到网站对暗模式的友好支持，从而对可访问性指标产生积极影响

透明的PNG图片在深色背景上可能产生难看的白色光晕，而SVG图标若未设置🔮 fill 或 strok📌e 颜色，也可能消失或刺眼

SVG图标优先使用 currentCol✅🎨or： 让图标颜色随文字颜色联动变化

1. 利用CSS媒体查询识别暗模式

图片与图标的暗模式📌适配 很多网站在🍀暗模式下忽略了图片和矢量图标