<!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_home.svg?v=20260811">
  <link rel="stylesheet" href="/styles.css">
  <link rel="stylesheet" href="/overrides.css?v=202608112355">
  <link rel="stylesheet" href="/stitch.css">
</head>
<body>
  <div id="auth" class="auth-shell">
        <section class="auth-intro"><div><div class="auth-mark"><img src="/whale_quant_logo_home.svg?v=20260811" 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_home.svg?v=20260811" 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_home.svg?v=20260811" alt=""></span><span class="brand-name">鲸鱼Ai量化<small>WHALE AI QUANT</small></span></a>
      <div class="top-actions">
        <button id="mobile-nav-btn" class="icon-button mobile-nav-button" title="打开导航" aria-label="打开导航" aria-expanded="false"><i data-lucide="menu"></i></button>
        <span id="connection" class="connection"><i></i>交易服务在线</span>
        <button id="top-notification-btn" class="icon-button notification-button" title="通知中心" aria-label="通知中心"><i data-lucide="bell"></i><b></b></button>
        <button id="theme-btn" class="icon-button" title="切换主题" aria-label="切换主题"><i data-lucide="moon"></i></button>
        <button id="lang-btn" class="icon-button language-button" title="Switch language" aria-label="切换语言"><i data-lucide="languages"></i><span>中</span></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"><i data-lucide="layout-dashboard"></i><span>交易仪表盘</span></button>
        <button data-page="profit"><i data-lucide="chart-line"></i><span>收益分析</span></button>
        <p>交易管理</p>
        <button data-page="exchanges"><i data-lucide="wallet-cards"></i><span>交易所账户</span></button>
        <button data-page="pairs"><i data-lucide="candlestick-chart"></i><span>行情与深度</span></button>
        <button data-page="smart"><i data-lucide="brain-circuit"></i><span>智能策略</span></button>
        <button data-page="professional"><i data-lucide="bot"></i><span>专业策略</span></button>
        <button data-page="monitor"><i data-lucide="activity"></i><span>运行监控与持仓</span></button>
        <button data-page="orders"><i data-lucide="receipt-text"></i><span>订单与盈亏</span></button>
        <p>系统</p>
        <button data-page="logs"><i data-lucide="scroll-text"></i><span>运行日志</span></button>
        <button data-page="errors"><i data-lucide="triangle-alert"></i><span>错误日志</span></button>
        <button data-page="notifications"><i data-lucide="bell"></i><span>通知中心</span></button>
        <button data-page="settings"><i data-lucide="settings"></i><span>账户设置</span></button>
      </nav>
      <div class="side-foot"><div><span>使用有效期</span><strong id="authorization-expiry">待开通</strong></div><button id="logout-btn" title="退出登录" aria-label="退出登录"><i data-lucide="log-out"></i></button></div>
    </aside><button id="sidebar-scrim" class="sidebar-scrim" type="button" aria-label="关闭导航"></button>
    <main id="content" class="content"></main>
  </div>
  <script src="/lucide.min.js"></script>
  <script src="/app.js?v=202608112355"></script>
</body>
</html>
