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>
             )