Na→光生活實驗所｜響應式網站原型

開始使用
直接開啟 index.html 即可，無須安裝套件。保持所有檔案與 assets 資料夾相對位置不變。
若要部署到一般靜態網站服務，將此資料夾的全部內容上傳至網站根目錄即可。沒有建置步驟。

內容依據
原始文件：拿到光生活實驗所_網站架構說明.docx。
保留四個核心分類、首頁最近正在發生什麼、關於我們、活動日期／時間／費用／名額／報名方式與聯絡我們。
品牌統一改為 Na→光，以文字識別呈現。

替換清單
1. content.js：四大分類文字、生活紀錄、活動資訊（日期、時間、費用、總名額、地點、參加方式與規則）。
2. assets/coast.jpg、reading.jpg、making.jpg：換成自己的空間與生活照片；同時更新 index.html、content.js 內的替代文字。
3. index.html：首頁文案、光頭／NANA 介紹、實際地址、開放時間、Email、Instagram 與 LINE。
4. 確認內容後移除「示範」標示；只有真實功能接好時，才可移除表單預覽提醒。

互動與限制
分類按鈕可篩選活動；四個生活分類連結會切換對應活動。
生活紀錄與活動詳細資訊以可關閉對話視窗呈現；支援 Escape 與鍵盤焦點返回。
報名預覽包含必填、Email 格式與確認勾選驗證。
此為純前端原型：不寄信、不儲存個資、不付款、不扣名額，不會完成真實報名。
正式使用：將報名動作接至你確認的表單網址或後端，再補上資料使用說明、報名確認與退款規則。
聯絡區只提供訊息複製；若瀏覽器限制剪貼簿權限，會選取文字供手動複製。

影像授權（均為示意照片，不代表真實活動或場地）
Maggie Hung / Unsplash — 花蓮海岸
https://unsplash.com/photos/i_yelLbLi6E
Melody Zimmerman / Unsplash — 閱讀與茶
https://unsplash.com/photos/uGeC7ozHjL0
DDP / Unsplash — 手作揉麵
https://unsplash.com/photos/5CRzqqWzEKQ
授權：https://unsplash.com/license
圖片已隨附，網站不依賴遠端圖片、字型、框架或追蹤服務。