第一個月驗收資料（M1）：網站架構、慈雲視覺定稿與一頁式中繼頁

整理日期：2026-11-09
驗收項目出處：建置合約附件一《網站功能、頁面與五階段驗收清單》（2026/10/22）第 1–4 週
範圍依據：《開發範圍與功能驗收清單》（2026/10/27），對照與工作包見 ../../plan/18-驗收清單對照與規格重整計畫.md
網頁版：用瀏覽器開啟本資料夾的 index.html；文件或截圖更新後，在本資料夾執行 python -I _tools/build-site.py 重新產生。
線上版：https://m1check-ci-yun.ikeachen.de （不給搜尋引擎收錄，但知道網址的人都能看）。更新時先重新產生 index.html，再到 ci-yun 執行 pnpm exec wrangler deploy --config ../ci-yun-tracker/acceptance/M1/_deploy/wrangler.jsonc；只上傳 index.html 與截圖，md 原稿與 _tools 不上傳。
標記：✅ 可交付｜🟡 已彙整，但有 ⚠ 事項要先處理或等客戶確認｜❌ 尚未開始

1. 總表

2. 待處理事項

乙方可以先做

1. （建議，非必要）法會月曆的切換月份連結與月曆表格還是基本樣式，可再加強設計感；整理後用示意場次重拍（見 §3）。
2. ⚠ 補齊 M1-07 的討論出處：會議日期、與會者、LINE／會議紀錄截圖。
3. 中繼頁部署到正式網域 event-ci-yun.com.tw，補上線截圖（M1-11）；部署前先把 ci-yun-event 的 14 個提交推上 GitHub。
4. 把 M1-03 的雙品牌做法寫成 ADR-022（ci-yun repo 的 docs/adr.md），WP1 開工前完成。
5. 送簽前若又有部署，執行下方指令重拍截圖，並更新 M1-08 的版本編號。

需要客戶決定

1. ⚠ 豐水的廣告到達頁 /lp 與頁尾 Email 電子報訂閱是否納入：Memora 規劃有，10/27 清單沒列（M1-01 §3.5）。
2. ⚠ Google 綁定管理：附件一（10/22）寫不含，10/27 清單寫含綁定／解除；目前做法是可查看、可綁定，不提供解除（M1-02 §4）。
3. ⚠ 慈雲設計定稿簽認（M1-08）。
4. D3、D4、D5、D9：不影響 M1 交付，M3 驗收前要答覆（M1-02 §4）。

需要客戶提供

1. ⚠ 豐水的 LOGO、品牌色與設計方向、簡介文案、照片、地址、電話、LINE（目前都還沒確定）。
2. ⚠ 豐水網域與 DNS 權限（還沒確定）；正式後台網域。
3. ⚠ event-ci-yun.com.tw：目前 DNS 查不到，要確認網域已註冊並提供 DNS 管理權限；正式活動日期與主辦資料（M1-11）。
4. 正式照片與文案。不影響本次定稿，定稿確認單已註明照片以示意圖呈現。

3. 截圖

• 位置：screenshots/，共 30 張（28 張整頁、2 張導覽）。2026-11-10 擷取，當時 demo 是部署版本 5b652127（程式 6551879）。
• 示意資料：demo 原本沒有任何法會場次。拍攝前以臨時管理員帳號從後台建立 3 個示意場次（藥師佛聖誕祈福法會（11/08）、孟冬祈福超度法會（11/23）、阿彌陀佛聖誕祈福法會（12/25），綁定 P0001、P0003、P0004），拍完已刪除場次與帳號。法會月曆、法會詳細頁、首頁「近期法會」三處截圖中的場次都是示意資料。
• 規格：桌機寬 1440 px、手機寬 390 px，JPEG。擷取時關閉 Cookie 橫幅與蓋版廣告，並以「減少動態」模式顯示，讓捲動進場的內容一次全部出現。園區環境頁的 Google 地圖先單獨截圖，再嵌回整頁畫面。
• 每張截圖對應的網址與擷取時間：screenshots/_shots-log.txt。
• 中繼頁：screenshots/relay/1a/（手機 375、平板 768、桌機 1440 px 的整頁與首屏，加 404）與驗證紀錄 screenshots/relay/_verify-log.txt，由 ci-yun-event 的 pnpm verify:shots --base <網址> --out <資料夾> 產生。
• 重拍（在 Git Bash 執行，會覆蓋同名檔；第二個參數可只重拍部分頁面，例如 M1-06_0，nav 表示只拍導覽）：

