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


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>電動遊戲大集結：百搭黃金池</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&amp;family=Noto+Sans+TC:wght@400;500;700&amp;display=swap" rel="stylesheet">
<style>
  :root {
    --gold-bright: #FFD700;
    --gold-light: #F5C842;
    --gold-mid: #C9960C;
    --gold-dark: #8B6914;
    --gold-dim: #5A420A;
    /* Ruby red gem palette */
    --ruby-bright: #FF2E4C;
    --ruby-vivid:  #E8193A;
    --ruby-mid:    #B01230;
    --ruby-dark:   #6E0A1E;
    --ruby-deep:   #3A0510;
    --ruby-glow:   rgba(220, 30, 60, 0.35);
    --ruby-subtle: rgba(180, 20, 50, 0.12);
    --bg-deep: #0D0604;
    --bg-card: #130608;
    --bg-section: #1A0809;
    --border-gold: rgba(197, 148, 20, 0.4);
    --border-glow: rgba(255, 215, 0, 0.15);
    --text-primary: #F0E0A0;
    --text-secondary: #C8A84B;
    --text-muted: #8B7440;
    --text-body: #D4C080;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background: var(--bg-deep);
    font-family: 'Noto Sans TC', sans-serif;
    color: var(--text-body);
    min-height: 100vh;
    padding: 20px 16px 40px;
    background-image:
      radial-gradient(ellipse 60% 40% at 50% -5%, rgba(180, 130, 10, 0.14) 0%, transparent 65%),
      radial-gradient(ellipse 40% 30% at 15% 60%, rgba(180, 15, 45, 0.10) 0%, transparent 60%),
      radial-gradient(ellipse 35% 25% at 85% 40%, rgba(180, 15, 45, 0.08) 0%, transparent 60%),
      repeating-linear-gradient(0deg, transparent, transparent 40px, rgba(197,148,20,0.012) 40px, rgba(197,148,20,0.012) 41px),
      repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(197,148,20,0.012) 40px, rgba(197,148,20,0.012) 41px);
  }

  .container {
    max-width: 760px;
    margin: 0 auto;
  }

  /* ── Hero Image ── */
  .hero-image {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 4px;
    position: relative;
    box-shadow:
      0 0 0 1px rgba(197,148,20,0.3),
      0 0 24px rgba(180,15,45,0.2),
      0 0 48px rgba(180,15,45,0.08);
  }
  .hero-image::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 10px;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
    pointer-events: none;
  }
  .hero-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* ── Header ── */
  .header {
    text-align: center;
    padding: 32px 20px 28px;
    position: relative;
  }
  .header::before, .header::after {
    content: '';
    position: absolute;
    left: 50%; transform: translateX(-50%);
    height: 1px;
  }
  .header::before {
    top: 0; width: 60%;
    background: linear-gradient(90deg, transparent, var(--ruby-mid), var(--gold-mid), var(--ruby-mid), transparent);
  }
  .header::after {
    bottom: 0; width: 80%;
    background: linear-gradient(90deg, transparent, var(--gold-mid), var(--ruby-vivid), var(--gold-mid), transparent);
  }

  .title-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #1a0608, #2a0c12);
    border: 1px solid var(--ruby-mid);
    border-radius: 4px;
    padding: 4px 14px;
    font-size: 11px;
    letter-spacing: 3px;
    color: var(--ruby-bright);
    text-transform: uppercase;
    margin-bottom: 14px;
    box-shadow: 0 0 10px rgba(220,30,60,0.15), inset 0 1px 0 rgba(255,60,80,0.08);
  }
  .title-badge::before, .title-badge::after {
    content: '◆';
    font-size: 7px;
    color: var(--ruby-mid);
  }

  .title {
    font-family: 'Noto Serif TC', serif;
    font-size: clamp(22px, 5vw, 32px);
    font-weight: 700;
    line-height: 1.3;
    background: linear-gradient(180deg, #FFE566 0%, #F5C030 45%, #C9800C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    letter-spacing: 1px;
  }

  .title-star {
    display: inline;
    -webkit-text-fill-color: var(--gold-bright);
    filter: drop-shadow(0 0 8px rgba(255,215,0,0.8));
  }

  /* ── Card ── */
  .card {
    background: linear-gradient(160deg, #1c0a08, #110508);
    border: 1px solid var(--border-gold);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
    transition: border-color 0.3s, box-shadow 0.3s;
  }
  .card:hover {
    border-color: rgba(197,148,20,0.6);
    box-shadow: 0 0 16px rgba(180,15,45,0.08);
  }
  .card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--ruby-mid) 15%, var(--gold-mid) 35%, var(--gold-bright) 50%, var(--gold-mid) 65%, var(--ruby-mid) 85%, transparent 100%);
  }

  .card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px 12px;
    background: linear-gradient(90deg, rgba(160,12,35,0.14), rgba(180,130,10,0.08), transparent);
    border-bottom: 1px solid rgba(197,148,20,0.2);
  }

  .card-icon {
    width: 28px; height: 28px;
    background: linear-gradient(135deg, var(--ruby-vivid), var(--ruby-dark));
    border-radius: 4px;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    box-shadow: 0 0 10px rgba(200,25,55,0.4), inset 0 1px 0 rgba(255,100,120,0.15);
    border: 1px solid rgba(220,40,70,0.4);
  }

  .card-title {
    font-family: 'Noto Serif TC', serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--gold-light);
    letter-spacing: 2px;
  }

  .card-body {
    padding: 18px 20px 20px;
  }

  /* ── Time block ── */
  .time-range {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  .time-item {
    flex: 1;
    min-width: 140px;
    background: linear-gradient(135deg, rgba(160,12,35,0.07), rgba(197,148,20,0.06));
    border: 1px solid rgba(197,148,20,0.2);
    border-top: 1px solid rgba(200,25,55,0.25);
    border-radius: 6px;
    padding: 10px 14px;
  }
  .time-label {
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--text-muted);
    margin-bottom: 4px;
    text-transform: uppercase;
  }
  .time-value {
    font-size: 13px;
    font-weight: 700;
    color: var(--gold-light);
    letter-spacing: 0.5px;
  }
  .time-divider {
    color: var(--gold-dark);
    font-size: 18px;
    flex-shrink: 0;
  }

  /* ── VIP badge ── */
  .vip-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #3a0510, #260d04, #3d1a00);
    border: 1px solid var(--ruby-vivid);
    border-radius: 20px;
    padding: 7px 20px;
    color: var(--gold-bright);
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 0 14px rgba(200,25,55,0.3), 0 0 28px rgba(200,25,55,0.1), inset 0 1px 0 rgba(255,80,100,0.12);
    position: relative;
    overflow: hidden;
  }
  .vip-badge::before {
    content: '♛';
    font-size: 12px;
    color: var(--ruby-bright);
    filter: drop-shadow(0 0 4px rgba(255,50,80,0.8));
  }
  /* ruby gem facet shimmer */
  .vip-badge::after {
    content: '';
    position: absolute;
    top: 0; left: -60%; width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,120,140,0.12), transparent);
    transform: skewX(-20deg);
    animation: gemShimmer 3s ease-in-out infinite;
  }
  @keyframes gemShimmer {
    0%, 100% { left: -60%; opacity: 0; }
    40% { opacity: 1; }
    60% { left: 120%; opacity: 0; }
  }

  .qualify-text {
    margin-top: 10px;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.6;
  }

  /* ── Game list ── */
  .game-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 8px;
  }
  .game-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(160,12,35,0.06);
    border: 1px solid rgba(197,148,20,0.18);
    border-left: 3px solid var(--ruby-vivid);
    border-radius: 4px;
    padding: 9px 12px;
    font-size: 12.5px;
    color: var(--text-primary);
    line-height: 1.4;
    transition: background 0.2s, border-left-color 0.2s;
  }
  .game-tag:hover {
    background: rgba(180,15,45,0.1);
    border-left-color: var(--ruby-bright);
  }
  .game-tag::before {
    content: '▶';
    font-size: 9px;
    color: var(--ruby-vivid);
    flex-shrink: 0;
  }

  /* ── Rules ── */
  .rule-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .rule-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    line-height: 1.7;
    font-size: 13.5px;
    color: var(--text-body);
  }
  .rule-num {
    min-width: 24px; height: 24px;
    background: linear-gradient(135deg, var(--ruby-vivid), var(--ruby-dark));
    border: 1px solid var(--ruby-mid);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
    margin-top: 2px;
    box-shadow: 0 0 8px rgba(200,25,55,0.35);
  }

  /* ── Notice ── */
  .notice-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .notice-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 12.5px;
    line-height: 1.7;
    color: #c49090;
    padding: 8px 12px;
    background: rgba(120,10,25,0.12);
    border-radius: 4px;
    border-left: 2px solid var(--ruby-dark);
  }
  .notice-item::before {
    content: '！';
    font-size: 11px;
    font-weight: 700;
    color: var(--ruby-bright);
    flex-shrink: 0;
    margin-top: 2px;
    width: 16px; height: 16px;
    background: rgba(180,15,40,0.2);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    line-height: 16px;
    text-align: center;
  }

  /* ── Divider ── */
  .ornament-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    margin-bottom: 4px;
  }
  .ornament-divider::before, .ornament-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ruby-dark), var(--gold-dim));
  }
  .ornament-divider::after {
    background: linear-gradient(90deg, var(--gold-dim), var(--ruby-dark), transparent);
  }
  .ornament-divider span {
    color: var(--ruby-mid);
    font-size: 10px;
    letter-spacing: 2px;
    text-shadow: 0 0 6px rgba(200,25,55,0.5);
  }

  /* ── Footer ── */
  .footer {
    text-align: center;
    padding-top: 8px;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 1px;
  }

  @media (max-width: 480px) {
    body { padding: 12px 10px 32px; }
    .card-header { padding: 12px 14px 10px; }
    .card-body { padding: 14px 14px 16px; }
    .time-range { flex-direction: column; gap: 8px; }
    .time-divider { display: none; }
    .time-item { min-width: unset; }
    .game-grid { grid-template-columns: 1fr; }
    .title { font-size: 20px; }
  }
