<div class="raw-html-embed"><meta charset="UTF-8">
<style>
  body {
    font-family: 'Segoe UI', Arial, sans-serif;
    line-height: 1.8;
    color: #000000;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
  }

  h3 {
    color: #e36d01;
    margin-top: 20px;
    margin-bottom: 0px;
    transition: color 0.3s ease;
  }

  h3:hover {
    color: #f9c642;
    cursor: pointer;
  }

  p {
    color: #813d29;
    line-height: normal;
  }

  .styled-table {
    width: 100%;
    max-width: 600px;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: center;
    background-color: #f9f9f9;
  }

  .styled-table th,
  .styled-table td {
    text-align: center;
    vertical-align: middle;
    padding: 12px;
    border: 1px solid #ddd;
  }

  .styled-table thead th {
    background-color: #5D3A9B;
    color:white;
    padding: 12px;
  }
.styled-table tbody td {
  color: #813d29;  /* 深棕色 */
  padding: 12px;
  border: 1px solid #ddd;
}
}
color: #813d29; /* 保證文字為深棕 */

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

  .styled-table tbody tr:hover {
    background-color: #e9f7e9;
    transform: scale(1.02);
    transition: 0.3s ease;
  }

  .styled-list {
    list-style: none;
    padding-left: 24px;
    color: #813d29;
    font-family: Arial, sans-serif;
  }

