主题切换按钮 fixed 在右下角 挡住客服浮窗和返回顶部

手机上切换按钮和客服图标重叠，点十次有三次点到客服，小屏 375px 宽时两个按钮压在一起。乍看像缓存或者权限的锅，追下去往往不是。

.float-stack {
  position: fixed; right: 16px; bottom: 16px;
  display: flex; flex-direction: column; gap: 12px;
}

追下去是这么回事：两个悬浮元素都用了 right: 16px 和 bottom: 16px 的固定定位，没有统一排布。切换按钮后加，层级更高就盖住了原有按钮。

「主题切换按钮遮挡」相关的日志我一般连着看前后五分钟，单看一条报错经常判断不出是哪一步失败。验证用真实数据走一遍，测试数据太干净，边界情况根本碰不到。

能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。报错里带路径的，先去看那个路径在不在、权限对不对。

同一份配置存在多处的，先确认改的是被加载的那一份。

具体做法是，把右下角悬浮元素收进同一个容器 纵向排列；用间距变量控制间隔 不再各写各的 bottom；在 375px 和 414px 两个宽度下各点一遍。

验收就看一点，两个按钮上下分开，小屏下都能准确点到。