蓝色科技风格导航页HTML源码

设计特点

风格匹配：

采用蓝紫色科技风格

深色背景搭配紫色渐变元素

科技感的卡片设计和悬浮效果

视觉元素：

动态粒子背景增强科技感

卡片悬浮动画和光效

渐变色按钮和标题

毛玻璃效果卡片背景

内容结构：

协会logo和标题

协会简介副标题

6个主要功能导航卡片

页脚版权信息

交互体验：

平滑的悬停动画效果

响应式设计适配各种设备

清晰的视觉层次

使用说明

替换logo图片链接为您的实际logo

修改导航卡片中的标题、描述和链接地址

更新页脚中的版权信息和联系方式

如需增减导航项，复制nav-card区块并修改内容

调整:root中的颜色变量可更改整体配色方案