cd "C:/Project/work/0.Other/ci-yun-tracker/acceptance/M1"
node _tools/shots.cjs screenshots            # 全部重拍，約 5 分鐘
node _tools/shots.cjs screenshots M1-06_0    # 只重拍活動／服務頁

腳本借用 ../ci-yun-e2e 安裝的 Playwright。

要再拍法會頁時，先建示意場次，拍完再刪除：

# 1. 在 ci-yun 建臨時管理員（密碼自訂、不要存檔）
cd ../../../ci-yun && E2E_ADMIN_USERNAME=m1-shots-tmp E2E_ADMIN_PASSWORD=<密碼> \n  pnpm exec tsx --conditions=react-server --env-file=.env.deploy.demo.local scripts/e2e/seed-admin.ts
# 2. 回到本資料夾建立場次、重拍、刪除場次、刪除帳號
M1_ADMIN_PASSWORD=<密碼> node _tools/demo-sessions.cjs create
node _tools/shots.cjs screenshots
M1_ADMIN_PASSWORD=<密碼> node _tools/demo-sessions.cjs delete
node _tools/demo-sessions.cjs drop-admin

M1-01 網站 Sitemap（慈雲寶塔 × 豐水寶塔）

版本：v0.2（2026-11-10）
驗收方式：提供慈雲與豐水站點架構及主要導覽層級文件。
依據：建置合約附件一（2026/10/22）第三節頁型、《開發範圍與功能驗收清單》（2026/10/27）§3.1、慈雲測試站現行導覽（程式版本 6551879）。

1. 站點總覽

2. 慈雲寶塔

2.1 頁首與主導覽

• 頁首由左到右：LOGO（回首頁）、主導覽 6 大分類、站內搜尋、購物車、會員中心、「預約參觀」按鈕。
• 桌機：滑鼠移到大分類時，頁首下方展開一條色帶，列出第二層子頁。截圖：screenshots/M1-01_nav-dropdown_desktop.jpg
• 手機：點選單鈕開啟全螢幕抽屜，大分類右側的「＋」展開第二層。截圖：screenshots/M1-01_nav-drawer_mobile.jpg
• 首頁沒有獨立的「首頁」導覽項目，點 LOGO 回首頁（沿用原站）。

首頁 /
├── 園區環境 /about
│   ├── 慈雲寶塔          /about#philosophy
│   ├── 順坤居            /about#history
│   ├── 園區導覽          /about#navigation
│   ├── 塔位型制          /niches ── 型制內頁 /niches/{型制}
│   └── 交通資訊          /about#traffic
├── 最新消息 /news ── 消息內頁 /news/{代稱}
│   ├── 最新消息｜公告訊息｜法會訊息｜關懷資訊   /news?type=…
│   └── 法會月曆          /ceremonies ── 法會詳細 /ceremonies/{場次}
├── 產品介紹 /products ── 商品內頁 /products/{代稱}
│   └── 商品分類（後台維護）/products/c/{分類}
│       目前分類：單次年度三大法會、整年度三大法會、三節精緻代拜組、
│                 代祭精品區、忌日對年代拜組、贈品區（請勿下單）
├── 慈善公益 /charity
│   ├── 愛心捐贈芳名錄    /charity#list
│   ├── 慈善活動          /charity#event
│   └── 活動相簿          /charity/albums ── 相簿 /charity/albums/{代稱}
├── 常見問題 /faq
│   ├── 常見問答          /faq#faq-heading
│   └── 聯絡資訊          /faq#contact-heading
└── 下載專區 /downloads
    └── 表單分類（後台維護）：切結書、變更轉讓書、其他

