From 21b3e97571204da8b4c1a83e6c62247db40a7de2 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Thu, 4 Jun 2026 13:07:00 +0800
Subject: [PATCH] fix(instance): light-theme P/L colors, AI review panels, bot
 stats

Restore plan floating P/L and st-done greens; fix panel-item and stats-split-col in light mode; observe journal lists; bump theme assets to v3.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 crypto_monitor_binance/templates/index.html   |   4 +-
 .../templates/key_focus_v2.html               |   4 +-
 crypto_monitor_binance/templates/login.html   |   4 +-
 .../templates/order_focus_v2.html             |   4 +-
 crypto_monitor_gate/templates/index.html      |   4 +-
 .../templates/key_focus_v2.html               |   4 +-
 crypto_monitor_gate/templates/login.html      |   4 +-
 .../templates/order_focus_v2.html             |   4 +-
 crypto_monitor_gate_bot/templates/index.html  |   4 +-
 .../templates/key_focus_v2.html               |   4 +-
 crypto_monitor_gate_bot/templates/login.html  |   4 +-
 .../templates/order_focus_v2.html             |   4 +-
 crypto_monitor_okx/templates/index.html       |   4 +-
 .../templates/key_focus_v2.html               |   4 +-
 crypto_monitor_okx/templates/login.html       |   4 +-
 .../templates/order_focus_v2.html             |   4 +-
 scripts/patch_instance_theme_templates.py     |   4 +-
 static/instance_theme.css                     | 109 +++++++++++++++++-
 static/instance_theme.js                      |  21 ++++
 strategy_templates/strategy_roll.html         |   4 +-
 20 files changed, 165 insertions(+), 37 deletions(-)
diff --git a/crypto_monitor_binance/templates/index.html b/crypto_monitor_binance/templates/index.html
index 848dd62..dca0d8b 100644
--- a/crypto_monitor_binance/templates/index.html
+++ b/crypto_monitor_binance/templates/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <meta name="theme-color" content="#0b0d14">
     <meta name="apple-mobile-web-app-title" content="监控">
