From fbacd24f3385313157e7e4b2214903faabc0cd7e Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Sun, 26 Apr 2026 01:16:30 +0800
Subject: [PATCH] Style pinned city card and add dashboard body scrolling

---
 .../components/dashboard/Dashboard.module.css | 25 +++++++++++++++++++
 .../dashboard/ScanTerminalDashboard.tsx       |  5 ++--
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/frontend/components/dashboard/Dashboard.module.css b/frontend/components/dashboard/Dashboard.module.css
index bfd1ae06..dafd2b26 100644
--- a/frontend/components/dashboard/Dashboard.module.css
+++ b/frontend/components/dashboard/Dashboard.module.css
@@ -11086,6 +11086,19 @@
   padding: 0;
 }
 
+.root :global(.scan-ai-city-pin.pinned) {
+  border-color: rgba(77, 163, 255, 0.72);
+  background: rgba(77, 163, 255, 0.2);
+  color: #6fb7ff;
+  box-shadow: inset 0 0 0 1px rgba(77, 163, 255, 0.12);
+}
+
+.root :global(.scan-ai-city-pin.pinned:hover) {
+  border-color: rgba(239, 68, 68, 0.52);
+  background: rgba(239, 68, 68, 0.14);
+  color: #ff9aa4;
+}
+
 .root :global(.scan-ai-city-collapse) {
   padding: 8px 10px;
 }
@@ -11116,6 +11129,18 @@
 
 .root :global(.scan-ai-city-body) {
   padding: 18px;
+  max-height: clamp(420px, 58vh, 760px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.root :global(.scan-ai-city-body::-webkit-scrollbar) {
+  width: 8px;
+}
+
+.root :global(.scan-ai-city-body::-webkit-scrollbar-thumb) {
+  border-radius: 999px;
+  background: rgba(77, 163, 255, 0.28);
 }
 
 .root :global(.scan-ai-decision-band) {
diff --git a/frontend/components/dashboard/ScanTerminalDashboard.tsx b/frontend/components/dashboard/ScanTerminalDashboard.tsx
index 883fa185..f726459d 100644
--- a/frontend/components/dashboard/ScanTerminalDashboard.tsx
+++ b/frontend/components/dashboard/ScanTerminalDashboard.tsx
@@ -623,10 +623,11 @@ function AiPinnedCityCard({
           <div className="scan-ai-city-actions">
             <button
               type="button"
-              className="scan-ai-city-pin"
+              className="scan-ai-city-pin pinned"
               onClick={onRemove}
+              aria-pressed="true"
               aria-label={isEn ? `Unpin ${displayName}` : `取消固定 ${displayName}`}
-              title={isEn ? "Unpin city" : "取消固定"}
+              title={isEn ? "Pinned. Click to unpin." : "已钉选，点击取消固定"}
             >
               <Pin size={15} fill="currentColor" />
             </button>