商品分類與下載分類由後台資料產生，後台新增或下架分類時導覽會跟著變。

2.2 不在主導覽的功能頁與流程頁

預約參觀        /booking          入口：頁首按鈕、右下懸浮鈕、首頁結尾區塊
聯絡我們        /contact          LINE 客服、服務專線、地址
站內搜尋        /search

購物流程        購物車 /cart
                → 結帳 /checkout（未登入先導入登入；填訂購人、收件、祭祀資料、法會場次）
                → 訂單付款 /checkout/payment/{訂單編號}（線下匯款資訊、綠界信用卡；
                  從綠界回來後在同一頁顯示付款成功／失敗）
                → 訂單成立說明 /checkout/complete/{訂單編號}

會員            登入 /member/login（手機驗證碼、Email、Google）
                註冊 /member/register、忘記密碼 /member/forgot-password、
                重設密碼 /member/reset-password、綁定手機 /member/bind-phone

會員中心        會員資料      /member/information（含 Google 綁定、電子報訂閱）
                訂單查詢      /member/orders ── 訂單詳細 /member/orders/{訂單編號}
                會員等級      /member/level
                常用祈福人    /member/prayers
                收件地址      /member/addresses
                我的收藏      /member/favorites
                我的優惠券    /member/coupons
                會員服務條款  /terms
                ERP 查詢      外部連結（後台設定網址後才顯示）

法務            隱私權保護聲明 /privacy、會員服務條款 /terms
其他            電子報退訂 /edm/unsubscribe（信件內連結進入）

2.3 全站共用區塊

• 頁尾：與主導覽相同的兩層網站地圖、服務專線、園區地址、電子信箱、服務時間、社群連結（Facebook、YouTube、LINE 官方帳號）、隱私權保護聲明、會員服務條款、Cookie 設定。
• 右下懸浮鈕：桌機為「LINE 客服」「預約參觀」；手機為「撥打專線」「LINE」「預約」三顆圓鈕。
• 首頁蓋版廣告：後台設定是否顯示與顯示頻率。
• 給搜尋引擎的檔案：/sitemap.xml、/robots.txt、/llms.txt。

3. 豐水寶塔

依據：C:\Project\work\0.Other\Memora-site\docs\planning\02-information-architecture.md（品牌官網規劃 v1.0；規劃當時的暫定品牌名是「順坤居」）與同資料夾的 prototype（首頁、塔位介紹、預約參觀）。
頁面與導覽照這份規劃；技術改用兩站共用的系統與後台（見 M1-03），與規劃不同或超出 10/27 範圍的地方列在 §3.5。
會員、商品與法會場次都和慈雲各自一份、不共用（2026-11-10 決定）。⚠ 豐水的網域、DNS、LOGO 與設計目前都還沒確定。

3.1 頁首與主導覽

• 頁首由左到右：LOGO（回首頁）、主導覽 6 大分類、站內搜尋、購物車、服務專線（寬螢幕顯示完整號碼）、「預約參觀」主按鈕。
• 桌機：頁首先透明疊在主視覺上，往下捲動後轉成霧面底；滑過大分類展開下拉子頁，也可用鍵盤操作，Esc 關閉。
• 手機：全螢幕抽屜、大字級、單層手風琴展開；底部常駐「撥打專線」「預約參觀」兩顆按鈕。
• 除首頁外全站顯示麵包屑。

3.2 站台地圖

