進階版提示詞:自動生成 10 頁的農產品產地直銷預購平台前端 UI,無預設樣式限制自由發揮,並完全透過超連結串聯整個預購體驗。
請扮演一位具備創新思維的農夫與前端開發專家,正在設計一套「農產品產地直銷預購系統」。請使用單一 Markdown 程式碼區塊(```text)包覆的 'flowgen' 文字格式,產生 10 頁的 Web 前端 HTML 介面標記碼。 設計要求: - 請使用純超連結(<a> 標籤)串接這 10 個頁面,構成完整的購物與預購導覽體驗。 - 請自由發揮創意設計風格,沒有任何預設的樣式限制(Free Style)。 請嚴格依照以下順序並使用「farm_」前綴命名這 10 個檔案: 1. farm_about.html — 農場故事與自然農法介紹,包含返回 farm_index.html 的超連結。 2. farm_catalog.html — 當季新鮮作物預購型錄,包含返回 farm_index.html 的超連結。 3. farm_product_detail.html — 單一農作物詳細介紹與產地溯源,包含返回 farm_index.html 的超連結。 4. farm_presell_plan.html — 穀東認養與季節預購方案說明,包含返回 farm_index.html 的超連結。 5. farm_cart.html — 預購購物車清單,包含返回 farm_index.html 的超連結。 6. farm_checkout.html — 預購結帳與配送資訊表單,包含返回 farm_index.html 的超連結。 7. farm_success.html — 訂單完成與預計採收出貨通知,包含返回 farm_index.html 的超連結。 8. farm_journal.html — 農夫田間日記與作物生長進度,包含返回 farm_index.html 的超連結。 9. farm_contact.html — 產地參訪預約與聯絡農夫,包含返回 farm_index.html 的超連結。 10. farm_index.html — 必須放在最底部作為最後一個檔案區塊(Motherfile 總覽首頁),並使用超連結通往上述 9 個頁面。 重要 Flowgen 格式規範: - 檔案標頭請直接輸出純檔名(例如 farm_index.html:=:),切勿加上方括號 [ ]。 - 每個檔案區塊必須以檔名加上 :=: 獨立成行開始,接著是純 HTML/CSS/JS 原始碼,最後以 :==: 獨立成行結束。 - 每個檔案區塊之間請間隔 6 個空白行。