From 4cf31c76bb249d83e4539c0a6332900525e8cffa Mon Sep 17 00:00:00 2001
From: Zichao Lin <earthjasonlin@163.com>
Date: Wed, 5 Aug 2026 07:43:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E4=BF=AE=E5=A4=8D=E6=97=A0=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E6=A8=A1=E5=BC=8F=E5=8D=A1=E7=89=87=E6=B6=88=E5=A4=B1?=
 =?UTF-8?q?=EF=BC=88no-anim=20=E6=98=BE=E5=BC=8F=E7=BD=AE=E4=B8=BA?=
 =?UTF-8?q?=E6=9C=80=E7=BB=88=E6=80=81=EF=BC=89=20=20animation:none=20?=
 =?UTF-8?q?=E4=BC=9A=E5=81=9C=E4=BD=8F=E5=8A=A8=E7=94=BB=E4=BD=86=E4=BF=9D?=
 =?UTF-8?q?=E7=95=99=20opacity:0=20=E5=9F=BA=E7=A1=80=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=9B=E6=94=B9=E7=94=A8=20no-anim=20=E7=B1=BB=E6=98=BE?=
 =?UTF-8?q?=E5=BC=8F=20opacity:1/transform:none?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/app.js    | 8 +++++---
 app/static/style.css | 7 +++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/static/app.js b/app/static/app.js
index 1895fa6..6238bf5 100644
--- a/app/static/app.js
+++ b/app/static/app.js
@@ -189,8 +189,9 @@
       st.cls === "err" ? "error" : "",
       st.cls === "disabled" ? "disabled" : "",
       st.cls === "pending" ? "pending" : "",
+      animate ? "" : "no-anim",
     ].join(" ").trim();
-    const animStyle = animate ? `animation-delay:${Math.min(idx, 12) * 40}ms` : "animation:none";
+    const animStyle = animate ? `animation-delay:${Math.min(idx, 12) * 40}ms` : "";
     const win = accountWindows[a.id] || "all";
     let hist;
     if (win === "all") {
@@ -355,9 +356,10 @@
     list.innerHTML = platforms.map((p, i) => {
       const b = brandStyle(p.icon || "");
       const prov = providersList.find((x) => x.id === p.provider_id);
-      const animStyle = animate ? `animation-delay:${Math.min(i, 10) * 35}ms` : "animation:none";
+      const animStyle = animate ? `animation-delay:${Math.min(i, 10) * 35}ms` : "";
+      const rowCls = `platform-row ${p.enabled ? "" : "platform-off"}${animate ? "" : " no-anim"}`;
       return `
-        <div class="platform-row ${p.enabled ? "" : "platform-off"}" style="${animStyle}">
+        <div class="${rowCls}" style="${animStyle}">
           <div class="badge" style="background:${b.color}">${escapeHtml(b.abbr)}</div>
           <div class="platform-info">
             <div class="platform-name">${escapeHtml(p.name)}
diff --git a/app/static/style.css b/app/static/style.css
index 6ecbc5b..d97187e 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -408,6 +408,13 @@ label { font-size: 12px; font-weight: 500; color: var(--text-2); margin-bottom:
   .account-card { opacity: 1; transform: none; }
 }
 
+/* 无动画模式：自动刷新静默更新，直接以最终态显示 */
+.account-card.no-anim, .platform-row.no-anim {
+  opacity: 1;
+  transform: none;
+  animation: none;
+}
+
 /* ===== 账号监控：筛选栏 ===== */
 .filter-bar {
   display: flex;