diff --git a/frontend/app/web-gold/src/views/kling/IdentifyFace.vue b/frontend/app/web-gold/src/views/kling/IdentifyFace.vue
index 0cd39ad2d3..d72894ab10 100644
--- a/frontend/app/web-gold/src/views/kling/IdentifyFace.vue
+++ b/frontend/app/web-gold/src/views/kling/IdentifyFace.vue
@@ -311,7 +311,7 @@ onMounted(async () => {
 // 布局容器
 .config-panel {
   flex: 1;
-  padding: 20px;
+  padding:0 20px;
   max-width: 100%;
 }
 
@@ -491,14 +491,14 @@ onMounted(async () => {
   transition: all 0.2s ease;
 
   &:hover {
-    border-color: #22C55E;
-    background: #F0FDF4;
+    border-color: #3B82F6;
+    background: #EFF6FF;
   }
 
   &--selected {
     border-style: solid;
-    border-color: #22C55E;
-    background: #F0FDF4;
+    border-color: #2563EB;
+    background: #EFF6FF;
   }
 }
 
@@ -587,7 +587,7 @@ onMounted(async () => {
   flex-shrink: 0;
 
   &:hover {
-    color: #22C55E;
+    color: #3B82F6;
   }
 }
 
@@ -603,8 +603,8 @@ onMounted(async () => {
   transition: all 0.2s ease;
 
   &--dragover {
-    border-color: #22C55E;
-    background: #F0FDF4;
+    border-color: #3B82F6;
+    background: #EFF6FF;
   }
 }
 
@@ -640,16 +640,16 @@ onMounted(async () => {
   padding: 6px 16px;
   font-size: 12px;
   font-weight: 500;
-  color: #22C55E;
+  color: #3B82F6;
   border: none;
   background: transparent;
   cursor: pointer;
-  border: 1px solid #22C55E;
+  border: 1px solid #3B82F6;
   border-radius: 6px;
   transition: all 0.2s ease;
 
   &:hover {
-    background: rgba(34, 197, 94, 0.1);
+    background: rgba(59, 130, 246, 0.1);
   }
 }
 
@@ -693,11 +693,11 @@ onMounted(async () => {
   border-radius: 8px;
 
   &.ant-btn-primary {
-    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
+    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
     border: none;
 
     &:hover:not(:disabled) {
-      box-shadow: 0 4px 12px rgba(34, 197, 94, 0.35);
+      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
     }
 
     &:disabled {