挽留弹窗右上角的叉只有十六像素，手指按下去经常落到遮罩上，弹窗不关，页面也点不动。乍看像缓存或者权限的锅，追下去往往不是。
.modal-close {
width: 44px;
height: 44px;
display: grid;
place-items: center; }
追下去是这么回事：关闭按钮只包了一个图标，没有撑开点击区域，实际可点范围就是图标本身。遮罩层又绑了阻止冒泡，点空时既不关闭也不透传。
「弹窗关闭按钮点击区域」这类改动最怕改一半，回滚脚本先准备好，再动生产。一次只改一处，改完立刻验证，几个改动叠在一起，出问题就说不清是谁导致的。
先做最小复现，能稳定跑出来的问题，排查成本会低一个数量级。
具体做法是，给关闭按钮设至少四十四像素的点击区域，图标居中，视觉大小保持不变；用 padding 扩大热区，别直接放大图标破坏排版；遮罩点击关闭要判断事件目标，别把弹窗内部的点击也一起关掉。
验收就看一点，在手机上连点关闭按钮十次，十次都能关掉，不再需要点两下。