From 623cf8c4275622d88e191a876d53701a9f760ec9 Mon Sep 17 00:00:00 2001
From: wren <porlong@qq.com>
Date: Tue, 24 Mar 2026 20:20:32 +0800
Subject: [PATCH] fix(ui): match extraction field chips with review settings
 style, green only for multi-entity

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/components/rules/new/ExtractionSettings.tsx |  2 +-
 app/styles/pages/config-lists_new.css           | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/components/rules/new/ExtractionSettings.tsx b/app/components/rules/new/ExtractionSettings.tsx
index c8a3305..b440219 100644
--- a/app/components/rules/new/ExtractionSettings.tsx
+++ b/app/components/rules/new/ExtractionSettings.tsx
@@ -724,7 +724,7 @@ export function ExtractionSettings({
                     <button
                       type="button"
                       key={`llm-field-${index}`}
-                      className={`inline-flex items-center px-3 py-1 rounded-full text-xs font-medium border cursor-pointer transition-all duration-200 ${multiEntityEnabled && isMulti ? 'bg-[#00684a] border-[#00684a] text-white hover:bg-[#005a3f]' : 'bg-gray-100 text-gray-700 border-gray-200 hover:bg-[rgba(0,104,74,0.1)] hover:border-[#00684a] hover:text-[#00684a]'}`}
+                      className={`ant-btn ant-btn-default tag-button ${multiEntityEnabled && isMulti ? 'tag-multi-entity' : ''}`}
                       onClick={() => multiEntityEnabled && toggleLLMFieldMultiEntity(index)}
                       title={multiEntityEnabled ? (isMulti ? '点击关闭多实体展开' : '点击开启多实体展开') : name}
                     >
diff --git a/app/styles/pages/config-lists_new.css b/app/styles/pages/config-lists_new.css
index 8618f66..fbdacb4 100644
--- a/app/styles/pages/config-lists_new.css
+++ b/app/styles/pages/config-lists_new.css
@@ -95,8 +95,15 @@
   @apply bg-[rgba(0,104,74,0.15)] border-[#00684a] text-[#00684a];
 }
 
-.config-new-page .tag-button.tag-multi-entity {
-  @apply bg-[#00684a] border-[#00684a] text-white hover:bg-[#005a3f] hover:border-[#005a3f] hover:text-white;
+.config-new-page .ant-btn.tag-button.tag-multi-entity {
+  background-color: #00684a !important;
+  border-color: #00684a !important;
+  color: #fff !important;
+}
+.config-new-page .ant-btn.tag-button.tag-multi-entity:hover {
+  background-color: #005a3f !important;
+  border-color: #005a3f !important;
+  color: #fff !important;
 }
 
 /* JSON编辑器 */