<div class="raw-html-embed"><div class="club-notice">
<style>.club-notice, .club-notice * { box-sizing: border-box; }
.club-notice {
  max-width: 780px; margin: 16px auto; padding: 18px;
  color: #fff; font-family: "Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;
  line-height: 1.8; border: 3px solid #8b7fd3; border-radius: 18px;
  background: linear-gradient(155deg,#260752,#3e1b79 55%,#24094d);
  box-shadow: 0 0 20px rgba(161,107,240,.36), inset 0 0 28px rgba(255,255,255,.035);
  animation: clubBreath 4s ease-in-out infinite alternate;
}
.club-notice .club-banner-frame {
  position: relative; overflow: hidden; border-radius: 15px;
  border: 2px solid #f1db96; box-shadow: 0 0 18px rgba(251,214,121,.45);
  background: #240850; isolation: isolate;
}
.club-notice .club-banner {
  display: block; width: 100%; height: auto; aspect-ratio: 24 / 11; object-fit: cover;
}
.club-notice .club-banner-frame::after {
  content: ""; position: absolute; pointer-events: none;
  top: -90%; left: -70%; width: 25%; height: 270%; transform: rotate(20deg);
  background: linear-gradient(90deg, transparent,rgba(255,255,255,.28),transparent);
  animation: clubSweep 5s ease-in-out infinite;
}
.club-notice .club-intro {
  text-align: center; margin: 20px auto 22px; font-size: 16px;
}
.club-notice .club-intro strong { color:#ffe29d; }
.club-notice .club-heading {
  color: #f5dc9d; font-size: 21px; font-weight: 900; margin: 4px 0 13px;
}
.club-notice .club-heading::after {
  content:""; display:block; width:52px; height:2px; margin-top:4px;
  background: linear-gradient(90deg,#ffe8a7,transparent);
  animation: clubLine 2.5s ease-in-out infinite alternate;
}
.club-notice .club-perks { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.club-notice .club-perk {
  padding: 13px 15px; background: rgba(255,255,255,.075);
  border: 1px solid rgba(241,219,150,.38); border-radius: 11px;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.club-notice .club-perk:hover {
  transform: translateY(-3px); background:rgba(255,255,255,.12);
  box-shadow:0 5px 20px rgba(243,210,122,.24);
}
.club-notice .club-perk strong { display:block; color:#ffe6a4; font-size:16px; }
.club-notice .club-perk p { margin:4px 0 0; font-size:14px; }
.club-notice .club-closing {
  margin:20px 0 0; padding: 15px 12px; border-radius:12px;
  background: rgba(241,219,150,.09); border:1px solid rgba(241,219,150,.38);
  text-align:center; color:#ffe9b0; font-weight:800; font-size:17px;
}
.club-notice .club-note {
  margin-top:20px; padding-top:12px; border-top:1px solid rgba(241,219,150,.3);
  color:#e9d7fb; font-size:13px;
}
@keyframes clubBreath { from {box-shadow:0 0 11px rgba(161,107,240,.3)} to {box-shadow:0 0 25px rgba(161,107,240,.6)} }
@keyframes clubSweep { 0%,12% {left:-70%} 57%,100% {left:165%} }
@keyframes clubLine { from {width:52px} to {width:100px} }
@media (max-width:540px) {
 .club-notice {padding:10px; margin:8px auto; border-radius:13px}
 .club-notice .club-intro {font-size:14px; margin:14px 0 18px}
 .club-notice .club-heading {font-size:18px}
 .club-notice .club-perks {grid-template-columns:1fr;gap:9px}
 .club-notice .club-perk {padding:10px 12px}
 .club-notice .club-closing {font-size:15px}
}
@media (prefers-reduced-motion:reduce) {
 .club-notice,.club-notice .club-banner-frame::after,.club-notice .club-heading::after {
  animation:none!important;
 }
 .club-notice .club-perk {transition:none!important}
}</style>
<div class="club-banner-frame">
  <img class="club-banner" src="https://i.postimg.cc/XvgBn5K8/club-banner.jpg" alt="博悅 Online 加入會員俱樂部，解鎖更多專屬福利">
</div>
<p class="club-intro">除了博悅 Online 官方活動，各家俱樂部也有自己的<strong>限定活動與專屬福利</strong>。<br>歡迎探索適合自己的會員俱樂部，掌握更多活動資訊！</p>
<div class="club-heading">🎁 會員俱樂部福利</div>
<div class="club-perks">
  <div class="club-perk"><strong>🎯 專屬限定活動</strong><p>參與各俱樂部推出的限定活動。</p></div>
  <div class="club-perk"><strong>🧧 不定時紅包</strong><p>不同俱樂部提供不定期的驚喜回饋。</p></div>
  <div class="club-perk"><strong>💎 會員專屬福利</strong><p>依各俱樂部規則享有不同福利。</p></div>
  <div class="club-perk"><strong>🎊 節慶限定活動</strong><p>節日期間有機會參與主題活動。</p></div>
</div>
<div class="club-closing">✨ 選擇適合自己的俱樂部，開啟更多精彩活動！</div>
<div class="club-note">⚠️ 各俱樂部的活動內容、參加資格及獎勵規則可能不同，實際請依各俱樂部公告為準。</div>
</div></div>

博悅

🎉 俱樂部，解鎖更多專屬福利！