系統外觀設定
「系統外觀設定」統一管理前台 LIFF 各頁面的外觀（背景 / 文案 / 顏色 / 按鈕），存檔後即時套用到會員的手機端。目前包含兩個 sub-tab：
- 會員中心外觀 — 前台
/member頁的標題、背景、VIP 卡風格、主題色、按鈕可見性 - 推薦好友外觀 — 前台
/referral頁的背景、文案、卡片色、CTA 色、分享按鈕排序 / 顯隱、最近獎勵區塊
進入路徑
後台左側 系統外觀設定 group（獨立於「內容管理」）。
- 舊 URL
/dashboard/content/member-center已自動 redirect 到/dashboard/appearance/member-center，客戶舊書籤仍可用。
會員中心外觀
修改前台 /member 頁（LIFF 會員中心）：
| 區塊 | 說明 |
|---|---|
| 標題與頁尾 | 頁面標題、頁尾文字 |
| 背景 | 漸層 preset / 純色 / 上傳圖片（3 選 1） |
| VIP 卡風格 | 尊榮金 / 質感銀 / 夢幻紫 / 玫瑰粉 / 翡翠綠 5 款 |
| 主題色 | banner 邊框 / 強調提示色 |
| 推薦 banner | 底部「邀請好友拿好禮」橫幅開關 |
| 功能按鈕 | 核心 4 個（集點 / 票券 / 點數商城 / 邀請好友）+ 該租戶已啟用模組對應按鈕 |
右側即時預覽 mock 一支手機畫面，可看到「編輯 → 預覽」對應關係。存檔後至 /member 或叫客戶重整 LIFF 即可看到實際效果。
注意：「功能按鈕」只會列出該租戶已啟用的模組對應按鈕，未啟用的模組不會出現在選單。
推薦好友外觀
修改前台 /referral 頁（LIFF 推薦好友）：
背景與主題
- 漸層 preset：6 種內建配色（玫瑰粉紅 / 海洋藍紫 / 日落橘紅 / 翡翠青綠 / 金色年華 / 沉穩紫黑）
- 自訂漸層色：起始色 + 結束色 color picker
- 背景圖：上傳後將覆蓋漸層；若想改回漸層，點「移除背景圖」
文案
- 主標題（預設「推薦好友」，最多 20 字）
- 副標（預設「邀請朋友加入 ‧ 雙方都有禮」，最多 40 字）
卡片與按鈕顏色
| 欄位 | 影響位置 |
|---|---|
| 推薦碼區塊底色 | 顯示推薦碼 + QR + 戰績的白卡 |
| 主 CTA 按鈕色 | 「分享推薦連結」實心按鈕 / 推薦碼字色 / 進度條 |
| 任務區塊底色 | 階梯任務 / 分享方式 / 最近獎勵 三張卡片 |
| 成功推薦色 | 戰績「成功推薦 X 人」數字色 |
| 累積獎勵色 | 戰績「累積獎勵 X 點」數字色 |
分享方式
5 個分享按鈕可拖曳排序 + 開關顯隱：
| 按鈕 | 說明 |
|---|---|
| 分享推薦連結 | 排序第 1 的按鈕會用主 CTA 色實心；其他為描邊 |
| 分享抽獎活動 | 需搭配「推薦新會員（MGM）→ share_triggers.lottery」啟用 |
| 轉贈優惠券給朋友 | 需搭配 share_triggers.voucher_transfer 啟用 |
| 轉贈點數給朋友 | 需搭配 share_triggers.points_transfer 啟用 |
| 分享微網頁 | 需搭配 share_triggers.micro_page 啟用 |
雙層控制：這裡的顯隱只影響按鈕是否渲染；業務層的「哪些行為可以觸發 MGM 綁定」仍由「推薦新會員（MGM）→ share_triggers」控制。若停用 share_triggers.lottery 但這裡打開「分享抽獎活動」，前台仍會隱藏該按鈕。其他區塊
- 最近獲得的獎勵 toggle：控制前台是否顯示「最近獲得的獎勵」區塊（近 5 筆推薦成功紀錄）
常見情境
Q：客戶想把整頁改成企業配色（例：深藍金）？ A：至「推薦好友外觀 → 背景與主題」設漸層起始色 #1e3a8a + 結束色 #0f172a，主 CTA 色設 #f59e0b，成功推薦 / 累積獎勵色可設同色系。
Q：客戶只想要「分享推薦連結」一顆按鈕？ A：至「分享方式」把其他 4 個關掉；或至「推薦新會員（MGM）」關閉對應 share_triggers。
Q：客戶不想露戰績（隱藏成功推薦數字）？ A：目前戰績卡是必顯（會員自己看得到），只有「最近獲得的獎勵」區塊可 toggle。若要完全隱藏戰績卡請提需求。
Q：推薦獎勵（多少點 / 送票券 / tier）在哪設？ A：不在這裡。請至「行銷活動 → 推薦新會員（MGM）」。系統外觀設定只管顯示，不管發放邏輯。
部署 / 沉澱
- Backend endpoint：與「推薦新會員（MGM）」共用
PUT /api/settings/referral，寫入appearance子物件；LIFF 端透過GET /api/referral/public/:subdomain/appearance或tiers-progress讀取。 - 未設定 = LIFF 用 default fallback（rose/pink 漸層），與舊行為一致。
- 5 付費租戶既有 appearance = null，升級後外觀不變，無需資料 migration。