城市马拉松报名 H5

你是一位资深前端工程师。请帮我写一个城市马拉松报名 H5 页面，要求如下：

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

## 二、信息占位（方括号内为待我替换的内容）
赛事名【XX 城市马拉松】，比赛日期与起点【占位】，项目【全程/半程/健康跑 三档占位】，报名费【占位】，名额【占位】，成绩要求【占位】，体检要求【占位】，组委会电话【占位】。

## 三、页面区块（自上而下）
1 首屏（赛事主视觉：赛事名 + 日期 + '报名开启' + 大图占位 + 立即报名）
2 赛事数据条（参赛规模、赛道海拔升降、关门时间 三个数字占位）
3 项目选择（三档卡片：距离、关门时间、报名费、剩余名额、'选择'按钮）
4 赛道图（SVG 示意图占位：起点→关键地标→终点，标