首页重新设计上线

近日完成了个人网站首页的重新设计，采用了更加现代简约的风格。

🎨 主要更新

Hero 区域重构

• 全新的视觉布局：采用居中对称设计，增强视觉冲击力
• 动态交互效果：
  • 插图添加柔和的浮动动画
  • 标题使用渐变色彩
  • 挥手表情增加亲和力
  • 底部添加滚动引导提示
• 优化的按钮设计：主按钮与次要按钮的层次搭配，引导用户行动

特性展示区升级

• 卡片式布局：每个研究方向独立展示，悬停时有上浮效果
• 视觉层次优化：
  • 圆形渐变背景突出图标
  • 顶部装饰条增强交互反馈
  • 柔和阴影提升质感
• 新增研究方向：补充了"跨学科融合"特性，完整呈现计算社会科学的核心要素

设计理念

本次重新设计遵循以下原则：

• 现代简约：大量留白，清晰的视觉层次
• 流畅交互：所有过渡动画都经过精心调优
• 响应式适配：确保在各种设备上都有良好体验
• 主题兼容：完美适配 Nord 主题的深浅色模式

🚀 技术实现

• 纯 CSS 动画，无需额外 JavaScript
• CSS Modules 实现样式隔离
• 渐变、阴影、变换等现代 CSS 特性
• Flexbox 布局确保响应式效果

📝 后续计划

未来可能会继续优化：

• 添加更多页面动画效果
• 优化移动端体验
• 考虑添加深色模式切换动画

欢迎访问首页查看新设计！