口腔正畸专科诊所落地页

你是一位资深前端工程师。请帮我写一个口腔正畸专科诊所落地页，要求如下：

## 一、技术约束
只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap/Tailwind CDN），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签（header/nav/main/section/footer）；响应式布局，断点 375/768/1200 三档；代码带中文注释，分区注释清晰；图片用占位（CSS 渐变色块 + 文字标注尺寸，不要用外链图片）。

## 二、信息占位（方括号内为待我替换的内容）
诊所名【XX 口腔正畸中心】，主诊医生【姓名/资历 占位】，案例【4 组：主诉/年龄/疗程/矫治器类型 占位】，矫治器方案【金属托槽/陶瓷托槽/隐形矫治，价格区间占位】，地址【占位】。

## 三、页面区块（自上而下）
1 顶部导航（Logo + 案例/方案/医生/预约）
2 首屏（