From 5c47b20e1dccc137bd10da9adfad908da722efbd Mon Sep 17 00:00:00 2001
From: yorn <1057707203@qq.com>
Date: Fri, 12 Dec 2025 16:18:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=201.=E4=BF=AE=E5=A4=8D=E8=AF=84=E6=9F=A5?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E4=B8=AD=E7=9A=84=E6=B3=95=E5=85=B8=E7=9A=84?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/cross-checking/ReviewPointsList.tsx | 10 +++++-----
 app/components/reviews/ReviewPointsList.tsx        | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/components/cross-checking/ReviewPointsList.tsx b/app/components/cross-checking/ReviewPointsList.tsx
index 4f050b8..f70b010 100644
--- a/app/components/cross-checking/ReviewPointsList.tsx
+++ b/app/components/cross-checking/ReviewPointsList.tsx
@@ -2416,14 +2416,14 @@ export function ReviewPointsList({
         {reviewPoint.legalBasis && (typeof reviewPoint.legalBasis === 'object') && (
           (reviewPoint.legalBasis.name || reviewPoint.legalBasis.content ||
             (reviewPoint.legalBasis.articles && Array.isArray(reviewPoint.legalBasis.articles) && reviewPoint.legalBasis.articles.length > 0)) && (
-            <div className="law-reference mb-3 select-text">
+            <div className="bg-[#f0f9ff] border border-[#bae0ff] rounded p-3 mb-3 select-text">
               {reviewPoint.legalBasis.name && (
-                <div className="law-reference-title">{reviewPoint.legalBasis.name}</div>
+                <div className="text-[#0958d9] font-medium text-sm mb-2">{reviewPoint.legalBasis.name}</div>
               )}
               {reviewPoint.legalBasis.articles && Array.isArray(reviewPoint.legalBasis.articles) && reviewPoint.legalBasis.articles.length > 0 && (
-                <div className="law-reference-articles">
+                <div className="flex flex-wrap gap-2 mb-2">
                   {reviewPoint.legalBasis.articles.map((item, index) => (
-                    <span key={index} className="law-article">
+                    <span key={index} className="bg-[#e6f4ff] border border-[#91caff] rounded-full px-2 py-0.5 text-xs text-[#0958d9]">
                       {typeof item === 'string' ? item :
                         typeof item === 'object' && item !== null ?
                           (item.name || item.content || JSON.stringify(item)) :
@@ -2433,7 +2433,7 @@ export function ReviewPointsList({
                 </div>
               )}
               {reviewPoint.legalBasis.content && (
-                <div className="law-reference-content">{reviewPoint.legalBasis.content}</div>
+                <div className="text-[13px] text-[#434343] leading-relaxed border-l-[3px] border-[#bae0ff] pl-2 mt-2">{reviewPoint.legalBasis.content}</div>
               )}
             </div>
           )
diff --git a/app/components/reviews/ReviewPointsList.tsx b/app/components/reviews/ReviewPointsList.tsx
index a3bb976..8691fe5 100644
--- a/app/components/reviews/ReviewPointsList.tsx
+++ b/app/components/reviews/ReviewPointsList.tsx
@@ -2192,14 +2192,14 @@ export function ReviewPointsList({
           {reviewPoint.legalBasis && (typeof reviewPoint.legalBasis === 'object') && (
             (reviewPoint.legalBasis.name || reviewPoint.legalBasis.content ||
               (reviewPoint.legalBasis.articles && Array.isArray(reviewPoint.legalBasis.articles) && reviewPoint.legalBasis.articles.length > 0)) && (
-              <div className="law-reference mb-3 select-text">
+              <div className="bg-[#f0f9ff] border border-[#bae0ff] rounded p-3 mb-3 select-text">
                 {reviewPoint.legalBasis.name && (
-                  <div className="law-reference-title">{reviewPoint.legalBasis.name}</div>
+                  <div className="text-[#0958d9] font-medium text-sm mb-2">{reviewPoint.legalBasis.name}</div>
                 )}
                 {reviewPoint.legalBasis.articles && Array.isArray(reviewPoint.legalBasis.articles) && reviewPoint.legalBasis.articles.length > 0 && (
-                  <div className="law-reference-articles">
+                  <div className="flex flex-wrap gap-2 mb-2">
                     {reviewPoint.legalBasis.articles.map((item, index) => (
-                      <span key={index} className="law-article">
+                      <span key={index} className="bg-[#e6f4ff] border border-[#91caff] rounded-full px-2 py-0.5 text-xs text-[#0958d9]">
                         {typeof item === 'string' ? item :
                           typeof item === 'object' && item !== null ?
                             (item.name || item.content || JSON.stringify(item)) :
@@ -2209,7 +2209,7 @@ export function ReviewPointsList({
                   </div>
                 )}
                 {reviewPoint.legalBasis.content && (
-                  <div className="law-reference-content">{reviewPoint.legalBasis.content}</div>
+                  <div className="text-[13px] text-[#434343] leading-relaxed border-l-[3px] border-[#bae0ff] pl-2 mt-2">{reviewPoint.legalBasis.content}</div>
                 )}
               </div>
             )