38 lines
2.4 KiB
HTML
38 lines
2.4 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>登录 - Project Vibe: Ship It!</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="./css/main.css">
|
|
</head>
|
|
<body class="h-screen w-screen bg-[#0f172a] flex items-center justify-center font-sans text-slate-100 overflow-hidden relative">
|
|
<!-- 背景装饰 -->
|
|
<div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjEiIGZpbGw9IiMzMzQxNTUiLz48L3N2Zz4=')] opacity-20 pointer-events-none"></div>
|
|
|
|
<div class="bg-slate-800/80 border border-slate-600 rounded-2xl p-10 w-full max-w-md relative z-10 shadow-2xl backdrop-blur-md">
|
|
<div class="text-center mb-10">
|
|
<h1 class="text-4xl font-black text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-emerald-400 tracking-tighter mb-2">
|
|
Project Vibe
|
|
</h1>
|
|
<p class="text-sm text-slate-400 font-mono tracking-widest">>>> 研发协同终端 v2.0</p>
|
|
</div>
|
|
|
|
<form onsubmit="event.preventDefault(); window.location.href='dashboard.html';" class="flex flex-col gap-6">
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-400 uppercase tracking-wider mb-2">员工工号 (ID)</label>
|
|
<input type="text" value="DEV-9527" class="w-full bg-slate-900/50 border border-slate-600 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-colors" required>
|
|
</div>
|
|
<div>
|
|
<label class="block text-xs font-bold text-slate-400 uppercase tracking-wider mb-2">访问密钥 (Token)</label>
|
|
<input type="password" value="********" class="w-full bg-slate-900/50 border border-slate-600 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500 transition-colors" required>
|
|
</div>
|
|
|
|
<button type="submit" class="mt-4 w-full bg-blue-600 hover:bg-blue-500 text-white font-bold py-3 px-4 rounded-lg shadow-[0_0_15px_rgba(37,99,235,0.4)] transition-all hover:scale-[1.02]">
|
|
接入系统 (Login)
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |