Seedream 5.5 Precision Image Editing

建立一個完整、精緻、單檔互動式 HTML 網頁，標題為「深淵檔案解密控制台」。只輸出最終 HTML 文件。將所有 CSS 與 JavaScript 內嵌其中。不得使用外部函式庫、框架、字型、圖片、SVG 檔案、API、CDN 或網路請求；所有視覺元素都必須透過 HTML、CSS、內嵌 SVG 與 Canvas 產生。 打造一個沉浸式深海研究終端，以大型半透明機械水母為核心，並使用分層 Canvas 圖形程序化繪製。水母應具備發光玻璃質傘部、可見的黃銅機械結構、相互連接的內部環、漂浮粒子，以及會動態發光的生物螢光觸手。水母必須可拖曳，以改變模擬的海流；並可透過指標手勢、滑鼠拖曳、滾輪與觸控操作旋轉及縮放。它的位置與移動應以平滑慣性明顯影響附近粒子、觸手曲率、節點漂移、海流向量與介面讀值。 在水母周圍的放射狀網路中，安排四個不同類別的未識別生物檔案：深淵獵手、群體生物、活化石與訊號攜帶實體。每個類別都必須包含多個互相連接的標本節點，總數至少十二筆。使用動畫絲線或觸手將節點連接至中央水母。點擊節點時，必須開啟一張內容豐富、手繪風格的標本卡，包含程序化雕刻風格生物插圖、分類學風格中繼資料、深度、壓力、發現狀態、行為筆記、波形或解剖細節，以及關閉控制項。卡片應像實體研究圖版滑入掃描器下方般呈現動畫效果，而且不同紀錄必須具有實質不同的內容，不得只是重複的佔位文字。 加入醒目的聲納頻率輸入欄，使用者輸入數值時應持續回應。有效頻率應將 Canvas 粒子群重新組織為不同的程序化形態，例如螺旋、環、魚群、骨骼剪影或座標符號；更新波形、終端讀值與海流行為；並在可探索的頻率範圍內解鎖數筆隱藏紀錄。針對無效輸入、鎖定紀錄、成功解碼與新揭露證據，提供清晰但具氛圍感的回饋。顯示精簡的頻率歷史紀錄，以及視覺化解鎖進度指示器。支援實用的鍵盤控制：聚焦聲納輸入欄、提交或清除頻率、循環瀏覽檔案節點、開啟選定紀錄、使用 Escape 關閉覆蓋層，以及顯示鍵盤說明面板。 視覺方向必須融合深海科學終端、古董銅版博物館插畫，以及帶有磨損感的故障掃描紋理。使用克制的墨水海軍藍、氧化青綠、青綠色生物螢光與鏽金色，以冷藍光作為主要照明，並以間歇性的琥珀色警示燈作為局部點綴。建立中央放射狀構圖，搭配側邊垂直深度刻度、壓力刻度線、標本座標、細微網格線、掃描條、色差錯位、底片顆粒、雕刻排線與偶發的資料損毀。即使採用充滿氛圍的視覺處理，仍須維持清晰的層級與易讀的字體。加入受音訊終端啟發的克制視覺脈衝，但不要求實際播放聲音。 使用分層且資訊密集的版面：頂部任務標頭與狀態列；左側檔案篩選器與垂直深度尺；中央互動式 Canvas 艙室；右側即時遙測、海流方向、壓力、選定標本摘要與解鎖狀態；底部聲納主控台、波形、頻率輸入欄、鍵盤提示與事件紀錄。加入工具提示，以及啟用、懸停、聚焦、選定、鎖定、載入與解鎖狀態。加入簡短的首次使用教學覆蓋層，說明核心互動方式，且可關閉。所有主要互動都必須具備功能並與狀態連動，不得只是裝飾性的模擬。 讓頁面具備回應式設計，適用於寬螢幕桌上型電腦、筆記型電腦、平板與手機。不得強制固定 16:9 長寬比：這是一個必須填滿可用視窗，並在窄螢幕時智慧重組面板的回應式網頁。在各種尺寸下都要保留中央水母互動區、易讀控制項、觸控目標與可存取的覆蓋層。加入語意化 HTML、可見的鍵盤焦點狀態、適當的 ARIA 標籤、減少動態效果支援，以及高對比文字。 以卓越的視覺精緻度與互動完整性為目標：平滑的動畫迴圈、依效能調整的粒子數量、清晰的高 DPI Canvas 繪製、程序化細節、協調一致的狀態轉換，以及優雅的尺寸調整。操作 Canvas 時應防止頁面意外捲動，但當回應式版面需要時，仍須保留正常捲動。 不得建立靜態樣稿、只有主視覺的登陸頁面、簡單卡片網格、通用管理主控台、固定 16:9 畫布、影片、投影片或類似截圖的構圖。不得使用佔位矩形、lorem ipsum、作為介面圖示的 emoji、外部資產、損壞的控制項、虛假按鈕、alert() 對話框、過度鮮豔的霓虹彩虹色、過亮背景或難以閱讀的過小文字。不得省略水母操控、粒子重新配置、聲納輸入、檔案解鎖、標本卡系統、鍵盤互動、回應式行為或互相連動的狀態變化。

建立一個完整、精緻的單檔互動式 HTML5 遊戲，標題為「拉麵節奏實驗室」，場景設定在午夜日本拉麵店的後廚。只輸出最終 HTML 文件。將所有 CSS 與 JavaScript 內嵌其中；不得使用外部函式庫、框架、CDN、字型、圖片、音訊檔案或網路請求。頁面必須在現代瀏覽器中於本機開啟後立即執行。 將體驗設計為回應式全頁網站，而不是固定 16:9 的圖片或影片。必須優雅地適應桌上型電腦、平板與手機，不得出現裁切、水平捲動、難以閱讀的文字或控制項重疊。使用語意化 HTML、可存取標籤、明確的焦點狀態、減少動態效果支援，以及清晰的行動裝置鍵盤操作替代方案。 打造一款真正可遊玩的單頁節奏與技巧遊戲。讓中央工作台成為主要焦點：玩家拖曳麵團將其拉伸、折回自身，並進行快速甩麵動作以製作拉麵麵條。使用 Pointer Events 實作具有慣性、彈性、阻力、速度偵測、麵條變形與清晰視覺回饋的令人滿意的指標互動物理效果。支援滑鼠與觸控。根據拉伸距離、折疊準確度、甩麵速度、節奏時機與一致性，判定麵條粗細與品質。互動應具有實體感，而不是移動靜態圖示。 加入鍵盤控制的烹調與配料節奏。使用清楚顯示的按鍵，例如 A/D 或方向鍵來調節滾水鍋，Space 用於汆燙或撈起麵條，以及 J/K/L 用於定時加入配料。加入提供相同控制方式的可見行動裝置按鈕。呈現節拍標記、時機窗口、連擊回饋、鍋溫、烹調進度、高湯量、配料準備度與出餐操作。使用遊戲按鍵時，必須防止頁面捲動。 左側放置垂直訂單佇列，右側放置動畫精密儀器。每張訂單卡都應指定要求的麵條粗細、熟度、配料排列與時間限制。即時為每碗完成的拉麵評分，包括粗細準確度、熟度、節奏精準度與出餐速度。加入總分、連擊倍率、最佳連續紀錄、倒數計時，以及簡潔的結果明細。維持多筆訂單間一致的遊戲狀態，逐步提高難度，並提供開始、暫停、重新開始與遊玩方式控制項。 讓失誤具有戲劇性且在機制上有意義：拉伸過度或折疊不佳的麵條應互相打結；滾煮時機錯誤應造成高湯飛濺、儀表震動、警告印章與連擊遺失；煮過頭則應讓麵條明顯變軟或變暗。成功的連續操作應觸發誇張的蒸氣慶祝效果，包括擴散的雲霧、漫畫速度線、閃爍的日式慶祝印章、彈跳的儀器，以及短暫的全螢幕衝擊動畫。所有視覺效果都必須在檔案內使用 HTML、CSS、SVG 與 Canvas 產生。 使用融合日本漫畫分鏡構圖與精密機械剖面圖的獨特視覺語言。呈現齒輪、閥門、管線與燃燒器機構的剖面圖、標示刻度、技術註解、半色調紋理、速度線、墨線輪廓與克制的漫畫音效文字。以溫暖的鎢絲燈照亮不鏽鋼工作台，同時透過廚房窗戶看見靛藍色的雪夜。窗外的雪應輕柔飄落，鍋上蒸氣應盤旋，高湯應冒泡，儀表應持續回應，小幅反光應在金屬表面移動。 將介面組織為清楚分隔的硃紅、乳白與深海軍藍區域。使用溫暖的琥珀色高光、炭黑墨線輪廓、分層陰影、清晰字體，以及使用 CSS 程序化產生的細微紙張顆粒。讓中央麵條操作成為主體，並在視覺上平衡周圍的訂單佇列與動態儀器。動畫應細緻、流暢且具有目的性，包含令人滿意的轉場與微互動，而不是持續不斷的視覺噪音。 加入精簡的開場教學覆蓋層、吸引模式的待機動畫、不需聲音即可重現的音訊風格回饋，以及足夠支援重複遊玩的程序化變化。確保核心評分、計時器、碰撞、連擊邏輯、訂單進度、暫停狀態、重新開始流程、回應式版面與所有控制項都確實運作。 不得產生靜態樣稿、只有登陸頁面的設計、虛假控制項、佔位面板、未完成的 TODO、外部資產、損壞的圖片圖示、以 alert 為基礎的互動，或會遮擋遊戲內容的裝飾元素。不得將網頁限制為固定 16:9 畫布。只返回一份以 <!DOCTYPE html> 開頭的完整 HTML 文件。