| | |
| | | {/* 导航菜单 - 增加z-index确保在动效之上 */} |
| | | <div className="hidden md:flex items-center space-x-8 relative z-20"> |
| | | <Link |
| | | href="/platform" |
| | | href="/ai-scene" |
| | | className="relative px-3 py-2 text-sm font-medium" |
| | | onMouseEnter={() => setActiveMenu('platform')} |
| | | onMouseEnter={() => setActiveMenu('ai-scene')} |
| | | onMouseLeave={() => setActiveMenu('')} |
| | | > |
| | | <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'platform' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>数字员工平台</span> |
| | | <span className={`relative z-10 transition-colors duration-300 ${activeMenu === 'ai-scene' ? 'text-[#6ADBFF]' : 'text-gray-100'}`}>AI场景模拟</span> |
| | | <span className={`absolute bottom-0 left-0 h-[2px] bg-gradient-to-r from-[#6ADBFF] to-transparent |
| | | transition-all duration-300 ${activeMenu === 'platform' ? 'w-full' : 'w-0'}`}></span> |
| | | transition-all duration-300 ${activeMenu === 'ai-scene' ? 'w-full' : 'w-0'}`}></span> |
| | | </Link> |
| | | |
| | | <Link |
| | |
| | | <div className="p-3 space-y-1 bg-gradient-to-b from-[#1E2B63] to-[#0A1033] |
| | | border-t border-[#6ADBFF]/10"> |
| | | <Link |
| | | href="/platform" |
| | | href="/ai-scene" |
| | | className="block px-4 py-3 text-white border-l-2 border-transparent hover:border-[#6ADBFF] |
| | | hover:bg-[#3B4888]/20 rounded-r-md transition-all duration-200" |
| | | > |
| | | 数字员工平台 |
| | | AI场景模拟 |
| | | </Link> |
| | | |
| | | <Link |