背景样式

生成提示词

请为 [页面名称/业务场景] 设计一个「扫描光带」背景样式。

适用场景：
- 适合监控、日志和技术雷达页面。

视觉目标：
- A scanning beam gives operational pages a subtle live-system feeling.

背景实现：
1. 主背景使用：bg-[linear-gradient(100deg,transparent_0_36%,rgba(20,184,166,0.22)_46%,transparent_56%),linear-gradient(to_bottom,#ffffff,#f8fafc)] bg-[size:220%_100%] [animation:kc-bg-scan_5s_linear_infinite]
2. 覆盖层使用：bg-white/20

实现要求：
1. 使用 CSS 或 Tailwind arbitrary values 实现，不依赖图片素材。
2. 背景必须放在内容层下方，正文和按钮要保持清晰可读。
3. 动效必须轻量克制，只使用 opacity、filter、transform 或 background-position，不触发布局重排。
4. 如果用于 Hero，背景需要从首屏自然过渡到下一段内容。
5. 如果用于工具或后台页面，背景只承担氛围和分区提示，不干扰操作密度。
6. 补充 prefers-reduced-motion 降级；对于呼吸灯效果，节奏要像状态指示灯缓慢扩散和收束，不要闪烁刺眼。