<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: 18px;
      background: linear-gradient(180deg, #2a0a5e, #3d1a78);
      color: #ffffff;
      font-family: "Microsoft JhengHei", "Noto Sans TC", sans-serif;
      box-sizing: border-box;
      box-shadow:
        0 0 15px rgba(139, 127, 211, 0.45),
        inset 0 0 20px rgba(255, 255, 255, 0.04);
      line-height: 1.8;
    }

    .activity-wrapper * {
      box-sizing: border-box;
    }

    .activity-title {
      text-align: center;
      color: #f1db96;
      font-size: 26px;
      font-weight: 900;
      margin-bottom: 18px;
      text-shadow:
        0 0 8px rgba(241, 219, 150, 0.65),
        0 0 16px rgba(241, 219, 150, 0.3);
    }

    .intro-section {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 22px;
      color: #ffffff;
    }

    .passphrase-box {
      text-align: center;
      margin: 20px 0 26px;
      padding: 18px 14px;
      border: 2px solid #f1db96;
      border-radius: 14px;
      background: rgba(0, 0, 0, 0.18);
      box-shadow:
        0 0 12px rgba(241, 219, 150, 0.2),
        inset 0 0 12px rgba(255, 255, 255, 0.03);
    }

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

    .passphrase-text {
      color: #f1db96;
      font-size: 25px;
      font-weight: 900;
      letter-spacing: 2px;
      margin-bottom: 12px;
      text-shadow: 0 0 10px rgba(241, 219, 150, 0.5);
    }

    .copy-btn {
      display: inline-block;
      padding: 9px 22px;
      border: none;
      border-radius: 30px;
      background: #f1db96;
      color: #2a0a5e;
      font-weight: 800;
      font-size: 15px;
      cursor: pointer;
      transition: 0.2s ease;
    }

    .copy-btn:hover {
      transform: scale(1.04);
      filter: brightness(1.08);
    }

    .section-title {
      color: #f1db96;
      font-size: 19px;
      font-weight: 900;
      margin: 24px 0 12px;
      text-shadow: 0 0 7px rgba(241, 219, 150, 0.35);
    }

    .participation-steps {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .step-item {
      padding: 12px 14px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.08);
      border-left: 4px solid #f1db96;
      font-size: 15px;
    }

    .line-btn {
      display: inline-block;
      margin-top: 7px;
      padding: 7px 18px;
      background: #06C755;
      color: #ffffff !important;
      text-decoration: none;
      border-radius: 25px;
      font-weight: 800;
    }

    .deadline-box {
      text-align: center;
      margin-top: 12px;
      padding: 14px;
      border: 1px solid rgba(241, 219, 150, 0.65);
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.17);
      color: #ffffff;
      font-weight: 700;
    }

    .styled-list {
      margin: 8px 0 0;
      padding-left: 22px;
      color: #ffffff;
    }

    .styled-list li {
      margin-bottom: 7px;
    }

    .closing-text {
      text-align: center;
      margin-top: 25px;
      padding-top: 18px;
      border-top: 1px solid rgba(241, 219, 150, 0.35);
      color: #f1db96;
      font-size: 16px;
      font-weight: 800;
      text-shadow: 0 0 7px rgba(241, 219, 150, 0.3);
    }

    @media (max-width: 600px) {
      .activity-wrapper {
        padding: 18px 14px;
        border-radius: 14px;
      }

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

      .intro-section {
        font-size: 15px;
      }

      .passphrase-text {
        font-size: 22px;
      }

      .section-title {
        font-size: 18px;
      }

      .step-item {
        font-size: 14px;
      }
    }
  </style>

  <div class="activity-title">
    👻 百鬼夜行、雙榜開戰！🔥
  </div>

  <div class="intro-section">
    《百鬼夜行》雙榜爭霸正式登場，今晚不靠運氣，直接用實力說話！<br>
    先領今日密語獎勵，再來挑戰排行榜，看誰能一路衝上榜首、拿下王者之位！🏆💰
  </div>

  <div class="passphrase-box">
    <div class="passphrase-label">🔐 今日密語</div>
    <div class="passphrase-text">百鬼爭霸</div>

    <button class="copy-btn" onclick="
        navigator.clipboard.writeText('百鬼爭霸');
        this.innerText='✅ 已複製';
        setTimeout(() =&gt; this.innerText='一鍵複製密語', 1500);
      ">
      一鍵複製密語
    </button>
  </div>

  <div class="section-title">🔸 活動方式</div>

  <div class="participation-steps">
    <div class="step-item">
      1️⃣ 於 <strong>9/20 當日</strong>完成任意金額儲值
    </div>

    <div class="step-item">
      2️⃣ 前往博悅官方 LINE<br>
      <a href="https://lin.ee/u8HsU1p" target="_blank" class="line-btn">
        官方 LINE
      </a>
    </div>

    <div class="step-item">
      3️⃣ 輸入密語「<strong>百鬼爭霸</strong>」
    </div>

    <div class="step-item">
      4️⃣ 將獲得《<strong>限時兌換碼</strong>》乙組
    </div>
  </div>

  <div class="section-title">⏰ 活動時間</div>

  <div class="deadline-box">
    2026/09/20 00:00－23:59
  </div>

  <div class="section-title">⚠️ 注意事項</div>

  <ul class="styled-list">
    <li>每組遊戲帳號限領一次。</li>
    <li>限時兌換碼數量有限，送完為止。</li>
    <li>活動逾期恕不補發。</li>
  </ul>

  <div class="closing-text">
    👑 雙榜之戰正式開打！<br>
    實力說話、勝者為王，今晚就看誰能登上榜首！🔥🏆
  </div>
</div></div>

博悅

每日限量密語