1 line
1.9 KiB
HTML
1 line
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>* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;}body { background-color: #f3f2f1; min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px;}.container { background-color: #ffffff; padding: 40px 32px; border-radius: 0; /* 尖锐边角 */ box-shadow: 0 2px 6px rgba(0,0,0,0.1); max-width: 500px; width: 100%; text-align: center; border: 1px solid #e1dfdd;}.icon { width: 64px; height: 64px; margin: 0 auto 24px; background-color: #0078d4; /* 微软蓝 */ display: flex; justify-content: center; align-items: center; color: #fff; font-size: 28px;}h1 { color: #111111; font-size: 22px; font-weight: 600; margin-bottom: 16px;}.desc { color: #605e5c; font-size: 15px; line-height: 1.5; margin-bottom: 28px;}.code-box { background-color: #faf9f8; padding: 16px 0; margin-bottom: 28px; border: 1px solid #e1dfdd;}.code { font-size: 28px; font-weight: 600; color: #0078d4; letter-spacing: 8px; font-family: "Microsoft YaHei", "Segoe UI", sans-serif; /* 优先使用微软雅黑 */}.tips { color: #605e5c; font-size: 13px; line-height: 1.6; border-top: 1px solid #e1dfdd; padding-top: 20px; text-align: left;}.tips li { margin-bottom: 8px; list-style-type: disc; margin-left: 20px;}</style></head><body><div class="container"><div class="icon">✉️</div><h1>您的验证码已送达</h1><p class="desc"> 验证码已送达，用于身份验证<br> 请在规定时间内完成操作 </p><div class="code-box"><span class="code">{{ Code }}</span></div><div class="tips"><li>验证码有效期为15分钟</li><li>请勿向他人泄露验证码信息</li><li>若未收到，可检查垃圾邮件或重新获取</li></div></div></body></html> |