删掉这行CSS后，我的‘广场舞队形生成器’被队长转发到5个群——原来微信里最贵的不是代码，是留白

上周六，我给小区广场舞队做了个「队形生成器」：输入人数、场地尺寸，AI自动生成网格站位图，支持导出PNG。

初版上线后，队长只回了两个字：“还行。”

我盯着手机想了半小时，突然意识到——页面左右两边，有24px的默认边距（body { margin: 0 24px; }）。

微信里，这点留白不是优雅，是疏离。

我删掉了它。

再发链接，队长秒回：
> “这个好！我转给朝阳公园、滨河花园、金色年华三个队！”

当晚，它出现在5个千人大群，被下载217次。

不是功能变了，是微信里的空间感变了。

---

🌐 微信的「留白逻辑」vs 浏览器的「默认逻辑」

| 场景 | 浏览器默认 | 微信内嵌WebView | 用户感受 |
|------|-------------|------------------|-----------|
| 页面左右间距 | 8–24px（body margin） | 视觉上“顶到屏幕边缘”才像原生 | 有边框=外来的，无边框=自己的 |
| 字体行高 | 1.4–1.6 | 1.8以上更易读（小屏+强光） | 行距紧=累眼，行距松=呼吸感 |
| 按钮内边距 | 8px | 20px+才够手指点 | 小按钮=怕点错，大热区=敢下手 |

我们用AI生成网页时，Claude/Cursor默认遵循浏览器规范，但用户是在微信里打开的——他们期待的是「微信里长出来的」体验。

---

✅ 3步极简改造，让AI网页“融入”微信

▶️ Step 1：清空全局边距（1秒）

在里加：

⚠️ 注意：不是body { margin: 0 auto; }（那是居中），而是margin: 0——真正顶满。

▶️ Step 2：重设微信友好行高与字距（30秒）

在同个