首頁 /
├── 關於我們 /about
│   ├── 創辦人故事與在地深耕   /about/story
│   └── 慈雲寶塔集團背景       /about/group
├── 園區環境與地理優勢 /location
│   ├── 太極穴專頁             /location/taiji
│   └── 園區設施與導覽         /location/facilities
├── 塔位介紹 /niches ── 各塔位類型 /niches/{slug}
├── 服務與法會 /services
│   ├── 年度法會               /services/ceremonies ── 個別法會（含報名）/services/ceremonies/{slug}
│   ├── 代祭祀品               /services/offerings
│   └── 其他服務               /services/{slug}
├── 商店 /shop
│   ├── 商品分類               /shop/{category}
│   ├── 商品頁                 /shop/product/{slug}
│   └── 購物車 /cart → 結帳 /checkout → 付款結果 /checkout/result（含線下匯款資訊）
├── 會員專區 /account
│   ├── 訂單查詢               /account/orders
│   └── 定期定額管理           /account/subscriptions
├── 最新消息 /news ── /news/{slug}
├── 知識庫 /blog ── 文章 /blog/{slug}、主題分類 /blog/topic/{slug}
├── 常見問題 /faq
├── 客戶好評 /reviews
├── 交通與聯絡 /contact
├── 預約現場參觀 /booking（主要轉換頁）
├── 廣告到達頁 /lp/{slug}（⚠ 見 §3.5）
├── 法務：隱私權政策 /legal/privacy、服務條款 /legal/terms、購買退費與定期定額約定 /legal/purchase-terms
└── 站內搜尋 /search；/sitemap.xml、/robots.txt

3.3 首頁區塊（建議排序，後台可調整順序與開關）

主視覺 → 信任數據條 → 地理特點與優勢 → 商品與塔位展示 → 品牌信任與歷史（創辦人故事）→ 客戶真實好評 → 服務方案與法會 → 最新消息與法會秩序 → 精選內容與知識庫 → 交通與聯絡 → 結尾轉換區（內嵌預約表單）。

3.4 全站共用區塊

• 頁尾四欄：LOGO 與品牌敘述、社群｜網站導覽｜服務與法會、商店｜聯絡資訊（地址、專線、營業時間）；底部列放版權、法律頁、合法立案編號。
• 常駐聯絡列：桌機在右緣直立，手機在底部，含電話、預約表單與 LINE（外連官方帳號）。
• 內嵌預約表單（姓名、電話、期望時段）：首頁結尾、/booking、塔位類型頁底部。

3.5 與 Memora 規劃不同的地方

定稿前要確認：

1. ⚠ 豐水的網域、DNS、LOGO 與設計（目前都還沒確定）。
2. ⚠ 廣告到達頁與頁尾 Email 訂閱是否納入（§3.5）。

導覽截圖

M1-02 頁型與功能對照

版本：v0.1（2026-11-09）
驗收方式：頁型清單能對照本附件功能與主要網站動線。
依據：建置合約附件一（2026/10/22）第一節「功能範圍」與第三節「網站頁型」；《開發範圍與功能驗收清單》（2026/10/27）§3.1；慈雲測試站 https://ci-yun.ikeachen.de （程式版本 6551879）。
現況標記：✅ 已完成並可在測試站操作｜🟡 部分完成或待決策｜❌ 未實作

1. 附件功能代號

附件一第一節的十項功能類別，下表以代號對照：

所有前台頁型都套用 F2（桌機、平板、手機版面）與 F9（Meta、Open Graph、Canonical、GA4／GTM），下表不重複列出。

2. 頁型清單

已上線但不列驗收的附加頁面

慈善公益（/charity、相簿）、下載專區（/downloads）、站內搜尋（/search）、會員等級、我的優惠券、常用祈福人、電子報退訂頁（/edm/unsubscribe）。沿用原站或附加提供，依合約不列入驗收。

3. 主要網站動線

A. 認識園區 → 預約參觀（F2、F3、F7）

首頁 → 園區環境 /about、塔位型制 /niches → 預約參觀 /booking（頁首按鈕、右下懸浮鈕、首頁結尾表單都可進入）→ 客服信箱與預約人各收到一封通知信 → 後台「預約參觀管理」處理。

B. 法會報名、代拜（F4、F5、F7）

最新消息的「法會訊息」或法會月曆 /ceremonies → 法會詳細 /ceremonies/{場次} → 報名商品 → 購物車 → 結帳（選法會場次、登錄祈福人）→ 付款 → 訂單完成信 → 後台的場次祈福人名冊。

