74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<style>
|
||
.urgent-badge {
|
||
background: linear-gradient(135deg, #FF3D3D 0%, #FF6D41 100%);
|
||
color: white!important;
|
||
border-radius: 24px;
|
||
padding: 8px 24px;
|
||
display: inline-block;
|
||
font-weight: 700;
|
||
}
|
||
.data-highlight {
|
||
color: #FF3D3D;
|
||
font-weight: 700;
|
||
padding: 2px 4px;
|
||
background: rgba(255,61,61,0.08);
|
||
border-radius: 4px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; background: #f8f9fa; padding: 40px 0;">
|
||
|
||
<div style="max-width: 600px; margin: 0 auto; padding: 0 20px;">
|
||
|
||
<!-- 紧急状态标识 -->
|
||
<div style="text-align: center; margin-bottom: 32px;">
|
||
<div class="urgent-badge">
|
||
⛔ 服务已过期
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 主内容卡 -->
|
||
<div style="background: white; border-radius: 24px; padding: 40px; box-shadow: 0 8px 24px rgba(0,0,0,0.06);">
|
||
|
||
<!-- 标题 -->
|
||
<h1 style="font-size: 28px; color: #2D2D2D; margin: 0 0 24px;">
|
||
[业务名称] 已过期
|
||
</h1>
|
||
|
||
<!-- 关键数据 -->
|
||
<div style="border-left: 4px solid #FF3D3D; padding-left: 20px; margin-bottom: 32px;">
|
||
<p style="color: #666; margin: 0 0 12px;">
|
||
🆔 业务ID：<span class="data-highlight">[业务ID]</span>
|
||
</p>
|
||
<p style="color: #666; margin: 0 0 12px;">
|
||
📅 过期时间：<span class="data-highlight">[到期时间]</span>
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 影响提示 -->
|
||
<div style="background: #FFF5F5; border-radius: 12px; padding: 20px; margin-bottom: 32px;">
|
||
<h2 style="font-size: 18px; color: #FF3D3D; margin: 0 0 12px;">
|
||
❗ 警告：
|
||
</h2>
|
||
<ul style="color: #666; margin: 0; padding-left: 24px;">
|
||
<li style="margin-bottom: 8px;">产品数据已删除!</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 支持信息 -->
|
||
<div style="text-align: center; color: #999; padding: 32px 0 16px;">
|
||
<p style="margin: 0 0 8px;">需要帮助？ 📞 [客服电话] | 📧 [支持邮箱]</p>
|
||
<p style="margin: 0; font-size: 14px;">🔗 访问帮助中心：[帮助中心链接]</p>
|
||
<div style="height:1px; background:#EEE; margin: 24px 0;"></div>
|
||
<p style="margin: 0; font-size: 14px;">© [年份] [公司名称] - [备案信息]</p>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|