<div class="raw-html-embed">


<meta charset="UTF-8">
<title>活動頁面</title>
<style>
  body {
    font-family: 'Segoe UI', Arial, sans-serif;
    line-height: 1.8;
    color: #813d29; /* 全文深棕 */
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
  }

  h3 {
    color: #e36d01;
    margin-top: 20px;
    margin-bottom: 10px;
    transition: color 0.3s ease;
    font-size: 20px;
  }
  h3:hover {
    color: #f9c642;
    cursor: pointer;
  }

  p {
    color: #813d29;
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 16px;
  }

  /* 分隔線 */
  hr {
    margin: 30px 0;
    border: none;
    height: 2px;
    background: #f9c642;
  }

  /* Banner */
  .banner-container {
    max-width: 100%;
    margin: 20px auto;
    padding: 24px;
    border: 2px solid #f9c642;
    border-radius: 12px;
    background-color: #fff8ef; /* 柔和米色 */
    box-shadow: 0 6px 15px 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 12px 25px rgba(0,0,0,0.2);
  }
  .banner-container img {
    width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 10px;
    transition: transform 0.3s ease;
  }
  .banner-container img:hover {
    transform: scale(1.02);
  }

  /* 任務卡片 */
  .task-container {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 15px;
  }
  .task-card {
    background: #fff8ef;
    border: 2px solid #f9c642;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, background 0.3s ease;
  }
  .task-card:hover {
    transform: scale(1.02);
    background: #fdf5e6; /* 微亮米色 */
  }
  .task-title {
    color: #e36d01;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
  }
  .task-reward {
    color: #d35400;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
  }

  /* 列表 */
  ul, .styled-list {
    list-style: none;
    padding-left: 24px;
    margin: 0;
  }
  li {
    position: relative;
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    color: #813d29;
  }
  li::before {
    content: "●";
    color: #f9c642;
    position: absolute;
    left: -18px;
    top: 0;
    font-size: 16px;
  }
  li:hover {
    background-color: #f7f2e8; /* 淺米色背景 hover */
    transform: scale(1.02);
    cursor: pointer;
  }

  /* 表格 */
  .styled-table {
    width: 100%;
    max-width: 600px;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: center;
    background-color: #fff8ef;
  }
  .styled-table th, .styled-table td {
    padding: 12px;
    border: 1px solid #f9c642;
  }
  .styled-table thead th {
    background-color: #5D3A9B;
    color: white;
  }
  .styled-table tbody tr:nth-child(even) {
    background-color: #fdf5e6;
  }
  .styled-table tbody tr:hover {
    background-color: #f7f2e8;
    transform: scale(1.02);
    transition: 0.3s ease;
  }

  /* 手機響應 */
  @media (max-width:480px){
    .styled-table th, .styled-table td { padding: 8px; font-size: 13px; }
    li, .task-reward, p { font-size: 13px; }
    .banner-container { padding: 16px; }
  }
</style>



<div class="banner-container">
    <img src="https://i.imgur.com/q9q7cHZ.png" alt="活動圖片">

    <h3>活動名稱</h3>
    <p>新寶利發限定7,000日金</p>

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

    <h3>活動資格</h3>
    <ul class="styled-list">
        <li>每位玩家需綁定台灣手機號。</li>
        <li>每位玩家最多僅可領取每項豪禮紅利一次。</li>
    </ul>

    <h3>活動規則</h3>
    <p>每完成一項豪禮即可聯繫官方LINE客服領取相對紅利日金。</p>

    <hr>

    <h3>新玩家，三大福利</h3>
  <div class="task-container">
    <div class="task-card" style="background: linear-gradient(145deg, #fff8ef, #fff3e0); border-color: #f9c642;">
        <div class="task-title">🔥 新手任務</div>
        <div class="task-reward" style="background:#f9c642;color:#813d29;padding:5px 10px;border-radius:8px;display:inline-block;">最高領取 4,000 日金</div>
        <p>註冊日起 7 天內有效</p>
        <ul class="styled-list">
            <li>第三方帳號綁定並登入寶利發</li>
            <li>點選左下方其他（新手挑戰）</li>
        </ul>
    </div>

    <div class="task-card" style="background: linear-gradient(145deg, #fff8ef, #fff3e0); border-color: #f9c642;">
        <div class="task-title">📱 追蹤官方社群</div>
        <div class="task-reward" style="background:#f9c642;color:#813d29;padding:5px 10px;border-radius:8px;display:inline-block;">完成任務領取 2,000 日金</div>
        <ul class="styled-list">
            <li>追蹤四大官方社群

<div class="sub-item">
    <a href="https://www.instagram.com/polywin888" target="_blank">官方 IG</a>
    <a href="https://www.facebook.com/profile.php?id=61583304622549" target="_blank">官方 FB</a>
    <a href="https://t.me/polywin168" target="_blank">官方 Telegram</a>
    <a href="https://line.me/ti/g2/JsNsxZtnoswu6Ms61QVuLA6Pjz7v8aePgtYIPQ" target="_blank">LINE 社群</a>
</div>

<style>
.sub-item a {
    display: block;          /* 每個連結分行 */
    color: #5DADE2;          /* 淺藍色 */
    text-decoration: none;   /* 移除預設底線 */
    margin: 4px 0;           /* 上下間距 */
    font-weight: bold;
    transition: all 0.3s ease;
}
.sub-item a:hover {
    background-color: #D6EAF8;  /* 淺藍底 hover */
    border-radius: 6px;
    padding-left: 6px;
    text-decoration: underline;
    cursor: pointer;
}
</style>
            </li>
            <li>截圖四張加入畫面</li>
            <li>提供截圖給客服領取日金</li>
        </ul>
    </div>

    <div class="task-card" style="background: linear-gradient(145deg, #fff8ef, #fff3e0); border-color: #f9c642;">
        <div class="task-title">💻 添加桌面 APP</div>
        <div class="task-reward" style="background:#f9c642;color:#813d29;padding:5px 10px;border-radius:8px;display:inline-block;">完成任務領取 1,000 日金</div>
        <ul class="styled-list">
            <li>依教學完成桌面 APP 添加
                <div class="sub-item">
                    <a href="https://www.polywin88.com/announcement/438">前往桌面APP教學</a>
                </div>
            </li>
            <li>系統自動派發日金獎勵</li>
        </ul>
    </div>
</div>

    <hr>

    <h3>注意事項</h3>
    <ul class="styled-list">
        <li>抽獎資格僅限符合活動資格之玩家。</li>
        <li>玩家於獎項派發前，如經官方認定違反相關規定，將喪失參與及領獎資格。</li>
        <li>因設備或網路因素影響活動，本公司恕不負責。</li>
        <li>嚴禁使用外掛或不正當方式參與。</li>
        <li>未滿18歲購買點卡超過1,000元需取得監護人同意。</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>