/* 恆亮數位 Pixwave 風格全站腳本（放 __footer__）：進場、頁首 Logo 變色、計數器、卡片內動畫、輪播、FAQ */ (function () { var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; var hasIO = 'IntersectionObserver' in window; // 勾勾依序彈出：同一個區塊內照出現順序，每個隔 0.16 秒（她 2026-09-25：全站） function tickDelays(root) { Array.prototype.forEach.call(root.querySelectorAll('.pw-tick'), function (t, i) { t.style.transitionDelay = (0.25 + i * 0.16) + 's'; }); } // 進場 var nodes = Array.prototype.slice.call(document.querySelectorAll('[data-reveal]')); function reveal(n) { if (n.classList.contains('is-in')) return; tickDelays(n); n.classList.add('is-in'); } // 掃描：凡是「頂端已經進到畫面內或已經捲過去」的區塊一律進場。IntersectionObserver 只抓有「經過」畫面的區塊， // 重新整理時瀏覽器直接跳回原本位置、或按錨點跳頁，上面那些區塊沒經過畫面就永遠不會進場（她 2026-09-25 回報圖片不見就是這個） function sweep() { nodes.forEach(function (n) { if (!n.classList.contains('is-in') && n.getBoundingClientRect().top < window.innerHeight * 0.92) reveal(n); }); } if (!hasIO || reduce) nodes.forEach(function (n) { n.classList.add('is-in'); }); else { var io = new IntersectionObserver(function (es) { es.forEach(function (e) { if (e.isIntersecting) { reveal(e.target); io.unobserve(e.target); } }); }, { rootMargin: '0px 0px -12% 0px', threshold: 0.04 }); nodes.forEach(function (n) { io.observe(n); }); var ticking = false; window.addEventListener('scroll', function () { if (ticking) return; ticking = true; requestAnimationFrame(function () { ticking = false; sweep(); }); }, { passive: true }); window.addEventListener('resize', sweep); window.addEventListener('load', function () { setTimeout(sweep, 50); }); window.addEventListener('pageshow', sweep); setTimeout(sweep, 300); setTimeout(sweep, 1200); setTimeout(sweep, 2500); } // 手機選單 var burger = document.querySelector('.pw-burger'), mnav = document.querySelector('.pw-mnav'); if (burger && mnav) { burger.addEventListener('click', function () { var open = !mnav.classList.contains('is-open'); mnav.classList.toggle('is-open', open); burger.setAttribute('aria-expanded', open ? 'true' : 'false'); }); mnav.querySelectorAll('a').forEach(function (a) { a.addEventListener('click', function () { mnav.classList.remove('is-open'); burger.setAttribute('aria-expanded', 'false'); }); }); } // 固定頁首：量頁首高度撐開 body，捲動後 Logo 黑→橘 var h = document.querySelector('.pw-header') || document.querySelector('header'); if (h) { var pad = function () { document.body.style.paddingTop = h.offsetHeight + 'px'; }; pad(); window.addEventListener('resize', pad); window.addEventListener('load', pad); setTimeout(pad, 800); var on = false; var upd = function () { var s = (window.scrollY || 0) > 40; if (s !== on) { on = s; h.classList.toggle('is-scrolled', s); } }; window.addEventListener('scroll', upd, { passive: true }); upd(); } // 頁尾年份自動更新 document.querySelectorAll('.pw-year').forEach(function (y) { y.textContent = String(new Date().getFullYear()); }); // 打字效果：打完停一下、刪掉、再打一次 document.querySelectorAll('[data-typing]').forEach(function (el) { var full = el.getAttribute('data-typing'); if (reduce || !full) return; var i = full.length, dir = -1; var save = el.closest('[data-anim], .pw-root') && document.querySelector('.pw-save'), saveText = save && save.querySelector('.pw-save-text'); var EN = /^\/en(\/|$)/.test(location.pathname); // 英文頁用英文字（她 2026-09-29：英文版仍出現「儲存中」） function saved(on) { if (!save) return; save.classList.toggle('is-saved', on); if (saveText) saveText.textContent = on ? (EN ? 'Saved' : '已儲存') : (EN ? 'Saving' : '儲存中'); } function step() { i += dir; el.textContent = full.slice(0, i); var wait = dir > 0 ? 110 : 55; if (i >= full.length) { dir = -1; wait = 2600; saved(true); setTimeout(function () { saved(false); }, 1500); } else if (i <= 0) { dir = 1; wait = 600; } setTimeout(step, wait); } setTimeout(step, 2200); }); // 計數器與卡片內動畫 var counters = Array.prototype.slice.call(document.querySelectorAll('[data-count]')); var anims = Array.prototype.slice.call(document.querySelectorAll('[data-anim]')); function runCount(t) { var to = parseFloat(t.getAttribute('data-count')); if (reduce) { t.textContent = String(to); return; } var t0 = performance.now(); (function tick(now) { var p = Math.min(1, (now - t0) / 1400), e = 1 - Math.pow(1 - p, 3); t.textContent = String(Math.round(to * e)); if (p < 1) requestAnimationFrame(tick); })(t0); } function play(t) { t.querySelectorAll('[style*="animation"]').forEach(function (n) { n.style.animationPlayState = 'running'; }); } var fired = []; function fire(t) { if (fired.indexOf(t) >= 0) return; fired.push(t); t.hasAttribute('data-count') ? runCount(t) : play(t); } // 同樣的掃描（重新整理跳回中段、錨點跳頁時，上面的計數器與卡片內動畫也要補播） function sweepAnims() { counters.concat(anims).forEach(function (t) { if (fired.indexOf(t) < 0 && t.getBoundingClientRect().top < window.innerHeight * 0.9) fire(t); }); } if (hasIO) { var cio = new IntersectionObserver(function (es) { es.forEach(function (e) { if (!e.isIntersecting) return; cio.unobserve(e.target); fire(e.target); }); }, { threshold: 0.25 }); counters.concat(anims).forEach(function (n) { cio.observe(n); }); var ticking2 = false; window.addEventListener('scroll', function () { if (ticking2) return; ticking2 = true; requestAnimationFrame(function () { ticking2 = false; sweepAnims(); }); }, { passive: true }); setTimeout(sweepAnims, 400); setTimeout(sweepAnims, 2500); } else { counters.forEach(runCount); anims.forEach(play); } setTimeout(function () { counters.forEach(function (t) { if (t.textContent === '0' && t.getBoundingClientRect().top < window.innerHeight) t.textContent = t.getAttribute('data-count'); }); }, 4000); // 作品輪播（事件委派，畫面重新渲染也不會失效） var idx = 0; function renderWorks() { var works = document.getElementById('works'); if (!works) return; var cards = Array.prototype.slice.call(works.querySelectorAll('a[href][target="_blank"]')); var dots = Array.prototype.slice.call(works.querySelectorAll('.pw-dot')); var n = cards.length; if (!n) return; idx = ((idx % n) + n) % n; var half = Math.floor(n / 2); var step = Math.min(470, Math.max(240, window.innerWidth * 0.33)); cards.forEach(function (c, k) { var off = k - idx; if (off > half) off -= n; if (off < -half) off += n; var a = Math.abs(off); c.style.transform = 'translateX(' + (off * step) + 'px) scale(' + (a === 0 ? 1 : 0.8) + ')'; c.style.opacity = a === 0 ? 1 : (a === 1 ? 0.55 : 0); c.style.zIndex = 20 - a * 5; c.style.pointerEvents = a === 0 ? 'auto' : 'none'; }); dots.forEach(function (d, k) { d.style.width = k === idx ? '30px' : '8px'; d.style.background = k === idx ? '#F0AC26' : '#D8D8D8'; }); } document.addEventListener('click', function (e) { var t = e.target.closest && e.target.closest('.pw-prev, .pw-next, .pw-dot, .pw-faq-btn, .pw-vprev, .pw-vnext'); if (!t) return; if (t.classList.contains('pw-prev')) { idx -= 1; renderWorks(); } else if (t.classList.contains('pw-next')) { idx += 1; renderWorks(); } else if (t.classList.contains('pw-dot')) { idx = Array.prototype.indexOf.call(t.parentNode.querySelectorAll('.pw-dot'), t); renderWorks(); } else if (t.classList.contains('pw-faq-btn')) { var panel = t.nextElementSibling, open = panel.style.maxHeight !== '0px'; document.querySelectorAll('.pw-faq-btn').forEach(function (b) { b.nextElementSibling.style.maxHeight = '0px'; var bar = b.querySelector('span:last-child > span:last-child'); if (bar) bar.style.transform = 'scaleY(1)'; }); if (!open) { panel.style.maxHeight = '400px'; var bar2 = t.querySelector('span:last-child > span:last-child'); if (bar2) bar2.style.transform = 'scaleY(0)'; } } else { var vs = document.querySelector('.pw-voices'); if (!vs) return; var c = vs.querySelector('figure'); var w = c ? c.getBoundingClientRect().width + 20 : 420; vs.scrollBy({ left: t.classList.contains('pw-vprev') ? -w : w, behavior: 'smooth' }); } }); window.addEventListener('resize', renderWorks); renderWorks(); setTimeout(renderWorks, 800); })(); /* 語言切換：連結帶著目前頁面路徑；目前語系的黑底是一塊會滑動的指示塊，按另一語系時先滑過去再換頁（她 2026-09-27） */ (function () { var groups = document.querySelectorAll('.pw-lang, .pw-mnav-lang'); if (!groups.length) return; var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; var m = location.pathname.match(/^\/(en|ja|ko)(?=\/|$)/); var cur = m ? m[1] : ''; var rest = m ? location.pathname.slice(m[0].length) : location.pathname; if (rest === '') rest = '/'; groups.forEach(function (g) { var links = Array.prototype.slice.call(g.querySelectorAll('a[data-lang]')); if (!links.length) return; var desk = g.classList.contains('pw-lang'); var slider = document.createElement('span'); slider.className = 'pw-lang-slider'; g.insertBefore(slider, g.firstChild); var active = links.filter(function (a) { return a.getAttribute('data-lang') === cur; })[0] || links[0]; function paint() { links.forEach(function (a) { var on = a === active; if (desk) { a.style.background = 'transparent'; a.style.color = on ? '#FFFFFF' : '#575757'; } if (on) a.setAttribute('aria-current', 'true'); else a.removeAttribute('aria-current'); }); } function place(anim) { if (!anim) slider.style.transition = 'none'; slider.style.width = active.offsetWidth + 'px'; slider.style.height = active.offsetHeight + 'px'; slider.style.top = active.offsetTop + 'px'; slider.style.transform = 'translateX(' + active.offsetLeft + 'px)'; if (!anim) { void slider.offsetWidth; slider.style.transition = ''; } } links.forEach(function (a) { var c = a.getAttribute('data-lang'); a.setAttribute('href', (c ? '/' + c : '') + rest + location.search + location.hash); a.addEventListener('click', function (e) { if (a === active || reduce) return; e.preventDefault(); var href = a.getAttribute('href'); active = a; paint(); place(true); setTimeout(function () { location.href = href; }, 360); }); }); paint(); place(false); if ('ResizeObserver' in window) new ResizeObserver(function () { place(false); }).observe(g); // 手機選單打開時才量得到尺寸 window.addEventListener('resize', function () { place(false); }); if (document.fonts && document.fonts.ready) document.fonts.ready.then(function () { place(false); }); }); })(); /* 文章分享列（模板只給 X／Facebook／LINE）：依台灣使用習慣重排成 LINE、Facebook、LinkedIn（X 拿掉），再加「複製連結」（她 2026-09-25 要的） */ (function () { var box = document.querySelector('[data-article-share]'); if (!box) return; var links = Array.prototype.slice.call(box.querySelectorAll('a')); if (!links.length) return; var url = location.origin + location.pathname, title = document.title.replace(/｜恆亮數位$/, ''); function find(k) { return links.filter(function (a) { return a.href.indexOf(k) >= 0; })[0]; } var line = find('line.me'), fb = find('facebook.com'), x = find('twitter.com') || find('x.com'); var mk = function (label, href) { var a = links[0].cloneNode(false); a.textContent = label; if (href) { a.href = href; } else { a.removeAttribute('href'); a.removeAttribute('target'); a.removeAttribute('rel'); a.style.cursor = 'pointer'; } return a; }; var li = mk('LinkedIn', 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent(url)); var cp = mk('複製連結', null); cp.addEventListener('click', function () { var done = function () { var t = cp.textContent; cp.textContent = '已複製 ✓'; cp.style.background = '#F0AC26'; cp.style.borderColor = '#F0AC26'; setTimeout(function () { cp.textContent = t; cp.style.background = ''; cp.style.borderColor = ''; }, 1600); }; if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(url).then(done, function () { window.prompt('複製這個連結：', url); }); else window.prompt('複製這個連結：', url); }); links.forEach(function (a) { a.remove(); }); if (x) x.remove(); // 台灣使用率低，她 2026-09-25 決定拿掉 [line, fb, li, cp].forEach(function (a) { if (a) box.appendChild(a); }); })(); /* 知識文章列表：卡片揭示進場（動態元件，用 MutationObserver 等卡片長出來）＋分類篩選（她 2026-09-25） */ (function () { var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; var cats = window.__pwArtCats || null; function cards() { return Array.prototype.slice.call(document.querySelectorAll('.pw-artlist > a[href*="/blog/"]')); } var seen = []; var cio = ('IntersectionObserver' in window) && !reduce ? new IntersectionObserver(function (es) { es.forEach(function (e) { if (!e.isIntersecting) return; cio.unobserve(e.target); var vis = cards().filter(function (c) { return c.style.display !== 'none'; }); var i = vis.indexOf(e.target); e.target.style.transitionDelay = (Math.max(0, i % 3) * 0.15) + 's'; e.target.classList.add('is-in'); }); }, { rootMargin: '0px 0px -8% 0px', threshold: 0.05 }) : null; function arm() { cards().forEach(function (c) { if (seen.indexOf(c) >= 0) return; seen.push(c); if (cio) cio.observe(c); else c.classList.add('is-in'); }); } arm(); if ('MutationObserver' in window) new MutationObserver(arm).observe(document.body, { childList: true, subtree: true }); function sweepCards() { cards().forEach(function (c) { if (!c.classList.contains('is-in') && c.getBoundingClientRect().top < window.innerHeight * 0.95) c.classList.add('is-in'); }); } var tk = false; window.addEventListener('scroll', function () { if (tk) return; tk = true; requestAnimationFrame(function () { tk = false; sweepCards(); }); }, { passive: true }); setTimeout(sweepCards, 400); setTimeout(sweepCards, 2500); // 分類篩選 document.addEventListener('click', function (e) { var b = e.target.closest && e.target.closest('.pw-bfilter'); if (!b || !cats) return; var cat = b.getAttribute('data-cat'); document.querySelectorAll('.pw-bfilter').forEach(function (x) { var on = x === b; x.setAttribute('aria-pressed', on ? 'true' : 'false'); x.style.background = on ? '#1A1A18' : '#FFFFFF'; x.style.color = on ? '#FFFFFF' : '#575757'; }); cards().forEach(function (c) { var slug = (c.getAttribute('href') || '').split('/blog/')[1] || ''; slug = slug.replace(/[\/?#].*$/, ''); var show = cat === '全部' || cats[slug] === cat; c.style.display = show ? '' : 'none'; if (show) c.classList.add('is-in'); }); }); })(); /* 英文頁（/en/…）：頁首頁尾是系統版型，Zenbu 不支援翻譯，這裡用字典換字（她 2026-09-26；主要選單／CTA／頁尾／分頁標題） */ (function () { if (!/^\/en(\/|$)/.test(location.pathname)) return; var D = { '關於恆亮': 'About', '關於我們': 'About Us', '團隊夥伴': 'Team', '推廣大使': 'Ambassadors', '網站架設': 'Websites', '診所網站': 'Clinic Websites', '作品案例': 'Portfolio', '全部案例': 'All Projects', '搜尋成果': 'Search Results', '知識文章': 'Articles', '預約諮詢': 'Book a Call', '首頁': 'Home', '主要頁面': 'Pages', '服務項目': 'Services', '聯絡我們': 'Contact', 'AI 網站架設': 'AI Website Design', '主機代管': 'Hosting', '舊站翻新': 'Website Redesign', '品牌規劃': 'Brand Planning', '諮詢表單': 'Consultation Form', '恆亮數位行銷': 'Bright Forever Digital', '開啟選單': 'Open menu', 'Bright Forever　讓品牌，持續發光': 'Build something that lasts. Make it bright. Keep it going.', '恆亮數位協助中小企業、協會與診所規劃並建置 AI 網站。從品牌定位、網站架構到上線後的維護，一次做好': 'Bright Forever Digital plans and builds AI-ready websites for small businesses, associations and clinics. From brand positioning and site structure to post-launch maintenance, done right the first time.' }; var T = { '/en': 'Bright Forever Digital | AI Web Consultants · Websites · Booking · AI Support', '/en/about': 'About Us | AI Web Consultants | Bright Forever Digital', '/en/ai-website': 'AI Website Design | Bright Forever Digital', '/en/clinic-website': 'Clinic Website Design | Bright Forever Digital', '/en/portfolio': 'Portfolio | Bright Forever Digital', '/en/blog': 'Articles | Bright Forever Digital', '/en/consult': 'Book a Call | Bright Forever Digital' }; function swap(root) { var w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT); var n; while ((n = w.nextNode())) { var k = n.nodeValue.trim(); if (D[k]) n.nodeValue = n.nodeValue.replace(k, D[k]); } root.querySelectorAll('[aria-label]').forEach(function (e) { var k = e.getAttribute('aria-label'); if (D[k]) e.setAttribute('aria-label', D[k]); }); } var h = document.querySelector('.pw-header'), f = document.querySelector('footer'); if (h) swap(h); if (f) swap(f); // 內部連結一律留在英文版（她 2026-09-27：從英文頁換頁不能跳回中文）；語言切換鈕（data-lang）、檔案、外部連結除外 function enLinks() { document.querySelectorAll('a[href^="/"]:not([data-lang])').forEach(function (a) { var h = a.getAttribute('href'); if (h.indexOf('//') === 0 || /^\/(en|ja|ko)(?=[\/#?]|$)/.test(h) || /^\/(assets|uploads|api)\//.test(h) || /\.[a-z0-9]{2,5}(?=[#?]|$)/i.test(h)) return; a.setAttribute('href', '/en' + h.replace(/^\/(?=[#?]|$)/, '')); }); } enLinks(); // 諮詢表單是後台的 Form 元件（欄位沒有語系欄位），英文頁用字典換標籤／選項／按鈕；送到後台的值仍是中文，方便她看 var FD = { '需要的網站類型（可複選）': 'Type of website (select all that apply)', '部落格': 'Blog', '形象網站': 'Brand website', '購物車': 'Online store', '線上課程': 'Online courses', '預約系統': 'Booking system', '其他': 'Other', '其他，請填寫': 'Other, please specify', '這次的需求比較接近': 'Which best describes your need?', '還沒有網站，想從零開始做一個': 'No website yet, starting from scratch', '已經有網站，想整個重新做': 'Have a website, want a full rebuild', '已經有網站，想另外做一個獨立的活動頁或功能站': 'Have a website, need a separate event page or feature site', '只需要主機代管或維護（含 WordPress 網站搬家）': 'Only need hosting or maintenance (incl. WordPress migration)', '現有網站的網址（有的話）': 'Current website URL (if any)', '有喜歡或想參考的網站，貼在這裡（可以貼好幾個，一行一個）': 'Websites you like or want to reference (one per line)', '想做什麼、有什麼特別需求，簡單說一下就好': 'What do you want to build? Any special needs? A few words is fine.', '想做什麼、有什麼特別需求': 'What do you want to build? Any special needs?', '請輸入您想製作的網站內容，例如想販售什麼樣的服務或是產品，以及一些客製化的細節。如果您有其他想確認的事情，也可以填寫在這裡。': 'Tell us what the website is for, such as the services or products you sell, and any custom details. Anything else you would like to check can go here too.', '初步預算': 'Rough budget', '5 萬以下': 'Under NT$50,000', '5 到 10 萬': 'NT$50,000 to 100,000', '10 到 20 萬': 'NT$100,000 to 200,000', '20 萬以上': 'Over NT$200,000', '還沒有概念，想先了解': 'No idea yet, just exploring', '希望完成時間': 'Desired timeline', '一個月內': 'Within a month', '一到兩個月': '1 to 2 months', '兩到三個月': '2 to 3 months', '不急，先規劃': 'No rush, planning ahead', '公司／診所／單位名稱': 'Company / clinic / organization', '公司／客戶名稱': 'Company / client name', '聯絡人姓名': 'Contact name', '聯絡人': 'Contact name', '統一編號': 'Tax ID (optional)', 'LINE ID（我們會優先用 LINE 聯絡）': 'LINE ID (we contact you on LINE first)', '手機號碼': 'Mobile number', '統一編號（報價需要，沒有可以先空著）': 'Tax ID (for the quote; leave blank if none)', '社群連結（FB、IG、YouTube，建議填寫，讓我們先認識你的品牌）': 'Social links (FB, IG, YouTube) so we can get to know your brand.', '你是怎麼知道我們的': 'How did you hear about us?', '朋友或客戶介紹': 'Referral from a friend or client', 'Google 搜尋': 'Google search', 'Facebook／Instagram': 'Facebook / Instagram', '講座或課程': 'Talk or course', '推薦人姓名': "Referrer's name", '送出': 'Submit', '送出中…': 'Sending…', '已送出 ✓': 'Sent ✓', '已收到您的表單，我們將在兩個工作天內聯繫': 'We have received your form and will be in touch within two working days.', '感謝，我們已收到您的表單，會在 2 個工作天內與您聯繫。': 'Thank you. We have received your form and will be in touch within two working days.', '再寄一封': 'Send another', 'Website (請勿填寫)': 'Website (leave blank)' }; function swapForm() { var box = document.querySelector('.pw-form-box'); if (!box) return; var w = document.createTreeWalker(box, NodeFilter.SHOW_TEXT); var n; while ((n = w.nextNode())) { var k = n.nodeValue.trim().replace(/\*$/, ''); if (FD[k]) n.nodeValue = n.nodeValue.replace(k, FD[k]); } box.querySelectorAll('[placeholder]').forEach(function (e) { var k = e.getAttribute('placeholder'); if (FD[k]) e.setAttribute('placeholder', FD[k]); }); } swapForm(); if ('MutationObserver' in window) new MutationObserver(function () { swapForm(); enLinks(); }).observe(document.body, { childList: true, subtree: true, characterData: true }); // 文章列表卡片是動態長出來的，連結也要跟著改 // 系統版型頁（/en/portfolio、/en/blog）：主內容用嵌在頁尾的字典換字；h1 逐字動畫的字先併回再重拆 var L = window.__pwEnLists || {}; var A = { '本文目錄': 'Contents', '分享這篇': 'Share', '複製連結': 'Copy Link', '已複製 ✓': 'Copied ✓', '延伸閱讀': 'Related Articles', '文章準備中': 'Articles Coming Soon' }; function lookup(k) { k = k.trim(); if (L[k]) return L[k]; if (A[k]) return A[k]; var d = k.match(/^最後更新於 (.+)$/); if (d) return 'Last updated ' + d[1]; var r = k.match(/^約 (\d+) 分鐘閱讀$/); if (r) return 'About ' + r[1] + ' min read'; var m = k.match(/^(.*) 網站首頁截圖$/); if (m) return (L[m[1]] || m[1]) + ' website'; var m2 = k.match(/^(.*) 網站截圖$/); if (m2) return (L[m2[1]] || m2[1]) + ' website'; return null; } function rebuildH1(h1) { if (!h1.querySelector('.pw-ch')) return; var segs = [[]]; Array.prototype.forEach.call(h1.childNodes, function (n) { if (n.nodeName === 'BR') segs.push([]); else segs[segs.length - 1].push(n.textContent.replace(/\u00a0/g, ' ')); }); var lines = segs.map(function (s) { var k = s.join(''); var v = lookup(k); return v || k; }); var i = 0, html = lines.map(function (line) { return line.split(' ').map(function (word) { var w = ''; for (var c = 0; c < word.length; c++) { w += '' + word[c] + ''; } return '' + w + ''; }).join((function () { i++; return ' '; })()); }).join('
'); h1.innerHTML = html; } function swapMain() { var root = document.querySelector('[data-zb-page-content]') || document.body; root.querySelectorAll('h1').forEach(rebuildH1); var w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, { acceptNode: function (n) { return /[\u4e00-\u9fff]/.test(n.nodeValue) && !n.parentElement.closest('.pw-header, footer, script, style, .zb-article-body') ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; } }); var n, list = []; while ((n = w.nextNode())) list.push(n); list.forEach(function (n) { var v = lookup(n.nodeValue); if (v) n.nodeValue = n.nodeValue.replace(n.nodeValue.trim(), v); }); root.querySelectorAll('[alt], [aria-label], [placeholder]').forEach(function (e) { ['alt', 'aria-label', 'placeholder'].forEach(function (a) { var k = e.getAttribute(a); if (k && /[\u4e00-\u9fff]/.test(k)) { var v = lookup(k); if (v) e.setAttribute(a, v); } }); }); } swapMain(); (function () { var s = document.querySelector('[data-article-share]'); if (s) { var w = document.createTreeWalker(s, NodeFilter.SHOW_TEXT); var n; while ((n = w.nextNode())) { var v = lookup(n.nodeValue); if (v) n.nodeValue = v; } } })(); var p = location.pathname.replace(/\/$/, ''); if (T[p]) document.title = T[p]; else document.title = document.title.replace(/｜恆亮數位$/, ' | Bright Forever Digital'); document.documentElement.setAttribute('lang', 'en'); })(); /* 首頁作品輪播（手機是左右滑動）：小圓點跟著滑動位置同步、點圓點可跳到該張（她 2026-09-28） */ (function () { var track = document.querySelector('#works > div:nth-of-type(2)'); if (!track) return; var dots = Array.prototype.slice.call(document.querySelectorAll('#works .pw-dot')); if (!dots.length) return; var mq = window.matchMedia('(max-width: 1100px)'); function cards() { return Array.prototype.slice.call(track.querySelectorAll('a')); } function paint(i) { dots.forEach(function (d, k) { d.style.width = k === i ? '30px' : '8px'; d.style.background = k === i ? '#F0AC26' : '#E2E2E2'; }); } function current() { var cs = cards(); if (!cs.length) return 0; var mid = track.scrollLeft + track.clientWidth / 2, best = 0, bd = 1e9; cs.forEach(function (a, k) { var c = a.offsetLeft + a.offsetWidth / 2, d = Math.abs(c - mid); if (d < bd) { bd = d; best = k; } }); return best; } var t; track.addEventListener('scroll', function () { if (!mq.matches) return; clearTimeout(t); t = setTimeout(function () { paint(current()); }, 60); }, { passive: true }); dots.forEach(function (d, k) { d.addEventListener('click', function (e) { if (!mq.matches) return; e.stopImmediatePropagation(); var a = cards()[k]; if (a) track.scrollTo({ left: a.offsetLeft - (track.clientWidth - a.offsetWidth) / 2, behavior: 'smooth' }); }, true); }); if (mq.matches) paint(current()); })(); /* 桌機主選單：標出目前所在的頁面（跟 hover 同樣式；她 2026-09-28）。/en/… 先去掉語系前綴再比對；文章頁算「知識文章」 */ (function () { var path = location.pathname.replace(/^\/(en|ja|ko)(?=\/|$)/, '').replace(/\/$/, '') || '/'; var links = document.querySelectorAll('.pw-nav > a, .pw-navi > a'); if (!links.length) return; links.forEach(function (a) { var href = (a.getAttribute('href') || '').replace(/^\/(en|ja|ko)(?=\/|$)/, '').split('#')[0].replace(/\/$/, '') || '/'; if (href === '/') return; if (path === href || path.indexOf(href + '/') === 0) a.setAttribute('aria-current', 'page'); }); })();

Why Google can find your website but ChatGPT never recommends you

How are websites different in the AI era? SEO, AEO and GEO explained