<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;
      line-height: 1.7;
    }

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

    .intro-section {
      padding: 18px 16px;
      margin-bottom: 22px;
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(87, 65, 170, .55), rgba(45, 23, 105, .65));
      border: 1px solid rgba(200, 184, 255, .28);
      color: #c8b8ff;
      text-align: center;
      font-size: 17px;
      font-weight: 600;
      box-shadow: inset 0 0 18px rgba(255, 255, 255, .05);
    }

    .intro-section b {
      color: #f1db96;
      font-weight: 900;
    }

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

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

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

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

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

    .section-block {
      margin-top: 24px;
    }

    .section-title {
      position: relative;
      display: inline-block;
      margin-bottom: 14px;
      color: #f1db96;
      font-size: 20px;
      font-weight: 900;
      letter-spacing: 1px;
    }

    .section-title::after {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      margin-top: 4px;
      border-radius: 3px;
      background: linear-gradient(90deg, #f1db96, rgba(241, 219, 150, 0));
      animation: titleLineExtend 2s ease-in-out infinite;
    }

    .participation-steps {
      display: grid;
      gap: 12px;
    }

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

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

    .reward-step {
      border-color: rgba(241, 219, 150, .42);
      background: rgba(241, 219, 150, .12);
    }

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

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

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

    .date-box {
      padding: 14px 16px;
      border-radius: 14px;
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(200, 184, 255, .2);
      color: #ffffff;
      font-size: 17px;
      font-weight: 800;
    }

    .styled-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 10px;
    }

    .styled-list li {
      position: relative;
      padding: 12px 14px 12px 42px;
      border-left: 4px solid #8B7FD3;
      border-radius: 12px;
      background: rgba(255, 255, 255, .08);
      color: #ffffff;
      font-size: 15px;
      font-weight: 700;
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

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

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

    .closing-text {
      margin-top: 26px;
      padding: 16px 14px 0;
      border-top: 1px solid rgba(241, 219, 150, .28);
      color: #f1db96;
      text-align: center;
      font-size: 17px;
      font-weight: 900;
      letter-spacing: .5px;
    }

    @keyframes gentleGlow {
      0%, 100% {
        box-shadow: 0 0 12px rgba(241, 219, 150, .25), inset 0 0 18px rgba(241, 219, 150, .06);
      }
      50% {
        box-shadow: 0 0 24px rgba(241, 219, 150, .55), inset 0 0 24px rgba(241, 219, 150, .12);
      }
    }

    @keyframes titleLineExtend {
      0%, 100% {
        width: 58%;
        opacity: .72;
      }
      50% {
        width: 100%;
        opacity: 1;
      }
    }

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

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

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

  <div class="intro-section">
    <b>《願望實現者》</b>豪禮同步登場，獎勵全面升級，最高 <b>7,200,000 日金</b>等你爭奪。今日完成指定條件，前往官方 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-block">
    <div class="section-title">📌 活動方式</div>
    <div class="participation-steps">
      <div class="step-item">
        <span class="step-number">1</span>
        <span>今日內完成任意金額儲值</span>
      </div>
      <div class="step-item">
        <span class="step-number">2</span>
        <span>前往博悅官方 LINE 輸入今日密語 <a href="https://lin.ee/u8HsU1p" target="_blank" class="line-btn">官方 LINE</a></span>
      </div>
      <div class="step-item reward-step">
        <span class="step-number">3</span>
        <span>即可獲得《限時兌換碼》乙組（送完為止）</span>
      </div>
    </div>
  </div>

  <div class="section-block">
    <div class="section-title">⏰ 活動期限</div>
    <div class="date-box">2026/05/24 23:59 止</div>
  </div>

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

  <div class="closing-text">
    趁神域戰火正旺，許下願望、轉動豪禮，把日金一路帶上頂峰 🧞‍♂️
  </div>
</div></div>

博悅

至尊神域全面引爆