Seedream 5.5 Precision Image Editing

创建一个完整、精致的单文件交互式 HTML 网页，标题为“Abyssal Archive Decryption Console（深渊档案解密控制台）”。只输出最终 HTML 文档。将所有 CSS 和 JavaScript 内联。不得使用外部库、框架、字体、图片、SVG 文件、API、CDN 或网络请求；所有视觉元素都必须通过 HTML、CSS、内联 SVG 和 Canvas 生成。 构建一个沉浸式深海研究终端，中央是一只通过分层 Canvas 图形程序化渲染的大型半透明机械水母。水母应具有发光的玻璃质伞部、可见的黄铜机械结构、彼此联动的内部环、漂浮粒子和动态生物荧光触须。用户必须能够拖动水母来改变模拟海流，并通过指针手势、鼠标拖拽、滚轮和触摸输入进行旋转与缩放。水母的位置和运动应以平滑惯性明显影响附近粒子、触须曲率、节点漂移、洋流向量和界面读数。 围绕水母，以放射状网络排列四个不同类别的未知生物档案：深渊猎手、群体生物、活化石和信号实体。每个类别必须包含多个相互连接的标本节点，总记录数至少为十二条。使用动态丝状结构或触须将节点连接到中央水母。点击节点时，必须打开一张内容丰富、手绘风格的标本卡片，其中包含程序化雕刻风格的生物插图、分类学元数据、深度、压力、发现状态、行为笔记、波形或解剖细节，以及关闭控件。卡片应像实体研究图板滑入扫描仪下方一样进行动画呈现，不同记录必须具有实质不同的内容，而不是重复的占位文本。 加入一个醒目的声呐频率输入框，在用户输入数字时持续响应。有效频率应将 Canvas 粒子群重新组织成不同的程序化形态，例如螺旋、环、鱼群、骨骼轮廓或坐标字形；更新波形、终端读数和海流行为；并在可发现的频率范围内解锁若干隐藏记录。针对无效输入、锁定记录、成功解码和新证据揭示，提供清晰但富有氛围感的反馈。显示紧凑的频率历史日志和可视化解锁进度指示器。支持实用的键盘控制：聚焦声呐输入框、提交或清除频率、循环切换档案节点、打开选中记录、使用 Escape 关闭覆盖层，以及显示键盘帮助面板。 视觉方向必须融合深海科学终端、古董铜版博物馆插画和受损故障扫描纹理。使用克制的墨水海军蓝、氧化青绿色、青绿色生物荧光和锈金色，以冷蓝光作为主要照明，并以间歇性的琥珀色警示灯作为局部强调。创建中央放射状构图，配合侧置垂直深度刻度、压力刻线、标本坐标、细微网格线、扫描条、色差错位、胶片颗粒、雕刻排线和偶发数据损坏。尽管具有浓厚氛围感，仍需保持清晰的层级和易读的字体。加入受音频终端启发的克制视觉脉冲，但不要求声音。 使用分层且信息密集的布局：顶部任务标题区和状态栏；左侧档案筛选器与垂直深度标尺；中央交互式 Canvas 舱室；右侧实时遥测、洋流方向、压力、选中标本摘要和解锁状态；底部声呐控制台、波形、频率输入框、键盘提示和事件日志。加入工具提示，以及 active、hover、focus、selected、locked、loading 和 unlocked 状态。加入简短的首次运行引导覆盖层，解释核心交互，并允许用户关闭。所有主要交互都必须真正可用并与状态关联，而不是装饰性的模拟。 让页面具备响应式布局，适用于宽屏桌面、笔记本电脑、平板电脑和移动屏幕。不得强制使用固定的 16:9 宽高比：这是一个必须填满可用视口，并在窄屏下智能重新组织面板的响应式网页。在任何尺寸下，都要保留中央水母交互区域、可读控件、适合触摸的目标区域和无障碍覆盖层。包含语义化 HTML、可见的键盘焦点状态、适当的 ARIA 标签、减少动态效果支持和高对比度文本。 追求卓越的视觉精度和交互完整性：平滑的动画循环、为性能自适应的粒子数量、清晰的高 DPI Canvas 渲染、程序化细节、协调一致的状态过渡和优雅的尺寸调整。操作 Canvas 时应防止页面意外滚动，但当响应式布局需要时仍应保留正常滚动。 不得创建静态样机、只有主视觉的落地页、简单卡片网格、通用管理后台、固定 16:9 Canvas、视频、幻灯片或类似截图的构图。不得使用占位矩形、lorem ipsum、作为界面图标的 emoji、外部资源、损坏的控件、虚假按钮、alert() 对话框、过度霓虹彩虹色、过亮背景或难以阅读的过小文字。不得省略水母操控、粒子重组、声呐输入、档案解锁、标本卡片系统、键盘交互、响应式行为或相互联动的状态变化。

