让内容
流动起来

液态玻璃美学

界面使用多层 backdrop-filter 模糊、饱和增强、内侧高光与边缘折射模拟真实玻璃的质感。背景中缓慢漂移的彩色光斑穿过玻璃层，形成流动的光影。

分级页面 + 滑动手势

底部四个标签对应四个独立页面。除了点击切换，你也可以直接左右滑动屏幕来翻页，动画带阻尼与惯性回弹。

数据存在哪？

• 所有文件保存在浏览器的 IndexedDB 中
• 不会上传到任何服务器，纯本地
• 刷新、关闭浏览器后依然存在
• 清除浏览器数据会一并删除，请及时下载备份

图标说明

页面中所有图标均为内联 SVG（<symbol> + <use>），直接嵌入本文档，无需任何外部图标库或网络请求。图标外层包裹液态玻璃底座，形成统一的视觉语言。