/* ============ THEME VARIABLES ============ */ :root, [data-theme="dark"] { --bg-primary: #0a0a0f; --bg-secondary: #0f0f18; --bg-card: #14141f; --bg-tertiary: #1a1a2e; --bg-modal: #111118; --text-primary: #ffffff; --text-secondary: #a0a0b8; --text-muted: #555568; --border: #1f1f30; --accent: #00e8b4; --accent-dim: rgba(0,232,180,0.1); --accent-glow: rgba(0,232,180,0.4); --red: #ff4d6a; --green: #00e8b4; --shadow-card: 0 4px 24px rgba(0,0,0,0.3); --shadow-modal: 0 16px 64px rgba(0,0,0,0.5); } [data-theme="light"] { --bg-primary: #f5f5f7; --bg-secondary: #ffffff; --bg-card: #ffffff; --bg-tertiary: #ededf0; --bg-modal: #ffffff; --text-primary: #1a1a2e; --text-secondary: #555568; --text-muted: #9a9ab0; --border: #e0e0e8; --accent: #00b894; --accent-dim: rgba(0,184,148,0.1); --accent-glow: rgba(0,184,148,0.3); --shadow-card: 0 2px 16px rgba(0,0,0,0.06); --shadow-modal: 0 16px 64px rgba(0,0,0,0.12); } /* Smooth theme transition */ body, nav, section, .feature-card, .market-table, .footer, .btn, .floating-card, .stat-item, .cta-card, .ticker-wrap, .tag-filter, .search-box, .nav { transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ============ SETTINGS BUTTON ============ */ .nav-settings-btn { background: transparent; border: 1px solid var(--border); color: var(--text-secondary); cursor: pointer; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; font-size: 16px; } .nav-settings-btn:hover { border-color: var(--accent); color: var(--accent); transform: rotate(90deg); } /* ============ SETTINGS MODAL ============ */ .settings-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; } .settings-overlay.active { display: flex; } .settings-modal { background: var(--bg-modal); border: 1px solid var(--border); border-radius: 16px; padding: 32px; width: 420px; max-width: 92vw; box-shadow: var(--shadow-modal); animation: modalIn 0.25s ease; } @keyframes modalIn { from { opacity: 0; transform: translateY(20px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } } .settings-modal h3 { margin: 0 0 24px 0; font-size: 20px; font-weight: 700; color: var(--text-primary); } .settings-group { margin-bottom: 24px; } .settings-group:last-child { margin-bottom: 0; } .settings-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: 10px; } .settings-row { display: flex; gap: 8px; } .settings-option { flex: 1; padding: 10px 16px; border: 1px solid var(--border); border-radius: 10px; background: transparent; color: var(--text-secondary); font-size: 13px; font-weight: 500; cursor: pointer; text-align: center; transition: all 0.2s ease; } .settings-option:hover { border-color: var(--accent); color: var(--accent); } .settings-option.selected { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); } .settings-close { display: block; width: 100%; margin-top: 24px; padding: 10px; background: var(--accent-dim); border: 1px solid var(--accent); border-radius: 10px; color: var(--accent); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; } .settings-close:hover { background: var(--accent); color: #000; }

// ============ I18N ENGINE ============ const I18N_DATA = { zh: { 'nav.home': '首页', 'nav.trade': '交易', 'nav.features': '功能', 'nav.market': '市场', 'nav.start': '开始交易', 'nav.logout': '退出', 'nav.login': '登录', 'hero.badge': '实时交易 · 毫秒级撮合', 'hero.title1': '新一代', 'hero.title2': '加密货币交易所', 'hero.sub1': '极致的交易体验，毫秒级订单撮合。', 'hero.sub2': '从现货到衍生品，一站式数字资产管理平台。', 'hero.btn1': '立即交易', 'hero.btn2': '了解更多', 'features.label': '为什么选择 Spotex', 'features.title': '为专业交易者打造', 'features.desc': '从深度流动性到高级图表工具，Spotex 提供机构级交易体验。', 'features.f1.title': '极速撮合引擎', 'features.f1.desc': '每秒百万级订单处理能力，延迟低于 1ms。采用分布式架构确保高可用。', 'features.f2.title': '深度流动性池', 'features.f2.desc': '聚合全球顶级做市商流动性，主流币对点差低至 0.01%，大单零滑点。', 'features.f3.title': '智能交易工具', 'features.f3.desc': '内置 TradingView 专业图表、自定义指标、策略回测与网格交易机器人。', 'features.f4.title': '银行级安全', 'features.f4.desc': '多层冷热钱包架构、硬件安全模块 (HSM)、实时风控系统，资金安全无忧。', 'features.f5.title': '全球社区', 'features.f5.desc': '覆盖 150+ 国家和地区，支持 30+ 法币入金，7x24 多语言客户支持。', 'features.f6.title': '永续合约', 'features.f6.desc': '最高 125x 杠杆，多空双向交易，资金费率低至 0.01%，支持全仓逐仓模式。', 'stats.vol': '24h 交易量', 'stats.pairs': '交易对', 'stats.users': '全球用户', 'stats.fee': 'Maker 费率', 'stats.uptime': '服务可用性', 'market.label': '市场概览', 'market.title': '热门交易对', 'market.desc': '实时价格、涨跌幅与成交量数据，每 3 秒自动刷新。', 'market.all': '全部', 'market.major': '主流币', 'market.defi': 'DeFi', 'market.meme': 'Meme', 'market.layer1': 'Layer 1', 'market.layer2': 'Layer 2', 'market.ai': 'AI', 'market.search': '搜索交易对...', 'market.th1': '交易对', 'market.th2': '最新价', 'market.th3': '24h 涨跌', 'market.th4': '24h 成交量', 'market.empty': '未找到匹配的交易对', 'cta.title': '准备好开始交易了吗？', 'cta.desc': '0 手续费活动进行中。新用户注册即享 100 USDT 赠金。', 'cta.btn': '立即开始', 'footer.copy': '© 2026 Spotex. All rights reserved.', 'footer.tos': '服务条款', 'footer.privacy': '隐私政策', 'footer.api': 'API 文档', 'footer.contact': '联系我们', 'settings.title': '设置', 'settings.theme': '主题', 'settings.dark': '深色', 'settings.light': '浅色', 'settings.language': '语言', 'settings.zh': '中文', 'settings.en': 'English', 'settings.close': '关闭', }, en: { 'nav.home': 'Home', 'nav.trade': 'Trade', 'nav.features': 'Features', 'nav.market': 'Market', 'nav.start': 'Start Trading', 'nav.logout': 'Logout', 'nav.login': 'Login', 'hero.badge': 'Live Trading · Millisecond Matching', 'hero.title1': 'Next-Gen', 'hero.title2': 'Crypto Exchange', 'hero.sub1': 'Ultimate trading experience with millisecond order matching.', 'hero.sub2': 'From spot to derivatives, a one-stop digital asset platform.', 'hero.btn1': 'Trade Now', 'hero.btn2': 'Learn More', 'features.label': 'Why Spotex', 'features.title': 'Built for Professional Traders', 'features.desc': 'From deep liquidity to advanced charting tools, Spotex delivers an institutional-grade trading experience.', 'features.f1.title': 'Lightning Engine', 'features.f1.desc': 'Millions of orders per second with sub-1ms latency. Distributed architecture ensures high availability.', 'features.f2.title': 'Deep Liquidity', 'features.f2.desc': 'Aggregated liquidity from top global market makers. Spread as low as 0.01% on major pairs with zero slippage.', 'features.f3.title': 'Smart Trading Tools', 'features.f3.desc': 'Built-in TradingView charts, custom indicators, strategy backtesting, and grid trading bots.', 'features.f4.title': 'Bank-Grade Security', 'features.f4.desc': 'Multi-layer hot/cold wallet architecture, HSM, real-time risk engine. Your funds, always safe.', 'features.f5.title': 'Global Community', 'features.f5.desc': 'Available in 150+ countries, 30+ fiat on-ramps, 24/7 multilingual support.', 'features.f6.title': 'Perpetual Futures', 'features.f6.desc': 'Up to 125x leverage, long & short, funding rate as low as 0.01%. Cross & isolated margin supported.', 'stats.vol': '24h Volume', 'stats.pairs': 'Trading Pairs', 'stats.users': 'Global Users', 'stats.fee': 'Maker Fee', 'stats.uptime': 'Uptime', 'market.label': 'Market Overview', 'market.title': 'Top Trading Pairs', 'market.desc': 'Real-time price, change, and volume data. Auto-refreshes every 3 seconds.', 'market.all': 'All', 'market.major': 'Major', 'market.defi': 'DeFi', 'market.meme': 'Meme', 'market.layer1': 'Layer 1', 'market.layer2': 'Layer 2', 'market.ai': 'AI', 'market.search': 'Search pairs...', 'market.th1': 'Pair', 'market.th2': 'Last Price', 'market.th3': '24h Change', 'market.th4': '24h Volume', 'market.empty': 'No matching pairs found', 'cta.title': 'Ready to start trading?', 'cta.desc': 'Zero-fee event now live. New users get 100 USDT bonus upon registration.', 'cta.btn': 'Get Started', 'footer.copy': '© 2026 Spotex. All rights reserved.', 'footer.tos': 'Terms of Service', 'footer.privacy': 'Privacy Policy', 'footer.api': 'API Docs', 'footer.contact': 'Contact Us', 'settings.title': 'Settings', 'settings.theme': 'Theme', 'settings.dark': 'Dark', 'settings.light': 'Light', 'settings.language': 'Language', 'settings.zh': '中文', 'settings.en': 'English', 'settings.close': 'Close', } }; const I18n = { _lang: localStorage.getItem('spotex_lang') || 'zh', get lang() { return this._lang; }, t(key) { return (I18N_DATA[this._lang] && I18N_DATA[this._lang][key]) || key; }, apply() { document.querySelectorAll('[data-i18n]').forEach(el => { const k = el.dataset.i18n; if (k) el.textContent = this.t(k); }); }, set(lang) { this._lang = lang; localStorage.setItem('spotex_lang', lang); document.documentElement.lang = lang === 'zh' ? 'zh-CN' : 'en'; document.querySelectorAll('[data-lang-opt]').forEach(b => b.classList.toggle('selected', b.dataset.langOpt === lang)); this.apply(); if (window.renderMarketTable) renderMarketTable(); }, init() { this.set(this._lang); } }; // ============ THEME ENGINE ============ const Theme = { _theme: localStorage.getItem('spotex_theme') || 'dark', get theme() { return this._theme; }, set(theme) { this._theme = theme; localStorage.setItem('spotex_theme', theme); document.documentElement.setAttribute('data-theme', theme); document.querySelectorAll('[data-theme-opt]').forEach(b => b.classList.toggle('selected', b.dataset.themeOpt === theme)); // Update particles color if (window._particleColor !== undefined) { window._particleColor = theme === 'dark' ? 'rgba(0,232,180,' : 'rgba(0,184,148,'; } }, init() { this.set(this._theme); } }; // ============ SETTINGS PANEL ============ const Settings = { open() { document.getElementById('settings-overlay').classList.add('active'); }, close() { document.getElementById('settings-overlay').classList.remove('active'); } }; document.getElementById('settings-overlay').addEventListener('click', function(e) { if (e.target === this) Settings.close(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') Settings.close(); }); // Init theme & i18n early Theme.init(); I18n.init();

BTC/USDT

$62,924.29

+2.29%

ETH/USDT

$1,648.98

+0.93%

SOL/USDT

$65.23

+1.70%

实时交易 · 毫秒级撮合

新一代
加密货币交易所

极致的交易体验，毫秒级订单撮合。
从现货到衍生品，一站式数字资产管理平台。

立即交易了解更多

为什么选择 Spotex

为专业交易者打造

从深度流动性到高级图表工具，Spotex 提供机构级交易体验。

极速撮合引擎

每秒百万级订单处理能力，延迟低于 1ms。采用分布式架构确保高可用。

深度流动性池

聚合全球顶级做市商流动性，主流币对点差低至 0.01%，大单零滑点。

智能交易工具

内置 TradingView 专业图表、自定义指标、策略回测与网格交易机器人。

银行级安全

多层冷热钱包架构、硬件安全模块 (HSM)、实时风控系统，资金安全无忧。

全球社区

覆盖 150+ 国家和地区，支持 30+ 法币入金，7x24 多语言客户支持。

永续合约

最高 125x 杠杆，多空双向交易，资金费率低至 0.01%，支持全仓逐仓模式。

$1.2B

24h 交易量

500+

交易对

2.8M

全球用户

<0.01%

Maker 费率

99.99%

服务可用性

市场概览

准备好开始交易了吗？

0 手续费活动进行中。新用户注册即享 100 USDT 赠金。

立即开始

设置

设置

新一代 加密货币交易所