<div class="raw-html-embed"><meta charset="UTF-8">
<style>
  p {
    color: #813d29;
    line-height: normal;
  }

  h3 {
    color: #e36d01;
  }

  /* 注意事項清單 */
  .styled-list {
    list-style-type: disc;
    margin: 20px 24px;
    padding: 0;
    color: #813d29;
    font-family: Arial, sans-serif;
  }

  .styled-list li {
    line-height: 1.8;
    font-size: 16px;
  }

  /* 活動獎項 Table RWD 縮小設定 */
  .table-wrapper {
    width: 100%;
    overflow-x: auto;
    /* 螢幕太窄時可以左右捲動 */
  }

  .styled-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    text-align: left;
    background-color: #f9f9f9;
    table-layout: fixed;
    font-size: 14px;
  }

  /* 欄寬 */
  .styled-table th:nth-child(1),
  .styled-table td:nth-child(1) {
    width: 20%;
  }

  .styled-table th:nth-child(2),
  .styled-table td:nth-child(2) {
    width: 55%;
  }

  .styled-table th:nth-child(3),
  .styled-table td:nth-child(3) {
    width: 25%;
  }

  .styled-table thead th {
    background: linear-gradient(180deg, #cd931e, #b57e10 17%, #f9df7b);
    color: white;
    padding: 8px;
    font-size: 14px;
    white-space: nowrap;
  }

  .styled-table tbody td {
    padding: 8px;
    border: 1px solid #ddd;
    color: black;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    /* ✅ 不要 break-all，中文字會變得很怪 */
  }

  /* 第 1 欄：允許換行避免擠壓 */
  .styled-table td:nth-child(1) {
    white-space: normal;
    word-break: break-word;
    font-size: inherit;
  }

  .styled-table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  .styled-table tbody tr:hover {
    background-color: #e9f7e9;
  }

  /* 小螢幕縮小（合併重複區塊） */
  @media (max-width: 480px) {
    .styled-table {
      font-size: 12px;
    }

    .styled-table thead th,
    .styled-table tbody td {
      padding: 6px;
      font-size: 11px;
    }

    .styled-table td:nth-child(1) {
      font-size: 12px;
    }

    .styled-list li {
      font-size: 14px;
    }
  }

  @media (max-width: 360px) {
    .styled-table {
      font-size: 11px;
    }

    .styled-table thead th,
    .styled-table tbody td {
      padding: 4px;
      font-size: 10px;
      white-space: normal;
    }

    .styled-table td:nth-child(1) {
      font-size: 11px;
    }

    .styled-list li {
      font-size: 13px;
    }
  }

  @media (max-width: 320px) {
    .styled-table td:nth-child(1) {
      font-size: 10px;
    }
  }

  /* ========= 倒數計時（固定四格 + 日曆翻頁效果） ========= */

  .countdown-container {
    background: #fff7df;
    border: 2px solid #f9c642;
    border-radius: 10px;
    padding: 18px 12px;
    margin: 20px 0;
    text-align: center;
    font-family: "Segoe UI", Arial, sans-serif;
  }

  .countdown-title {
    font-size: 18px;
    color: #b57e10;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .countdown-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    transform-origin: top center;
  }

  /* 小螢幕依比例縮小 */
  @media (max-width: 480px) {
    .countdown-grid {
      transform: scale(0.88);
    }
  }

  @media (max-width: 380px) {
    .countdown-grid {
      transform: scale(0.8);
    }
  }

  @media (max-width: 330px) {
    .countdown-grid {
      transform: scale(0.72);
    }
  }

  .time-segment {
    width: 62px;
    height: 75px;
    background: linear-gradient(#3a3a3a, #151515);
    border-radius: 6px;
    color: #ffffff;
    position: relative;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    overflow: hidden;
  }

  .time-segment::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    pointer-events: none;
  }

  .time-segment-value {
    font-size: clamp(16px, 5vw, 24px);
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1;
    padding-bottom: 8px;
    z-index: 1;
  }

  .time-segment-label {
    font-size: clamp(10px, 3vw, 13px);
    margin-bottom: 5px;
    text-align: center;
    opacity: 0.9;
    z-index: 1;
  }

  .flip-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 20px;
    perspective: 400px;
    pointer-events: none;
  }

  .flip-top,
  .flip-bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 50%;
    overflow: hidden;
    background: linear-gradient(#3a3a3a, #151515);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(16px, 5vw, 24px);
    font-weight: bold;
    letter-spacing: 1px;
    backface-visibility: hidden;
  }

  .flip-top {
    top: 0;
    transform-origin: center bottom;
    border-radius: 6px 6px 0 0;
    animation: flipTop 0.4s forwards;
  }

  .flip-bottom {
    bottom: 0;
    transform-origin: center top;
    border-radius: 0 0 6px 6px;
    transform: rotateX(90deg);
    animation: flipBottom 0.4s forwards;
    animation-delay: 0.4s;
  }

  @keyframes flipTop {
    0% {
      transform: rotateX(0deg);
    }

    100% {
      transform: rotateX(-90deg);
    }
  }

  @keyframes flipBottom {
    0% {
      transform: rotateX(90deg);
    }

    100% {
      transform: rotateX(0deg);
    }
  }
</style>

<title>神秘彩金</title>

<div style="max-width:100%;margin:20px auto;padding:24px;border:2px solid #f9c642;border-radius:12px;background-color:#ffffff;font-family:'Segoe UI',Arial,sans-serif;line-height:1.8;color:#000000;box-shadow:0 0 10px rgba(0,0,0,0.08);">
  <img src="https://i.imgur.com/fymF6lv.png" alt="神秘彩金 活動 Banner" style="width: 100%; height: auto; margin: 20px 0;">

  <h2 style="text-align:center;color:#b57e10;margin-bottom:10px;">🎁 神秘彩金 🎁</h2>

  <h3>活動時間：</h3>
  <p>活動即日起開放，實際結束時間以官方公告為準</p>

 
  </div>

  <h3>活動資格：</h3>
  <p>活動期間內，於寶利發 Online 進行儲值，單筆或累積儲值金額達 500以上之玩家。</p>

  <h3>活動規則：</h3>
  <p>活動期間內，只要儲值金額達 500 就可以獲得4枚代幣 滿20枚，就有機會隨機獲得 <b>88~ 8888 日金</b>！</p>
  <p><b>此活動為神秘彩金輪盤抽取，每日有儲值皆可獲取。</b></p>

  <h3>活動獎勵：</h3>
  <div class="table-wrapper">
    <table class="styled-table">
      <thead>
        <tr>
          <th>條件</th>
          <th>獎勵</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>活動期間儲值達 500 就會送4枚代幣 每20枚就可以進行抽獎</td>
          <td>88~8888</td>
        </tr>
      </tbody>
    </table>
  </div>

  <h3>注意事項：</h3>
  <ul class="styled-list">
    <li>本活動時間：即日起～2039/12/15 23:59:59 止。</li>
    <li>本活動僅限綁定台灣手機門號之遊戲角色參加。</li>
    <li>嚴禁使用外掛、盜用或不正當方式參與，經查證將取消活動資格，並視情況凍結帳號處理。</li>
    <li>未滿 18 歲欲購買點卡超過 1,000 元者，需由父母陪同購買或取得父母同意後購買。</li>
    <li>本活動獎勵以遊戲內實際發送內容為準，不得要求折現、轉讓或更換其他獎品。</li>
    <li>本公司保留終止及變更本活動時間、辦法及內容之權利，如有異動將以官網或遊戲內公告為主。</li>
  </ul>
</div>