- 根因分析:Chrome/Safari 等 WebKit 渲染引擎中,子元素的 backdrop-blur-sm 会穿透并破坏父容器 overflow-hidden 的圆角裁切,导致顶部 bg-slate-900 控制栏出现尖锐直角; - 修复方案:为顶部控制栏显式加上 rounded-t-2xl,为底部内容区显式加上 rounded-b-2xl,彻底解决直角与圆角混杂问题。
- 根因分析:Chrome/Safari 等 WebKit 渲染引擎中,子元素的 backdrop-blur-sm 会穿透并破坏父容器 overflow-hidden 的圆角裁切,导致顶部 bg-slate-900 控制栏出现尖锐直角; - 修复方案:为顶部控制栏显式加上 rounded-t-2xl,为底部内容区显式加上 rounded-b-2xl,彻底解决直角与圆角混杂问题。