<div class="raw-html-embed"><section class="gai-ann">
  <style>
    /* 1. 核心基礎與質感背景 */
    .gai-ann {
      --底層黑: #0b0b0d; --文字白: #e8eaf0; --中階灰: #afb4c2; --金幣黃: #f3d27a;
      --黃金漸層: linear-gradient(135deg, #f3d27a 0%, #caa85a 100%);
      --LINE綠: #06C755; --線框色: rgba(243, 210, 122, .18); --圓角尺寸: 20px;
      color: var(--文字白); background: var(--底層黑); padding: 20px 8px;
      font-family: sans-serif; overflow: hidden; position: relative;
    }
    .gai-ann * { box-sizing: border-box; }

    /* 背景放射金光與進場動畫 */
    .gai-ann::before {
      content: ""; position: absolute; top: -10%; left: 50%; transform: translateX(-50%);
      width: 120%; height: 70%; pointer-events: none;
      background: radial-gradient(circle, rgba(243, 210, 122, .14) 0%, transparent 70%);
    }
    @keyframes gai-up { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
    .gai-ann .gai-wrap { max-width: 1080px; margin: 0 auto; position: relative; z-index: 1; animation: gai-up .6s ease-out forwards; }

    /* 2. 英雄區與標題呼吸燈 */
    .gai-ann .gai-hero {
      border: 1px solid var(--線框色); background: rgba(255, 255, 255, .02);
      backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
      border-radius: var(--圓角尺寸); box-shadow: 0 15px 35px rgba(0, 0, 0, .6); overflow: hidden;
    }
    @keyframes gai-breathe { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: .5; } }
    .gai-ann .gai-head { padding: 25px 10px 5px; text-align: center; }
    .gai-ann .gai-kicker { font-size: 12px; color: var(--金幣黃); font-weight: 700; display: inline-flex; align-items: center; gap: 6px; letter-spacing: 1px; }
    .gai-ann .gai-dot { width: 7px; height: 7px; background: var(--金幣黃); border-radius: 50%; box-shadow: 0 0 8px var(--金幣黃); animation: gai-breathe 1.5s infinite; }
    .gai-ann h1 { margin: 8px 0; font-size: clamp(20px, 6vw, 34px); font-weight: 900; background: var(--黃金漸層); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2; }

    /* 3. 圖片互動區 */
    .gai-ann .gai-media { padding: 10px 15px; }
    .gai-ann .gai-banner { display: block; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); transition: .3s; }
    .gai-ann .gai-banner:hover { transform: scale(1.02); border-color: var(--金幣黃); }
    .gai-ann img { width: 100%; height: auto; display: block; }

    /* 4. 內容卡片：動態防撞排版 */
    .gai-ann .gai-body { padding: 0 10px 25px; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 15px; }
    .gai-ann .gai-card { 
      border: 1px solid var(--線框色); border-radius: 16px; background: rgba(255, 255, 255, .03); 
      padding: 18px; transition: .3s; display: flex; flex-direction: column; min-width: 0; overflow: hidden;
    }
    .gai-ann .gai-card:hover { border-color: var(--金幣黃); transform: translateY(-2px); }
    .gai-ann .gai-title { font-weight: 800; font-size: 18px; margin-bottom: 12px; color: var(--金幣黃); }

    /* 5. 按鈕：動態掃光與物理鎖死 */
    @keyframes gai-shine { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
    .gai-ann .gai-cta { display: flex; gap: 10px; margin-top: auto; padding-top: 15px; flex-direction: column; }
    .gai-ann .gai-btn { 
      width: 100%; min-width: 0; text-align: center; padding: 14px 8px; border-radius: 10px;
      font-weight: 800; text-decoration: none; font-size: 15px; position: relative; 
      overflow: hidden; display: block; line-height: 1.2; white-space: normal; word-break: break-all;
    }
    .gai-ann .gai-btn-main { background: var(--黃金漸層); color: #111; box-shadow: inset 0 0 10px rgba(255,255,255,0.2); }
    .gai-ann .gai-btn-main::after {
      content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);
      animation: gai-shine 2.5s infinite;
    }
    .gai-ann .gai-btn-sub { background: var(--LINE綠); color: #fff; }
    .gai-ann .gai-btn:hover { filter: brightness(1.1); transform: scale(1.02); }

    /* 6. 注意事項 */
    .gai-ann .gai-notice { font-size: 12px; color: var(--中階灰); line-height: 1.6; list-style: decimal; padding: 12px 0 0 18px; border-top: 1px solid var(--線框色); word-break: break-all; }

    /* 桌機版適配還原 */
    @media (min-width: 768px) {
      .gai-ann { padding: 40px 16px; }
      .gai-ann .gai-body { padding: 0 30px 40px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
      .gai-ann .gai-cta { flex-direction: row; }
      .gai-ann .gai-card { padding: 25px; }
    }
  </style>

  <div class="gai-wrap">
    <div class="gai-hero">
      <div class="gai-head">
        <div class="gai-kicker"><span class="gai-dot"></span>ITEM 03｜社群限定</div>
        <h1>追蹤 IG 抽 iPhone + 黃金</h1>
      </div>

      <div class="gai-media">
        <a class="gai-banner" href="https://301.gaifun888.tw/LFB04">
          <img src="https://i.ibb.co/s97sgFhy/3.png" alt="IG 限定抽獎">
        </a>
      </div>

      <div class="gai-body">
        <div class="gai-card">
          <div class="gai-title">活動獎勵</div>
          <p style="margin:0;color:var(--中階灰);font-size:14px;line-height:1.8;">
            完成 IG 任務（追蹤/分享/留言）<br>
            即可參與抽獎，贏得豐厚大禮：<br>
            ● <span style="color:var(--金幣黃);font-weight:900;">iPhone 實機</span><br>
            ● <span style="color:var(--金幣黃);font-weight:900;">純金 實體黃金</span>
          </p>
          <div class="gai-cta">
            <a class="gai-btn gai-btn-main" href="https://301.gaifun888.tw/LFB04">進入遊戲</a>
            <a class="gai-btn gai-btn-sub" href="https://lin.ee/G9fNewV">回傳截圖證明</a>
          </div>
        </div>

        <div class="gai-card">
          <div class="gai-title">注意事項</div>
          <ol class="gai-notice">
            <li>須完成 IG 指定任務（追蹤、留言、分享）且截圖可經驗證。</li>
            <li>每帳號限具乙次中獎資格，嚴禁使用多帳號惡意刷領。</li>
            <li>抽獎結果將於 2/28 統一公布於官方公告。</li>
            <li>實體獎領取需配合提供相關寄送及稅務資料。</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
</section></div>

蓋厚勝

封神終極豪禮，神祕獎項解密