科技个人主页

1. 数字雨背景
· 使用 Canvas 实现黑客帝国风格的数字雨效果
· 绿色数字从屏幕上方飘落，营造科技氛围
2. 头像与音乐交互
· 使用您提供的 QQ 头像 URL 显示头像
· 点击头像播放周杰伦的《晴天》并开始旋转
· 再次点击停止音乐和旋转，并平滑滚动到个人简介部分
· 头像使用动态效果和发光边框，增强科技感
3. 个人简介区域
· 简洁大气的布局，使用渐变色标题
· 包含个人介绍和技能标签
· 技能标签有悬停效果
4. 演示站展示
· 使用卡片式网格布局展示项目
· 每个卡片有悬停动画和渐变边框
· 包含 ” 添加新项目 ” 卡片，方便扩展
5. 响应式设计
· 适配各种屏幕尺寸
· 在移动设备上自动调整布局

使用说明

1. 头像已设置为使用您提供的 QQ 头像 URL
2. 点击头像可以播放 / 暂停音乐，并控制头像旋转
3. 再次点击停止的头像会平滑滚动到个人简介部分
4. 数字雨背景会自动适应窗口大小

您可以直接复制上面的代码到 HTML 文件中运行，所有资源都已包含在代码中。如需修改内容，只需编辑相应部分的文本即可。