1、修复电脑版屏幕变矮的按钮重叠与硬伸缩

问题原因：在源代码中只有横屏特例，未添加桌面竖屏、非标准尺寸

修复方法：@media (max-height: 720px) ：对标题、主菜单按钮、各类面板、HUD 控件（摇杆/功能键/背包槽/公告按钮等）全部改用  clamp(最小值, vw/vh 弹性值, 最大值)  设定尺寸与字号，例如：

按钮  .mbtn ： width: clamp(200px, 60vw, 280px); height: clamp(44px, 7.2vh, 60px); font-size: clamp(16px, 4.2vw, 22px); 

这样无论窗口被拉多矮，按钮都不会突然变成只有 20px 高（导致文字重叠），也不会因为纯 vh 放大到挤出面板外。

 @media (max-height: 560px) ：进一步压缩主菜单按钮间距与面板 padding，存档列表最大高度降到 30vh，保证最极端场景也不叠。

通用文字防溢出： .mbtn span 、 .panel-row 、 .pbtn 、 .save-name 、 .ach-title/desc  等统一加  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ， .mbtn span  再加  max-width: 90% ，彻底避免文字穿出按钮边框。

2、修复英文模式文字重叠/穿模

问题原因：字号均为中文优化，未考虑到英文用户，英文大写+大字母会让单词长度超长，超出按钮

修复方法：对文字进行微调