100 lines
5.2 KiB
HTML
100 lines
5.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>
|
|
<style>
|
|
:root {
|
|
color-scheme: light;
|
|
font-family: "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
|
|
background: #f5f7fb;
|
|
color: #182235;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
margin: 0;
|
|
display: grid;
|
|
place-items: center;
|
|
padding: 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.unlock-panel {
|
|
width: min(420px, 100%);
|
|
background: #ffffff;
|
|
border: 1px solid #d9e2ef;
|
|
border-radius: 8px;
|
|
box-shadow: 0 18px 45px rgba(36, 54, 84, 0.12);
|
|
padding: 28px;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0 0 10px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 20px;
|
|
color: #52627a;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
input {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #b8c6d9;
|
|
border-radius: 6px;
|
|
padding: 12px 13px;
|
|
font: inherit;
|
|
}
|
|
|
|
button {
|
|
width: 100%;
|
|
margin-top: 14px;
|
|
border: 0;
|
|
border-radius: 6px;
|
|
padding: 12px 14px;
|
|
background: #174ea6;
|
|
color: #ffffff;
|
|
font: inherit;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:disabled {
|
|
cursor: wait;
|
|
opacity: 0.65;
|
|
}
|
|
|
|
.status {
|
|
min-height: 22px;
|
|
margin-top: 12px;
|
|
color: #b42318;
|
|
font-size: 14px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main class="unlock-panel">
|
|
<h1>信函已加密</h1>
|
|
<p>请输入密码后在本机解锁查看内容。</p>
|
|
<form id="unlockForm">
|
|
<label for="letterPassword">访问密码</label>
|
|
<input id="letterPassword" type="password" autocomplete="current-password" autofocus>
|
|
<button type="submit">解锁</button>
|
|
<div id="unlockStatus" class="status" role="status" aria-live="polite"></div>
|
|
</form>
|
|
</main>
|
|
<script id="encryptedPayload" type="application/json">{"v":1,"alg":"AES-256-GCM","kdf":"PBKDF2-SHA256","iterations":310000,"salt":"ws1u7yJ0EytWVyBfFQMRSA==","iv":"Q5PFApqjMtJbcoM6","ciphertext":"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"}</script>
|
|
<script defer src="../js/page-unlock.js"></script>
|
|
</body>
|
|
</html>
|