一款极简科技风的动态个人主页模板，集成全屏视频背景、悬浮头像系统（视频/图片双模式）、多层光环粒子动画、智能侧边栏导航、鼠标拖尾特效及背景音乐控制。纯CSS3+JS实现，响应式布局适配全设备，无需插件，一键部署即可拥有沉浸式交互体验。
核心功能
- 全屏动态背景
- 自动循环播放视频背景，视频加载失败时自动切换为备用图片
- 背景音乐播放控制（点击音乐按钮启停）
- 悬浮式头像系统
- 中央主头像区域支持 视频/图片双模式（优先播放视频动画）
- 多层光环特效：脉冲环 + 3层同心光晕环绕头像
- 侧边栏同步显示小号动态头像
- 智能侧边栏
- 滑动展开/收起式导航菜单（支持手势滑动控制）
- 实时日期显示 + 每日资讯图片区（预留API接口）
- 8组可自定义的个性标签墙
- 交互增强组件
- 鼠标移动轨迹拖尾特效（彩色光点跟随）
- 动态时间戳自动更新
- 4个功能按钮：主页/作品/联系/关注（带悬停微交互反馈）
视觉效果
- 科技感悬浮界面
- 半透明玻璃态侧边栏设计（毛玻璃效果）
- 头像区域的光环粒子动画（脉冲+旋转光晕）
- 鼠标跟随的彩色光点拖尾特效
- 沉浸式体验
- 全屏视频背景自动模糊处理（避免干扰内容）
- 点击音乐按钮触发 波纹扩散动画
- 按钮悬停时的 缩放/颜色变化反馈
- 动态数据展示
- 实时更新的日期显示（自动同步系统时间）
- 资讯区预留图片轮播接口（支持动态内容）
- 头像视频自动循环播放（无缝衔接）
- 响应式布局
- 自适应不同屏幕尺寸（PC/平板/手机）
- 移动端优化触摸交互（侧边栏手势滑动）
技术实现
- 纯前端实现：无需额外库，仅用 CSS3动画 + JavaScript
- 自动初始化：页面加载完成后自动启动所有动态元素
- 轻量化设计：代码简洁，性能优化
