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


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>蓋厚勝 - 新年呱呱樂</title>
    <style>
        :root {
            --gs-bg-img: url('https://i.ibb.co/QSYGkhM/creation-2243107529.png');
            --gs-prize-bg: url('https://i.ibb.co/GwqPPmM/freepik-320-x-180-gai-19174.png');
            --gold: #FFD700;
        }

        #gs-cny-2026-root {
            position: fixed; inset: 0; z-index: 2147483647;
            background: #000; overflow: hidden;
            display: flex; align-items: center; justify-content: center;
            font-family: 'Noto Sans TC', sans-serif;
            user-select: none; -webkit-user-select: none;
        }

        .gs-fullscreen-bg {
            position: absolute; inset: 0;
            background: radial-gradient(circle at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 90%), var(--gs-bg-img) center/cover no-repeat;
            z-index: 0;
        }

        /* --- 修正：高清 3D 輪播背景 --- */
        .gs-bg-carousel {
            position: absolute; inset: 0; z-index: 1;
            perspective: 2000px; /* 增加視距減少失真 */
            display: flex; align-items: center; justify-content: center;
            opacity: 0.6; pointer-events: none;
        }
        .gs-carousel-wrap {
            position: relative; width: 250px; height: 350px;
            transform-style: preserve-3d; 
            animation: gs-spin-slow 60s linear infinite;
        }
        .gs-3d-card {
            position: absolute; inset: 0;
            transform: rotateY(calc((360deg / var(--qty)) * var(--i))) translateZ(500px);
            border-radius: 12px; border: 1px solid rgba(255,215,0,0.3);
            background: #111; overflow: hidden;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
            -webkit-box-reflect: below 10px linear-gradient(transparent, rgba(0,0,0,0.1));
        }
        .gs-3d-card img { 
            width: 100%; height: 100%; object-fit: cover; 
            filter: brightness(0.6); /* 提升亮度 */
        }
        @keyframes gs-spin-slow { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } }

        /* --- UI 動畫與佈局 --- */
        .gs-main-stage { 
            position: relative; z-index: 10; text-align: center; width: 100%; max-width: 500px; padding: 20px; 
            animation: gs-slide-up 0.8s ease-out forwards;
        }
        .gs-title { 
            color: var(--gold); font-size: clamp(32px, 8vw, 46px); font-weight: 900; 
            margin-bottom: 5px; letter-spacing: 2px; text-shadow: 0 4px 15px #000;
            animation: gs-glow 2s infinite alternate;
        }
        
        .gs-scratch-box { 
            width: 340px; height: 200px; margin: 0 auto; position: relative; border-radius: 15px; 
            box-shadow: 0 0 0 5px var(--gold), 0 20px 60px rgba(0,0,0,0.8); overflow: hidden; background: #111; 
        }
        .gs-prize-layer { 
            position: absolute; inset: 0; display: flex; flex-direction: column; 
            align-items: center; justify-content: center; 
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2)), var(--gs-prize-bg) center/cover no-repeat; 
        }
        .gs-prize-main { color: #fff; font-size: 38px; font-weight: 900; text-shadow: 0 0 20px var(--gold); }
        .gs-sn-tag { margin-top: 12px; font-family: monospace; font-size: 11px; color: var(--gold); background: rgba(0,0,0,0.8); padding: 4px 12px; border: 1px dashed var(--gold); }
        
        .gs-btn-submit { 
            display: inline-block; background: linear-gradient(180deg, #06c755, #00913b); 
            color: #fff; padding: 14px 45px; border-radius: 50px; text-decoration: none; 
            font-weight: bold; font-size: 18px; box-shadow: 0 5px 15px rgba(0,0,0,0.4);
            animation: gs-pulse 1.5s infinite; 
        }

        @keyframes gs-slide-up { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes gs-glow { from { text-shadow: 0 0 10px rgba(255,215,0,0.4); } to { text-shadow: 0 0 25px var(--gold); } }
        @keyframes gs-pulse { 0% { transform: scale(1); } 50% { transform: scale(1.06); } 100% { transform: scale(1); } }
        
        canvas { position: absolute; inset: 0; z-index: 2; touch-action: none; transition: opacity 0.5s; cursor: crosshair; }
        #gs-claim-area { display: none; margin-top: 25px; animation: gs-slide-up 0.5s forwards; }
    </style>


<div id="gs-cny-2026-root">
    <div class="gs-fullscreen-bg"></div>
    
    <div class="gs-bg-carousel">
        <div class="gs-carousel-wrap" id="gs-carousel"></div>
    </div>

    <div class="gs-main-stage">
        <h1 class="gs-title">新年呱呱樂</h1>
        <p style="color: #ddd; margin-bottom: 25px; font-weight: bold;">每日限刮一次｜好運龍總來</p>
        <div class="gs-scratch-box">
            <div class="gs-prize-layer">
                <div style="color: var(--gold); font-size: 13px; margin-bottom: 5px; font-weight: bold;">恭喜獲得獎項</div>
                <div id="res-prize" class="gs-prize-main">---</div>
                <div id="res-sn" class="gs-sn-tag">ID: --</div>
            </div>
            <canvas id="gs-cvs"></canvas>
        </div>
        <div id="gs-claim-area">
            <p style="color:#eee; font-size:14px; margin-bottom: 15px;">任務達成！請<span style="color:var(--gold)">截圖此畫面</span>提交核驗</p>
            <a href="https://lin.ee/CRQU8rt" class="gs-btn-submit">領取獎勵</a>
        </div>
    </div>
</div>

<script>
(function() {
    const GAS_URL = 'https://script.google.com/macros/s/AKfycby21ssz7E_OSWiX7Pbx1w1k89AI272ys4HPHissQGQEOD04xquCUnWkXGXWku-V1u1EFg/exec'; 
    const IMGS = ['https://i.ibb.co/JFGYVN4N/image.jpg', 'https://i.ibb.co/G4ZwXL4k/image.png', 'https://i.ibb.co/HD5Tk9p8/image.png', 'https://i.ibb.co/YGK46TS/image.png'];
    const PRIZES = [{ name: "888 日金", w: 85 }, { name: "2888 日金", w: 12 }, { name: "8888 日金", w: 3 }];
    
    const sfxScratch = new Audio('https://assets.mixkit.co/sfx/preview/mixkit-paper-slide-1530.mp3');
    const sfxWin = new Audio('https://assets.mixkit.co/sfx/preview/mixkit-winning-chimes-2015.mp3');

    function init() {
        const car = document.getElementById('gs-carousel');
        car.style.setProperty('--qty', IMGS.length);
        IMGS.forEach((src, i) => {
            const card = document.createElement('div');
            card.className = 'gs-3d-card';
            card.style.setProperty('--i', i);
            const img = new Image(); img.src = src;
            card.appendChild(img);
            car.appendChild(card);
        });

        const todayStr = new Date().toDateString();
        const saved = localStorage.getItem('gs_hd_v1');
        let data = saved ? JSON.parse(saved) : null;
        let pName = "", pSN = "";

        if (data && data.date === todayStr) {
            pName = data.prize; pSN = data.sn;
            document.getElementById('gs-cvs').style.display = 'none';
            document.getElementById('gs-claim-area').style.display = 'block';
        } else {
            let r = Math.random() * 100; let acc = 0;
            for (let p of PRIZES) { acc += p.w; if (r < acc) { pName = p.name; break; } }
            pSN = "SN" + Date.now() + "_" + Math.floor(Math.random() * 999);
        }

        document.getElementById('res-prize').innerText = pName;
        document.getElementById('res-sn').innerText = "ID: " + pSN;
        if (data && data.date === todayStr) return;

        const cvs = document.getElementById('gs-cvs');
        const ctx = cvs.getContext('2d', { willReadFrequently: true });
        const box = cvs.parentElement; const dpr = window.devicePixelRatio || 2; // 強制高倍率渲染
        
        cvs.width = box.clientWidth * dpr;
        cvs.height = box.clientHeight * dpr;
        ctx.scale(dpr, dpr);

        // 封面金屬感
        const grd = ctx.createLinearGradient(0, 0, box.clientWidth, box.clientHeight);
        grd.addColorStop(0, "#D4AF37"); grd.addColorStop(0.5, "#FFF8DC"); grd.addColorStop(1, "#AA8439");
        ctx.fillStyle = grd;
        ctx.fillRect(0, 0, box.clientWidth, box.clientHeight);
        
        ctx.font = "bold 22px sans-serif";
        ctx.fillStyle = "#5C4033";
        ctx.textAlign = "center";
        ctx.textBaseline = "middle";
        ctx.fillText("點擊開始刮獎", box.clientWidth / 2, box.clientHeight / 2);
        
        ctx.globalCompositeOperation = 'destination-out';

        let isDown = false, isDone = false;
        const scratch = (e) => {
            if (isDone) return; 
            const rect = cvs.getBoundingClientRect();
            const cx = (e.touches ? e.touches[0].clientX : e.clientX) - rect.left;
            const cy = (e.touches ? e.touches[0].clientY : e.clientY) - rect.top;
            
            ctx.beginPath();
            ctx.arc(cx, cy, 28, 0, Math.PI * 2);
            ctx.fill();
            
            if (sfxScratch.paused) sfxScratch.play().catch(()=>{});
        };

        const checkFinish = () => {
            if (isDone) return; 
            const pix = ctx.getImageData(0, 0, cvs.width, cvs.height).data;
            let cnt = 0; for (let i = 3; i < pix.length; i += 128) { if (pix[i] === 0) cnt++; }
            if (cnt / (pix.length / 4 / 128) > 0.4) {
                isDone = true; 
                sfxWin.play().catch(()=>{});
                cvs.style.opacity = 0;
                setTimeout(() => {
                    cvs.style.display = 'none'; 
                    document.getElementById('gs-claim-area').style.display = 'block';
                    localStorage.setItem('gs_hd_v1', JSON.stringify({date: todayStr, prize: pName, sn: pSN}));
                    
                    fetch(GAS_URL, {
                        method: 'POST',
                        mode: 'no-cors',
                        headers: { 'Content-Type': 'text/plain' },
                        body: JSON.stringify({ deviceId: navigator.userAgent, prize: pName, sn: pSN })
                    });
                }, 500);
            }
        };

        cvs.addEventListener('mousedown', () => isDown = true);
        window.addEventListener('mousemove', (e) => isDown && scratch(e));
        window.addEventListener('mouseup', () => { isDown = false; checkFinish(); });
        cvs.addEventListener('touchstart', (e) => { isDown = true; scratch(e); }, {passive:false});
        cvs.addEventListener('touchmove', (e) => { e.preventDefault(); scratch(e); }, {passive:false});
        cvs.addEventListener('touchend', () => { isDown = false; checkFinish(); });
    }
    init();
})();
</script>

</div>

蓋厚勝

蓋厚勝 - 新年刮刮樂