C. 一般購買（F4、F5、F6）

產品介紹 /products（分類、檢索）→ 商品詳細（規格、加購、收藏）→ 購物車（優惠券）→ 結帳（未登入先導入登入、地址簿帶入）→ 訂單付款頁（綠界信用卡或線下匯款）→ 付款結果 → 會員中心訂單查詢。

D. 會員登入與會員中心（F6、F8）

登入（手機驗證碼、Email、Google）→ 第一次用 Google 登入時要先綁定手機 /member/bind-phone → 會員中心（會員資料、訂單、收件地址、我的收藏、ERP 查詢連結、電子報訂閱）。

E. 聯絡（F7）

任一頁右下的懸浮鈕（LINE 客服、預約參觀；手機另有撥打專線）→ 聯絡我們 /contact、常見問題 /faq。

4. 需要雙方確認的範圍差異

1. ⚠ Google 綁定管理的範圍，兩份文件寫法不同。 附件一（10/22）把「會員中心第三方帳號綁定、解除綁定及綁定狀態管理」列為不包含，M3-01 也註明不含；10/27 清單 §2.1 卻寫「會員中心可查看 Google 綁定狀態，執行綁定／解除綁定」。目前做法是可查看、可綁定，不提供解除（文件 18 D11）。需要雙方書面確認以哪一份為準。
2. ⚠ 知識庫要獨立頁型，還是沿用消息分類（D5）。
3. ⚠ 資料確認要不要獨立一步（D4）。
4. ⚠ 「登入後購物」的解讀（D3）：目前是可先加入購物車、結帳前導入登入，符合驗收條件「未登入購買先導入登入」。
5. ⚠ 「預約／訂購分類」的定義，以及各法會類型要填哪些祭祀欄位（D9）。

D3–D11 的完整說明與建議見 ci-yun-tracker/plan/18-驗收清單對照與規格重整計畫.md §5。

M1-03 共用系統架構說明（兩品牌共用後台與前台）

版本：v0.1 草案（2026-11-09）
驗收方式：提出兩品牌共用後台與前台架構說明。
狀態：§2 是已上線的現況。§3 是雙品牌的做法，D6（會員、商品各自一份）與 D7（綠界帳號）已於 2026-11-10 決定；豐水網域、LOGO 與設計尚未確定，不影響本架構。實作前會寫成 ADR-022。

1. 架構總覽

  訪客（慈雲網域）      訪客（豐水網域）      員工（後台網域）
         │                    │                     │
         └────────────────────┼─────────────────────┘
                              ▼
              Cloudflare（DNS、SSL、WAF、後台 Access）
                              ▼
            一個 Next.js 應用（部署在 Cloudflare Workers）
            ├─ 依主機名稱分流：前台／後台／媒體         ← 已上線
            ├─ 依主機名稱判斷品牌：慈雲／豐水           ← §3 提案，尚未實作
            ├─ 前台：兩品牌共用頁型，各自套用品牌設定與視覺
            ├─ 後台 /admin：一套，含品牌切換與篩選
            └─ 業務模組：內容｜商品｜會員｜訂單與金流｜法會｜EDM｜報表與匯出
                   │                  │                    │
            Neon PostgreSQL      Cloudflare R2          外部服務
            （共用資料庫）       （圖片與檔案）         綠界、三竹簡訊、Resend（Email）、
                                                        Google 登入、GTM／GA4

2. 現況（已上線）

目前只有慈雲一個品牌：品牌名稱、LOGO、聯絡資訊都綁在單一品牌的設定上，資料表也還沒有品牌欄位。

一頁式中繼頁不在這套共用系統裡：它是另一個小型站台（repo ci-yun-event，Cloudflare Worker event-ci-yun），用 Cloudflare D1 存文案、R2 存圖片，自帶簡易後台，活動結束後可直接下架，不影響主站。

3. 雙品牌做法（提案）

3.1 原則

同一套程式、同一個資料庫、同一個後台。兩品牌的差異放在「品牌設定」與「資料上的品牌標記」，不複製兩份程式；功能修正一次，兩站同時生效。

