| <!DOCTYPE html> |
| <html lang="zh-CN"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title data-i18n="pageTitle">Antigravity Tools - 高性能代理与智能适配</title> |
| <meta name="description" |
| content="Antigravity Tools - Only for Geeks. High-performance proxy and intelligent adapter stack."> |
| <meta name="keywords" content="proxy, adapter, claude, gemini, llm, ai, developer tools"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/lucide@latest"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap'); |
| @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap'); |
| |
| body { |
| font-family: 'Inter', sans-serif; |
| background-color: #0a0a0a; |
| color: #d1d1d1; |
| overflow-x: hidden; |
| } |
| |
| .hero-bg { |
| background-image: linear-gradient(to bottom, rgba(10, 10, 10, 0.3), rgba(10, 10, 10, 1)), url('hero-bg.png'); |
| background-size: cover; |
| background-position: center; |
| } |
| |
| .glass { |
| background: rgba(18, 18, 18, 0.6); |
| backdrop-filter: blur(12px); |
| border: 1px solid rgba(16, 185, 129, 0.1); |
| } |
| |
| .glass-dark { |
| background: rgba(10, 10, 10, 0.8); |
| backdrop-filter: blur(16px); |
| border: 1px solid rgba(255, 255, 255, 0.05); |
| } |
| |
| .emerald-gradient { |
| background: linear-gradient(135deg, #10b981 0%, #059669 100%); |
| -webkit-background-clip: text; |
| background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| .neon-border { |
| box-shadow: 0 0 15px rgba(16, 185, 129, 0.2); |
| border: 1px solid rgba(16, 185, 129, 0.3); |
| } |
| |
| .feature-card:hover { |
| transform: translateY(-5px); |
| border-color: rgba(16, 185, 129, 0.5); |
| box-shadow: 0 10px 30px rgba(16, 185, 129, 0.1); |
| } |
| |
| .glow-btn:hover { |
| box-shadow: 0 0 20px rgba(16, 185, 129, 0.4); |
| } |
| |
| .fade-in-up { |
| animation: fadeInUp 0.8s ease-out forwards; |
| opacity: 0; |
| transform: translateY(20px); |
| } |
| |
| @keyframes fadeInUp { |
| to { |
| opacity: 1; |
| transform: translateY(0); |
| } |
| } |
| |
| |
| .marquee-container { |
| overflow: hidden; |
| white-space: nowrap; |
| mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); |
| -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); |
| } |
| |
| .marquee-content { |
| display: inline-block; |
| animation: marquee 30s linear infinite; |
| } |
| |
| @keyframes marquee { |
| 0% { |
| transform: translateX(0); |
| } |
| |
| 100% { |
| transform: translateX(-50%); |
| } |
| } |
| |
| |
| .code-font { |
| font-family: 'Fira Code', monospace; |
| } |
| |
| .tab-btn.active { |
| background-color: rgba(16, 185, 129, 0.1); |
| color: #10b981; |
| border-bottom: 2px solid #10b981; |
| } |
| </style> |
| </head> |
|
|
| <body> |
| |
| <nav |
| class="fixed top-0 w-full z-50 glass border-b border-emerald-900/30 px-6 py-4 flex justify-between items-center transition-all duration-300"> |
| <a href="#" class="flex items-center space-x-3 group"> |
| <img src="logo.png" alt="Logo" |
| class="w-8 h-8 rounded-lg shadow-lg shadow-emerald-500/20 group-hover:shadow-emerald-500/40 transition-shadow"> |
| <span |
| class="text-xl font-bold emerald-gradient uppercase tracking-wider group-hover:brightness-110 transition-all">Antigravity</span> |
| </a> |
| <div class="flex items-center space-x-4 md:space-x-8"> |
| <div class="hidden md:flex space-x-8 text-sm font-medium"> |
| <a href="#" class="text-emerald-400 font-bold" data-i18n="navHome">首页</a> |
| <a href="qa.html" class="hover:text-emerald-400 transition-colors" data-i18n="navFaq">常见问题</a> |
| <a href="https://github.com/lbjlaq/Antigravity-Manager" |
| class="hover:text-emerald-400 transition-colors">GitHub</a> |
| </div> |
| <button id="lang-toggle" onclick="toggleLanguage()" |
| class="glass px-3 py-1 rounded-lg text-xs font-bold border border-emerald-500/30 hover:bg-emerald-500/10 transition-all uppercase"> |
| EN |
| </button> |
| </div> |
| </nav> |
|
|
| |
| <section class="relative min-h-[90vh] flex flex-col items-center justify-center hero-bg px-6 pt-20"> |
| <div class="max-w-5xl text-center z-10 fade-in-up"> |
| <div |
| class="inline-block px-4 py-1.5 mb-6 rounded-full glass border border-emerald-500/30 text-emerald-400 text-xs font-bold uppercase tracking-widest"> |
| v4.1.22 Available Now |
| </div> |
| <h1 class="text-5xl md:text-7xl font-extrabold text-white mb-6 uppercase tracking-tighter leading-none" |
| data-i18n="heroSlogan"> |
| 打破 <span class="emerald-gradient">重力</span> 束缚<br>让 API 自由流转 |
| </h1> |
| <p class="text-gray-400 text-lg md:text-xl mb-10 max-w-2xl mx-auto font-light leading-relaxed" |
| data-i18n="heroSub"> |
| 专业级 AI 账号智能调度与协议代理系统。 |
| 完美兼容 Claude Code, OpenAI 生态，为您打造极速、隐私、低成本的本地 AI 算力中枢。 |
| </p> |
| <div class="flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-6"> |
| <a href="https://github.com/lbjlaq/Antigravity-Manager/releases" |
| class="glow-btn bg-emerald-600 hover:bg-emerald-500 text-white px-8 py-4 rounded-full font-bold transition-all flex items-center shadow-lg shadow-emerald-500/20"> |
| <i data-lucide="download" class="w-5 h-5 mr-2"></i> <span data-i18n="btnDownload">立即下载</span> |
| </a> |
| <a href="https://github.com/lbjlaq/Antigravity-Manager" |
| class="glass px-8 py-4 rounded-full font-bold text-white hover:bg-emerald-900/20 transition-all flex items-center"> |
| <i data-lucide="github" class="w-5 h-5 mr-2"></i> <span data-i18n="btnViewDocs">查看文档</span> |
| </a> |
| </div> |
| </div> |
|
|
| |
| <div class="w-full max-w-6xl mt-20 fade-in-up" style="animation-delay: 0.2s;"> |
| <p class="text-center text-gray-500 text-xs uppercase tracking-widest mb-6" data-i18n="supportedModels"> |
| Supported Models</p> |
| <div class="marquee-container relative"> |
| <div |
| class="marquee-content space-x-12 opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-500"> |
| |
| <span class="text-xl font-bold">Claude 3.7 Sonnet</span> |
| <span class="text-xl font-bold">Claude 3.5 Opus</span> |
| <span class="text-xl font-bold">Gemini 1.5 Pro</span> |
| <span class="text-xl font-bold">Gemini 1.5 Flash</span> |
| <span class="text-xl font-bold">Imagen 3</span> |
| <span class="text-xl font-bold">GPT-4o Compatible</span> |
| <span class="text-xl font-bold">DeepSeek R1 (Via Proxy)</span> |
|
|
| <span class="text-xl font-bold">Claude 3.7 Sonnet</span> |
| <span class="text-xl font-bold">Claude 3.5 Opus</span> |
| <span class="text-xl font-bold">Gemini 1.5 Pro</span> |
| <span class="text-xl font-bold">Gemini 1.5 Flash</span> |
| <span class="text-xl font-bold">Imagen 3</span> |
| <span class="text-xl font-bold">GPT-4o Compatible</span> |
| <span class="text-xl font-bold">DeepSeek R1 (Via Proxy)</span> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-24 px-6 max-w-7xl mx-auto"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-5xl font-bold text-white mb-4" data-i18n="featuresTitle">不仅仅是代理，更是智能中枢</h2> |
| <p class="text-gray-500 max-w-2xl mx-auto" data-i18n="featuresSub">全自动化的账号调度与协议转换，为您节省 90% 的运维精力。</p> |
| </div> |
|
|
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="feature-card glass p-8 rounded-3xl border border-emerald-900/20 transition-all duration-300"> |
| <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 neon-border"> |
| <i data-lucide="layout-dashboard" class="text-emerald-400"></i> |
| </div> |
| <h3 class="text-xl font-bold text-white mb-3" data-i18n="feat1Title">智能账号管家</h3> |
| <p class="text-gray-500 text-sm leading-relaxed" data-i18n="feat1Sub"> |
| 实时监控所有账号的配额健康度。内置算法自动优选最佳账号，支持一键热切换，告别手工管理 Token 的烦恼。 |
| </p> |
| </div> |
| |
| <div class="feature-card glass p-8 rounded-3xl border border-emerald-900/20 transition-all duration-300"> |
| <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 neon-border"> |
| <i data-lucide="plug-zap" class="text-emerald-400"></i> |
| </div> |
| <h3 class="text-xl font-bold text-white mb-3" data-i18n="feat2Title">全协议完美适配</h3> |
| <p class="text-gray-500 text-sm leading-relaxed" data-i18n="feat2Sub"> |
| 原生支持 OpenAI, Claude (Anthropic), Gemini 协议格式。无缝接入 Claude Code CLI, Cursor, NextChat 等所有工具。 |
| </p> |
| </div> |
| |
| <div class="feature-card glass p-8 rounded-3xl border border-emerald-900/20 transition-all duration-300"> |
| <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 neon-border"> |
| <i data-lucide="route" class="text-emerald-400"></i> |
| </div> |
| <h3 class="text-xl font-bold text-white mb-3" data-i18n="feat3Title">模型路由中心</h3> |
| <p class="text-gray-500 text-sm leading-relaxed" data-i18n="feat3Sub"> |
| 支持正则级模型 ID 映射与重定向。智能分级路由策略 (Ultra/Pro/Free)，确保关键任务使用最高优先级资源。 |
| </p> |
| </div> |
| |
| <div class="feature-card glass p-8 rounded-3xl border border-emerald-900/20 transition-all duration-300"> |
| <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 neon-border"> |
| <i data-lucide="activity" class="text-emerald-400"></i> |
| </div> |
| <h3 class="text-xl font-bold text-white mb-3" data-i18n="feat4Title">企业级稳定性</h3> |
| <p class="text-gray-500 text-sm leading-relaxed" data-i18n="feat4Sub"> |
| 内置 429/401 错误自动重试与静默轮换机制。当某个账号风控或耗尽时，毫秒级切换至备用账号，业务零中断。 |
| </p> |
| </div> |
| |
| <div class="feature-card glass p-8 rounded-3xl border border-emerald-900/20 transition-all duration-300"> |
| <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 neon-border"> |
| <i data-lucide="shield-check" class="text-emerald-400"></i> |
| </div> |
| <h3 class="text-xl font-bold text-white mb-3" data-i18n="feat5Title">隐私安全优先</h3> |
| <p class="text-gray-500 text-sm leading-relaxed" data-i18n="feat5Sub"> |
| 所有数据、配置文件、API Key 均仅存储于您本地机器。无云端同步，无数据上传，给你最彻底的安全感。 |
| </p> |
| </div> |
| |
| <div class="feature-card glass p-8 rounded-3xl border border-emerald-900/20 transition-all duration-300"> |
| <div class="w-12 h-12 bg-emerald-500/10 rounded-2xl flex items-center justify-center mb-6 neon-border"> |
| <i data-lucide="cpu" class="text-emerald-400"></i> |
| </div> |
| <h3 class="text-xl font-bold text-white mb-3" data-i18n="feat6Title">高性能 Rust 核心</h3> |
| <p class="text-gray-500 text-sm leading-relaxed" data-i18n="feat6Sub"> |
| 基于 Rust + Axum + Tauri v2 打造。拥有极致的内存占用与并发处理能力，让每一次 API 调用都快如闪电。 |
| </p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="px-6 pb-24 max-w-5xl mx-auto"> |
| <div class="text-center mb-10"> |
| <h2 class="text-2xl md:text-3xl font-bold text-white mb-3" data-i18n="quickStartTitle">三行代码，极速接入</h2> |
| <p class="text-gray-500" data-i18n="quickStartSub">兼容所有支持 OpenAI 或 Anthropic 协议的工具。</p> |
| </div> |
|
|
| <div class="glass-dark rounded-2xl overflow-hidden border border-emerald-900/30 shadow-2xl"> |
| |
| <div class="flex border-b border-emerald-900/30 bg-black/20"> |
| <button onclick="switchTab('cli')" |
| class="tab-btn active px-6 py-4 text-sm font-bold text-gray-400 hover:text-white transition-all">Claude |
| CLI</button> |
| <button onclick="switchTab('python')" |
| class="tab-btn px-6 py-4 text-sm font-bold text-gray-400 hover:text-white transition-all">Python |
| SDK</button> |
| <button onclick="switchTab('opencode')" |
| class="tab-btn px-6 py-4 text-sm font-bold text-gray-400 hover:text-white transition-all">OpenCode</button> |
| </div> |
|
|
| |
| <div class="p-6 md:p-8 bg-[#0d1117]"> |
| <div id="tab-cli" class="tab-content block"> |
| <div class="flex justify-between items-center mb-2"> |
| <span class="text-xs text-gray-500">Terminal (Bash/Zsh)</span> |
| <button onclick="copyCode('code-cli')" |
| class="text-xs text-emerald-500 hover:text-emerald-400 flex items-center"> |
| <i data-lucide="copy" class="w-3 h-3 mr-1"></i> Copy |
| </button> |
| </div> |
| <pre class="code-font text-sm text-gray-300 overflow-x-auto"><code id="code-cli"># 1. 开启 Antigravity 代理服务 |
| # 2. 配置环境变量 |
| export ANTHROPIC_API_KEY="sk-antigravity" |
| export ANTHROPIC_BASE_URL="http://127.0.0.1:8045" |
|
|
| # 3. 开始使用 |
| claude</code></pre> |
| </div> |
|
|
| <div id="tab-python" class="tab-content hidden"> |
| <div class="flex justify-between items-center mb-2"> |
| <span class="text-xs text-gray-500">Python</span> |
| <button onclick="copyCode('code-python')" |
| class="text-xs text-emerald-500 hover:text-emerald-400 flex items-center"> |
| <i data-lucide="copy" class="w-3 h-3 mr-1"></i> Copy |
| </button> |
| </div> |
| <pre class="code-font text-sm text-gray-300 overflow-x-auto"><code id="code-python">import openai |
|
|
| client = openai.OpenAI( |
| api_key="sk-antigravity", |
| base_url="http://127.0.0.1:8045/v1" |
| ) |
|
|
| response = client.chat.completions.create( |
| model="gemini-3.1-pro-high", |
| messages=[{"role": "user", "content": "Hello, Antigravity!"}] |
| ) |
| print(response.choices[0].message.content)</code></pre> |
| </div> |
|
|
| <div id="tab-opencode" class="tab-content hidden"> |
| <div class="flex justify-between items-center mb-2"> |
| <span class="text-xs text-gray-500">opencode.json</span> |
| <button onclick="copyCode('code-opencode')" |
| class="text-xs text-emerald-500 hover:text-emerald-400 flex items-center"> |
| <i data-lucide="copy" class="w-3 h-3 mr-1"></i> Copy |
| </button> |
| </div> |
| <pre class="code-font text-sm text-gray-300 overflow-x-auto"><code id="code-opencode">{ |
| "providers": { |
| "antigravity-manager": { |
| "type": "openai", |
| "api_key": "sk-antigravity", |
| "base_url": "http://127.0.0.1:8045/v1", |
| "models": [ |
| "claude-sonnet-4-6-thinking", |
| "gemini-3.1-pro-high" |
| ] |
| } |
| } |
| }</code></pre> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| <footer class="py-12 border-t border-emerald-900/30 px-6 text-center"> |
| <div class="mb-6"> |
| <img src="logo.png" alt="Logo" |
| class="w-8 h-8 mx-auto mb-4 opacity-50 grayscale hover:grayscale-0 transition-all duration-500"> |
| <p class="text-gray-600 text-sm mb-2">© 2026 Antigravity Tools. Built for performance.</p> |
| </div> |
| <div class="flex justify-center space-x-6 text-xs text-gray-500 font-medium uppercase tracking-widest"> |
| <a href="https://github.com/lbjlaq/Antigravity-Manager" |
| class="hover:text-emerald-500 transition-colors">GitHub</a> |
| <a href="qa.html" class="hover:text-emerald-500 transition-colors" data-i18n="navFaq">常见问题</a> |
| <a href="#" class="hover:text-emerald-500 transition-colors">v4.1.22</a> |
| </div> |
| </footer> |
|
|
| <script> |
| const translations = { |
| zh: { |
| pageTitle: "Antigravity Tools - 高性能代理与智能适配", |
| navHome: "首页", |
| navFaq: "常见问题", |
| heroSlogan: "打破 <span class='emerald-gradient'>重力</span> 束缚<br>让 API 自由流转", |
| heroSub: "专业级 AI 账号智能调度与协议代理系统。完美兼容 Claude Code, OpenAI 生态，为您打造极速、隐私、低成本的本地 AI 算力中枢。", |
| btnDownload: "立即下载", |
| btnViewDocs: "查看文档", |
| supportedModels: "支持的主流模型", |
| featuresTitle: "不仅仅是代理，更是智能中枢", |
| featuresSub: "全自动化的账号调度与协议转换，为您节省 90% 的运维精力。", |
| feat1Title: "智能账号管家", |
| feat1Sub: "实时监控所有账号的配额健康度。内置算法自动优选最佳账号，支持一键热切换，告别手工管理 Token 的烦恼。", |
| feat2Title: "全协议完美适配", |
| feat2Sub: "原生支持 OpenAI, Claude (Anthropic), Gemini 协议格式。无缝接入 Claude Code CLI, Cursor, NextChat 等所有工具。", |
| feat3Title: "模型路由中心", |
| feat3Sub: "支持正则级模型 ID 映射与重定向。智能分级路由策略 (Ultra/Pro/Free)，确保关键任务使用最高优先级资源。", |
| feat4Title: "企业级稳定性", |
| feat4Sub: "内置 429/401 错误自动重试与静默轮换机制。当某个账号风控或耗尽时，毫秒级切换至备用账号，业务零中断。", |
| feat5Title: "隐私安全优先", |
| feat5Sub: "所有数据、配置文件、API Key 均仅存储于您本地机器。无云端同步，无数据上传，给你最彻底的安全感。", |
| feat6Title: "高性能 Rust 核心", |
| feat6Sub: "基于 Rust + Axum + Tauri v2 打造。拥有极致的内存占用与并发处理能力，让每一次 API 调用都快如闪电。", |
| quickStartTitle: "三行代码，极速接入", |
| quickStartSub: "兼容所有支持 OpenAI 或 Anthropic 协议的工具。", |
| toggleLabel: "EN" |
| }, |
| en: { |
| pageTitle: "Antigravity Tools - High Performance Proxy Stack", |
| navHome: "Home", |
| navFaq: "FAQ", |
| heroSlogan: "Defy <span class='emerald-gradient'>Gravity</span><br>Unleash Your API", |
| heroSub: "Professional AI account scheduler and protocol adapter system. Perfectly compatible with Claude Code and OpenAI ecosystem.", |
| btnDownload: "Download Now", |
| btnViewDocs: "Documentation", |
| supportedModels: "Supported Models", |
| featuresTitle: "More Than A Proxy", |
| featuresSub: "Fully automated account scheduling and protocol conversion, saving 90% of your maintenance effort.", |
| feat1Title: "Smart Account Manager", |
| feat1Sub: "Real-time monitoring of quota health. Auto-selects the best account with one-click hot switching.", |
| feat2Title: "Full Protocol Support", |
| feat2Sub: "Native support for OpenAI, Claude, Gemini protocols. Seamless integration with Claude Code CLI, Cursor, etc.", |
| feat3Title: "Model Router", |
| feat3Sub: "Regex-level mapping. Smart tiered routing (Ultra/Pro/Free) ensures critical tasks get priority resources.", |
| feat4Title: "Enterprise Stability", |
| feat4Sub: "Auto-retry and silent rotation on 429/401 errors. Millisecond-level failover keeps your business running.", |
| feat5Title: "Privacy First", |
| feat5Sub: "All data and keys are stored locally. No cloud sync, no uploads. Complete peace of mind.", |
| feat6Title: "High Performance Rust", |
| feat6Sub: "Built on Rust + Axum + Tauri v2. Extreme memory efficiency and concurrency for lightning-fast API calls.", |
| quickStartTitle: "3 Lines to Connect", |
| quickStartSub: "Compatible with any tool supporting OpenAI or Anthropic protocols.", |
| toggleLabel: "中文" |
| } |
| }; |
| |
| let currentLang = 'zh'; |
| |
| function initLanguage() { |
| const browserLang = navigator.language.split('-')[0]; |
| currentLang = (browserLang === 'zh') ? 'zh' : 'en'; |
| updateUI(); |
| } |
| |
| function toggleLanguage() { |
| currentLang = (currentLang === 'zh') ? 'en' : 'zh'; |
| updateUI(); |
| } |
| |
| function updateUI() { |
| document.querySelectorAll('[data-i18n]').forEach(el => { |
| const key = el.getAttribute('data-i18n'); |
| if (key === 'heroSlogan') { |
| el.innerHTML = translations[currentLang][key]; |
| } else { |
| el.innerText = translations[currentLang][key]; |
| } |
| }); |
| document.getElementById('lang-toggle').innerText = translations[currentLang].toggleLabel; |
| lucide.createIcons(); |
| } |
| |
| |
| function switchTab(tabId) { |
| |
| document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active')); |
| event.target.classList.add('active'); |
| |
| |
| document.querySelectorAll('.tab-content').forEach(content => content.classList.add('hidden')); |
| document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('block')); |
| |
| document.getElementById('tab-' + tabId).classList.remove('hidden'); |
| document.getElementById('tab-' + tabId).classList.add('block'); |
| } |
| |
| function copyCode(elementId) { |
| const code = document.getElementById(elementId).innerText; |
| navigator.clipboard.writeText(code).then(() => { |
| alert('Copied to clipboard!'); |
| }); |
| } |
| |
| initLanguage(); |
| </script> |
| </body> |
|
|
| </html> |
|
|
