小宇家电维修 · 空调维修单页官网(手机优先响应式)产品系统

空调维修这类本地服务，客户都是从手机上搜过来的：坏了、着急、想马上找到人上门。这类小店要的不是品牌站，而是一屏能看完的电话、能修什么、价格怎么算、多久能到，再留个手机号等回电。市面上给这类店做的页面，多半是电脑版直接缩到手机上，字挤、按钮点不准、表单填一半就跳走。这个页面按手机优先做，先保证在最窄的屏幕上也能一键拨号。

单页六个区块：首屏主图加咨询与拨号两个按钮、六类故障说明、三种常见上门案例、上门师傅介绍、四条折叠问答、联系表单与微信二维码。手机 390、平板 768、桌面 1440 三档各一套排版，实测无横向滚动。表单做必填校验、11 位手机号格式校验、提交后 10 秒防连点、提交失败不清空已填内容，提交成功直接进邮箱。全站中文注释，换品牌名和电话只需动两处。

HTML + CSS + 原生 JavaScript，零框架零依赖：index.html 12.3 KB、style.css 11.0 KB、main.js 6.6 KB。CSS 手机优先，768 与 1024 两个断点向上覆盖，图片按固定比例预留位避免加载抖动。用 Playwright 驱动本机 Edge 在 390 / 768 / 1440 三档逐屏渲染核对，横向溢出为 0；Lighthouse 移动端跑分：性能 93、可访问性 100、最佳实践 100、SEO 100。表单接第三方表单服务，本机与线上各测一次邮件均收到。附 5 张示意图（首屏 1600×1200、案例 1200×900、师傅 900×1200），85% 质量压到 600 KB 内，README 写明上线前必改的 6 处。