3.2 共用與各自獨立的部分

10/27 清單 §3.2 註明「共用系統能力不代表兩站外觀完全相同」：兩站共用元件與功能，色彩、版型與圖文各自設計。

3.3 品牌判斷

• 請求進來時依主機名稱判斷是哪個品牌，與現有的前台／後台／媒體判斷並列。
• 品牌設定集中在一處：名稱、LOGO、色彩、聯絡資訊、追蹤碼、寄件者、金流商店。
• 前台依品牌套用不同的設計 token 與版型；共用頁型的資料查詢一律帶品牌條件。
• 兩站的網址與導覽可以不同：豐水依 Memora-site 規劃使用 /location、/services、/shop、/account、/blog 等路徑（M1-01 §3），慈雲維持現有網址。proxy 依主機名稱把請求改寫到該品牌自己的路由，頁面元件、資料查詢與後台共用。

3.4 資料

• 內容類資料表（橫幅、消息、頁面區塊、FAQ、塔位型制等）加品牌欄位。
• 會員：兩站各自獨立、不共用（2026-11-10 決定）。會員資料表加品牌欄位，手機與 Email 改成「同一品牌內唯一」，同一支手機可以在兩站各註冊一個帳號。驗證碼登入、Google 綁定、收件地址、我的收藏、常用祈福人、優惠券、電子報訂閱都跟著會員分屬各品牌。
• 訂單屬於下單會員所在的品牌，後台依品牌篩選、匯出。
• 商品、商品分類與法會場次：兩站各自一份（2026-11-10 決定），資料表加品牌欄位，後台依目前品牌上架與管理；促銷活動與優惠券掛在商品與會員上，也跟著分屬各品牌。
• 舊會員移轉只匯入慈雲（豐水預設沒有舊會員，文件 18 D10）。

3.5 後台

• 一個後台網域。頁首加品牌切換，列表依目前品牌篩選，新增的資料預設帶目前品牌。
• 角色權限可再限定能管理的品牌，例如豐水人員只看得到豐水的資料。
• 會員管理、EDM 名單與 Excel 匯出只列目前品牌的會員。

3.6 金流（D7）

• 綠界設定（特店編號、HashKey、HashIV）依品牌讀取：預設各品牌一組，兩站也可以填同一組（2026-11-10 決定）。金鑰放在 Worker 的 secrets，不進資料庫。
• 訂單編號依品牌加前綴：慈雲現在是 CY，豐水另訂一個。共用同一個綠界帳號時，送給綠界的交易編號（訂單編號＋4 碼）才不會重複，綠界後台也看得出是哪一站的交易。
• 綠界的付款通知依訂單所屬品牌取對應的金鑰驗證；定期定額也依同樣規則取設定。

4. 尚未確定的事（不影響架構）

定稿後寫進 repo 的 docs/adr.md。下一個編號是 ADR-022：文件 18 原本預留給雙品牌的 ADR-021，已經用在「會員自助取消訂單」。

M1-04～M1-06 慈雲 UI 提案（首頁、形象內頁、活動／服務頁）

版本：v0.1（2026-11-09）
驗收方式：M1-04 提供慈雲首頁主視覺及主要模組設計提案；M1-05 提供形象／內容內頁之設計提案；M1-06 提供活動或服務頁之設計提案。
提案形式：可實際操作的網頁原型，網址 https://ci-yun.ikeachen.de （程式 6551879，Cloudflare 部署版本 5b652127，2026-11-09 23:40 上線）。
截圖：screenshots/，2026-11-10 擷取整頁畫面。桌機寬 1440 px，手機寬 390 px。

1. 共通的設計語言

依 2026-11-06 客戶回饋，參照天陵官網的排版手法改版，品牌色與裝飾語彙則用慈雲自己的（過程見 M1-07）。

2. M1-04 慈雲首頁

截圖：M1-04_01_home_desktop.jpg、M1-04_01_home_mobile.jpg

