鍔犺炒浜彈鍎儬锛?/title> <meta name="description" content="鍙扮仯鐝捐波闅卞瘑鍑鸿波锛屽姞 LINE 浜嗚В闄愭檪鍎儬銆?> <link rel="preconnect" href="https://connect.facebook.net" crossorigin> <link rel="preconnect" href="https://www.facebook.com" crossorigin>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1337412425119045'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1337412425119045&ev=PageView&noscript=1" /></noscript>  <style> *{box-sizing:border-box} html{background:#f5f6f8} body{margin:0;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",Arial,sans-serif} .page{max-width:520px;min-height:100vh;margin:0 auto;background:#fff;padding-bottom:96px} .hero{padding:14px 14px 0} .hero-frame{background:#f7f7f7;border-radius:8px;overflow:hidden} .hero img{display:block;width:100%;height:auto} .content{padding:18px 18px 24px} h1{margin:0 0 10px;font-size:25px;line-height:1.25;font-weight:800;letter-spacing:0} .desc{margin:0 0 16px;color:#374151;font-size:16px;line-height:1.75} .chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px} .chip{border:1px solid #fecaca;background:#fff1f2;color:#dc2626;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700} .plans{display:grid;gap:10px;margin:14px 0 18px} .plan{border:1px solid #e5e7eb;border-radius:8px;padding:13px;background:#fff} .plan strong{display:block;margin-bottom:4px;font-size:16px;line-height:1.4} .plan span{display:block;color:#6b7280;font-size:13px;line-height:1.5} .price{margin-top:8px;color:#dc2626;font-size:22px;font-weight:800} .notice{display:grid;gap:8px;margin-top:16px} .notice div{border:1px solid #edf0f3;background:#fafafa;border-radius:8px;padding:10px 12px;color:#374151;font-size:14px;line-height:1.5} .arrow{text-align:center;color:#ef4444;font-size:34px;font-weight:900;line-height:1;margin-top:16px} .hint{text-align:center;color:#dc2626;font-size:15px;font-weight:800;margin:4px 0 0} .sticky{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);border-top:1px solid #e5e7eb;padding:10px 12px;box-shadow:0 -8px 20px rgba(15,23,42,.08)} .sticky-inner{max-width:520px;margin:0 auto} .line-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border:0;border-radius:999px;background:#00c300;color:#fff;font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(0,195,0,.24)} .line-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;border-radius:50%;background:#fff;color:#00a800;font-size:12px;font-weight:900} </style> </head> <body> <main class="page"> <section class="hero"> <div class="hero-frame"> <img src="./assets/product.png" alt="鍔犺炒浜彈鍎儬"> </div> </section> <section class="content"> <h1>鍔犺炒浜彈鍎儬锛?/h1> <p class="desc">闊撳湅 VINIX 鑸屼笅鍙ｆ憾鐗囷紝榛戠鎶€鍔戝瀷蹇€熷惛鏀讹紝纭害鍗囩礆銆佹寔涔呮洿绌┿€傚彴鐏ｇ従璨ㄩ毐瀵嗗嚭璨紝鍔?LINE 闄愭檪浜姌鎵ｅ児銆?/p> <div class="chips"> <span class="chip">楂旈瑁?2 鐗?/span> <span class="chip">4 鐗囧叆闁€瑁?/span> <span class="chip">涓€鐩掕鎺ㄨ枽</span> </div> <div class="plans"> <div class="plan"> <strong>銆愰煋鍦?VINIX銆戦珨椹楄 2 鐗?/strong> <span>鏂板楂旈鍍癸紝鍔犱笅鏂?LINE 浜嗚В</span> <div class="price">NT$298</div> </div> <div class="plan"> <strong>銆愰煋鍦?VINIX銆? 鐗囧叆闁€瑁?/strong> <span>浜嬪墠 30 鍒嗛悩锛屽ぇ鍔涙帹钖?/span> <div class="price">NT$550</div> </div> <div class="plan"> <strong>銆愰煋鍦?VINIX銆戜竴鐩掕 10 鐗?/strong> <span>鍗囩礆鐗堢祫鍚堬紝闄愭檪鍎儬</span> <div class="price">NT$1200</div> </div> </div> <div class="notice"> <div>鍙扮仯鐝捐波锛岄毐瀵嗗寘瑁濆嚭璨ㄣ€?/div> <div>鍔?LINE 璜锛屽鏈嶅崝鍔╀簡瑙ｅ劒鎯犮€?/div> <div>娲诲嫊鍚嶉鏈夐檺锛屼粖鏃ュ姞璩撮牁鍙栨柟妗堛€?/div> </div> <div class="arrow">鈫?/div> <p class="hint">榛炴搳涓嬫柟鎸夐垥锛岀珛鍗宠瑭?/p> </section> </main> <div class="sticky"> <div class="sticky-inner"> <button class="line-btn" type="button" id="lineButton"><span class="line-dot">LINE</span>鍔犺炒璩艰卜</button> </div> </div> <script> (function(){ var pixelId = '1337412425119045'; var lineUrl = 'https://line.me/R/ti/p/~@867ftctr'; var button = document.getElementById('lineButton'); var debug = location.search.indexOf('pixel_debug=1') !== -1 || location.search.indexOf('test=1') !== -1; function eventId(prefix) { if (window.crypto && crypto.randomUUID) return prefix + '-' + crypto.randomUUID(); return prefix + '-' + Date.now() + '-' + Math.random().toString(36).slice(2); } function fallback(eventName) { var params = { id: pixelId, ev: eventName, dl: location.href, rl: document.referrer || '', if: 'false', noscript: '1', ts: String(Date.now()) }; var query = Object.keys(params).map(function(key){return encodeURIComponent(key)+'='+encodeURIComponent(params[key]);}).join('&'); var img = new Image(1,1); img.alt = ''; img.referrerPolicy = 'no-referrer-when-downgrade'; img.style.cssText = 'display:none;width:1px;height:1px'; img.src = 'https://www.facebook.com/tr/?' + query; document.body.appendChild(img); } function track(eventName, data) { try { if (typeof fbq === 'function') { fbq('track', eventName, data || {}, {eventID: eventId(eventName)}); } } catch (e) {} fallback(eventName); } setTimeout(function(){ fallback('PageView'); }, 900); if (debug) { setTimeout(function(){ track('ViewContent', {content_name:'Static Landing ViewContent', content_type:'product'}); }, 1600); setTimeout(function(){ track('Lead', {content_name:'Static Landing Lead'}); }, 2600); } button.addEventListener('click', function(){ track('Lead', { content_name: '鍔犺炒浜彈鍎儬', content_type: 'product', content_ids: ['site-53fa7bc7'], value: 580, currency: 'TWD' }); setTimeout(function(){ location.href = lineUrl; }, 450); }); })(); </script> </body> </html>