<!DOCTYPE html>

<head>

<title>GameAI Lab | 游戏智能助手平台</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

background: #070b18;

color: #e2e8f0;

line-height: 1.6;

overflow-x: hidden;

position: relative;

}

/* 背景科技网格 */

body::before {

content: "";

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-image:

linear-gradient(rgba(14, 165, 233, 0.05) 1px, transparent 1px),

linear-gradient(90deg, rgba(14, 165, 233, 0.05) 1px, transparent 1px);

background-size: 40px 40px;

z-index: 0;

pointer-events: none;

}

.container {

max-width: 1100px;

margin: 0 auto;

padding: 0 24px;

position: relative;

z-index: 1;

}

/* 导航栏 */

nav {

padding: 24px 0;

display: flex;

justify-content: space-between;

align-items: center;

border-bottom: 1px solid rgba(14, 165, 233, 0.1);

}

.logo {

font-size: 20px;

font-weight: 700;

background: linear-gradient(90deg, #0ea5e9, #8b5cf6);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

letter-spacing: 1px;

}

.nav-tag {

font-size: 12px;

padding: 4px 10px;

border: 1px solid rgba(14, 165, 233, 0.3);

border-radius: 20px;

color: #0ea5e9;

}

/* Hero 区域 */

.hero {

padding: 100px 0 80px;

text-align: center;

}

.hero h1 {

font-size: clamp(36px, 6vw, 64px);

font-weight: 800;

margin-bottom: 20px;

line-height: 1.1;

background: linear-gradient(135deg, #ffffff 0%, #0ea5e9 50%, #8b5cf6 100%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: glow 3s ease-in-out infinite alternate;

}

@keyframes glow {

from { filter: drop-shadow(0 0 8px rgba(14, 165, 233, 0.3)); }

to { filter: drop-shadow(0 0 20px rgba(139, 92, 246, 0.5)); }

}

.hero .subtitle {

font-size: clamp(16px, 2vw, 20px);

color: #94a3b8;

margin-bottom: 32px;

max-width: 700px;

margin-left: auto;

margin-right: auto;

}

.hero .badge {

display: inline-block;

padding: 8px 18px;

border: 1px solid rgba(14, 165, 233, 0.4);

border-radius: 30px;

color: #0ea5e9;

font-size: 14px;

margin-bottom: 40px;

background: rgba(14, 165, 233, 0.05);

}

/* 板块标题 */

.section-title {

font-size: 28px;

font-weight: 700;

text-align: center;

margin-bottom: 16px;

color: #f8fafc;

}

.section-desc {

text-align: center;

color: #94a3b8;

max-width: 600px;

margin: 0 auto 48px;

}

/* 特性卡片 */

.features {

padding: 60px 0;

}

.feature-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

gap: 24px;

}

.feature-card {

background: rgba(15, 23, 42, 0.7);

border: 1px solid rgba(14, 165, 233, 0.15);

border-radius: 16px;

padding: 32px 24px;

backdrop-filter: blur(10px);

transition: all 0.3s ease;

}

.feature-card:hover {

transform: translateY(-6px);

border-color: rgba(14, 165, 233, 0.4);

box-shadow: 0 10px 40px rgba(14, 165, 233, 0.15);

}

.feature-icon {

width: 48px;

height: 48px;

border-radius: 12px;

background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(139, 92, 246, 0.2));

display: flex;

align-items: center;

justify-content: center;

font-size: 24px;

margin-bottom: 20px;

border: 1px solid rgba(14, 165, 233, 0.2);

}

.feature-card h3 {

font-size: 18px;

margin-bottom: 12px;

color: #f1f5f9;

}

.feature-card p {

color: #94a3b8;

font-size: 14px;

}

/* 关于产品 */

.about {

padding: 60px 0;

border-top: 1px solid rgba(14, 165, 233, 0.1);

border-bottom: 1px solid rgba(14, 165, 233, 0.1);

}

.about-box {

max-width: 760px;

margin: 0 auto;

background: rgba(15, 23, 42, 0.5);

border: 1px solid rgba(139, 92, 246, 0.2);

border-radius: 16px;

padding: 40px;

backdrop-filter: blur(10px);

}

.about-box p {

color: #cbd5e1;

margin-bottom: 16px;

}

.about-box p:last-child {

margin-bottom: 0;

}

/* 联系我们 */

.contact {

padding: 80px 0;

text-align: center;

}

.contact-card {

max-width: 500px;

margin: 0 auto;

background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(139, 92, 246, 0.1));

border: 1px solid rgba(14, 165, 233, 0.2);

border-radius: 20px;

padding: 48px 32px;

}

.contact-card h3 {

font-size: 24px;

margin-bottom: 12px;

}

.contact-item {

margin: 16px 0;

font-size: 16px;

}

.contact-label {

color: #94a3b8;

font-size: 14px;

margin-bottom: 4px;

}

.contact-mail {

color: #0ea5e9;

text-decoration: none;

font-weight: 500;

}

.contact-mail:hover {

text-decoration: underline;

}

/* 页脚 */

footer {

padding: 32px 0;

text-align: center;

color: #64748b;

font-size: 14px;

border-top: 1px solid rgba(14, 165, 233, 0.1);

}

/* 响应式 */

@media (max-width: 640px) {

.hero {

padding: 60px 0 40px;

}

.about-box {

padding: 28px 20px;

}

.contact-card {

padding: 32px 20px;

}

</style>

</head>

<body>

<nav>

<div class="logo">GAMEAI LAB</div>

</nav>

<div class="badge">游戏空间 + AI 助手一体化平台</div>

<h1>重新定义游戏交互体验</h1>

深度融合多模型大语言能力与沉浸式游戏空间，

为玩家带来陪伴式智能指引、剧情互动与决策辅助

</p>

</section>

<p class="section-desc">基于全球边缘网络构建，打通客户端与云端智能，打造流畅的游戏AI体验</p>

<h3>原生游戏空间</h3>

<p>沉浸式游戏交互界面，AI助手与游戏场景无缝融合，无需切换应用</p>

</div>

<h3>多模型智能引擎</h3>

<p>接入 Gemini 等主流大模型，灵活适配不同游戏场景与交互需求</p>

</div>

<h3>全球边缘加速</h3>

<p>依托全球边缘节点部署，低延迟响应，随时随地流畅对话交互</p>

</div>

<h3>个性化记忆</h3>

<p>AI 持续学习你的游戏习惯与偏好，越用越懂你的游玩风格</p>

</div>

</section>

<h2 class="section-title" style="text-align: left; font-size: 22px; margin-bottom: 20px;">关于 GameAI Lab</h2>

<p>

GameAI Lab 是面向全球玩家的「游戏空间 + 智能助手」一体化产品。我们将强大的大语言模型能力深度植入游戏场景，

让AI不再是独立的工具，而是伴随你游玩全程的智能伙伴。

</p>

<p>

客户端已完成多端适配与模型接入，服务端基于全球边缘网络构建，

支持高并发、低延迟的智能交互，覆盖游戏攻略、剧情推演、决策建议、社交陪伴等多元场景。

</p>

</div>

</section>

<a href="mailto:business@gameailab.org" class="contact-mail">business@gameailab.org</a>

</div>

<a href="mailto:support@gameailab.org" class="contact-mail">support@gameailab.org</a>

</div>

</section>

</footer>

</div>

</body>

</html>