.filter-drawer { position: fixed; inset: 0; z-index: 1000; }
body.drawer-open { overflow: hidden; }
手机上点筛选按钮，页面像卡住了，其实抽屉已经打开，只是被 z-index 999 的固定头盖住，底下只露出八像素的一条边。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。
追下去是这么回事：抽屉的 z-index 是 100，固定头是 999，DOM 顺序还排在后面。抽屉挂在 body 下，父级带着 overflow: hidden，滚动也被一起切掉了。
「移动端筛选面板」改完先别急着全量，挑一台机器放半天，真有问题这段时间就能看出来。同类问题如果隔一段时间又出现，多半是某个定时任务或重启流程把改动冲掉了。
把这次用到的命令存进笔记，比记住结论有用，换个环境还能照着走。改完隔一天再看一次，当场正常不代表能稳住。
处理上按这个顺序：抽屉 z-index 提到固定头之上，或者干脆挂到 body 末尾；打开时给 body 加 overflow: hidden，关闭时再移除；在 iPhone 和安卓各点一次，注意地址栏收起后的高度变化。
确认没问题再收工，手机上点筛选立刻看到完整抽屉，关闭后页面能正常滚动，固定头不再遮挡。