创建一个完整、精致的单文件交互式 HTML5 游戏，标题为“Ramen Rhythm Laboratory（拉面节奏实验室）”，场景设定在午夜日本拉面店的后厨。只输出最终 HTML 文档。将所有 CSS 和 JavaScript 内联；不得使用外部库、框架、CDN、字体、图片、音频文件或网络请求。页面必须在现代浏览器中本地打开后立即运行。 将体验设计为响应式全屏网站，而不是固定 16:9 图片或视频。必须优雅适配桌面、平板和移动屏幕，避免裁切、水平滚动、文字难以阅读或控件重叠。使用语义化 HTML、无障碍标签、清晰的焦点状态、减少动态效果支持，并为键盘操作提供明确的移动端控制替代方案。 构建一个真正可玩的单页节奏与技巧游戏。让中央工作台成为主要焦点：玩家拖动一块面团将其拉伸，再将其折回自身，并进行快速甩动以制作拉面条。通过 Pointer Events 实现具有惯性、弹性、阻力、速度检测、面条变形和清晰视觉反馈的令人满意的指针物理效果。支持鼠标和触摸输入。根据拉伸距离、折叠准确度、甩动速度、节奏时机和稳定性，评估面条粗细与品质。交互应具有真实的物理感，而不是移动静态图标。 加入由键盘控制的烹饪与配料节奏。使用清晰显示的按键，例如 A/D 或方向键来调节沸水锅，Space 用于焯面或捞面，J/K/L 用于定时添加配料。加入提供相同控制方式的可见移动端按钮。展示节拍标记、时机窗口、连击反馈、锅内温度、烹饪进度、汤底液面、配料准备度和出餐操作。使用游戏按键时应阻止页面滚动。 左侧放置垂直订单队列，右侧放置动态精密仪器。每张订单卡应说明所需面条粗细、熟度、配料图案和时间限制。实时为每碗完成的拉面评估粗细准确度、熟度、节奏精度和出餐速度。包括总分、连击倍率、最佳连击记录、倒计时和简洁的结果明细。在多个订单之间维持连贯的游戏状态，逐步提高难度，并提供开始、暂停、重新开始和玩法说明控件。 让失误具有戏剧性并在机制上产生实际影响：拉伸过度或折叠不佳的面条应缠结在一起；沸煮时机错误应造成汤汁飞溅、仪表震动、警告印章和连击损失；煮过头应让面条明显变软或变暗。成功连击应触发夸张的蒸汽庆祝效果，包括扩散的云团、漫画速度线、闪烁的庆祝日式印章、弹跳的仪器和短暂的全屏冲击动画。所有视觉效果都必须在文件内部通过 HTML、CSS、SVG 和 Canvas 生成。 使用融合日本漫画分镜构图与精密机械剖面图的独特视觉语言。展示齿轮、阀门、管道和燃烧器机构的剖面图，以及标注刻度、技术标注、半色调纹理、速度线、墨线轮廓和克制的漫画拟声字样。用温暖的钨丝灯照亮不锈钢工作台，同时让窗外可见靛蓝色的雪夜。窗外的雪应轻柔飘落，蒸汽应在锅上方盘旋，液体应持续沸腾，仪表应持续响应，小幅反光应在金属表面移动。 将界面组织为清晰分隔的朱红、奶油白和深海军蓝区域。使用温暖的琥珀色高光、炭黑墨线轮廓、分层阴影、清晰字体和通过 CSS 程序化生成的细微纸张颗粒。让中央制面动作占据主导地位，同时在视觉上平衡订单队列和动态仪器。动画应细致、流畅且具有明确目的，提供令人满意的过渡和微交互，避免持续不断的视觉噪音。 加入紧凑的开场教程覆盖层、吸引模式的待机动画，以及无需声音即可通过视觉重现的音频风格反馈，并为重复游玩提供足够的程序化变化。确保核心计分、计时器、碰撞、连击逻辑、订单推进、暂停状态、重启流程、响应式布局和所有控件都真正可用。 不得制作静态样机、只有落地页的设计、虚假控件、占位面板、未完成的 TODO、外部资源、损坏的图片图标、基于 alert 的交互，或会遮挡游戏过程的装饰元素。不得将网页限制为固定 16:9 Canvas。只返回一个以 <!DOCTYPE html> 开头的完整 HTML 文档。