3. 图片与图标的暗模式适配

利用CSS媒体查询识别暗模式 要确保网站在暗模式下正常显示，最直接的方法是使用C💎SS的 pref📌ers-color-scheme 媒体查询

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

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

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

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

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

测试工具： 使用百度资源平台的“搜索结果展现优化”工具，查看暗色背景下的摘要效果

5. 性能与兼容性的平衡

文本与背景的对比度是关键 暗模式下最常见的错误是使用纯黑背景（#000）搭配纯白文字（#fff）

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