# A・市集型（參考 Airbnb 設計系統）

- 一句話：白底、照片優先的旅遊市集——導覽、藥丸搜尋列、圓角 14px 行程卡，UI 退到照片後面。
- 色彩對映：畫布純白；墨色 `#222`；唯一強調色取品牌橘調深成 `#C94A16`（白字對比 4.7:1），只用在搜尋按鈕、主要 CTA、字標、已成團標記與四大堅持圖示。
- 字型：拉丁與數字用 DM Sans（貼近 Cereal 的幾何人文感），中文 Noto Sans TC；標題 28px/700，內文 16px/1.7，行程卡標題 16px/600。
- 版面：主視覺用真實 campaign banner 做 32px 圓角輪播；搜尋列懸浮壓在主視覺下緣；熱門推薦 6 張 1:1；各國行程六分頁、桌機 4 欄、手機 2 欄；四大堅持用 1px 髮線卡。
- 取捨：Airbnb 式「小標題、靠照片撐」在中文長書名下略顯密，故行程卡描述限 3 行、手機版隱藏描述；已成團以卡片左上浮動徽章＋日期後綴同時標示。
- 搜尋與分類：搜尋列四個欄位（區域下拉、目的地、出發月份下拉、關鍵字）皆可用，送出後「各國行程」切成跨區結果模式（找到 N 筆＋條件摘要＋清除鈕，0 筆有空狀態）；分類 chips、頁尾與手機選單的區域連結會切到對應分頁；`?q=&region=&month=&dest=` 網址參數可直接開啟篩選結果（例如 `index.html?q=極光`）。日期解析：無年份的 MM/DD 視為 8 月以後 2026、其餘 2027。
- 已知限制：影片縮圖已下載進 `assets/img/yt/`，離線亦可看；兩個 SVG 字標皆為白字，淺色底改以文字字標＋圓形鳥形圖示替代；熱門推薦連結對應現站的關鍵字搜尋頁。