.video-wrap { position: relative; aspect-ratio: 16 / 9; }
.video-wrap iframe { width: 100%; height: 100%; display: block; }
.col { min-width: 0; }
两栏文章里嵌了播放列表，右栏被挤到屏幕外，手机上出现 40px 横向滚动，列表本身宽 320px 完全不收缩。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。
追下去是这么回事：播放列表 iframe 写死了 width=320，父容器是 flex 布局但子项没设 min-width: 0，内容撑开了最小宽度。iframe 也不能用百分比缩到比内容更窄。
这次卡住的地方就在「播放列表撑破布局」这一环，单独把它拎出来验证，别和其他改动混在同一次发布里。同一份配置存在多处的，先确认改的是被加载的那一份。
新版本先放一台机器上跑一天再全量，问题一般在这段时间暴露。备份不是备了就行，恢复一次才算数，很多备份文件打开才发现是空的。
接口问题先分清是没发出去、发出去了没收到，还是收到了处理失败。
处理上按这个顺序：iframe 改 width=100% 高度用 aspect-ratio 撑开；给 flex 子项加 min-width: 0 允许收缩；窄屏下把播放列表移出两栏 改成上下排列。
确认没问题再收工，320px 宽的手机上播放列表完整显示，页面没有横向滚动条。