</style>


<div class="container">

  
  <div class="hero-image">
    <img src="https://i.meee.com.tw/1OmPI3i.png" alt="電動遊戲大集結：百搭黃金池">
  </div>

  
  <div class="header">
    <div class="title-badge">活動公告</div>
    <div class="title">電動遊戲大集結：百搭黃金池<span class="title-star">★</span></div>
  </div>

  
  <div class="card">
    <div class="card-header">
      <div class="card-icon">⏱</div>
      <div class="card-title">活動時間</div>
    </div>
    <div class="card-body">
      <div class="time-range">
        <div class="time-item">
          <div class="time-label">開始時間</div>
          <div class="time-value">2026/04/15 (三)<br>00:00:00</div>
        </div>
        <div class="time-divider">→</div>
        <div class="time-item">
          <div class="time-label">結束時間</div>
          <div class="time-value">2026/05/08 (五)<br>23:59:59</div>
        </div>
      </div>
    </div>
  </div>

  
  <div class="card">
    <div class="card-header">
      <div class="card-icon">♛</div>
      <div class="card-title">活動資格</div>
    </div>
    <div class="card-body">
      <div class="vip-badge">VIP金</div>
      <div class="qualify-text">等級以上玩家方可參與本次活動</div>
    </div>
  </div>

  
  <div class="card">
    <div class="card-header">
      <div class="card-icon">🎮</div>
      <div class="card-title">指定遊戲</div>
    </div>
    <div class="card-body">
      <div class="game-grid">
        <div class="game-tag">ATG－戰神賽特1</div>
        <div class="game-tag">ATG－戰神賽特2 覺醒之力</div>
        <div class="game-tag">RSG－雷神之錘 II：雷霆風暴</div>
        <div class="game-tag">GALAXY－塔樓衝刺</div>
        <div class="game-tag">168Game－麻將開胡3</div>
        <div class="game-tag">BNG－幸運幣大亨2</div>
      </div>
    </div>
  </div>

  
  <div class="card">
    <div class="card-header">
      <div class="card-icon">📋</div>
      <div class="card-title">活動規則</div>
    </div>
    <div class="card-body">
      <ul class="rule-list">
        <li class="rule-item">
          <span class="rule-num">1</span>
          <span>活動期間內，玩家於指定機台遊戲時，將有機會獲得組合獎池彩金。</span>
        </li>
        <li class="rule-item">
          <span class="rule-num">2</span>
          <span>押注金額越高，獲得組合獎池彩金的機率越高。</span>
        </li>
        <li class="rule-item">
          <span class="rule-num">3</span>
          <span>組合獎池累積彩金將隨玩家遊戲押注而提升，並即時更新於活動排行榜中。</span>
        </li>
        <li class="rule-item">
          <span class="rule-num">4</span>
          <span>獎池彩金將依序從最後的普獎開始開出，最終由 <strong style="color:var(--gold-bright)">JACKPOT</strong> 大獎壓軸登場。</span>
        </li>
      </ul>
    </div>
  </div>

  
  <div class="card">
    <div class="card-header">
      <div class="card-icon">⚠</div>
      <div class="card-title">注意事項</div>
    </div>
    <div class="card-body">
      <ul class="notice-list">
        <li class="notice-item">若獎池彩金全數開出，活動將提前結束。</li>
        <li class="notice-item">活動截止時間一到，尚未開出的獎池彩金將視為無效，不再進行發放。</li>
        <li class="notice-item">如經系統查核確認有作弊行為，將取消玩家參與活動及獲獎資格，相關判定將以官方公告為準。</li>
        <li class="notice-item">活動期間若遇不可抗力因素，官方保留隨時調整、變更或終止本活動之權利。</li>
      </ul>
    </div>
  </div>

  <div class="ornament-divider"><span>◆ ◆ ◆</span></div>
  <div class="footer">本活動最終解釋權歸官方所有</div>

</div>

</div>

紅運

電動遊戲大集結：百搭黃金池⭐