fix: 移动端防溢出 + 横幅作品横向长廊 + 背景音乐增强

[X33834]

三个问题的修复：

1. 移动端横向溢出：顶栏(.site-nav) 品牌文案 + 4 个图标在 390px 下总宽到 491px——品牌改为可收缩省略、隐藏副标、图标列固定不压缩，实测两面 scrollW=innerW 无溢出。
2. 混合滑动手感：Story 按图片真实形状分向——竖幅(14 屏)上下滚动，横幅(10 幅)进「横向长廊」左右滑动，带 scroll-snap、逐幅揭示动画与方向视差；横廊激活 uses 视口坐标，滑动后 data-active 正确跟随。
3. 背景音乐：升级为模块级单例（跨页继续播、iOS AudioContext resume、音量提高 + 补低音根音更可听、防重复绑定）。

本地：tsc + build 144 页通过；浏览器移动端 390px 实测无溢出、横廊左右滑 data-active 正确、音乐点击后 AudioContext running 无报错。