@@ -231,7 +231,7 @@
         .stats-period-block h3{font-size:1rem;color:#dbe4ff;margin-bottom:4px}
         .stats-period-block .sub{font-size:.78rem;color:#8892b0;margin-bottom:10px;line-height:1.4}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body data-page="{{ page }}">
diff --git a/crypto_monitor_binance/templates/key_focus_v2.html b/crypto_monitor_binance/templates/key_focus_v2.html
index 522fe32..3014cd7 100644
--- a/crypto_monitor_binance/templates/key_focus_v2.html
+++ b/crypto_monitor_binance/templates/key_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
   <title>{{ exchange_display }} | 关键位放大</title>
   <style>
@@ -24,7 +24,7 @@
     #chart{width:100%;height:100%}
     .exchange-tag{font-size:.72rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:4px 10px;border-radius:999px;margin-left:8px}
   </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_binance/templates/login.html b/crypto_monitor_binance/templates/login.html
index 38a348c..ab4027b 100644
--- a/crypto_monitor_binance/templates/login.html
+++ b/crypto_monitor_binance/templates/login.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>登录 · {{ exchange_display }}</title>
     <style>
@@ -94,7 +94,7 @@
             font-weight: 600;
         }
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <div class="login-theme-bar">
diff --git a/crypto_monitor_binance/templates/order_focus_v2.html b/crypto_monitor_binance/templates/order_focus_v2.html
index b40bb43..020f832 100644
--- a/crypto_monitor_binance/templates/order_focus_v2.html
+++ b/crypto_monitor_binance/templates/order_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>{{ exchange_display }} | 实盘下单放大</title>
     <style>
@@ -25,7 +25,7 @@
         .empty{padding:18px;color:#95a2c2}
         .exchange-tag{font-size:.72rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:4px 10px;border-radius:999px;margin-left:8px}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_gate/templates/index.html b/crypto_monitor_gate/templates/index.html
index 848dd62..dca0d8b 100644
--- a/crypto_monitor_gate/templates/index.html
+++ b/crypto_monitor_gate/templates/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <meta name="theme-color" content="#0b0d14">
     <meta name="apple-mobile-web-app-title" content="监控">
@@ -231,7 +231,7 @@
         .stats-period-block h3{font-size:1rem;color:#dbe4ff;margin-bottom:4px}
         .stats-period-block .sub{font-size:.78rem;color:#8892b0;margin-bottom:10px;line-height:1.4}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body data-page="{{ page }}">
diff --git a/crypto_monitor_gate/templates/key_focus_v2.html b/crypto_monitor_gate/templates/key_focus_v2.html
index 053a3ba..552efcb 100644
--- a/crypto_monitor_gate/templates/key_focus_v2.html
+++ b/crypto_monitor_gate/templates/key_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
   <title>{{ exchange_display }} | 关键位放大</title>
   <style>
@@ -24,7 +24,7 @@
     #chart{width:100%;height:100%}
     .exchange-tag{font-size:.72rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:4px 10px;border-radius:999px;margin-left:8px}
   </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_gate/templates/login.html b/crypto_monitor_gate/templates/login.html
index 38a348c..ab4027b 100644
--- a/crypto_monitor_gate/templates/login.html
+++ b/crypto_monitor_gate/templates/login.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>登录 · {{ exchange_display }}</title>
     <style>
@@ -94,7 +94,7 @@
             font-weight: 600;
         }
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <div class="login-theme-bar">
diff --git a/crypto_monitor_gate/templates/order_focus_v2.html b/crypto_monitor_gate/templates/order_focus_v2.html
index b40bb43..020f832 100644
--- a/crypto_monitor_gate/templates/order_focus_v2.html
+++ b/crypto_monitor_gate/templates/order_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>{{ exchange_display }} | 实盘下单放大</title>
     <style>
@@ -25,7 +25,7 @@
         .empty{padding:18px;color:#95a2c2}
         .exchange-tag{font-size:.72rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:4px 10px;border-radius:999px;margin-left:8px}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_gate_bot/templates/index.html b/crypto_monitor_gate_bot/templates/index.html
index e743fcf..4b15709 100644
--- a/crypto_monitor_gate_bot/templates/index.html
+++ b/crypto_monitor_gate_bot/templates/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <meta name="theme-color" content="#0b0d14">
     <meta name="apple-mobile-web-app-title" content="监控">
@@ -211,7 +211,7 @@
             .stats-split-row{grid-template-columns:1fr}
         }
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_gate_bot/templates/key_focus_v2.html b/crypto_monitor_gate_bot/templates/key_focus_v2.html
index 053a3ba..552efcb 100644
--- a/crypto_monitor_gate_bot/templates/key_focus_v2.html
+++ b/crypto_monitor_gate_bot/templates/key_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
   <title>{{ exchange_display }} | 关键位放大</title>
   <style>
@@ -24,7 +24,7 @@
     #chart{width:100%;height:100%}
     .exchange-tag{font-size:.72rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:4px 10px;border-radius:999px;margin-left:8px}
   </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_gate_bot/templates/login.html b/crypto_monitor_gate_bot/templates/login.html
index 38a348c..ab4027b 100644
--- a/crypto_monitor_gate_bot/templates/login.html
+++ b/crypto_monitor_gate_bot/templates/login.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>登录 · {{ exchange_display }}</title>
     <style>
@@ -94,7 +94,7 @@
             font-weight: 600;
         }
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <div class="login-theme-bar">
diff --git a/crypto_monitor_gate_bot/templates/order_focus_v2.html b/crypto_monitor_gate_bot/templates/order_focus_v2.html
index 1662e00..7d437ab 100644
--- a/crypto_monitor_gate_bot/templates/order_focus_v2.html
+++ b/crypto_monitor_gate_bot/templates/order_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>{{ exchange_display }} | 实盘下单放大</title>
     <style>
@@ -25,7 +25,7 @@
         .empty{padding:18px;color:#95a2c2}
         .exchange-tag{font-size:.72rem;font-weight:600;color:#b8f5d0;background:#14241e;border:1px solid #2d6a4f;padding:4px 10px;border-radius:999px;margin-left:8px}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_okx/templates/index.html b/crypto_monitor_okx/templates/index.html
index c839342..27d8693 100644
--- a/crypto_monitor_okx/templates/index.html
+++ b/crypto_monitor_okx/templates/index.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <meta name="theme-color" content="#0b0d14">
     <meta name="apple-mobile-web-app-title" content="监控">
@@ -231,7 +231,7 @@
         .stats-period-block h3{font-size:1rem;color:#dbe4ff;margin-bottom:4px}
         .stats-period-block .sub{font-size:.78rem;color:#8892b0;margin-bottom:10px;line-height:1.4}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body data-page="{{ page }}">
diff --git a/crypto_monitor_okx/templates/key_focus_v2.html b/crypto_monitor_okx/templates/key_focus_v2.html
index 22ba7d9..f992aa0 100644
--- a/crypto_monitor_okx/templates/key_focus_v2.html
+++ b/crypto_monitor_okx/templates/key_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
   <title>关键位放大 | K线查看</title>
   <style>
@@ -23,7 +23,7 @@
     #chart-wrap{height:580px;background:#0f1320;border:1px solid #2a3150;border-radius:10px;padding:8px}
     #chart{width:100%;height:100%}
   </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/crypto_monitor_okx/templates/login.html b/crypto_monitor_okx/templates/login.html
index 3428686..16328c2 100644
--- a/crypto_monitor_okx/templates/login.html
+++ b/crypto_monitor_okx/templates/login.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>系统登录</title>
     <style>
@@ -84,7 +84,7 @@
             font-size: 0.85rem;
         }
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <div class="login-theme-bar">
diff --git a/crypto_monitor_okx/templates/order_focus_v2.html b/crypto_monitor_okx/templates/order_focus_v2.html
index 1d9f740..7055022 100644
--- a/crypto_monitor_okx/templates/order_focus_v2.html
+++ b/crypto_monitor_okx/templates/order_focus_v2.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-<script src="/static/instance_theme.js?v=2"></script>
+<script src="/static/instance_theme.js?v=3"></script>
 
     <title>实盘下单放大 | 100根K线</title>
     <style>
@@ -24,7 +24,7 @@
         #chart{width:100%;height:100%}
         .empty{padding:18px;color:#95a2c2}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
 
 </head>
 <body>
diff --git a/scripts/patch_instance_theme_templates.py b/scripts/patch_instance_theme_templates.py
index a851e6a..b0ae0d8 100644
--- a/scripts/patch_instance_theme_templates.py
+++ b/scripts/patch_instance_theme_templates.py
@@ -8,8 +8,8 @@ ROOT = Path(__file__).resolve().parents[1]
 EXCHANGES = ("crypto_monitor_binance", "crypto_monitor_okx", "crypto_monitor_gate", "crypto_monitor_gate_bot")
 FILES = ("index.html", "login.html", "key_focus_v2.html", "order_focus_v2.html")
 
-SCRIPT_TAG = '    <script src="/static/instance_theme.js?v=2"></script>\n'
-CSS_LINK = '    <link rel="stylesheet" href="/static/instance_theme.css?v=2">\n'
+SCRIPT_TAG = '    <script src="/static/instance_theme.js?v=3"></script>\n'
+CSS_LINK = '    <link rel="stylesheet" href="/static/instance_theme.css?v=3">\n'
 
 THEME_TOGGLE = """        <div class="theme-toggle instance-theme-toggle" role="group" aria-label="界面主题">
             <button type="button" class="theme-toggle-btn is-active" data-theme-value="dark" aria-pressed="true" title="暗色主题">
diff --git a/static/instance_theme.css b/static/instance_theme.css
index b1da6a2..2f21bb5 100644
--- a/static/instance_theme.css
+++ b/static/instance_theme.css
@@ -312,10 +312,34 @@ html[data-theme="light"] .plan-card-title,
 html[data-theme="light"] .sr-panel-title,
 html[data-theme="light"] .sr-summary .sr-sym,
 html[data-theme="light"] .sr-detail-grid .val,
-html[data-theme="light"] .plan-cell .val {
+html[data-theme="light"] .plan-cell .val:not(.pnl-profit):not(.pnl-loss) {
   color: #142232 !important;
 }
 
+html[data-theme="light"] .plan-cell .val.pnl-profit,
+html[data-theme="light"] .pnl-profit {
+  color: #087a50 !important;
+  font-weight: 600 !important;
+}
+
+html[data-theme="light"] .plan-cell .val.pnl-loss,
+html[data-theme="light"] .pnl-loss {
+  color: #c03030 !important;
+  font-weight: 600 !important;
+}
+
+html[data-theme="light"] .plan-dca-table td.st-done,
+html[data-theme="light"] .plan-dca-table .st-done,
+html[data-theme="light"] .sr-dca-table .st-done {
+  color: #087a50 !important;
+  font-weight: 600 !important;
+}
+
+html[data-theme="light"] .plan-dca-table .st-pending,
+html[data-theme="light"] .sr-dca-table .st-pending {
+  color: #6a7588 !important;
+}
+
 html[data-theme="light"] .strategy-records-tip,
 html[data-theme="light"] .plan-card-meta,
 html[data-theme="light"] .plan-cell .lbl,
@@ -419,3 +443,86 @@ html[data-theme="light"] .strategy-trading-grid .card,
 html[data-theme="light"] .dual-panel-grid .card {
   background: #fff !important;
 }
+
+/* ── AI 复盘（panel-list / ai-result）── */
+html[data-theme="light"] .panel-item {
+  background: #fff !important;
+  border-color: #b8c8d8 !important;
+  color: #1a2838 !important;
+}
+
+html[data-theme="light"] .panel-item strong {
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .panel-item .entry {
+  border-bottom-color: #d0dae4 !important;
+  color: #1a2838 !important;
+}
+
+html[data-theme="light"] .panel-item .entry div {
+  color: #4a6078 !important;
+}
+
+html[data-theme="light"] .ai-result {
+  background: #f6f9fc !important;
+  border-color: #b8c8d8 !important;
+  color: #1a2838 !important;
+}
+
+html[data-theme="light"] .ai-result-md p,
+html[data-theme="light"] .detail-modal .panel-body.md-review p {
+  color: #1a2838 !important;
+}
+
+html[data-theme="light"] .ai-result-md strong,
+html[data-theme="light"] .detail-modal .panel-body.md-review strong {
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .ai-result-md h2,
+html[data-theme="light"] .detail-modal .panel-body.md-review h2 {
+  color: #142232 !important;
+  border-bottom-color: #d0dae4 !important;
+}
+
+html[data-theme="light"] .ai-result-md h3,
+html[data-theme="light"] .detail-modal .panel-body.md-review h3 {
+  color: #006e9a !important;
+}
+
+html[data-theme="light"] .ai-result-md code,
+html[data-theme="light"] .detail-modal .panel-body.md-review code {
+  background: #eef3f8 !important;
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .ai-result-md .md-raw-block-title,
+html[data-theme="light"] .detail-modal .panel-body.md-review .md-raw-block-title {
+  color: #4a6078 !important;
+  border-top-color: #d0dae4 !important;
+}
+
+/* ── Gate Bot 统计分栏（机器人 / 趋势回调）── */
+html[data-theme="light"] .stats-split-col {
+  background: #fff !important;
+  border-color: #b8c8d8 !important;
+}
+
+html[data-theme="light"] .stats-split-head {
+  color: #142232 !important;
+  border-bottom-color: #d0dae4 !important;
+}
+
+html[data-theme="light"] .stats-split-col .stat-item {
+  background: #f6f9fc !important;
+  border-color: #d0dae4 !important;
+}
+
+html[data-theme="light"] .stats-split-col .stat-item .label {
+  color: #4a6078 !important;
+}
+
+html[data-theme="light"] .stats-split-col .stat-item .value {
+  color: #142232 !important;
+}
diff --git a/static/instance_theme.js b/static/instance_theme.js
index f87bf5e..4a498ca 100644
--- a/static/instance_theme.js
+++ b/static/instance_theme.js
@@ -73,7 +73,15 @@
     "#8fc8ff": "#006e9a",
     "#6ab8ff": "#006e9a",
     "#6eb5ff": "#006e9a",
+    "#101522": "#ffffff",
     "#121726": "#ffffff",
+    "#141423": "#ffffff",
+    "#24243b": "#b8c8d8",
+    "#252a45": "#b8c8d8",
+    "#252538": "#eef3f8",
+    "#1a1a29": "#f6f9fc",
+    "#2e2e45": "#b8c8d8",
+    "#2b2b43": "#d0dae4",
     "#151a2a": "#eef3f8",
     "#141a2a": "#ffffff",
     "#141923": "#ffffff",
@@ -196,9 +204,22 @@
     } else {
       apply(getStandalone());
     }
+    function observeDynamicLists() {
+      ["journal-list", "review-list"].forEach((id) => {
+        const el = document.getElementById(id);
+        if (!el || el.dataset.instThemeObserved === "1") return;
+        el.dataset.instThemeObserved = "1";
+        new MutationObserver(() => syncInlineStyles(get())).observe(el, {
+          childList: true,
+          subtree: true,
+        });
+      });
+    }
+
     const onReady = () => {
       initToggleUI();
       syncInlineStyles(get());
+      observeDynamicLists();
     };
     if (document.readyState === "loading") {
       document.addEventListener("DOMContentLoaded", onReady);
diff --git a/strategy_templates/strategy_roll.html b/strategy_templates/strategy_roll.html
index 36486d4..24bd169 100644
--- a/strategy_templates/strategy_roll.html
+++ b/strategy_templates/strategy_roll.html
@@ -2,7 +2,7 @@
 <html lang="zh-CN" data-theme="dark">
 <head>
     <meta charset="UTF-8">
-    <script src="/static/instance_theme.js?v=2"></script>
+    <script src="/static/instance_theme.js?v=3"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>顺势加仓 · {{ exchange_display }}</title>
     <style>
@@ -20,7 +20,7 @@
         table{width:100%;border-collapse:collapse;font-size:.82rem}
         th,td{border-bottom:1px solid #2a3150;padding:6px 8px;text-align:left}
     </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=2">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=3">
     <meta name="theme-color" content="#0b0d14">
 </head>
 <body>
