个人网站（未上线）产品系统Vibe Coding

当前ACG（动画、漫画、游戏）资源普遍分散在各类平台，用户在检索、浏览和收藏时体验割裂。本项目旨在打造一个高性能的ACG资源聚合站，解决资源查找难、页面卡顿及排版混乱的痛点。该项目基于Vibe Coding模式进行全栈实践，主要面向ACG爱好者及个人开发者，提供集游戏库、漫画阅读、图片瀑布流及轻社区互动于一体的沉浸式Web浏览体验

项目包含多个独立的前端功能模块，主要分为：

资源展示与检索：包含动态搜索框（鼠标悬浮展开、防抖处理）、游戏列表（卡片方向感应/3D悬停特效）及游戏详情页（集成手风琴系统需求、3D切片轮播图、旋转音乐播放器风格的视频组件）。

浏览与阅读体验：提供漫画翻页阅读器、图片瀑布流布局（集成点击放大灯箱），以及全局动态主题切换（明暗模式、全局毛玻璃特效）。

用户与状态管理：实现翻转卡片式的登录/注册/密码重置认证弹窗、基于Pinia的用户状态与UI状态管理，以及侧边栏的标签云、社交图标跟随鼠标轨迹等交互特效。

本人独立负责项目前端架构与全部模块开发。技术栈采用Vue 3 + TypeScript + Vuetify + Pinia + SCSS，配合Vite构建。
架构与亮点：采用“树干-枝叶-土壤”模块化架构实现高内聚低耦合；严格规范化SCSS变量并支持动态主题；通过封装Composables实现逻辑复用（如useWasm、useAuth）；引入Rust编译的WASM模块在客户端进行图片压缩与哈希计算，显著提升上传与渲染性能；全面开启路由懒加载并利用骨架屏优化首屏加载体验（FCP/LCP指标优化）。难点在于实现各种复杂的CSS3交互动画（如3D轮播、翻转卡片）以及与后端WASM模块的TypeScript强类型对接。