介绍
页面主体是一个液体文字实验台，左侧展示标题说明，右侧保留真正的液体字舞台。用户可以切换暖光液态和深海液态两套配色，并用滑杆实时改变流速、黏度和液滴密度，让标题从静态文案变成可操作的液态字展示模块。
技术栈
项目使用原生 HTML5、CSS3、JavaScript 编写，不依赖第三方库。液态观感由 SVG 遮罩、滤镜矩阵和绝对定位色团共同组成，打开 index.html 即可运行。
软件架构
- index.html：液体字舞台、主题切换按钮、三组参数滑杆。
- styles.css：玻璃面板、深色背景、液滴漂浮动画和响应式布局。
- script.js：液滴生成、SVG 遮罩更新、主题切换和范围输入绑定。
安装教程
- 下载并解压 zip 压缩包。
- 进入同名文件夹后双击 index.html。
- 若要部署到静态空间，保持当前目录结构整体上传即可。
使用说明
- 替换主标题或副标题即可改成品牌名、活动口号或产品名。
- 修改 themes 配色对象，可以快速做出新的液体色板。
- 通过滑杆调节不同的液滴速度和密度，截取自己需要的封面画面。
功能讲解
- 液态遮罩：SVG 文本遮罩覆盖渐变填充层，形成真正的液体字主体。
- 参数滑杆：流速、黏度、密度三组控件直接影响液滴数量、运动节奏和滤镜强度。
- 主题切换：两套预设色板可快速切换氛围，不需要改 HTML 结构。
