diff --git a/src/api/flow-canvas.ts b/src/api/flow-canvas.ts
index 069b0e4..5e36ea0 100644
--- a/src/api/flow-canvas.ts
+++ b/src/api/flow-canvas.ts
@@ -107,6 +107,36 @@ export const toRealStyleApi = (data:toRealStyleData) => {
 		}
 	})
 }
+/**
+ * 图片转真是风格-变体
+ * @param data 图片转真是风格-变体的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrl 进行生成的图片。minio地址和正常地址都可以
+ * @param data.mode 选择的模型
+ * @param data.size 生成图片的大小
+ * @param data.userPrompt 生成图片的提示词
+ * @returns 图片转真是风格
+ */
+export interface toRealStyleData {
+	sketchId?: string
+	imageUrl?: string
+	mode?: string
+	size?: string
+	userPrompt?: string
+}
+export const toRealVariantsApi = (data:toRealStyleData) => {
+	return request({
+		url: `/api/image/to-real-style`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrl: data.imageUrl,
+			mode: data.mode,
+			size: data.size,
+			userPrompt: data.userPrompt
+		}
+	})
+}
 /**
  * 线稿图上色
  * @param data 线稿图上色的参数
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/cards/to-real-variants.vue b/src/components/Canvas/FlowCanvas/components/nodes/cards/to-real-variants.vue
index d21e8a5..b1b01ef 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/cards/to-real-variants.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/cards/to-real-variants.vue
@@ -80,7 +80,7 @@
 		> .shortcut-list {
 			display: flex;
 			flex-wrap: wrap;
-			gap: 10px 4px;
+			gap: 10px 3px;
 			user-select: none;
 			> .item {
 				display: flex;
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index c181fd7..78c7666 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -171,7 +171,7 @@
 		}
 	])
 	const onPreview = (item: any) => {
-		if(data.superiorNodeType == NODE_DATATYPE.TO_3D_MODEL){
+		if(data.superiorNodeType == NODE_DATATYPE.TO_3D_MODEL && tier.value != 0){
 			openThreeModelPreview({
 				glbPath:item?.glbPath,
 				glbInfoObj:item?.glbInfoObj,
diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue
index dd4f732..eefea37 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue
@@ -34,10 +34,10 @@ const {} = toRefs(data);
 		<div class="detail">
 			<div class="name">
 				<div class="title fs18">
-					Sofa
+					3D Asset
 				</div>
 				<div class="fs14 c66">
-					Model Name
+					File Format:glb.
 				</div>
 			</div>
 			<div class="fs14 c18">