vivo浏览器夜间模式导致文字重叠等问题的根源是强制注入css覆盖层与页面原有样式冲突，尤其影响未声明line-height或使用固定font-size的网页；需依次验证问题归属、清除storage残留数据、禁用自动适配逻辑、重置字体与缩放。
vivo浏览器开启夜间模式后，部分网页出现文字重叠、行距塌陷、按钮文字溢出容器等现象，根本原因不是网页本身不兼容，而是夜间模式强制注入的CSS覆盖层与页面原有样式冲突，尤其当页面未声明line-height或使用了固定font-size时，重叠会立刻显现。
先验证是否为夜间模式专属问题
长按地址栏网址 → 点击“在新标签页打开” → 在新开页面右上角三点菜单中关闭“夜间模式” → 刷新页面。若重叠消失，说明问题锁定在夜间模式渲染链路，继续执行后续步骤；若仍存在，则属于字体或缩放问题，跳转至“重置字体与缩放”环节。
清除夜间模式残留样式缓存
vivo浏览器的夜间模式并非简单切换色值，它会将转换后的CSS规则写入本地Storage并持久化，即使关闭开关，旧规则仍可能被复用。
第一步：访问出问题的网页，例如 https://news.vivo.com
第二步：点击右上角三点 → “网站设置” → 找到“存储” → 点击“清除所有网站数据”（注意不是“清除缓存”，必须选“所有数据”）
第三步：返回浏览器首页 → 设置 → 隐私与安全 → 清除浏览数据 → 时间范围选“所有时间” → 勾选“Cookie及其他网站数据”“托管应用数据” → 点击“清除数据”
【清除后必须彻底关闭浏览器进程】——在安卓任务管理器中上滑结束vivo浏览器，否则Storage残留仍会生效。
禁用夜间模式自动适配逻辑
某些网页被vivo浏览器识别为“需夜间适配”，会主动注入全局filter: invert(100%) hue-rotate(180deg)类样式，这类变换会破坏原始行高计算，导致文字堆叠。
方法一：手动关闭站点级夜间适配
1、访问该网页 → 右上角三点 → “网站设置” → 查找“夜间模式”或“深色主题”开关 → 关闭
方法二：全局关闭智能适配
1、设置 → 网页浏览设置 → 找到“智能夜间模式”或“根据网页自动启用” → 关闭开关
2、重启浏览器生效
重置字体与缩放
夜间模式常联动放大字体以提升可读性，但若系统字体被第三方主题篡改过，或页面未定义rem基准，放大后就会撑破容器造成重叠。
第一步：进入“i主题” → “我的” → “本地字体” → 选择“系统默认”
第二步：vivo浏览器内 → 右上角三点 → “设置” → “字体设置” → 将“字体大小”拖回“标准”档位
第三步：打开任意网页 → 双指捏合屏幕 → 直至显示“缩放：100%”提示
