fix(frontend): 桌面端手机预览框按视口等比放大

[badadal]

概要

• 桌面大视口下将手机预览框等比放大至 1.1x / 1.2x，保持原有宽高比例
• 修正缩放后新手指引高亮框的坐标换算
• 调整幸运值投骰面板高度、底部贴合与建卡导航显示，确保操作按钮无需滚动且不重叠

验证

• 相关前端测试通过
• ESLint 通过
• 前端生产构建通过
• 浏览器验证桌面 1.2x 与手机视口布局

Closes #521

[fennoai]

已审查全局 #root 的 1.1×/1.2× 分档缩放、Onboarding 高亮坐标的缩放反算，以及幸运骰面板与建卡底部导航的布局调整。媒体查询在目标视口保留了完整预览框，坐标换算与 transformed root 的 fixed containing block 一致，面板移动后也避免了操作栏重叠，未发现需要作者修改的正确性或回归问题。

验证：固定 SHA 范围 626f37a...e7916e4 的 git diff --check 通过；使用 Node 22.22.2 运行相关 Vitest，2 个测试文件共 42 项全部通过；当前 Frontend CI 的 lint/build job 成功。