45 lines
1.9 KiB
HTML
45 lines
1.9 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>
|
||
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
|
||
.container { max-width: 600px; margin: 0 auto; padding: 40px 20px; }
|
||
.header { text-align: center; margin-bottom: 30px; }
|
||
.logo { font-size: 24px; font-weight: bold; color: #4a90d9; }
|
||
.content { background: #f9fafb; border-radius: 8px; padding: 30px; margin-bottom: 30px; }
|
||
.button { display: inline-block; background: #4a90d9; color: #fff !important; text-decoration: none; padding: 12px 30px; border-radius: 6px; font-weight: 500; }
|
||
.footer { text-align: center; font-size: 12px; color: #666; }
|
||
.link { word-break: break-all; color: #4a90d9; }
|
||
.warning { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 12px; margin: 20px 0; font-size: 14px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="header">
|
||
<div class="logo">ImageForge</div>
|
||
</div>
|
||
<div class="content">
|
||
<h2>重置您的密码</h2>
|
||
<p>您好，{{username}}！</p>
|
||
<p>我们收到了您的密码重置请求。请点击下方按钮设置新密码：</p>
|
||
<p style="text-align: center; margin: 30px 0;">
|
||
<a href="{{reset_url}}" class="button">重置密码</a>
|
||
</p>
|
||
<p>或复制以下链接到浏览器打开：</p>
|
||
<p class="link">{{reset_url}}</p>
|
||
<div class="warning">
|
||
此链接将在 <strong>1 小时</strong>后失效。如果您未发起该请求，请忽略此邮件并建议尽快修改密码。
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<p>© {{year}} ImageForge. All rights reserved.</p>
|
||
<p>此邮件由系统自动发送，请勿直接回复。</p>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
|