Canvas 粒子星网
上百个粒子实时连线，鼠标靠近会被轻轻推开，形成会呼吸的拓扑结构。
NEON DRIFT
在数据洪流中穿行 ——
0目标帧率 FPS
0第三方依赖
0文件 · HTML
0交互模块
// Features
每一像素都在动
没有框架、没有构建步骤、没有网络请求。只有浏览器原生 API 与一点点偏执。
极光渐变
三层超大模糊光斑以不同周期缓慢漂移、缩放，配合 mix-blend-mode 交融出流动的极光。
玻璃拟态
backdrop-filter 磨砂 + 1px 高光描边，卡片像悬在背景之上的一层霜。
3D 视差倾斜
指针位置映射成 rotateX/Y，内部元素用 translateZ 分层，产生真实纵深。
滚动叙事
IntersectionObserver 驱动元素入场，顶部进度条与数字滚动同步呼吸。
偏好记忆
主题选择存进 localStorage —— 刷新页面，它还记得你。试试右上角的按钮。
// Under the hood
技术栈：什么也没用
整个页面就是这 4 类原生能力，按需组装，不引入任何运行时。
现代 CSS
自定义属性做主题令牌、clamp() 流体排版、color-mix() 动态配色、conic-gradient 旋转光环。
Canvas 2D
单次 requestAnimationFrame 循环、DPR 自适应、页面隐藏时自动暂停，不烧风扇。
无障碍与降级
遵循 prefers-reduced-motion、键盘焦点可见、自定义光标只在脚本就绪后才接管。
拿走吧，它是你的了
整个页面就一个 index.html。双击打开即可运行，也可以直接丢进任何静态托管。
提示：鼠标划过卡片、点击按钮、切换主题 —— 都有反应。