七夕情侣默契问答 H5

你是一位资深前端工程师。请帮我写一个七夕情侣默契问答 H5 页面，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库，移动端优先（以 375px 宽度为基准设计，向上适配），语义化 HTML5，中文注释，首屏加载要快（不引外部字体，用系统字体栈）。

## 二、信息占位（方括号内为待我替换的内容）
活动名【XX 七夕默契大考验】，题目【8 道选择题占位：如'对方最爱的食物''第一次约会地点'】，结果档位【默契 0-40/41-70/71-100 三档文案占位】，分享文案【占位】，品牌露出【占位】。

## 三、页面区块（自上而下）
1 首屏（浪漫主视觉：'你们有多默契？' + 副标题 + 大图占位 + 开始答题按钮）
2 玩法说明（3 步：各自作答→提交比对→看默契分，配小图标）
3 答题区（一次一题：题号进度条、题目、3-4 个选项按钮；点选后自动进入下一题）
4 等待对方（答完后