依美術交付之切版組成的可點擊流程，用於確認畫面、狀態分支與後端欄位對照。
每一個維度都會寫進網址，可以把特定狀態的連結直接寄給客戶或後端。
開啟後，手機框下方會列出這一頁會呼叫的端點與回應 JSON。 畫面上的卡片、標籤、活動期間都由這份 JSON 驅動，兩邊保證一致。欄位是前端提出的草案，待後端確認。
本模組沒有 PM 規劃編號，P／M 編號為示意包自訂。點選會一併套用該畫面所需的狀態組合。
流程：P01 列表 ──點搜尋框──▶ P02 搜尋 ──取消──▶ P01 列表
P01／P02 ──篩選標籤──▶ M01 篩選優惠 ──套用──▶ 條件列＋結果（0 筆 → 查無資料）
P01／P02 ──點卡片──▶ P03 詳情 ──掃描 QR Code 兌換──▶ M02 已使用優惠
P03 詳情 ──顯示數位市民卡證──▶ 卡證（模組外）
切版來源 pelin/official-promo/（P01・P02・查無資料・P03 兩種兌換方式）與
pelin/modal/modal-page.html（M01 篩選優惠・M02 已使用優惠）；
API 草案 docs/好康優惠/好康優惠_mockAPI.md（PR1 ～ PR4）。
內部備註與待確認事項見 promo-demo/README.md，該檔不隨客戶包寄出。