示范标志性的 :-: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 个空白行。