From 86f2e69b6039bac7963e3e9a704ab9b39292dc8c Mon Sep 17 00:00:00 2001
From: admin <1297598740@qq.com>
Date: Fri, 30 Jan 2026 16:23:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=81=A5=E5=BA=B7?=
 =?UTF-8?q?=E8=AF=84=E5=88=86=E5=BC=B9=E7=AA=97=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E5=8C=85=E5=90=AB=E7=8E=BB=E7=92=83=E6=8B=9F=E6=80=81UI?=
 =?UTF-8?q?=E5=92=8C=E8=AF=A6=E7=BB=86=E6=8C=87=E6=A0=87=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HealthScoreModal/HealthScoreModal.css     | 59 +++++++++++++++++--
 .../HealthScoreModal/HealthScoreModal.tsx     |  2 +-
 2 files changed, 56 insertions(+), 5 deletions(-)

diff --git a/src/components/home/HealthScoreModal/HealthScoreModal.css b/src/components/home/HealthScoreModal/HealthScoreModal.css
index 9dded73..33c9197 100644
--- a/src/components/home/HealthScoreModal/HealthScoreModal.css
+++ b/src/components/home/HealthScoreModal/HealthScoreModal.css
@@ -451,9 +451,60 @@
     color: white;
 }
 
-.rule-desc-group p {
-    margin: 0;
-    font-size: 0.875rem;
-    color: var(--health-text-sub);
+margin: 0;
+font-size: 0.875rem;
+color: var(--health-text-sub);
+line-height: 1.5;
+}
+
+/* AI Advice & Tips Styling */
+.tip-item {
+    margin-bottom: 0.75rem;
+    font-size: 0.9rem;
+    color: rgba(255, 255, 255, 0.9);
     line-height: 1.5;
+    padding-left: 0.5rem;
+    border-left: 2px solid rgba(255, 255, 255, 0.2);
+}
+
+.ai-advice-container {
+    margin-top: 1rem;
+    padding-top: 1rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ai-advice-box {
+    background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), transparent);
+    border-left: 3px solid #60a5fa;
+    padding: 1rem;
+    border-radius: 0 12px 12px 0;
+    font-size: 0.9rem;
+    line-height: 1.6;
+    color: #93c5fd;
+    position: relative;
+}
+
+.ai-advice-icon {
+    position: absolute;
+    top: 1rem;
+    left: 1rem;
+    color: #60a5fa;
+}
+
+.ai-advice-text {
+    display: block;
+    margin-left: 0;
+    /* Adjusted layout */
+    text-align: justify;
+}
+
+.ai-loading {
+    margin-top: 1rem;
+    font-size: 0.85rem;
+    opacity: 0.7;
+    font-style: italic;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding-left: 0.5rem;
 }
\ No newline at end of file
diff --git a/src/components/home/HealthScoreModal/HealthScoreModal.tsx b/src/components/home/HealthScoreModal/HealthScoreModal.tsx
index 3c8f3a9..d903648 100644
--- a/src/components/home/HealthScoreModal/HealthScoreModal.tsx
+++ b/src/components/home/HealthScoreModal/HealthScoreModal.tsx
@@ -85,7 +85,7 @@ export const HealthScoreModal: React.FC<HealthScoreModalProps> = ({
             setShowRules(false); // Reset view on close
         }
         return () => { isMounted = false; };
-    }, [isOpen, aiAdvice, loadingAdvice, score, totalAssets, totalLiabilities, metrics, tips]);
+    }, [isOpen, score, totalAssets, totalLiabilities, metrics, tips]);
 
 
     if (!isOpen) return null;