HTML 页面结构

├── 导航栏 (固定顶部)

│   ├── Logo: <CYBER/>

│   └── 链接: 首页 / 关于 / 作品 / 联系

├── Hero (首屏)

│   ├── 故障艺术标题: CYBERSPACE

│   └── CTA 按钮: [ 进入系统 ]

├── About (关于)

│   ├── 头像区 (代码设置 src 即可)

│   └── 个人介绍 + 技能标签

├── Projects (作品)

│   └── 6 张项目卡片 (每张独立配置跳转链接)

├── Contact (联系)

│   └── GitHub / Email / 社交媒体链接面板

└── 3D Canvas (固定背景)

自定义指南

修改头像

在 `index.html` 中搜索 `<!– 自定义头像 –>`，修改 `src` 属性：

<img class=”avatar-img” id=”avatarImg”

     src=”你的图片路径.png”    <!– 改这里 –>

     alt=”Avatar”

     onerror=”this.style.display=’none'”>

修改项目链接

搜索 `yourname` 即可批量定位 6 个项目链接：

<a href=”https://你的链接” target=”_blank” rel=”noopener” class=”project-link”>

    [ 查看项目 → ]

修改文案

Hero 标题/副标题：搜索 `CYBERSPACE` / `欢迎进入赛博空间`

个人介绍：搜索 `旅行者` / `全栈开发者`

项目信息：搜索 `NEURAL_RECON` / `CYBER_MESH` 等