120 lines
7.7 KiB
HTML
120 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>小雨平台 - 验证码</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #f5f7fa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #f5f7fa;">
|
|
<tr>
|
|
<td align="center" style="padding: 40px 15px;">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="600" style="max-width: 600px; margin: 0 auto;">
|
|
<!-- Header -->
|
|
<tr>
|
|
<td style="background: linear-gradient(135deg, #a855f7 0%, #6366f1 50%, #3b82f6 100%); padding: 30px 40px; border-radius: 16px 16px 0 0;">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%">
|
|
<tr>
|
|
<td>
|
|
<table cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
<td style="padding-right: 12px;">
|
|
<div style="width: 44px; height: 44px; background: rgba(255,255,255,0.2); border-radius: 12px; text-align: center;">
|
|
<span style="color: #ffffff; font-size: 20px; font-weight: bold; line-height: 44px;">雨</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<span style="color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 0.5px;">小雨平台</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- Content -->
|
|
<tr>
|
|
<td style="background-color: #ffffff; padding: 40px 50px; border-radius: 0 0 16px 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%">
|
|
<tr>
|
|
<td style="padding-bottom: 24px;">
|
|
<h1 style="margin: 0; color: #1f2937; font-size: 24px; font-weight: 700; line-height: 1.4;">{{ title }}</h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-bottom: 24px;">
|
|
<p style="margin: 0; color: #4b5563; font-size: 15px; line-height: 1.8;">
|
|
您好，{{ greeting }}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-bottom: 28px;">
|
|
<p style="margin: 0; color: #6b7280; font-size: 14px; line-height: 1.8;">
|
|
{{ description }}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<!-- Verification Code Box -->
|
|
<tr>
|
|
<td style="padding-bottom: 32px;">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: linear-gradient(135deg, #f0f4ff 0%, #fdf4ff 100%); border: 2px dashed #a855f7; border-radius: 12px; padding: 28px 20px;">
|
|
<tr>
|
|
<td align="center">
|
|
<p style="margin: 0 0 12px 0; color: #6b7280; font-size: 13px; letter-spacing: 1px;">您的验证码</p>
|
|
<p style="margin: 0; color: #7c3aed; font-size: 42px; font-weight: 800; letter-spacing: 12px; font-family: 'Courier New', monospace;">{{ code }}</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- Warning Box -->
|
|
<tr>
|
|
<td style="padding-bottom: 28px;">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: #fef3c7; border-left: 4px solid #f59e0b; border-radius: 0 8px 8px 0; padding: 14px 16px;">
|
|
<tr>
|
|
<td style="width: 24px; padding-right: 12px; vertical-align: top;">
|
|
<span style="color: #d97706; font-size: 18px;">⚠</span>
|
|
</td>
|
|
<td style="vertical-align: top;">
|
|
<p style="margin: 0; color: #92400e; font-size: 13px; line-height: 1.6;">
|
|
<strong>安全提示：</strong>该验证码有效期为10分钟，请妥善保管，<strong style="color: #dc2626;">切勿将验证码泄露给他人</strong>，包括自称平台客服的人员。
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- Info Box -->
|
|
<tr>
|
|
<td style="padding-bottom: 8px;">
|
|
<p style="margin: 0; color: #9ca3af; font-size: 13px; line-height: 1.8;">
|
|
如非本人操作，请忽略此邮件。如有疑问，请联系平台客服。
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="padding: 30px 20px 10px 20px;">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="color: #6b7280; font-size: 13px; line-height: 1.8;">
|
|
<p style="margin: 0 0 8px 0;">此邮件由小雨平台自动发送，请勿直接回复</p>
|
|
<p style="margin: 0; color: #9ca3af; font-size: 12px;">© 2026 小雨平台 ChunYu.dev · 保护您的账号安全</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|