+90
-29
@@ -3,36 +3,97 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>多彩场景信函样例</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<link rel="stylesheet" href="../css/notice-banner.css">
|
||||
<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>
|
||||
|
||||
<div class="letter-container theme-campus">
|
||||
|
||||
<h2 class="salutation">亲爱的赵家祺：</h2>
|
||||
|
||||
<div class="content">
|
||||
<p>好久不见！最近过得怎么样？</p>
|
||||
<p>感觉太敷衍也不太好，但又感觉没什么可写的。今天是2026年6月21日，距离高中毕业已经2年有余，不知道你还活着吗，活得怎么样。其实到这里就已经写不下去，就像那个信封里的一样，我记得好像只写了两行。如果你还没有看那就别看了，上次你还让我用AI写，那是付费内容，ChatGPT一个月$20呢。其实只是感觉用AI不好。平时一直在用AI做各种各样事，感觉再用AI写这个有点不好。</p>
|
||||
<p>（又水了几行）</p>
|
||||
<p>希望你最近能过得好吧。最近我才刚刚结束了为期一个月的期末大预习，甚至有一周考四科外加实习的地狱时刻。其实还有考试要延续到七月中旬，七月底才要放假。不知道你最近如何？</p>
|
||||
<p>好，就这样了，剩下的你自行想象吧！</p>
|
||||
|
||||
<div class="closing">
|
||||
<p class="wish-prefix">此致</p>
|
||||
<p class="wish-suffix">敬礼！</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p class="signature">bi</p>
|
||||
<p class="date">2026年6月21日</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script defer src="../js/notice-banner.js?v=20260614"></script>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user