44 lines
2.5 KiB
HTML
44 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-Hant">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>電子郵件驗證碼</title>
|
|
</head>
|
|
<body style="margin:0;padding:0;background-color:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
|
|
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background-color:#f4f6f8;padding:32px 16px;">
|
|
<tr>
|
|
<td align="center">
|
|
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="max-width:560px;background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(15,23,42,0.08);">
|
|
<tr>
|
|
<td style="background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:28px 32px;">
|
|
<p style="margin:0;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.85);">CloudEP</p>
|
|
<h1 style="margin:8px 0 0;font-size:22px;font-weight:600;color:#ffffff;">電子郵件驗證</h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:32px;">
|
|
<p style="margin:0 0 16px;font-size:15px;line-height:1.6;color:#334155;">您好，</p>
|
|
<p style="margin:0 0 24px;font-size:15px;line-height:1.6;color:#334155;">請使用以下驗證碼完成綁定。此驗證碼將於 <strong>{{.expires_in}}</strong> 秒後失效。</p>
|
|
<table role="presentation" width="100%" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td align="center" style="background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:20px;">
|
|
<span style="font-size:32px;font-weight:700;letter-spacing:0.35em;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;">{{.code}}</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<p style="margin:24px 0 0;font-size:13px;line-height:1.5;color:#64748b;">若您未提出此請求，請忽略本信，無需進一步操作。</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:20px 32px;background:#f8fafc;border-top:1px solid #e2e8f0;">
|
|
<p style="margin:0;font-size:12px;color:#94a3b8;text-align:center;">© CloudEP · 本信由系統自動發送，請勿直接回覆</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|