From f7eeca10217a54ad985c5f4a9923f91b165f2e64 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Mon, 25 May 2026 02:29:04 +0800
Subject: [PATCH] =?UTF-8?q?LoadingSignal=20=E5=8D=87=E7=BA=A7=EF=BC=9A?=
 =?UTF-8?q?=E6=8D=A2=E7=94=A8=E6=96=B0=E5=93=81=E7=89=8C=20logo=EF=BC=8C?=
 =?UTF-8?q?=E6=98=8E=E4=BA=AE=E7=AE=80=E6=B4=81=E8=93=9D=E8=89=B2=E6=97=8B?=
 =?UTF-8?q?=E8=BD=AC=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

logo 改用 apple-touch-icon，spinner 改为蓝色渐变环 + 微光晕
+ cubic-bezier 缓动曲线，整体更轻盈现代。
同时 ScanTerminalScreen 加载态接入 ScanTerminalLoadingScreen。
---
 .../dashboard/ScanTerminalDashboard.tsx        | 15 +++++++++------
 .../dashboard/ScanTerminalState.module.css     | 18 ++++++++++--------
 .../dashboard/scan-terminal/LoadingSignal.tsx  |  5 +----
 3 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/frontend/components/dashboard/ScanTerminalDashboard.tsx b/frontend/components/dashboard/ScanTerminalDashboard.tsx
index 522fe953..5685914e 100644
--- a/frontend/components/dashboard/ScanTerminalDashboard.tsx
+++ b/frontend/components/dashboard/ScanTerminalDashboard.tsx
@@ -56,6 +56,8 @@ import {
   useScanTerminalTheme,
   useUserLocalClock,
 } from "@/components/dashboard/scan-terminal/use-scan-terminal-ui-state";
+import { ScanTerminalLoadingScreen } from "@/components/dashboard/scan-terminal/ScanTerminalShellParts";
+import { scanRootClass } from "@/components/dashboard/scan-root-styles";
 import { useRelativeTime } from "@/hooks/useRelativeTime";
 
 function createEmptyAccess(loading = true): ProAccessState {
@@ -1165,7 +1167,7 @@ function ScanTerminalScreen() {
   const isPro =
     hydrated && (proAccess.subscriptionActive || canUseLocalFullAccess);
   const userLocalTime = useUserLocalClock();
-  useScanTerminalTheme();
+  const { themeMode } = useScanTerminalTheme();
 
   useEffect(() => {
     let cancelled = false;
@@ -1253,11 +1255,12 @@ function ScanTerminalScreen() {
 
   if (!hydrated || (proAccess.loading && !canUseLocalFullAccess)) {
     return (
-      <div className="grid h-screen w-full place-items-center bg-[#e9edf3]">
-        <div className="rounded border border-slate-300 bg-white px-5 py-4 text-sm font-bold text-slate-600 shadow-sm">
-          Loading paid terminal...
-        </div>
-      </div>
+      <ScanTerminalLoadingScreen
+        isEn={isEn}
+        rootClassName={scanRootClass}
+        themeMode={themeMode}
+        userLocalTime={userLocalTime}
+      />
     );
   }
 
diff --git a/frontend/components/dashboard/ScanTerminalState.module.css b/frontend/components/dashboard/ScanTerminalState.module.css
index 24b82af3..a82b7dd7 100644
--- a/frontend/components/dashboard/ScanTerminalState.module.css
+++ b/frontend/components/dashboard/ScanTerminalState.module.css
@@ -124,8 +124,8 @@
 
 .root :global(.scan-loading-spinner-wrapper) {
   position: relative;
-  width: 90px;
-  height: 90px;
+  width: 96px;
+  height: 96px;
   display: grid;
   place-items: center;
   margin: 0 auto;
@@ -134,17 +134,19 @@
 .root :global(.scan-loading-spinner-ring) {
   position: absolute;
   inset: 0;
-  border: 1.5px solid transparent;
-  border-top-color: var(--color-text-primary);
-  border-right-color: var(--color-text-primary);
+  border: 2px solid transparent;
+  border-top-color: #3b82f6;
+  border-right-color: #60a5fa;
   border-radius: 50%;
-  animation: scan-loading-spin 1s linear infinite;
+  animation: scan-loading-spin 0.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  box-shadow: 0 0 12px rgba(59, 130, 246, 0.12);
 }
 
 .root :global(.scan-loading-spinner-logo) {
-  width: 44px;
-  height: 44px;
+  width: 48px;
+  height: 48px;
   object-fit: contain;
+  border-radius: 8px;
 }
 
 .root :global(.scan-loading-copy-block) {
diff --git a/frontend/components/dashboard/scan-terminal/LoadingSignal.tsx b/frontend/components/dashboard/scan-terminal/LoadingSignal.tsx
index 37d7a15c..514c9038 100644
--- a/frontend/components/dashboard/scan-terminal/LoadingSignal.tsx
+++ b/frontend/components/dashboard/scan-terminal/LoadingSignal.tsx
@@ -18,12 +18,9 @@ export function LoadingSignal({
       <div className="scan-loading-spinner-wrapper" aria-hidden="true">
         <div className="scan-loading-spinner-ring" />
         <img
-          src="/static/logo.png"
+          src="/apple-touch-icon.png"
           alt="PolyWeather"
           className="scan-loading-spinner-logo"
-          onError={(e) => {
-            (e.target as HTMLImageElement).src = "/logo.png";
-          }}
         />
       </div>
       <div className="scan-loading-copy-block">