chore：优化表单风格逻辑，支持显式和隐式判定，确保兼容性

components-diy/diy-form.vue

@@ -136,9 +136,18 @@ export default {
 				padding: `0 ${this._num(this.mergedFormConfig && this.mergedFormConfig.bannerPaddingX, 0)}rpx`
 			});
 		},
-		// 后台配了 banner 图片时启用卡片浮起布局（与参考设计左图一致）；无 banner 走原平铺，零外溢
+		// 表单风格：优先读显式 form_style（classic / card），未设置时回退到隐式判定（看 show_banner && form_banner）
+		//  - classic：经典风格，平铺无 banner 卡片
+		//  - card   ：卡片浮起风格，banner + 卡片浮起 + 容器内缩
+		// 注意：必须读 this.formCfg（原始 formConfig 对象）而不是 mergedFormConfig（白名单组装对象，不含 form_style 键）
+		// 双键兼容：formdata 链路 camel（formStyle，api splitFormConfig 转换）；DIY 链路 snake（form_style，design.js 直存）
+		// 老表单无 form_style 字段时 → undefined → 走隐式判定，与原行为完全一致，零迁移风险
 		hasBannerMode() {
 			const v = this.value || {};
+			const fc = this.formCfg || {};
+			const style = fc.formStyle !== undefined ? fc.formStyle : fc.form_style;
+			if (style === 'card') return true;
+			if (style === 'classic') return false;
 			return !!(v.show_banner && v.form_banner);
 		},
 		// 卡片容器内联样式：maring-top（负偏移让卡片向上压住 banner 底部）+ border-radius + padding-x + box-shadow + background。