由上而下的主要模組：

1. 主視覺：「孝順的塔／慈雲寶塔・順坤居」，按鈕「預約現場參觀」「認識園區環境」。主視覺圖與文案可在後台「首頁區塊」更換。
2. 信任數據：35 年（民國 80 年設立至今）、3 場年度法會（新春、清明、中元）、第 2 座（順坤居為集團第二座寶塔）。
3. ABOUT CI-YUN 先看環境，再看位置：園區照片＋位置、交通、環境、產權四項特點。
4. NICHE TYPES 塔位型制：佛教塔區、一般塔區、天主教區，連到型制內頁與「比較所有型制」。
5. 產品介紹：左側深色分類清單、右側米白宣紙底的分類說明，以祥雲按鈕切換分類。
6. SERVICES 安奉之後，我們的照顧才開始：年度三大法會、代祭代拜服務、精選文章、諮詢與服務。
7. NEWS 即時掌握最新消息與法會：近期法會卡片（日期色塊、農曆、報名狀態）與後台勾選的首頁公告。截圖中的法會是示意場次。
8. VISIT US 看過現場，才知道合不合適：服務專線、地址、交通說明，右側直接填預約參觀表單。
9. 家屬好評區塊：後台有勾選精選好評時才顯示，目前測試站沒有資料所以不出現。
10. 蓋版廣告：後台設定是否顯示與顯示頻率。

3. M1-05 慈雲形象／內容內頁

4. M1-06 慈雲活動／服務頁

5. 送審前要處理的事

1. 法會場次是示意資料：demo 原本沒有場次，拍攝前從後台建立 3 個示意場次（藥師佛聖誕祈福法會 11/08、孟冬祈福超度法會 11/23、阿彌陀佛聖誕祈福法會 12/25），拍完已刪除。送審時請一併說明，客戶打開 demo 時月曆會是空的。
2. （建議，非必要）法會月曆的「上個月／下個月」連結與月曆表格還是基本樣式，比其他頁陽春，可再加強設計感。
3. 照片多為示意圖或原站圖檔：業主會依畫面需要提供正式照片（10/27 清單第七節前置條件），定稿確認單已註明。
4. 豐水的 UI 不在第一個月，屬 M3-10（豐水 UI 定稿）。

截圖

點圖片會在新分頁開啟整頁原圖。

M1-04 首頁

首頁

M1-05 形象／內容內頁

園區環境

塔位型制總覽

塔位型制內頁

最新消息

消息內頁

常見問題

慈善公益（附加）

M1-06 活動／服務頁

法會月曆

法會詳細

產品介紹

商品內頁

預約參觀

聯絡我們

M1-07 設計討論紀錄

版本：v0.1（2026-11-09）
驗收方式：提供主要設計方向與調整紀錄。
來源：配色提案頁、ci-yun repo 的提交紀錄、工作紀錄。
⚠ 會議日期、與會者、客戶回饋的出處（LINE、會議、Email）要補上，才是完整的討論紀錄。

1. 設計方向的演變

2. 調整紀錄

版本欄是 ci-yun repo 的提交編號；「後台」表示在後台更換內容，沒有改程式。

3. 目前定案的設計原則

1. 品牌色用 B 版松柏綠，古銅金點綴；不改用參考網站的藍色。
2. 參考天陵的排版手法，但避開它的招牌元素，改用慈雲自己的東方語彙（雲紋、宣紙等）。
3. 照片先用示意圖，業主再依版位提供正式照片。
4. 手機版另外設計，不用桌機等比縮小。

4. 待補

1. ⚠ 各次回饋的日期、與會者、確認方式（LINE、會議、Email），最好附上原始訊息截圖。
2. ⚠ 選定 B 版配色的日期與確認方式。

M1-08 慈雲設計定稿確認單（草稿）

驗收方式：提交雙方書面確認之 Prototype／設計檔版本。
⚠ 雙方簽認後才算完成。送簽前先處理 M1-04-06_慈雲UI提案.md §5 的事項；若送簽前又有部署，重新拍截圖並更新下方版本編號。

