BI-AI

制作一个名叫「BI-AI」的加密货币交易平台首页，参考 Binance（币安）的布局风格。核心概念：每个虚拟币代表一个 AI 模型，例如 $OPUS、$GPT、$GEMINI、$LLAMA 等。使用假数据填充行情信息。单文件 HTML，内联所有 CSS 和 JS。

制作一个名叫「BI-AI」的加密货币交易平台首页，整体参考 Binance（币安）的布局和交互风格，但核心创意是：**所有加密货币都是 AI 模型代币**。单文件 HTML，内联所有 CSS 和 JS。 **核心创意 — AI 模型代币体系：** 所有币种都对应一个真实 AI 模型或模型家族，代币名称用美元符号开头。以下是代币列表（至少使用 15 个）： | 代币 | 全称 | 对应模型 | 简介 | |------|------|----------|------| | $OPUS | Opus Coin | Claude Opus | "思考最深的链" | | $SONNET | Sonnet Token | Claude Sonnet | "性价比之王" | | $HAIKU | Haiku Bit | Claude Haiku | "闪电般的快" | | $GPT | GPT Coin | GPT 系列 | "OG 大模型" | | $GEMINI | Gemini Crystal | Gemini | "双子座之力" | | $LLAMA | Llama Spit | LLaMA | "开源自由之魂" | | $DEEPSEEK | DeepSeek Ore | DeepSeek | "深度挖矿机" | | $GROK | Grok Rock | Grok | "真相不可阻挡" | | $MISTRAL | Mistral Wind | Mistral | "欧洲之风" | | $QWEN | Qwen Yuan | 通义千问 | "东方智慧" | | $CLAUDE | Claude Classic | Claude 经典 | "宪法链始祖" | | $PALM | Palm Leaf | PaLM | "古老但强大" | | $PHI | Phi Micro | Phi | "小模型大智慧" | | $COMMAND | Command Shell | Command R | "指令执行者" | | $FLUX | Flux Pixel | Flux | "像素点金术" | | $SORA | Sora Frame | Sora | "帧帧皆幻想" | | $DALLE | DALL-E Brush | DALL-E | "笔笔生花" | | $MIDJ | Midjourney Gem | Midjourney | "中途宝石" | | $STABLE | Stable Anchor | Stable Diffusion | "稳定锚" | **页面结构：** 1. **顶部导航栏**（深色背景） - 左侧：BI-AI Logo（结合 AI 芯片/神经网络 + 加密货币元素的品牌设计） - 导航链接：行情、交易、挖矿（Fine-tuning）、Earn（质押 Token）、NFT（AI 生成艺术品） - 右侧：🔍 搜索、登录/注册 按钮、🌐 语言、主题切换（亮/暗） - 可选：顶部滚动公告条（最新上币公告、系统升级等） 2. **英雄区域 / 市场概览**（首屏核心） - 大标题：「Buy & Trade AI Model Tokens」或类似的品牌口号 - 副标题：「Where Intelligence Meets the Blockchain」 - 快捷搜索 / 快捷交易入口 - 市场概览速报：24h 总交易量、上涨/下跌币种数、恐惧与贪婪指数（AI 模型情绪指数） 3. **热门行情滚动条**（跑马灯） - 在 Hero 区域下方或导航下方 - 横向滚动显示：代币名 + 当前价格 + 24h 涨跌幅（绿涨红跌） - 至少 10 个代币滚动 4. **市场行情表格**（核心区域） - Tab 切换：🔥 热门 / 🆕 新币 / 📈 涨幅榜 / 📉 跌幅榜 / ⭐ 自选 - 表格列： - 序号 - 代币名称 + 全称（如 $OPUS / Opus Coin） - 当前价格（USDT 计价） - 24h 涨跌幅（百分比，绿色涨/红色跌） - 24h 最高/最低价 - 24h 交易量 - 7 日迷你走势图（小型 sparkline 折线图，绿色涨趋势/红色跌趋势） - 操作按钮：「交易」 - 行 hover 高亮 - 支持按列排序（点击表头切换升序/降序） - 每个代币有对应的品牌色或小图标 5. **精选交易对 / 涨跌幅看板** - 3–4 张大卡片展示当日明星代币： - 代币名 + 价格 + 涨跌幅 - 迷你 K 线图或面积图（用 Canvas 或 SVG 绘制） - 如：「🚀 $OPUS 24h +42.7%」「💎 $DEEPSEEK 新上线」 - 卡片有渐变背景，涨用绿色系，跌用红色系 6. **快速交易面板**（可选但加分） - 简易的买/卖切换 - 输入数量、显示预估花费 - 「Buy $OPUS」大按钮 7. **页面底部** - 多列链接：关于 BI-AI、产品、服务、支持、社区 - 社交媒体图标 - 风险提示：「AI Token 交易存在风险，本平台所有数据均为虚构」 - © 2026 BI-AI — Not Financial Advice, Just Vibes 8. **交互要求** - 行情数据有模拟的实时跳动效果（价格数字定期随机变化，变化时闪绿/闪红） - 表格支持列排序 - Tab 切换表格分类 - 迷你走势图（sparkline）用 Canvas 或 SVG 绘制真实折线 - ⭐ 自选功能（点击收藏/取消，存入 localStorage） - 跑马灯行情持续滚动 9. **设计要求** - 深色主题为主（参考 Binance 暗色模式：深灰/接近黑色背景） - 涨跌色：绿涨红跌（国际惯例）或允许模型自选配色方案 - 数据字体使用等宽字体（价格数字必须对齐） - 信息密度高但层级清晰——金融类界面的核心挑战 - 整体氛围：专业、科技感、略带加密朋克风 - 代币的品牌色可以参考对应 AI 公司的品牌色（如 Anthropic 橙色、OpenAI 绿色等）