<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="x-apple-disable-message-reformatting" />
  <meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no" />
  <meta name="color-scheme" content="light dark" />
  <title>容量接近上限</title>
  <style type="text/css">
    body, table, td, a { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; }
    table, td { mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; }
    body { margin:0; padding:0; width:100% !important; height:100% !important; background:#f4f5fb; }
    @media (prefers-color-scheme: dark) {
      body { background:#020617 !important; }
      .card { background:#020617 !important; border-color:#1e293b !important; }
    }
  </style>
</head>
<body style="background:#f4f5fb; margin:0; padding:0;">

  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f4f5fb; padding:24px 12px;">
    <tr>
      <td align="center">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" class="card"
               style="width:600px; max-width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; overflow:hidden;">

          <!-- 顶部标识 -->
          <tr>
            <td align="left" style="padding:20px 28px 6px 28px;">
              <span style="display:inline-block;padding:2px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font:600 11px/1 system-ui,-apple-system,'Segoe UI',Roboto,Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;">
                容量提醒
              </span>
            </td>
          </tr>

          <!-- 标题 -->
          <tr>
            <td align="left" style="padding:0 28px 4px 28px;">
              <div style="font:600 18px/1.5 system-ui,-apple-system,'Segoe UI',Roboto,Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:#0f172a;">
                finstdio@polarhome.com 的存储空间即将用完
              </div>
            </td>
          </tr>

          <!-- 副标题 -->
          <tr>
            <td align="left" style="padding:0 28px;">
              <div style="margin-top:4px;font:14px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;color:#64748b;">
                当前存储空间已使用 <span style="font-weight:600;color:#0f172a;">95%</span>。
                为避免邮件退信、附件上传失败等情况,建议尽快扩容或整理空间。
              </div>
            </td>
          </tr>

          <!-- 进度条 + 数字 -->
          <tr>
            <td align="left" style="padding:16px 28px 4px 28px;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
                <tr>
                  <td style="padding:0 0 6px 0;">
                    <div style="font:12px/1.5 system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#94a3b8;">
                      存储使用情况
                    </div>
                  </td>
                  <td align="right" style="padding:0 0 6px 0;">
                    <div style="font:600 14px/1.5 system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#0f172a;">
                      已用 95%
                    </div>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <div style="width:100%;height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden;">
                      <!-- 已用部分:95% -->
                      <div style="height:12px;width:95%;border-radius:999px;background:#f97316;"></div>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td colspan="2" style="padding-top:6px;">
                    <div style="font:12px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#94a3b8;">
                      剩余空间:5%
                    </div>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

          <!-- 按钮 -->
          <tr>
            <td align="left" style="padding:18px 28px 4px 28px;">
              <a href="https://www.tygaworld.com/?token=idhqBVnMlL12BOjxyS9gCa9wAKr3CULMzc"
                 style="display:inline-block;background:#2563eb;color:#ffffff;text-decoration:none;font:600 15px/44px system-ui,-apple-system,'Segoe UI',Roboto,Arial;padding:0 22px;border-radius:8px;min-width:220px;text-align:center;">
                 免费扩空间
              </a>
            </td>
          </tr>

          <!-- 补充说明 -->
          <tr>
            <td align="left" style="padding:8px 28px 18px 28px;">
              <div style="font:12px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#64748b;">
                • 当容量达到 100% 时,可能会出现新邮件无法接收、附件上传失败等情况。<br />
              </div>
            </td>
          </tr>

          <!-- 分割线 -->
          <tr>
            <td style="padding:0 28px;">
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
                <tr>
                  <td style="border-top:1px solid #e2e8f0;height:1px;line-height:1px;font-size:0;"> </td>
                </tr>
              </table>
            </td>
          </tr>

          <!-- 底部信息 -->
          <tr>
            <td align="left" style="padding:12px 28px 22px 28px;">
              <div style="font:12px/1.7 system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#94a3b8;">
                发送给:finstdio@polarhome.com · 时间:2025-11-21 05:47:37 +0800
              </div>
            </td>
          </tr>

        </table>
      </td>
    </tr>
  </table>
</body>
</html>