<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex,nofollow">
<title>登录 · dtmrs</title>
<style>
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
margin: 0; min-height: 100vh; display: grid; place-items: center;
font: 15px/1.6 -apple-system, "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
background: #0f172a; color: #e2e8f0;
}
.box {
width: min(360px, 92vw); padding: 32px 28px;
background: #1e293b; border: 1px solid #334155; border-radius: 12px;
}
h1 { margin: 0 0 4px; font-size: 20px; letter-spacing: 1px; }
.sub { margin: 0 0 24px; font-size: 13px; color: #94a3b8; }
label { display: block; margin: 14px 0 6px; font-size: 13px; color: #cbd5e1; }
input {
width: 100%; padding: 9px 11px; font-size: 15px;
background: #0f172a; color: #e2e8f0;
border: 1px solid #475569; border-radius: 7px;
}
input:focus { outline: none; border-color: #38bdf8; }
button {
width: 100%; margin-top: 22px; padding: 10px; font-size: 15px; font-weight: 600;
color: #05202e; background: #38bdf8; border: 0; border-radius: 7px; cursor: pointer;
}
button:hover { background: #7dd3fc; }
.err {
margin: 16px 0 0; padding: 9px 11px; font-size: 13px;
color: #fecaca; background: #4c1d1d; border-radius: 7px;
}
</style>
<div class="box">
<h1>dtmrs</h1>
<p class="sub">分布式事务管理台</p>
<form method="post" action="/login">
<label for="u">用户名</label>
<input id="u" name="user" autocomplete="username" autofocus required>
<label for="p">密码</label>
<input id="p" name="password" type="password" autocomplete="current-password" required>
<button type="submit">登录</button>
</form>
</div>