<div class="raw-html-embed"><div class="activity-wrapper">
  <style>
    .activity-wrapper {
      max-width: 100%;
      margin: 20px auto;
      padding: 24px;
      border: 3px solid #8B7FD3;
      border-radius: 16px;
      background: linear-gradient(180deg, #2a0a5e, #3d1a78);
      box-shadow: 0 0 20px rgba(139,127,211,.4), inset 0 0 30px rgba(255,255,255,.05);
      font-family: "Microsoft JhengHei", "Noto Sans TC", Arial, sans-serif;
      color: #ffffff;
      box-sizing: border-box;
    }

    .activity-title {
      text-align: center;
      font-size: 28px;
      font-weight: 900;
      color: #f1db96;
      margin: 0 0 20px;
      letter-spacing: 1px;
      text-shadow: 0 0 10px rgba(241,219,150,.6);
    }

    .intro-section {
      padding: 18px;
      margin-bottom: 22px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(90,78,196,.35), rgba(55,35,130,.45));
      border: 1px solid rgba(200,184,255,.3);
      text-align: center;
      color: #c8b8ff;
      font-size: 17px;
      line-height: 1.8;
      box-shadow: inset 0 0 18px rgba(255,255,255,.04);
    }

    .passphrase-box {
      margin: 24px 0;
      padding: 22px 18px;
      border-radius: 16px;
      text-align: center;
      background: linear-gradient(135deg, rgba(241,219,150,.16), rgba(255,196,77,.08));
      border: 2px solid rgba(241,219,150,.5);
      animation: gentleGlow 3s ease-in-out infinite;
    }

    .passphrase-label {
      font-size: 16px;
      color: #ffffff;
      margin-bottom: 8px;
      font-weight: 700;
    }

    .passphrase-text {
      color: #f1db96;
      font-size: 28px;
      font-weight: 900;
      letter-spacing: 6px;
      text-shadow: 0 0 10px rgba(241,219,150,.75);
      margin-bottom: 16px;
    }

    .copy-btn {
      cursor: pointer;
      border: none;
      border-radius: 999px;
      padding: 10px 22px;
      font-size: 15px;
      font-weight: 800;
      color: #2a0a5e;
      background: linear-gradient(135deg, #f1db96, #ffd56a);
      box-shadow: 0 0 14px rgba(241,219,150,.45);
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    }

    .copy-btn:hover {
      transform: scale(1.06);
      filter: brightness(1.08);
      box-shadow: 0 0 22px rgba(241,219,150,.75);
    }

    .section-title {
      position: relative;
      margin: 26px 0 16px;
      padding-bottom: 10px;
      text-align: center;
      color: #f1db96;
      font-size: 22px;
      font-weight: 900;
      letter-spacing: 1px;
    }

    .section-title::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 120px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, #f1db96, transparent);
      transform: translateX(-50%);
      animation: titleLineExtend 2s ease-in-out infinite;
    }

    .participation-steps {
      display: grid;
      gap: 14px;
      margin-top: 14px;
    }

    .step-item {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 15px;
      border-radius: 14px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(200,184,255,.22);
      color: #ffffff;
      font-size: 16px;
      line-height: 1.7;
      transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
    }

    .step-item:hover {
      transform: translateY(-2px);
      background: rgba(255,255,255,.12);
      box-shadow: 0 0 18px rgba(139,127,211,.32);
    }

    .step-number {
      flex: 0 0 36px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #2a0a5e;
      font-weight: 900;
      background: linear-gradient(135deg, #f1db96, #ffd56a);
      box-shadow: 0 0 12px rgba(241,219,150,.55);
    }

    .reward-step {
      border-color: rgba(241,219,150,.45);
      background: rgba(241,219,150,.12);
      box-shadow: inset 0 0 16px rgba(241,219,150,.08);
    }

    .line-btn {
      display: inline-block;
      margin-left: 8px;
      padding: 6px 14px;
      border-radius: 999px;
      background: linear-gradient(135deg, #06c755, #00a944);
      color: #ffffff !important;
      text-decoration: none;
      font-weight: 900;
      box-shadow: 0 0 12px rgba(6,199,85,.45);
      transition: transform .2s ease, filter .2s ease;
    }

    .line-btn:hover {
      transform: scale(1.06);
      filter: brightness(1.08);
    }

    .deadline-box {
      margin-top: 14px;
      padding: 16px;
      border-radius: 14px;
      text-align: center;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(241,219,150,.35);
      color: #ffffff;
      font-size: 18px;
      font-weight: 800;
      box-shadow: inset 0 0 14px rgba(255,255,255,.04);
    }

    .styled-list {
      list-style: none;
      padding: 0;
      margin: 14px 0 0;
    }

    .styled-list li {
      position: relative;
      margin-bottom: 12px;
      padding: 13px 14px 13px 42px;
      border-left: 4px solid #8B7FD3;
      border-radius: 10px;
      background: rgba(255,255,255,.08);
      color: #ffffff;
      font-size: 15px;
      line-height: 1.7;
      transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
    }

    .styled-list li::before {
      content: "🌟";
      position: absolute;
      left: 13px;
      top: 13px;
    }

    .styled-list li:hover {
      transform: translateX(4px);
      background: rgba(255,255,255,.13);
      box-shadow: 0 0 16px rgba(139,127,211,.32);
    }

    .closing-text {
      margin-top: 26px;
      padding: 18px;
      border-radius: 14px;
      text-align: center;
      color: #f1db96;
      font-size: 18px;
      font-weight: 900;
      line-height: 1.8;
      background: rgba(241,219,150,.1);
      border: 1px solid rgba(241,219,150,.35);
      text-shadow: 0 0 8px rgba(241,219,150,.35);
    }

    @keyframes gentleGlow {
      0%, 100% {
        box-shadow: 0 0 12px rgba(241,219,150,.28);
      }
      50% {
        box-shadow: 0 0 26px rgba(241,219,150,.62);
      }
    }

    @keyframes titleLineExtend {
      0%, 100% {
        width: 80px;
        opacity: .55;
      }
      50% {
        width: 150px;
        opacity: 1;
      }
    }

    @media (max-width: 480px) {
      .activity-wrapper {
        padding: 18px;
      }

      .activity-title {
        font-size: 24px;
      }

      .passphrase-text {
        font-size: 25px;
        letter-spacing: 4px;
      }

      .step-item {
        align-items: flex-start;
      }
    }
  </style>

  <div class="activity-title">🎃 萬聖狂歡・搗蛋開炸</div>

  <div class="intro-section">
    萬聖狂歡搗蛋開炸，JACKPOT 彩金全場暴擊！<br>
    四款熱門遊戲強勢集結，鎖定彩金、火力全開。今日完成指定條件，前往官方 LINE 輸入密語，即可領取限時兌換碼。
  </div>

  <div class="passphrase-box">
    <div class="passphrase-label">💬 今日密語</div>
    <div class="passphrase-text">彩金暴擊</div>
    <button class="copy-btn" onclick="navigator.clipboard.writeText('彩金暴擊').then(()=&gt;{this.textContent='✅ 已複製';setTimeout(()=&gt;{this.textContent='📋 一鍵複製'},2000)})">📋 一鍵複製</button>
  </div>

  <div class="section-title">📌 活動方式</div>
  <div class="participation-steps">
    <div class="step-item">
      <div class="step-number">1</div>
      <div>今日內完成任意金額儲值</div>
    </div>

    <div class="step-item">
      <div class="step-number">2</div>
      <div>
        前往博悅官方 LINE 輸入今日密語
        <a href="https://lin.ee/u8HsU1p" target="_blank" class="line-btn">官方 LINE</a>
      </div>
    </div>

    <div class="step-item reward-step">
      <div class="step-number">3</div>
      <div>即可獲得《限時兌換碼》乙組（送完為止）</div>
    </div>
  </div>

  <div class="section-title">⏰ 活動期限</div>
  <div class="deadline-box">
    2026/09/12 23:59 止
  </div>

  <div class="section-title">⚠️ 注意事項</div>
  <ul class="styled-list">
    <li>每組遊戲帳號限領一次</li>
    <li>請先完成儲值並確認遊戲帳號正確</li>
    <li>限時兌換碼發完即止，逾期不補發</li>
  </ul>

  <div class="closing-text">
    今晚加入萬聖狂歡，搗蛋開炸、挑戰彩金暴擊，把好運一次帶回家 🎃🔥
  </div>
</div></div>

博悅

每日限量密語