/** * flicker-guard.css — 全局毛玻璃闪屏防护（v1.4.3） * * v1.4 新增第 1c 节：flat 档常态关闭 .phone-container / .quick-functions 的整屏级 * translateZ 合成层提升（小米 K70 APK 用户反馈：已选全平化仍闪屏、抖屏； * 项目内早有记录「小米输入法弹起时 fixed 输入栏 + translateZ 合成层触发整屏闪烁」， * 旧缓解只在键盘态生效且依赖键盘检测成功，现 flat 档下不再依赖）。 * * v1.1 新增第 3 节「轻量毛玻璃档 html.lovemi-lite-glass」与第 4 节 prefers-reduced-motion 兜底： * 用户反馈 iPhone 15 Pro Max + Safari 从主屏进入微信聊天/朋友圈/推特等功能页偶发闪屏、卡顿。 * iOS 合成器对少量静态 backdrop-filter 稳定，但三类高开销负载叠加时同样掉帧： * a) 页面切换是 display:none→flex 硬切换，首帧要一次性栅格化几十个模糊层 * （聊天首屏最多 30 条气泡 × blur(10px)、朋友圈每张卡片 blur(18px)）； * b) 微信三栏 ::before 有全屏 18s 无限循环光影动画（wechatLightGlassBg）， * 聊天心跳图标 1.15s 无限脉冲且光晕用 filter: blur(12px) 逐帧重渲染； * c) 滚动容器内的模糊层（气泡/卡片/私信气泡）滚动时逐帧重采样背后位图。 * 轻量档只砍掉上述三类，顶栏/底栏/弹窗等「静态镶边」毛玻璃原样保留，iPhone 观感基本不变。 * iOS 命中 lite；安卓/鸿蒙等 flat 环境同时叠加 lite（flat 只管 backdrop-filter， * 管不到 filter:blur 光晕与无限动画，由 lite 补齐）。命中逻辑见 index.html 头部内联脚本。 * * 用户反馈：荣耀 Magic8（Chrome / Edge / Via 均复现）几乎进入任何功能界面都会闪屏几秒， * 微信聊天窗口打字过程中甚至持续闪屏；此前华为麦芒11 + Edge 也在微信聊天页复现过同类问题。 * * 根因：全站累计有约 800 处 backdrop-filter: blur() 毛玻璃层（情侣空间入口卡片 / 各功能 * 面板 / 弹窗 / 输入栏 / 消息气泡……），它们叠加在带背景图、渐变、动画且持续滚动的内容之上。 * 安卓 Chromium 内核（Mali / Adreno GPU + 各厂商合成器）在滚动、虚拟键盘弹起收起、 * CSS 动画重绘时，必须对每个模糊层逐帧重新采样背后位图，GPU 合成与栅格化互相抢帧， * 表现为整屏反复闪烁。iOS Safari 对 backdrop-filter 合成稳定，iPhone 不复现。 * * 既有方案 html.lovemi-chat-flat-glass（mobile-real-device-fix.css 第 14 节）只降级了 * #chat-page 内部，且该文件在多数模块样式表「之前」加载——模块里同为 !important 的 * backdrop-filter 规则（fullscreen-styles.css / voice-call.css / twitter.css 等）会在 * 同特异性下按加载顺序反超，导致降级不彻底。 * * 本文件的两个硬性要求： * 1. 必须是 index.html 中「最后一个」样式表（在 safe-area-compat.css 之后）； * 2. 选择器用 :not(#lovemi-fg) ×3 抬高特异性到 (3,1,1)，压过全站所有 * 「#id .class { backdrop-filter: ... !important }」级别的规则， * 也压过 JS 动态注入的