Organofluorine Chemistry - Jinbo Hu Group Website产品系统Vibe Coding

本项目面向 高等教育及前沿科学研究行业 ，旨在为中国科学院上海有机化学研究所——胡金波研究组构建专业的官方学术门户。通过数字化的方式解决科研团队在国际学术界的信息展示需求，包括最新研究成果（有机氟化学）的实时发布、实验室成员风采展示以及招生引才，提升课题组的国际学术影响力。

- 动态交互首页 ：采用响应式 Hero Slider 展示实验室大事件，配合平滑的呼吸感视觉特效。
- 科研成果库 ：分类展示历年高水平学术论文（Publications），支持在线预览及外部链接跳转。
- 研究方向详情 ：深度介绍有机氟化学及氟材料研究课题。
- 团队成员管理 ：结构化展示教授、博士后及研究生信息。
- 动态新闻系统 ：实时更新实验室论文发表、学生答辩等学术资讯。
- 响应式导航与搜索 ：适配 PC 及移动端，提供便捷的全局信息检索入口。

我独立负责该项目的 前端架构设计与交互开发 。
- 技术栈 ：利用 Tailwind CSS 构建响应式 UI 框架，配合原生 JavaScript 实现高性能的轮播与菜单交互。
- 实现亮点 ：
1. SVG 化学结构渲染 ：在论文展示模块，创新性地使用 SVG 代码手绘化学分子结构，相比图片更清晰且加载极快。
2. 视觉优化 ：针对固定导航栏（Fixed Header）设计了精准的间距补偿方案，确保内容在不同设备下均无遮挡。
3. 路径重构 ：统一了 Font Awesome 6 与静态资源的存放路径，显著提升了项目的维护效率与加载性能。