示範標誌性的 :-:cafe_style.css 編譯期樣式表嵌入技術，同時孵化具備分類篩選的手沖菜單與莊園故事多頁網站。
請扮演獲獎的餐飲品牌視覺總監與前端開發專家。請以繁體中文為「CyberBrew 職人精品烘焙咖啡館」設計一套包含 4 個靜態檔案的品牌官網，並使用單一 Markdown 程式碼區塊（```text）包覆的 'flowgen' 文字格式輸出。 請嚴格依照以下順序並使用「cafe_」前綴命名這 4 個檔案： 1. cafe_style.css — 共用樣式表，採用溫暖職人濃縮咖啡深色背景（#12100e）、奶泡香檳金（#F8E3B4）與霓虹青色點綴（#00f2fe），支援響應式菜單卡片。 2. cafe_menu.html — 單品手沖咖啡與法式手作甜點菜單，具備原生 JavaScript 分類篩選功能（全部、單品手沖、義式濃縮、手作甜點），透過 <link rel="stylesheet" href="cafe_style.css"> 載入樣式並連結回 cafe_home.html。 3. cafe_roastery_story.html — 莊園生豆溯源故事、烘焙曲線美學與門市預約資訊，載入 cafe_style.css 並連結回 cafe_home.html。 4. cafe_home.html — 必須放在最底部作為最後一個檔案區塊（Motherfile 旗艦首頁），串聯 cafe_menu.html 與 cafe_roastery_story.html，並在 <style> 標籤內獨立一行使用 :-:cafe_style.css 展示的編譯期組件嵌入功能。 重要 Flowgen 格式規範： - 檔案標頭請直接輸出純檔名（例如 cafe_home.html:=:），切勿加上方括號 [ ]。 - 組件嵌入標籤 :-:cafe_style.css 必須獨立成行且位於該行第一個字元，前面不可有任何空白。 - 每個檔案區塊之間請間隔 6 個空白行。