Kimi API for Vision-to-Code Generation

建立一個完整的單檔 HTML 頁面，用於可遊玩的 Snake 街機遊戲，所有 CSS 和 JavaScript 都必須內嵌，且完全沒有外部依賴、CDN、圖片或字型。使用 canvas 繪製遊戲棋盤，採用現代感的暗色霓虹配色、平滑移動效果，並在蛇身後方呈現柔和發光的拖尾。支援方向鍵與 WASD 控制，以及觸控裝置上的滑動手勢；顯示即時分數與可持久保存的最高分，並隨著分數上升逐步提高遊戲速度。每次吃到食物時觸發小型粒子爆發，顯示帶動畫的遊戲結束覆蓋層與重新開始按鈕，並保持響應式版面，讓棋盤在桌面與行動裝置上都能置中且清楚可讀。

建立一個單一、完全自包含的 HTML 檔案（所有 CSS 與 JavaScript 皆內嵌，絕對沒有外部依賴、CDN、圖片或 web fonts），呈現一個互動式「活的數位生態玻璃瓶」——一個置於畫面中央的密封玻璃罐，裡面有一座能即時生長、自我維持的微型雨林。它必須能在任何現代瀏覽器中開啟後立即以 60fps 執行，不需要 build step。 核心場景與版面：以對稱方式置中整體構圖，將玻璃罐視為主舞台，背景使用深色且帶暗角的黑暗背景（從柔和苔蘚光感中心向近乎全黑的邊緣過渡的 radial gradient），讓所有焦點都落在玻璃罐上。所有內容繪製在全視窗 HTML5 Canvas 上，並疊加真實的 glassmorphism DOM/CSS 裝飾層：罐壁必須呈現真正的玻璃質感——彎曲折射高光、明亮的鏡面邊緣光條、淡淡的磨砂模糊，以及帶有微小透鏡效果的散落凝結水珠——透過多層 radial/linear gradients、backdrop-filter blur、半透明白色描邊與柔和 box-shadows 達成。罐內底部有深色潮濕壤土，並有淡淡的體積霧氣緩慢漂移。 必須堆疊並共存的三個技術層（這正是區分弱模型與強模型的地方——弱模型會做出靜態圖片，強模型會讓整個玻璃罐活起來）： 1. 遞迴 L-system 生長：藤蔓、蕨葉與苔蘚由 L-system / recursive branching algorithm 生成，並隨時間動畫展開——莖幹伸長、分枝細分、蕨葉舒展、葉片以 easing 縮放長出。生長要自然，並在每個分枝上略帶隨機性（角度抖動、粗細漸縮、長度衰減），讓每次重新載入時沒有兩株植物看起來完全相同。 2. 粒子系統：數十個琥珀色螢火蟲般的光點在霧氣中漂浮與上下擺動，帶有柔和的 additive glow 與輕微 parallax，另外還有上升的凝結水／花粉微粒；粒子會對新長出的植物產生細微反應。 3. 日夜光照循環：連續的環境光迴圈會讓自上而下的主光從冷白黎明 → 溫暖金色黃昏 → 深靛藍夜晚再回來，並相應重新著色整個場景、玻璃高光、霧氣與植物色調。植物展現向光性——莖幹會隨目前光線方向移動而彎曲，並讓頂端朝向光源傾斜。 主要互動：點擊玻璃罐壁或內部的任意位置，會在點擊的 x 位置把一顆種子丟入壤土中，而那顆種子會依序播放完整且可見的生命週期——種子落下並停住、萌芽成幼苗、幼苗透過 L-system 遞迴分枝，最後在成熟時綻放一朵小型發光花朵——每個階段都要有 easing，且清楚可辨，落地時帶有柔和漣漪／塵土 puff。多次點擊會生成多株植物，它們共存並持續生長，逐漸把生態玻璃瓶填滿成更茂密的灌叢。加入幾個細緻的內嵌控制項，以 glassmorphic pill buttons 呈現（例如「Reset terrarium」以及「Day/Night: auto ⇄ drag」切換，讓使用者可拖曳調整一天中的時間，另可選擇加入 pause）。提供一行淡淡的提示文字（「tap the glass to plant a seed」），並在第一次互動後淡出。 調色盤與氛圍：使用森林墨綠與苔蘚黃綠作為葉片色，光點與花朵使用琥珀／蜂蜜色光暈，玻璃罐帶有冷調 teal-glass 色澤，日夜循環中穿插溫暖金色與冷靛藍光洗。整體感受要安靜、會呼吸、冥想般——緩慢溫柔的動態，沒有突兀轉場。 技術需求：使用 requestAnimationFrame 搭配 delta-time，讓動畫不受幀率影響；讓 canvas 能響應視窗尺寸變化，具備正確的 devicePixelRatio 縮放，並保持玻璃罐置中；合理限制粒子與分枝數量，以維持流暢；所有隨機性都要以每株植物為單位設定 seeded randomness，讓生長看起來自然。所有內容——幾何、光暈、玻璃、霧氣、光照、粒子與遞迴植物——都必須以程式碼繪製或計算，且零外部素材。只交付完整 HTML 文件，可直接儲存為單一 .html 檔並開啟。