Update script.js

script.js

@@ -35,11 +35,40 @@ document.addEventListener('DOMContentLoaded', () => {
             }
         });
     }, {
-        rootMargin: '-50% 0px -50% 0px' // 觸發區域設定在螢幕正中央
+        rootMargin: '-50% 0px -50% 0px'
     });
     sections.forEach(section => {
         if(section.id) {
            navObserver.observe(section);
         }
     });
+
+    // --- ★★★★★ 新增：點擊放大 (Lightbox) 功能 ★★★★★ ---
+    const lightboxTriggers = document.querySelectorAll('.lightbox-trigger');
+    
+    lightboxTriggers.forEach(trigger => {
+        trigger.addEventListener('click', function(e) {
+            e.preventDefault(); // 防止連結跳轉
+            
+            const imageUrl = this.getAttribute('href');
+            
+            // 創建燈箱
+            const lightbox = document.createElement('div');
+            lightbox.classList.add('lightbox');
+            
+            const lightboxContent = document.createElement('img');
+            lightboxContent.src = imageUrl;
+            
+            lightbox.appendChild(lightboxContent);
+            document.body.appendChild(lightbox);
+            
+            // 點擊燈箱關閉
+            lightbox.addEventListener('click', () => {
+                lightbox.classList.add('closing');
+                setTimeout(() => {
+                    document.body.removeChild(lightbox);
+                }, 300); // 等待動畫結束後移除
+            });
+        });
+    });
 });