<!doctype html>
<html lang="zh-CN" data-theme="light">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>鲸鱼Ai量化 · Whale AI Quant</title>
  <link rel="icon" type="image/svg+xml" href="/whale_quant_logo_tech_grid.svg?v=20260810">
  <link rel="stylesheet" href="/styles.css">
  <link rel="stylesheet" href="/overrides.css">
</head>
<body>
  <div id="auth" class="auth-shell">
    <section class="auth-intro"><div><div class="auth-mark"><img src="/whale_quant_logo_tech_grid.svg?v=20260810" alt=""></div><p class="eyebrow">WHALE AI QUANT</p><h1>鲸鱼Ai量化<br>合约交易系统</h1><p>集中管理策略执行、实时持仓、收益表现与交易风险。</p></div><div class="auth-status"><span></span><div><strong>交易服务运行正常</strong><small>默认使用模拟模式，实盘操作需要二次确认</small></div></div></section>
    <main class="auth-main"><div class="auth-box"><div class="brand auth-brand"><span class="brand-mark"><img src="/whale_quant_logo_tech_grid.svg?v=20260810" alt=""></span><span class="brand-lockup">鲸鱼Ai量化 <small>Whale AI Quant</small></span></div><h2 id="auth-title">登录</h2><p id="auth-copy">登录后进入交易工作台。</p><form id="auth-form"><label>邮箱<input id="email" type="email" autocomplete="email" required></label><label>密码<input id="password" type="password" autocomplete="current-password" minlength="8" required></label><button class="primary" type="submit">登录</button></form><div class="button-row"><button id="switch-auth" class="link-button">没有账号？注册</button><button id="forgot-password" class="link-button">忘记密码</button></div><div id="verify-area" hidden><label>6 位邮箱验证码<input id="verify-code" type="text" inputmode="numeric" autocomplete="one-time-code" maxlength="6" pattern="[0-9]{6}" placeholder="请输入 6 位数字验证码（10 分钟内有效）"></label><div class="button-row"><button id="verify-btn" class="secondary">验证并完成注册</button><button id="verify-resend-btn" type="button" class="link-button">重新发送验证码</button></div></div><p id="auth-message" class="form-message"></p></div></main>
  </div>
  <div id="app" hidden>
    <header class="topbar">
      <a class="brand" href="#dashboard"><span class="brand-mark"><img src="/whale_quant_logo_tech_grid.svg?v=20260810" alt=""></span><span class="brand-name">鲸鱼Ai量化<small>WHALE AI QUANT</small></span></a>
      <div class="market-strip" aria-label="市场行情">
        <span data-market-slot="0"><b>BTC/USDT</b><strong>--</strong><small>--</small></span>
        <span data-market-slot="1"><b>ETH/USDT</b><strong>--</strong><small>--</small></span>
        <span data-market-slot="2"><b>SOL/USDT</b><strong>--</strong><small>--</small></span>
      </div>
      <div class="top-actions"><button id="mobile-nav-btn" class="icon-button mobile-nav-button" title="打开导航" aria-label="打开导航" aria-expanded="false">☰</button><span id="connection" class="connection"><i></i>交易服务在线</span><button id="theme-btn" class="icon-button" title="切换主题" aria-label="切换主题">◐</button><button id="lang-btn" class="icon-button" title="Switch language" aria-label="切换语言">中</button><button id="user-menu" class="profile-button"></button></div>
    </header>
    <aside id="app-sidebar" class="sidebar"><nav id="main-nav"><p>总览</p><button data-page="dashboard" class="active"><span>交易仪表盘</span></button><button data-page="profit"><span>收益分析</span></button><p>交易管理</p><button data-page="exchanges"><span>交易所账户</span></button><button data-page="pairs"><span>行情与深度</span></button><button data-page="smart"><span>智能策略</span></button><button data-page="professional"><span>专业策略</span></button><button data-page="monitor"><span>运行监控与持仓</span></button><button data-page="orders"><span>订单与盈亏</span></button><p>系统</p><button data-page="logs"><span>运行日志</span></button><button data-page="errors"><span>错误日志</span></button><button data-page="notifications"><span>通知中心</span></button><button data-page="settings"><span>账户设置</span></button></nav><div class="side-foot"><div><span>使用有效期</span><strong id="authorization-expiry">待开通</strong></div><button id="logout-btn" title="退出登录" aria-label="退出登录">↪</button></div></aside><button id="sidebar-scrim" class="sidebar-scrim" type="button" aria-label="关闭导航"></button>
    <main id="content" class="content"></main>
  </div>
  <script src="/app.js"></script>
</body>
</html>
