GLM API for Autonomous Task Execution

生成一个完整的、单文件、自包含的 HTML 文档（所有 CSS 和 JavaScript 均内联，绝对不使用外部依赖、CDN、图片 URL 或外部字体），渲染一个交互式“极光调音控制台”——一个全视口 WebGL 体验，呈现午夜极地天空，其中极光必须在 GLSL fragment shader 中实时计算，绝不能用 sprites、textures 或 particle stacks 伪造。 核心渲染要求：渲染一个单一的全屏 quad，并在 fragment shader 中完成所有视觉工作。北极光必须由分层 fractal value/simplex noise（fbm，4–6 个 octaves）程序化生成，并通过统一时钟随时间流动和扭曲，形成高耸的垂直光幕，会呼吸、涟动、打结并消散。将极光建模为自发光的体积辉光：沿垂直衰减累积亮度，在每道光幕底部加入柔和 bloom，并在黑暗的上空散布微弱漂移的星尘噪声。画面构图为极简的低地平线上仰视角——约 80% 为天空，底部是一道黑色剪影山脊和一片镜面般静止的湖水，湖面以柔和涟漪、垂直镜像的方式反射极光和星辰。基础色板为近黑靛蓝（深蓝紫色夜空）；极光是唯一高饱和元素——克制、明亮、半透明，绝不刺眼俗艳。 交互（全部实时、流畅且反馈清晰）： - 在天空中拖动鼠标会像拉扯织物一样“牵引”光幕——将指针位置/速度传入 shader uniforms，使极光向光标弯曲、拉伸并流动，松开后带着柔和惯性缓缓回弹。 - 鼠标滚轮滚动会循环切换“季节”，让极光色带在 emerald green → magenta → indigo（再回到起点）之间连续插值，表现为平滑的渐变偏移，而不是离散跳变。 - 双击会在天空中的该位置点燃一颗新星：它会脉冲闪烁（正弦亮度），并在湖面投下匹配的倒影。支持同时存在多颗星。 - 保持细腻的空闲动画，让第一道光幕在加载时仿佛缓慢苏醒并舒展开来——营造安静、神圣、寒冷而静止的氛围。 UI 与打磨：在角落放置一个小巧、优雅、半透明的控制浮层，显示当前季节/颜色，以及一行淡淡的操作提示（拖动 / 滚动 / 双击），采用干净现代的冷色调审美，并带有柔和淡入淡出过渡。让它完全响应式：窗口尺寸变化时调整 WebGL canvas 并更新 resolution uniforms，使其填满任意视口，并在高 DPI 屏幕上保持清晰。使用 requestAnimationFrame 目标稳定 60fps。若 WebGL 不可用，提供优雅的降级提示。优先保证噪声流动的数学质感、体积辉光效果和交互的流畅度——这是强模型应该明显胜过弱模型的地方。

构建一个完整的、单文件、自包含的 HTML 文档（所有 CSS 和 JavaScript 都内联在一个文件中，绝对零外部依赖——不使用 CDN、外部脚本、web fonts、图片 URL，也不从网络获取 SVG 资源；所有声音都用原生 Web Audio API 生成，所有视觉都用 CSS 和 Canvas/DOM 绘制），可直接在任何现代浏览器中打开，并运行一个可演奏的赛博朋克步进音序器鼓机，视觉语言采用 1980 年代 synthwave 霓虹风格。 核心乐器：渲染一个发光的步进矩阵，16 列 × 6 轨，横向铺满屏幕，每行对应一个声部——Kick、Snare、Closed Hi-Hat、Open Hi-Hat、Clap 和 Synth Bass。96 个单元格中的每一个都是可点击 pad；点击可切换开/关，激活的单元格以高饱和 magenta-to-cyan 辉光点亮，未激活的单元格则是在近黑靛蓝背景上的暗淡内嵌矩形。用户通过逐列点亮单元格来编排节拍。支持点击并拖拽涂抹，批量切换多个单元格。 音频：使用 Web Audio API 实时合成所有鼓声部——kick 为快速振幅衰减的音高下滑 sine，snare 和 clap 为带 envelope 的滤波白噪声爆发，closed 和 open hi-hats 为高通噪声并分别使用短/长衰减，synth bass 为经过 resonant low-pass filter 的 detuned saw/square，并演奏可选择的根音。使用精确的 look-ahead clock 调度步进（不要用天真的 setInterval 定时），让循环在高 BPM 下依然稳如磐石。播放时持续循环 16 步 pattern。 走带与控制，停靠在底部横向固定的对称控制栏中：一个大型播放/停止按钮，一个 BPM dial 或 rotary knob（可拖拽，范围约 60–200 BPM，默认 120）并带实时数字读数，一个主音量 fader，各轨 mute 按钮，一个清空按钮，以及一个随机生成合理节拍的随机按钮。移动的播放头——一束垂直光刃——与音频完美同步地扫过网格，它命中的每个激活单元格都会绽放径向涟漪脉冲并逐渐淡出。包含一个实时 oscilloscope/waveform 显示，用于可视化主输出振幅，并实时随声音响应。 视觉风格：深靛蓝到紫罗兰的渐变背景，暗到近乎黑色；网格线和 UI 点缀使用电光 magenta 与 cyan；所有亮度都来自元素自发光和命中闪光 bloom（box-shadow glow、近似 additive 的高光），营造深夜地下俱乐部随循环脉动的感觉。将完整网格居中显示，保持布局对称，底部控制栏压缩基座空间，并实现响应式，使网格在较小视口下也能优雅缩放。加入细腻的动态 scanline 或 chromatic shimmer 以增强氛围，同时不影响可读性。 交互要求：一切都要即时响应——点击 pads、拖动 BPM knob 和音量 fader、切换 mutes、按空格键播放/停止，以及按数字键跳转 bass 根音。状态（哪些单元格激活、BPM、音量、mutes、播放状态）必须清晰管理，确保 UI 与音频永不失步。用户与页面的第一次交互也应解锁/恢复 AudioContext。优先保证紧密的音画同步、播放头与涟漪的流畅 60fps 动画，以及开箱即用、真正令人满意且有音乐性的结果。