一、確認標的

二、確認範圍

三、確認事項說明

1. 本次確認版面配置、視覺風格、色彩與字體、互動方式。
2. 照片以示意圖或原站圖片呈現；正式照片由甲方提供後替換，不影響本次定稿。
3. 文案以現有內容呈現；正式文案以甲方提供的確認版本為準。法會月曆、法會詳細頁與首頁近期法會的場次為示意資料。
4. 定稿後新增的頁型或互動模式，依主合約變更程序另行約定（附件一第三節）。
5. 豐水前台的設計另行定稿（M3-10）。

四、簽認

甲方（締成）：___　日期：_______

乙方：___　日期：_______

M1-09～M1-11 一頁式中繼頁

版本：v0.2（2026-11-10）
中繼頁：順坤居 33 週年感恩回饋・嘉義一日遊（repo ci-yun-event，Cloudflare Worker event-ci-yun）
測試站：https://event-ci-yun.ikeachen.de （部署版本 a1615319，2026-11-07 18:27 上線，程式 a9d5ada）
正式網址：https://event-ci-yun.com.tw （⚠ 尚未部署）

M1-09 一頁式內容配置 ✅

驗收方式：確認中繼頁內容、導覽入口及雙品牌呈現方式。

內容（由上而下）

1. 首屏：活動主視覺「嘉義一日遊：朝聖祈福 × 山水美景 × 歐風城堡」，報名截止倒數（12/20）、每人 NT$500、全台限量 40 席與剩餘席位、立即報名、出發日 12/27（日）。
2. 引言：嘉義鄉親一起玩，順坤居一日遊。
3. 一日遊三大景點：北港朝天宮、順坤居、佐登妮絲城堡。
4. 一日遊行程安排。
5. 集合地點：嘉義火車站前站 08:20，附地圖導航。
6. 長輩們的真心回饋。
7. 感謝有您一路相伴。
8. 報名：剩餘席位、線上報名表單、服務專線。
9. 常見問題。
10. 頁尾：隱私權政策。

導覽入口

活動日期、價格、剩餘席位、路線、各區文案、圖片、聯絡與分享資訊都可在中繼頁自己的後台 /admin 修改。

雙品牌呈現方式

已確認（2026-11-10）：中繼頁只呈現順坤居的活動，不加豐水寶塔的入口。頁面上沒有慈雲寶塔或豐水寶塔的品牌名（網站名稱刻意不放品牌名，專案決策 D2）。

M1-10 一頁式測試驗收 ✅

驗收方式：中繼頁在主流桌機／手機尺寸正常顯示與操作。

2026-11-10 以專案內建的驗證工具對測試站檢查，三項都通過。完整紀錄見 screenshots/relay/_verify-log.txt。

⚠ 只用 Chromium 測過，沒有在 Safari（iPhone）實機上看過。

M1-11 一頁式正式上線 ❌

驗收方式：提供可正常存取的正式網址及上線截圖。

尚未部署。上線前要處理：

1. ⚠ 網域：2026-11-10 查詢 event-ci-yun.com.tw，DNS 回應「網域不存在」。要確認網域已經註冊，並把 DNS 交給 Cloudflare 管理，Worker 才能綁上正式網域。
2. 部署設定：wrangler.jsonc 加上正式網域；config/site.ts 的網址改成正式網址（分享連結與分享卡片會用到）；demo 改成 false，要讓搜尋引擎收錄時 indexable 也改成 true。
3. ⚠ 活動資料：專案 README 寫明「正式活動日期與主辦資料確認後才切換正式站」。
4. ⚠ 程式碼：ci-yun-event 本機比 GitHub 多 14 個提交，還沒推送（GitHub 停在 27b6313）。
5. 上線後：對正式網址跑 pnpm verify:deploy，截桌機與手機首屏，補進本文件。

中繼頁截圖

測試站 event-ci-yun.ikeachen.de，2026-11-10 擷取。驗證紀錄：_verify-log.txt

首屏

整頁

404