/* 列表 hover（只變背景並放大，不位移） */
.styled-list li {
  line-height: 1.8;
  font-size: 16px;
  position: relative;
  margin-bottom: 6px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.styled-list li::before {
  content: "●";
  color: #f9c642;
  position: absolute;
  left: -18px;
  top: 0;
  font-size: 18px;
}

.styled-list li:hover {
  background-color: #e7e7e7; /* 淺灰色背景 */
  transform: scale(1.02);     /* 微放大 */
  cursor: pointer;
}
  .banner-container {
    max-width: 100%;
    margin: 20px auto;
    padding: 24px;
    border: 2px solid #f9c642;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .banner-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  }

  .banner-container img {
    width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 8px;
    transition: transform 0.3s ease;
  }

  .banner-container img:hover {
    transform: scale(1.02);
  }
</style>
<style>
/* ===== 外框容器 ===== */
.card-container {
  max-width: 100%;
  margin: 20px auto;
  padding: 24px;
  border: 2px solid #f9c642;
  border-radius: 16px;
  background: linear-gradient(145deg, #fffef7, #fff8e5);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* ===== Banner ===== */
.event-banner {
  width: 100%;
  border-radius: 14px;
  margin-bottom: 25px;
  transition: transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.event-banner:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* ===== 標題文字 ===== */
h3 {
  color: #e36d01;
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 18px;
}

/* ===== 一般文字 ===== */
p {
  font-size: 16px;
  color: #613d1f;
  line-height: 1.6;
  margin: 4px 0 8px 0;
}

/* ===== 活動卡片 ===== */
.activity-card {
  background: linear-gradient(135deg, #fff9ed, #fff2d6);
  border: 2px solid #f9c642;
  border-radius: 14px;
  padding: 18px 20px;
  margin: 16px 0;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.activity-card:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.activity-card .highlight {
  font-weight: bold;
  color: #e36d01;
}

/* ===== 表格樣式 ===== */
.activity-card table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  text-align: center;
  font-size: 15px;
  color: #613d1f; /* 棕色文字 */
}
.activity-card table th {
  padding: 8px;
  border-bottom: 1px solid #f9c642;
  background-color: #fff4d6;
  color: #e36d01; /* 橘色標題 */
}
.activity-card table td {
  padding: 8px;
  border-bottom: 1px solid #f9c642;
  color: #613d1f; /* 棕色文字 */
}

/* ===== 流程卡片文字 ===== */
.flow-text {
  color: #613d1f;
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  text-align: center;
}

/* 小字提醒 */
.flow-text span {
  font-size: 13px;
}

/* ===== 注意事項 ===== */
.styled-list {
  list-style: none;
  padding-left: 24px;
  margin-top: 8px;
}
.styled-list li {
  line-height: 1.6;
  font-size: 15px;
  position: relative;
  margin-bottom: 8px;
  padding-left: 10px;
}
.styled-list li::before {
  content: "●";
  color: #f9c642;
  position: absolute;
  left: -18px;
  top: 0;
  font-size: 18px;
}
.notice-list li {
  color: #613d1f; /* 棕色文字 */
}
</style>

<div class="card-container">
  
  <img src="https://i.imgur.com/fymF6lv.png" alt="神秘彩金活動 Banner" class="event-banner">

  
  <h3>活動名稱：</h3>
  <p>寶利發🧧三禮神秘金</p>

  
  <h3>活動時間：</h3>
  <p>即日起～截止日依官方公告為準</p>

  
  <div class="activity-card">
    <h3>1️⃣ 日日神秘金</h3>
    <table>
      <tbody><tr style="background-color:#fff4d6;">
        <th>條件</th>
        <th>獎勵</th>
      </tr>
      <tr>
        <td>儲值 ≥ 500</td>
        <td>4 枚代幣</td>
      </tr>
      <tr>
        <td>累積 20 枚</td>
        <td>神秘輪盤抽獎 (88~8888 日金)</td>
      </tr>
    </tbody></table>
  </div>

  
  <div class="activity-card">
    <h3>2️⃣ 寶利發神秘金</h3>
    <div class="flow-text">
      登入寶利發ONLINE<br>
      ⭣<br>
      點選右下按鈕【聊天】<br>
      ⭣<br>
   　 選擇【公頻】，任一發言讚美寶利發ONLINE<br>
      ⭣<br>
      截圖提供客服<br>
      ⭣<br>
      即可領取寶利發神秘金
    </div>
  </div>


<div class="activity-card">
  <h3>3️⃣ 510 神秘金</h3>
  <div class="flow-text">
    每月 5 或 10 號<br>
    ⭣<br>
    任意加值金額<br>
    <span>(於寶利發ONLINE進行)</span><br>
    ⭣<br>
    告知客服已完成<br>
    <span>即可領取</span><br>
  </div>

  
  <div style="text-align:left; margin-top:10px; font-size:15px; line-height:1.8; color:#B22222; font-weight:600;">
    ❤️ 貼心提醒： <br>
    <ol style="padding-left:20px; margin-top:6px;">
      <li>每月僅限參加 2 次。</li>
      <li>需於限定 5 號或 10 號當天提交申請，逾期不候。</li>
    </ol>
  </div>
</div>
  
  <h3>注意事項：</h3>
  <ul class="styled-list notice-list">
    <li>僅限綁定台灣手機號碼之遊戲角色參加</li>
    <li>嚴禁外掛、盜用、不正當方式，查證取消資格</li>
    <li>未滿 18 歲購買點卡需父母同意或陪同</li>
    <li>獎勵以遊戲內發送為準，不得折現或轉讓</li>
    <li>公司保留變更及終止活動權利，以官方公告為準</li>
  </ul>
</div></div><div class="raw-html-embed"><div style="text-align:center; margin:25px 0;">
  <a href="https://lin.ee/ERRxuTJ" target="_blank" class="dragon-btn">
   👩🏻‍💻 聯繫客服領取優惠
  </a>
</div>

<style>
.dragon-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#c9b6ff; /* 淺紫 */
  color:#2b5b3f; /* 綠字 */
  font-weight:bold;
  font-size:15px;
  padding:10px 20px;
  border-radius:30px;
  text-decoration:none;
  border:2px solid #f9c642;
  box-shadow:0 6px 14px rgba(0,0,0,0.25);
  transition:all 0.25s ease;
}

.dragon-btn:hover{
  transform:scale(1.08);
  background:#b29cff; /* 深一點紫色 */
}
</style></div>