必须将战术板图片与文字绑定在同一图文容器中并设为左右分栏布局，通过调整宽高、对齐方式、内边距及阴影等细节实现视觉关联，确保PC端左右同步、移动端自动切换上下排列。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在花生AI生成足球解说MG动画时，常遇到战术板图片孤零零居中显示、文字说明堆在下方，导致观众视线割裂、关键信息无法同步理解。必须让图片与文字形成视觉关联，才能支撑战术讲解逻辑。
确认图文是否处于同一容器内
进入项目编辑界面，点击任意一张战术板图片，观察右侧属性面板顶部是否显示「所属容器：图文区块」。若显示为「独立图层」或无容器信息，说明图片和文字尚未绑定在同一布局单元中。
此时不能直接拖动图片靠近文字——【强行拖拽会导致响应式失效，手机端图片会跑出屏幕外】。必须先重建容器关系。
点击左上角「结构树」图标→找到当前分镜节点→右键选择「包裹为图文容器」→系统自动创建带左右分栏的默认容器。
切换为左右分栏布局
方法一：在容器属性面板中，将「布局模式」下拉菜单从「上下排列」改为「左右分栏」。
方法二：鼠标悬停在容器边缘，出现双向箭头时，按住Alt键（Windows）或Option键（Mac）向右拖动，实时分割出左右两列区域。
这一步操作起来很简单，直接把文件拖进去就行。但注意：左右分栏生效的前提是文字区已存在且非空。如果文字区为空，系统会自动压缩右侧宽度至最小值，图片区反而撑满全屏。
调整图片与文字的相对位置
第一步：点击图片模块，在右侧「尺寸与位置」面板中，关闭「保持宽高比」开关。
第二步：将「宽度」设为60%，「对齐方式」选「左对齐」；同时选中文字模块，将「宽度」设为38%，「对齐方式」选「右对齐」。
第三步：在两个模块的「内边距」设置中，统一将左侧/右侧边距设为12px，避免文字紧贴图片边缘造成阅读压迫感。
第四步：检查移动端预览——若文字被截断，立即回到容器设置，将「移动端布局」改为「上下排列」，此选项仅影响小屏幕，不影响PC端左右结构。
微调图文间距与视觉重心
在图片模块的「高级样式」中，开启「阴影」并设为轻微外阴影（X:0, Y:2px, 模糊:4px, 透明度:15%），让图片轻微浮起，自然引导视线流向右侧文字。
文字区内，将第一行标题字号加大至24px，并添加「底部边框：1px solid #E0E0E0」，形成视觉锚点，使读者一眼锁定图文对应关系。
最后点击「预览」播放动画，确认战术板出现时，文字说明同步浮现且不遮挡球员站位关键点。
