🎨 视觉进化：从功能到审美的飞跃

1. 网站图标 (Favicon) 的性能优化

在早期的尝试中，我直接使用了 1024x1024 的高清原图作为图标。但在实际测试中发现，过大的体积导致了标签页加载的延迟。

此外，我实现了主子站图标共用方案：通过绝对路径引用，确保了品牌视觉的一致性，同时减少了重复资源的维护。

2. Three.js 赋能：动态粒子背景

作为一名全栈开发者，前端的交互感同样重要。我引入了 Three.js 库，在底层使用 WebGL 渲染了一个全屏的 3D 粒子系统。

• 性能平衡： 限制粒子数量为 1500 个，确保在移动端也能流畅运行。
• 视觉叠加： 使用 z-index: -1 将 Canvas 置于底层，配合容器的半透明背景，实现了高级的“毛玻璃”质感。

3. 跨子域资源共享实践

在 pc.yushenchuanmei.top（子站）中，我通过以下代码直接引用主站资源：

<link rel="icon" href="https://yushenchuanmei.top/favicon.ico" type="image/x-icon">

这种方法不仅节省了子站仓库的存储空间，还利用了浏览器缓存机制，提升了二次访问的加载速度。