纯 CSS 实现纵向视差与呼吸光晕，不引第三方库，移动端也不掉帧。
请用纯 CSS 实现一个滚动视差区块，不要使用 JavaScript，不要引入任何库。
【效果目标】
1. 背景层随页面滚动产生 0.35 倍速度差
2. 两团渐变光晕做 12s 循环的缓慢位移，形成呼吸感
3. 前景内容进入视口时淡入并上移 24px
【实现要求】
- 视差用 background-attachment: fixed 或 transform 分层实现，说明你选哪种及原因
- 光晕用 radial-gradient + @keyframes
- 淡入用 CSS 原生 scroll-driven animation，并给出不支持浏览器的降级写法
- 尊重 prefers-reduced-motion，关闭全部动画
请先说明实现方案，再给完整代码。区块内容主题是：{主题}。
先确认模型选的视差实现方式，fixed 在移动端有已知缺陷。
动画时长别低于 8 秒，太快会让人眩晕。
务必保留 reduced-motion 降级，否则无障碍体检不过。
视差最常见的坑是移动端 background-attachment: fixed 直接失效，或者用 JS 监听 scroll 导致掉帧。
浏览器原生的 scroll-driven animation 是合成层动画，不占主线程；一旦用 JS 监听 scroll 再改 style，滚动就会和渲染互相等待，中低端机型立刻掉到 30fps 以下。
不支持的浏览器里，这段动画应该表现为"内容直接可见"，而不是"内容永远隐藏"。让模型显式写出降级分支，能避免一大类线上事故。
按平台爆款结构出完整分镜脚本，开头 3 秒钩子、中段节奏、结尾引导一句不缺，直接能拍。
把结构要求写清楚再让模型出码，一次就能拿到可直接上线的玻璃拟态首屏，不用反复调样式。
把书面材料改成自然口语口播稿，短句、有呼吸感、念出来不打结，还带情绪起伏标记。
按"一句卖点—三层论证—打消顾虑"的金字塔结构写详情页，每个卖点都有证据支撑，不是空喊。
鼠标跟随倾斜 + 高光反射的 3D 卡片，用 transform 3D 实现，交互手感接近原生应用。
生成 15 分钟一轮的直播话术脚本，憋单、放单、逼单节奏齐全，还带互动问题和违禁词自查。