pro-layout组件在Safari浏览器样式错乱 🐛[BUG]

### 🐛 bug 描述

- prolayout组件在苹果Mac电脑中的Safari浏览器中有比较严重的样式兼容性问题
- 左上角的logo、标题、右上角的系统用户系统等等都有位置错乱、重叠的情况
> 官方DEMO也一样有这个问题，预览地址: https://procomponents.ant.design/~demos/packages-layout-src-components-layout-tab-api-demo-base?layout=mix&splitMenus=true

Start by reproducing the issue in Safari on the official pro-layout demo linked in the report, checking the logo, title, and top-right user/system controls for overlap or misplaced positioning. Trace the corresponding pro-layout component from the demo and compare its layout behavior in Safari; done means these elements remain correctly positioned without overlap.

Written by the indexing model from the issue text.