✨ 说明 ✨
• 推荐使用 DeepSeek 生成或优化提示词，创作更高效。
• 自制资源说明：本页面所有葫芦、动画效果均为原生CSS+JS实现，未使用任何精灵图文件。若需替换角色素材可参考常规精灵图尺寸（如 images/girl_sprites.png 宽128px高128px），但当前页面完全基于CSS绘制与动态音效。音效通过动态生成WAV波形音频（采样率44100，双频和声），纯前端内置，无需任何外部音频文件或语音API。裂开闪光粒子与震动效果均由JS模拟，兼容IE9+。
• 本项目无第三方依赖，所有视觉效果与抽奖逻辑已在IE9/移动端验证可用。
📄 完整提示词
你是一个资深前端开发专家。请设计一个“福禄方位大抽奖”教学工具页面，要求如下：
1. 整体风格喜庆，以暖黄色、橙色为主，界面中央显示东西南北中五个方位，每个方位一个葫芦卡片，绝对定位摆放。
2. 每个葫芦包含完整CSS绘制的葫芦（上圆、下圆、蒂、叶）并带有阴影，每个葫芦点击后可“裂开”并飞散为左右两半旋转飞开，同时展示该方位对应的垂直排列奖品（一等奖/二等奖/三等奖等随机分配），裂开时伴随闪光滑块和轻微震动效果。
3. 裂开动画完成后奖品匾额由缩放渐变显现，并且播放喜庆音效（通过JS动态生成WAV音频，不使用外链，确保IE9+可用）。
4. 奖品池预设: “✨一等奖 ”，“✨二等奖 ”，“✨二等奖 ”，“✨三等奖 ”，“✨三等奖 ”，每次重置（或初始化）时随机分配至五个方位，每个方位仅可抽奖一次，再次点击无效。
5. 增加重置按钮，重置所有葫芦恢复完整状态，并重新随机分配奖品，清空中奖记录。
6. 页面兼容移动端与IE9，无滚动条溢出，使用绝对定位与rem适配，要有“北”字指示箭头，与葫芦方位坐标相匹配。
7. 为了展示传统文化氛围，添加静态喜庆icon装饰（🧧🏮等）。
8. 要求裂开过渡平滑、粒子效果以及稳定的纯前端运行，无需引入外部库。
9. 整个页面在宽高变化时自适配，五葫芦布局保持视觉平衡。
10. 无需额外语音朗读但包含完整的葫芦抽奖逻辑。