大闹天宫1

Prompt

你的任务：制作【单文件独立HTML连环画网页】，主题《西游记·大闹天宫》，严格遵守全部约束： 硬性强制规则： 1. 最终只输出1个完整HTML文件，所有CSS、JS全部内联写在文件内部，绝对不能引用任何外部图片、外部CSS、外部JS、CDN、在线资源，打开html直接运行，不依赖其他任何文件。 2. 画面实现方式：所有连环画画面全部使用内嵌SVG矢量绘图实现，不使用img标签、不引用任何图片。 3. 版式：横向长卷轴连续连环画布局，长卷自动匀速向左无缝滚动；鼠标悬浮在卷轴区域时暂停滚动，鼠标离开继续滚动；适配PC端+手机移动端，移动端自动缩放，不溢出屏幕。 4. 美术画风【全程严格统一，每一格都遵守】： 复古上美老版西游记小人书连环画风格，米白宣纸底色，干净有力的毛笔墨线勾轮廓，低饱和淡彩平涂，颜色只用赭石、花青、石绿、朱砂、淡金，没有强烈刺眼高饱和颜色；拒绝3D、卡通二次元、厚涂、写实照片、剪纸风。 孙悟空固定统一形象：头戴金箍、红披风、黄色虎皮短裙、手持金箍棒，造型全程统一不变形；线条细腻有国画韵味，每一格有旁白和对白，旁白和对白由你自由创作，简洁贴合画面。 剧情分镜大纲（一共22格，你自由设计每一格构图、动作、细节、旁白，按这个故事顺序推进即可，不用严格固定画面内容）： 石猴出世拜师学艺 → 东海取得金箍棒 → 太白金星招安上天庭 → 受封弼马温 → 得知官微反下天庭 → 自立齐天大圣 → 天兵初次围剿战败 → 二次招安看管蟠桃园 → 偷吃蟠桃 → 哄骗赤脚大仙 → 大闹瑶池偷仙酒 → 兜率宫盗取金丹 → 逃回花果山 → 十万天兵再度围剿 → 孙悟空大战二郎神 → 老君金刚琢偷袭擒获悟空 → 斩妖台刑罚无效 → 投入八卦炉炼制 → 炼出火眼金睛，蹬炉大闹凌霄殿 → 玉帝遣使请如来佛祖 → 悟空和如来打赌赌约 → 被压五行山 页面结构要求： 页面顶部：大标题【西游记 · 大闹天宫】+简短说明文字：老式上美连环画长卷｜横向自动滚动｜鼠标悬停暂停 中间主体：横向卷轴容器，里面依次排列22格连环画卡片，卡片之间留合适间距；为实现无缝循环动画，在22格之后复制整套22格作为循环副本 页面底部：页脚小字备注：纯SVG矢量绘制，单HTML独立连环画 样式细节： 字体使用系统宋体（SimSun）国风字体，文字清晰，旁白底色用半透淡黑底，保证文字可读；动画柔和，滚动速度不能过快；配色整体素雅，不要花哨特效，只有基础滚动hover暂停交互，不加多余粒子、闪光特效。 输出要求：直接返回完整可运行的HTML代码，不要前置多余解释、不要分步骤说明、不要图片，只给完整代码。