用途：作为视频片头帧、SaaS landing 顶部 hero 或海报底图的单文件 HTML 模板，背景为流体感渐变，顶层叠加一句金句与副标题，可选底部 CTA chip 或 hairline 元数据行。
主要能力：流体背景提供三种实现，按偏好选择。默认推荐 CSS 多层 radial-gradient 错位呼吸，用 3–5 个大椭圆加 @keyframes 平移、scale、hue-rotate，周期 8–14s 错峰，并叠 mix-blend-mode: screen 或 overlay 与 backdrop-filter: blur(80px)；中阶为 Canvas 加简单 perlin noise，约 80 行 inline JS 用 requestAnimationFrame 画 metaballs 或 simplex noise field；高阶为 WebGL fragment shader，可用 jsdelivr CDN 引 regl 或 inline plain WebGL，写 domain-warp noise，单个 quad 配 uniform u_time。调色四选一：Solar Peach、Ocean Aqua、Aurora Violet、Forest Mint。
使用方式：单文件 HTML，可双击打开。文字层居中或左下，金句 5–7vw，字体可用 Source Serif Pro / Inter Tight / Manrope Black，中文用 Noto Serif SC 与 Noto Sans SC；文字色用 paper white #fafaf8 或 ink，并加 mix-blend-mode: difference 保证可读。必须使用用户提供的金句或标题；若输入是数据，需提炼一句不超过 18 字的金句。
限制：严禁多色彩虹超过 4 个色相、PowerPoint 渐变与霓虹荧光叠加；严禁外链图片，全部用 CSS + SVG 与可选 canvas；需支持 prefers-reduced-motion 关闭动效；WebGL 为高阶用法需慎用。