Spaces:
Sleeping
Sleeping
File size: 3,962 Bytes
4bea261 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Xác minh tài khoản của bạn tại TPHIMX</title>
<style>
body {
background-color: #0b0c10;
color: #ffffff;
font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
}
.container {
max-width: 600px;
margin: 40px auto;
background-color: #12141d;
border: 1px solid rgba(124, 58, 237, 0.15);
border-radius: 24px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 50px rgba(124, 58, 237, 0.1);
}
.header {
padding: 40px 20px;
text-align: center;
background: linear-gradient(135deg, #12141d 0%, #1a103c 100%);
border-bottom: 1px solid rgba(124, 58, 237, 0.1);
}
.logo {
font-size: 28px;
font-weight: 900;
letter-spacing: -1px;
color: #ffffff;
}
.logo span {
color: #7c3aed;
text-shadow: 0 0 15px rgba(124, 58, 237, 0.6);
}
.content {
padding: 40px;
line-height: 1.6;
}
h1 {
font-size: 22px;
font-weight: 800;
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: -0.5px;
}
p {
color: #9ca3af;
font-size: 15px;
margin-bottom: 24px;
}
.highlight {
color: #7c3aed;
font-weight: bold;
}
.button-container {
text-align: center;
margin: 35px 0;
}
.btn {
display: inline-block;
background-color: #7c3aed;
color: #ffffff !important;
text-decoration: none;
padding: 14px 35px;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 12px;
box-shadow: 0 0 25px rgba(124, 58, 237, 0.4);
transition: all 0.3s ease;
}
.warning-box {
background-color: rgba(239, 68, 68, 0.05);
border: 1px solid rgba(239, 68, 68, 0.15);
border-radius: 14px;
padding: 20px;
margin-top: 25px;
}
.warning-box p {
color: #ef4444;
font-size: 13px;
margin: 0;
}
.footer {
padding: 30px;
text-align: center;
background-color: #0d0f17;
border-top: 1px solid rgba(124, 58, 237, 0.05);
}
.footer p {
font-size: 11px;
color: #4b5563;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<div class="logo">T<span>PHIM</span>X</div>
</div>
<div class="content">
<h1>Xác minh địa chỉ Email</h1>
<p>Xin chào <span class="highlight">{{username}}</span>,</p>
<p>Cảm ơn bạn đã đăng ký tài khoản tại <span class="highlight">TPHIMX</span>. Để hoàn tất quy trình kích hoạt và bắt đầu thưởng thức các bộ phim hấp dẫn, vui lòng nhấp vào liên kết dưới đây để xác minh địa chỉ email của bạn:</p>
<div class="button-container">
<a href="{{verify_url}}" class="btn" target="_blank">Xác minh tài khoản</a>
</div>
<p>Nếu nút phía trên không hoạt động, bạn cũng có thể sao chép liên kết này và dán vào thanh địa chỉ của trình duyệt:</p>
<p style="word-break: break-all; font-size: 13px; color: #6b7280;">{{verify_url}}</p>
<div class="warning-box">
<p><strong>Lưu ý quan trọng:</strong> Liên kết xác minh này chỉ có hiệu lực trong vòng <span style="font-weight: 800;">{{expiry_time}}</span> giây. Hết thời gian này, bạn sẽ phải thực hiện lại quy trình gửi mã xác minh.</p>
</div>
</div>
<div class="footer">
<p>© 2026 TPHIMX - All Rights Reserved</p>
</div>
</div>
</body>
</html>
|