背景样式

生成提示词

请为 [页面名称/业务场景] 设计一个「柔焦圆盘」背景样式。

适用场景：
- 适合空状态、仪表盘欢迎区和说明页。

视觉目标：
- Blurred discs give dashboards a soft, approachable entry point.

背景实现：
1. 主背景使用：bg-[radial-gradient(circle_at_22%_28%,rgba(20,184,166,0.22)_0_14%,transparent_32%),radial-gradient(circle_at_76%_36%,rgba(14,165,233,0.20)_0_12%,transparent_30%),radial-gradient(circle_at_48%_78%,rgba(49,80,100,0.14)_0_16%,transparent_34%),linear-gradient(to_bottom,#ffffff,#f8fafc)]
2. 覆盖层使用：bg-white/15

实现要求：
1. 使用 CSS 或 Tailwind arbitrary values 实现，不依赖图片素材。
2. 背景必须放在内容层下方，正文和按钮要保持清晰可读。
3. 保持浅色、克制、可复用，不要出现大面积高饱和装饰。
4. 如果用于 Hero，背景需要从首屏自然过渡到下一段内容。
5. 如果用于工具或后台页面，背景只承担氛围和分区提示，不干扰操作密度。