网站整体要求
主题：国防科技（Defense Tech），聚焦未来装备、战略系统、太空安全、无人系统与AI防御。
风格：深色背景（#0A0F1F 到 #0B1A2E 渐变），霓虹蓝（#00D4FF）与金属银（#E0E5F0）作为强调色。字体采用清晰的无衬线体，标题带微妙的科技感光晕效果。
布局：单页滚动式，包含5个主要板块：英雄区、核心能力、尖端项目、新闻动态、合作伙伴与联系。
交互：平滑滚动锚点链接；鼠标悬停时卡片有抬升并显示科技边框光效；加载进度条动画。
响应式：适配桌面端（1200px+）、平板（768px）和手机（375px）。
各板块详细提示
1. 英雄区（Hero Section）
背景：全屏动态粒子网格（类似雷达扫描线或数字矩阵），中央焦点为一组3D风格的国防科技概念图（卫星、无人机与隐身战机轮廓）。
标题：大字标题 “DEFENDING TOMORROW” 或者 “未来·防线”，使用渐变色（#00D4FF → #7A2EFF）。
副标题：”下一代国防科技解决方案 — 自主、隐蔽、智能。”
行动按钮：[探索技术] 按钮（实心霓虹蓝，悬停扩大阴影）和 [联系专家] 按钮（描边透明，悬停填充）。
滚动提示：底部中央一个向下跳动的小箭头图标。
2. 核心能力（Core Capabilities）
展示方式：六个科技卡片，每个卡片包含：SVG图标（例如：卫星天线、AI芯片、无人机、电磁战、网络盾牌、太空镜）、标题、简短描述。
卡片内容示例：
无人作战群：”协同无人机与无人地面载具，实现全域感知。”
天基预警：”低轨卫星星座，实时导弹跟踪与通信中继。”
人工智能决策：”边缘AI辅助战术分析，加速OODA循环。”
定向能系统：”高能激光与微波武器，低成本拦截。”
网络弹性：”量子加密与主动防御，确保关键链路安全。”
高超音速技术：”乘波体设计与热防护，突破现有防御。”
悬停效果：卡片边框变为霓虹蓝色，底部出现进度条光带。
3. 尖端项目（Flagship Projects）
布局：左右交替的三组图文模块。
项目一：图像占位符展示无人机群仿真图 → 右侧文本：”项目 ‘蜂群-X’ —— 自适应智能集群算法，抗干扰数据链。” + 一个”了解更多”链接（带右箭头动画）。
项目二：左侧文本：”项目 ‘坚盾网格’ —— 分布式全域感知与反蜂群体系。” → 右侧图像为雷达网格覆盖城市上空的艺术图。
项目三：图像占位符展示太空飞行器 → 右侧文本：”项目 ‘穹眼’ —— 太空态势感知与在轨服务系统。”
附加功能：每个项目下方显示进度标签（例如”实战测试阶段 82%”）。
4. 新闻与见解（News & Insights）
标题：”前沿动态”。
内容：三列新闻卡片，每张卡片包括：日期（例如 2026.04.10）、标题、简短的摘要、标签（技术突破/战略演习/行业合作）。
示例新闻：
“下一代抗干扰通信协议通过极端环境测试” — 标签：技术突破
“与亚太防务论坛联合举办无人系统战术研讨会” — 标签：行业合作
“AI空战算法在模拟对抗中胜率提升31%” — 标签：AI+防御
悬停：卡片略微上浮，标题颜色变为霓虹蓝。
5. 合作伙伴与联系（Partners & Contact）
合作伙伴标志区：一行灰度徽章（使用图标代表Lockheed Martin, Northrop Grumman, 国防创新小组, 欧洲导弹集团等），悬停时恢复原本颜色。
联系区：左侧是一个简洁表单（姓名、邮箱、信息主题，提交按钮）；右侧显示联系信息：邮箱 contact@defencetech.com、电话 +86 (10) 1234 5678、地址 “未来科学城国防科技园”。
底部：版权信息与隐私政策、使用条款的小链接。
额外设计说明
加载动画：页面加载时，显示一个”连接安全链路…”的文本，并伴随脉冲圆点。
安全徽章：在页面右上角放置一个”加密通信”图标和”官方认证”字样的水印（半透明）。
字体：标题使用 Orbitron 或 Michroma，正文使用 Inter 或 Open Sans。
颜色变量：--bg-dark: #0A0F1F; --card-bg: rgba(18, 28, 48, 0.7); --glow-blue: #00D4FF; --glow-purple: #7A2EFF; --text-main: #E0E5F0; --text-dim: #8A9AB0;
代码/工具建议
使用HTML5 + TailwindCSS或自定义CSS Grid/Flexbox。
添加GSAP或Framer Motion实现滚动触发动画（数字粒子入场、卡片依次淡入）。
图标使用Feather Icons或FontAwesome 6（免费国防相关）。
地图/背景可使用Three.js制作低多边形地球或星空背景。
输出要求
请根据以上提示生成完整的HTML/CSS/JS前端代码（单文件），并确保：
所有图片可用Unsplash或Pexels的国防相关占位图（如https://images.unsplash.com/...，但注意版权，使用模拟色块亦可，但请添加unsplash关键词占位符）。
无需后端，表单提交显示模拟成功弹窗。
代码可直接复制为.html文件在浏览器运行。
移动端菜单折叠为汉堡菜单（导航栏包括：能力、项目、动态、联系）。
现在，请按照上述所有详细提示生成国防科技网站前端代码。