AI 促进福祉实验室——大学研究网站设计产品系统

AI for Wellbeing 实验室是一个专为大学研究团队打造的专业学术网站，该团队专注于人工智能与心理学领域。网站以简洁有序的布局介绍了实验室成员、正在进行的研究、在线课程以及已发表的作品。该网站采用现代前端技术构建，将极简主义的用户界面与清晰的排版和响应式布局相结合，以确保在所有设备上的可读性和可访问性。

• 团队与成员展示 — 分层结构（负责人、博士、研究助理、校友）。
• 在线课程板块 — 多个视频课程的响应式卡片式布局。
• 图书库板块 — 清晰的网格布局，配有双语描述。
• 动态导航 — 多页面结构，过渡流畅。
• 全响应式设计 — 桌面端和移动端均无缝运行。
• 专业学术风格 — 字体和间距设计适合长篇阅读。

🧰 技术栈（Tech Stack）
• Vue 3 / Nuxt 3 or React + Vite
• Tailwind CSS
• TypeScript
• Pinia / Zustand
• Responsive Grid & Flex Layout
• Dynamic Routing for Member Profiles