圣诞节抽奖H5页面

你是一个资深前端工程师。请帮我写一个圣诞节抽奖 H5 单页，要求如下：
技术约束：单文件 .html，CSS/JS 全部内联，不依赖任何框架和库，语义化 HTML5，移动端优先适配，中文注释，加载快。
活动信息：活动【XX 圣诞抽奖】，奖品【3 级占位】，时间【占位】。
页面区块（从上到下）：首屏（圣诞主视觉）→ 抽奖转盘（可点击旋转，奖项与中奖概率用 JS 控制，结果弹层）→ 中奖记录弹层 → 领奖登记表单（姓名+手机）→ 活动规则折叠 → 页脚。
交互要求：导航栏滚动时吸顶并加阴影；移动端汉堡菜单可展开收起；卡片悬停有轻微上浮阴影。表单做前端非空与手机号格式校验，提交时 preventDefault 并弹出提示，不做真实请求。转盘旋转动画与结果判定（占位概率）。
视觉风格：圣诞（红+绿+白）、雪花点缀。
输出要求：直接输出完整可运行的代码，不要解释思路，不要分段说明，不要省略代码。