61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>光湖 · 微调模型内测</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body data-theme="dark">
|
|
<canvas id="starfield"></canvas>
|
|
|
|
<!-- Login Screen -->
|
|
<div id="loginScreen" class="screen active">
|
|
<div class="login-container">
|
|
<div class="login-icon">✦</div>
|
|
<h1 class="login-title">光湖·内测</h1>
|
|
<p class="login-subtitle">微调模型体验 · 收集语料</p>
|
|
|
|
<div id="loginStatus" class="login-status" style="display:none"></div>
|
|
|
|
<div class="login-form" id="loginForm">
|
|
<input type="email" id="emailInput" class="login-input" placeholder="QQ邮箱 (xxx@qq.com)" autocomplete="email">
|
|
<div id="codeGroup" class="code-group" style="display:none">
|
|
<input type="text" id="codeInput" class="login-input" placeholder="6位验证码" maxlength="6" inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code">
|
|
</div>
|
|
<button id="loginBtn" class="login-btn" onclick="handleLogin()">发送验证码</button>
|
|
</div>
|
|
|
|
<div id="slotInfo" class="slot-info"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Chat Screen -->
|
|
<div id="chatScreen" class="screen">
|
|
<div class="chat-header">
|
|
<div class="chat-header-left">
|
|
<span class="header-icon">✦</span>
|
|
<span class="header-title">光湖·内测</span>
|
|
<span id="modelBadge" class="model-badge">母模型</span>
|
|
</div>
|
|
<div class="chat-header-right">
|
|
<span id="userEmail" class="user-email"></span>
|
|
<button class="header-btn" onclick="newConversation()" title="新对话">✚</button>
|
|
<button class="header-btn" onclick="logout()" title="退出">✕</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="chatMessages" class="chat-messages">
|
|
<!-- Messages rendered here -->
|
|
</div>
|
|
|
|
<div class="chat-input-area">
|
|
<textarea id="chatInput" class="chat-input" rows="1" placeholder="输入消息..." onkeydown="handleInputKeydown(event)"></textarea>
|
|
<button id="sendBtn" class="send-btn" onclick="sendMessage()">↵</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="chat.js"></script>
|
|
</body>
|
|
</html>
|