背景样式

生成提示词

请为 [页面名称/业务场景] 设计一个「蜂巢暗纹」背景样式。

适用场景：
- 适合组件库、系统页和偏工程的模块背景。

视觉目标：
- Hexagonal hints make modular systems feel connected and engineered.

背景实现：
1. 主背景使用：bg-[linear-gradient(30deg,rgba(100,116,139,0.12)_12%,transparent_12.5%,transparent_87%,rgba(100,116,139,0.12)_87.5%,rgba(100,116,139,0.12)),linear-gradient(150deg,rgba(100,116,139,0.12)_12%,transparent_12.5%,transparent_87%,rgba(100,116,139,0.12)_87.5%,rgba(100,116,139,0.12)),linear-gradient(30deg,rgba(100,116,139,0.12)_12%,transparent_12.5%,transparent_87%,rgba(100,116,139,0.12)_87.5%,rgba(100,116,139,0.12)),linear-gradient(150deg,rgba(100,116,139,0.12)_12%,transparent_12.5%,transparent_87%,rgba(100,116,139,0.12)_87.5%,rgba(100,116,139,0.12)),linear-gradient(60deg,rgba(148,163,184,0.08)_25%,transparent_25.5%,transparent_75%,rgba(148,163,184,0.08)_75%,rgba(148,163,184,0.08)),linear-gradient(60deg,rgba(148,163,184,0.08)_25%,transparent_25.5%,transparent_75%,rgba(148,163,184,0.08)_75%,rgba(148,163,184,0.08))] bg-[size:40px_70px] bg-[position:0_0,0_0,20px_35px,20px_35px,0_0,20px_35px]
2. 覆盖层使用：bg-[radial-gradient(ellipse_at_center,rgba(255,255,255,0.52),rgba(255,255,255,0.96))]

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