fogact 1.1.5 → 1.1.7

package/frontend/assets/market-ui.css

@@ -211,6 +211,16 @@ body.market-user::after {
   box-shadow: var(--market-shadow-soft);
 }
 
+.market-theme-toggle {
+  width: 40px;
+  min-width: 40px;
+  padding: 0;
+}
+
+.market-theme-toggle .material-symbols-outlined {
+  font-size: 20px;
+}
+
 .market-button-primary {
   border-color: color-mix(in srgb, var(--market-primary) 70%, transparent);
   color: #fff;
@@ -222,6 +232,11 @@ body.market-user::after {
   color: #fff;
 }
 
+html.dark .market-button:not(.market-button-primary),
+body.market-dark .market-button:not(.market-button-primary) {
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;
+}
+
 .market-hero {
   display: grid;
   grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
@@ -263,7 +278,13 @@ body.market-user::after {
 
 html.dark .market-hero-main::before,
 html.dark .market-card::before,
-html.dark .market-auth-card::before {
+html.dark .market-auth-card::before,
+body.market-dark .market-hero-main::before,
+body.market-dark .market-card::before,
+body.market-dark .market-auth-card::before {
+  background:
+    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.12), transparent 25%),
+    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 36%);
   opacity: 0.09;
 }
 
@@ -710,6 +731,35 @@ html.dark .market-auth-card::before {
   color: var(--market-primary);
 }
 
+.market-quick-links {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+  margin-top: 16px;
+}
+
+.market-quick-links a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 36px;
+  border: 1px solid var(--market-line);
+  border-radius: 14px;
+  color: var(--market-ink);
+  background: var(--market-panel-muted);
+  text-decoration: none;
+  font-size: 13px;
+  font-weight: 800;
+  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
+}
+
+.market-quick-links a:hover {
+  transform: translateY(-1px);
+  border-color: color-mix(in srgb, var(--market-primary) 42%, var(--market-line));
+  color: var(--market-primary);
+  background: color-mix(in srgb, var(--market-primary) 10%, var(--market-panel-muted));
+}
+
 .market-result-list {
   display: grid;
   gap: 10px;
@@ -1041,6 +1091,59 @@ body.market-admin {
   background-color: color-mix(in srgb, var(--market-danger) 14%, transparent) !important;
 }
 
+html.dark .market-admin .bg-green-50,
+body.market-dark .market-admin .bg-green-50 {
+  background-color: color-mix(in srgb, var(--market-success) 18%, transparent) !important;
+}
+
+html.dark .market-admin .text-green-700,
+html.dark .market-admin .text-green-800,
+body.market-dark .market-admin .text-green-700,
+body.market-dark .market-admin .text-green-800 {
+  color: color-mix(in srgb, var(--market-success) 82%, #fff 18%) !important;
+}
+
+html.dark .market-admin .bg-amber-50,
+body.market-dark .market-admin .bg-amber-50 {
+  background-color: color-mix(in srgb, var(--market-warning) 18%, transparent) !important;
+}
+
+html.dark .market-admin .text-amber-700,
+body.market-dark .market-admin .text-amber-700 {
+  color: color-mix(in srgb, var(--market-warning) 82%, #fff 18%) !important;
+}
+
+html.dark .market-admin tbody tr,
+body.market-dark .market-admin tbody tr {
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
+}
+
+html.dark .market-admin option,
+body.market-dark .market-admin option {
+  color: var(--market-ink);
+  background: var(--market-bg-soft);
+}
+
+html.dark .market-admin .modal-backdrop,
+body.market-dark .market-admin .modal-backdrop {
+  background: rgba(0, 0, 0, 0.68) !important;
+}
+
+html.dark .market-admin .border-b,
+body.market-dark .market-admin .border-b {
+  border-color: var(--market-line) !important;
+}
+
+html.dark .market-admin [class*="bg-error-container"],
+body.market-dark .market-admin [class*="bg-error-container"] {
+  background-color: color-mix(in srgb, var(--market-danger) 16%, transparent) !important;
+}
+
+html.dark .market-admin [class*="text-on-error-container"],
+body.market-dark .market-admin [class*="text-on-error-container"] {
+  color: color-mix(in srgb, var(--market-danger) 76%, #fff 24%) !important;
+}
+
 /* Built user app polish */
 body.market-user {
   overflow-x: hidden;
@@ -1116,7 +1219,7 @@ body.market-user {
   width: min(48vw, 440px);
   height: min(48vw, 440px);
   pointer-events: none;
-  opacity: 0.95;
+  opacity: 0.98;
 }
 
 .market-orbit-stage::before,
@@ -1126,69 +1229,139 @@ body.market-user {
   inset: 12%;
   border: 1px solid color-mix(in srgb, var(--market-ink) 12%, transparent);
   border-radius: 999px;
-  animation: orbitSpin 18s linear infinite;
+  background:
+    radial-gradient(circle at center, color-mix(in srgb, var(--market-primary) 7%, transparent), transparent 62%);
+  animation: orbitSpin 22s linear infinite;
 }
 
 .market-orbit-stage::after {
   inset: 25%;
   border-style: dashed;
-  animation-duration: 12s;
+  animation-duration: 16s;
   animation-direction: reverse;
   opacity: 0.72;
 }
 
-.market-orbit-node {
+.market-orbit-core {
   position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  width: 132px;
+  height: 132px;
+  padding: 18px;
+  border: 1px solid color-mix(in srgb, var(--market-primary) 30%, var(--market-line));
+  border-radius: 36px;
+  color: var(--market-ink);
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--market-panel-strong) 92%, transparent), var(--market-panel-muted)),
+    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--market-primary) 24%, transparent), transparent 58%);
+  box-shadow: 0 24px 60px color-mix(in srgb, var(--market-primary) 20%, transparent);
+  transform: translate(-50%, -50%) rotate(-2deg);
+}
+
+.market-orbit-core .material-symbols-outlined {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 74px;
-  height: 74px;
-  border: 1px solid var(--market-line-strong);
-  border-radius: 24px;
+  width: 42px;
+  height: 42px;
+  border-radius: 16px;
   color: #fff;
-  background: linear-gradient(135deg, var(--node-a, var(--market-primary)), var(--node-b, var(--market-primary-2)));
-  box-shadow: 0 20px 50px color-mix(in srgb, var(--node-a, var(--market-primary)) 28%, transparent);
-  font-size: 28px;
+  background: linear-gradient(135deg, var(--market-primary), var(--market-primary-2));
+  box-shadow: 0 14px 32px color-mix(in srgb, var(--market-primary) 28%, transparent);
+}
+
+.market-orbit-core strong {
+  margin-top: 8px;
+  font-family: var(--market-headline);
+  font-size: 18px;
+  letter-spacing: -0.04em;
+}
+
+.market-orbit-core small {
+  color: var(--market-muted);
+  font-size: 12px;
+  font-weight: 800;
+}
+
+.market-orbit-node {
+  position: absolute;
+  z-index: 3;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 118px;
+  min-height: 54px;
+  padding: 10px 12px;
+  border: 1px solid color-mix(in srgb, var(--node-a, var(--market-primary)) 30%, var(--market-line));
+  border-radius: 20px;
+  color: var(--market-ink);
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--market-panel-strong) 94%, transparent), var(--market-panel-muted)),
+    radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--node-a, var(--market-primary)) 24%, transparent), transparent 64%);
+  box-shadow: 0 18px 44px color-mix(in srgb, var(--node-a, var(--market-primary)) 18%, transparent);
   transform: translate3d(0, 0, 0) rotate(var(--tilt, 0deg));
   animation: nodeFloat var(--speed, 6s) ease-in-out infinite;
 }
 
-.market-orbit-node:nth-child(1) {
+.market-orbit-node .material-symbols-outlined {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 32px;
+  height: 32px;
+  border-radius: 13px;
+  color: #fff;
+  background: linear-gradient(135deg, var(--node-a, var(--market-primary)), var(--node-b, var(--market-primary-2)));
+  font-size: 18px;
+}
+
+.market-orbit-node span:last-child {
+  color: var(--market-ink);
+  font-size: 13px;
+  font-weight: 900;
+  white-space: nowrap;
+}
+
+.market-orbit-node-cli {
   --node-a: #6d5dfc;
   --node-b: #b86bff;
-  --tilt: -10deg;
+  --tilt: -8deg;
   --speed: 6.5s;
-  left: 6%;
+  left: 1%;
   top: 18%;
 }
 
-.market-orbit-node:nth-child(2) {
+.market-orbit-node-cdk {
   --node-a: #ff7a59;
   --node-b: #ffd166;
-  --tilt: 9deg;
+  --tilt: 7deg;
   --speed: 7.5s;
-  right: 11%;
-  top: 7%;
+  right: 2%;
+  top: 9%;
   animation-delay: -1.8s;
 }
 
-.market-orbit-node:nth-child(3) {
+.market-orbit-node-quota {
   --node-a: #17c3b2;
   --node-b: #5eead4;
-  --tilt: 12deg;
+  --tilt: 8deg;
   --speed: 8s;
-  right: 5%;
-  bottom: 21%;
+  right: 0;
+  bottom: 20%;
   animation-delay: -3s;
 }
 
-.market-orbit-node:nth-child(4) {
-  --node-a: #101014;
+.market-orbit-node-sync {
+  --node-a: #111827;
   --node-b: #6d5dfc;
-  --tilt: -8deg;
+  --tilt: -7deg;
   --speed: 7s;
-  left: 19%;
+  left: 7%;
   bottom: 8%;
   animation-delay: -4.3s;
 }
@@ -1205,6 +1378,11 @@ body.market-user {
   overflow: hidden;
 }
 
+.market-signal-line-alt {
+  transform: rotate(36deg);
+  opacity: 0.42;
+}
+
 .market-signal-line::after {
   content: "";
   position: absolute;
@@ -1214,6 +1392,10 @@ body.market-user {
   animation: signalSweep 2.6s cubic-bezier(0.16, 1, 0.3, 1) infinite;
 }
 
+.market-signal-line-alt::after {
+  animation-delay: -1.1s;
+}
+
 .market-card-lab {
   min-height: 318px;
   padding: 0;
@@ -1806,11 +1988,26 @@ body.is-pointer-active .market-mouse-light {
     height: 240px;
   }
 
+  .market-orbit-core {
+    width: 104px;
+    height: 104px;
+    border-radius: 28px;
+  }
+
+  .market-orbit-core strong {
+    font-size: 16px;
+  }
+
   .market-orbit-node {
-    width: 58px;
-    height: 58px;
+    min-width: 58px;
+    min-height: 58px;
+    padding: 8px;
     border-radius: 20px;
-    font-size: 22px;
+    justify-content: center;
+  }
+
+  .market-orbit-node span:last-child {
+    display: none;
   }
 
   .market-mouse-light {

package/frontend/index.html

@@ -3,13 +3,22 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>FogIDC Activator | 动态激活控制台</title>
-    <meta name="description" content="FogIDC Activator 的用户中心、管理后台与激活码入口。" />
+    <title>FogAct | 多平台激活与配额管理</title>
+    <meta name="description" content="FogAct 提供用户中心、激活码管理、配额查看和多平台 CLI 接入入口。" />
+    <script>
+      ;(function () {
+        var theme = localStorage.getItem('fogact_theme') || localStorage.getItem('admin_theme') || localStorage.getItem('yunyi_user_theme') || 'system';
+        var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+        var isDark = theme === 'dark' || (theme === 'system' && prefersDark);
+        document.documentElement.classList.toggle('dark', isDark);
+        document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
+      })();
+    </script>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />
-    <link rel="stylesheet" href="/assets/market-ui.css?v=20260616-upstream2" />
+    <link rel="stylesheet" href="/assets/market-ui.css?v=20260619-theme1" />
   </head>
   <body class="market-page">
     <span class="market-mouse-light" aria-hidden="true"></span>
@@ -19,8 +28,8 @@
         <a class="market-brand" href="/">
           <span class="market-logo">F</span>
           <span>
-            <span class="market-brand-title">FogIDC Activator</span>
-            <span class="market-brand-subtitle">Motion control surface</span>
+            <span class="market-brand-title">FogAct</span>
+            <span class="market-brand-subtitle">多平台激活工作台</span>
           </span>
         </a>
 
@@ -31,6 +40,9 @@
         </nav>
 
         <div class="market-actions">
+          <button type="button" class="market-button market-theme-toggle" data-theme-toggle aria-label="切换暗黑模式">
+            <span class="material-symbols-outlined" data-theme-icon>light_mode</span>
+          </button>
           <a class="market-button" href="/api/stats">API</a>
           <a class="market-button market-button-primary" href="/user/">
             <span class="material-symbols-outlined">bolt</span>
@@ -42,10 +54,10 @@
       <main>
         <section class="market-hero" aria-labelledby="hero-title">
           <div class="market-hero-main">
-            <div class="market-kicker"><span class="market-kicker-dot"></span> living interface for CLI activation</div>
-            <h1 id="hero-title" class="market-title">不是工具页，是一个会呼吸的 <span>激活工作台</span></h1>
+            <div class="market-kicker"><span class="market-kicker-dot"></span> CLI 激活与配额管理</div>
+            <h1 id="hero-title" class="market-title">统一管理 Codex、Claude 与更多 <span>CLI 服务</span></h1>
             <p class="market-copy">
-              参考 21st.dev 的浏览式组件结构，但不照搬卡片模板：这里用轨道、错位、光扫、浮动组件和指针跟随做出更有辨识度的首页。
+              在一个入口完成激活码发放、用户绑定、额度查看和服务配置，减少来回切换。
             </p>
 
             <label class="market-search" aria-label="搜索功能入口">
@@ -61,51 +73,75 @@
               <span class="market-ambient-item"><span class="material-symbols-outlined">query_stats</span></span>
             </div>
 
-            <div class="market-orbit-stage" aria-hidden="true">
-              <span class="market-orbit-node material-symbols-outlined">code</span>
-              <span class="market-orbit-node material-symbols-outlined">vpn_key</span>
-              <span class="market-orbit-node material-symbols-outlined">monitoring</span>
-              <span class="market-orbit-node material-symbols-outlined">hub</span>
-              <span class="market-signal-line"></span>
+            <div class="market-orbit-stage" aria-label="FogAct 服务流程拓扑">
+              <div class="market-orbit-core">
+                <span class="material-symbols-outlined">hub</span>
+                <strong>FogAct</strong>
+                <small>统一入口</small>
+              </div>
+              <span class="market-orbit-node market-orbit-node-cli">
+                <span class="material-symbols-outlined">terminal</span>
+                <span>CLI 接入</span>
+              </span>
+              <span class="market-orbit-node market-orbit-node-cdk">
+                <span class="material-symbols-outlined">vpn_key</span>
+                <span>CDK 校验</span>
+              </span>
+              <span class="market-orbit-node market-orbit-node-quota">
+                <span class="material-symbols-outlined">monitoring</span>
+                <span>配额监控</span>
+              </span>
+              <span class="market-orbit-node market-orbit-node-sync">
+                <span class="material-symbols-outlined">cloud_sync</span>
+                <span>上游同步</span>
+              </span>
+              <span class="market-signal-line market-signal-line-main"></span>
+              <span class="market-signal-line market-signal-line-alt"></span>
             </div>
           </div>
 
-          <aside class="market-hero-side" aria-label="动态状态概览">
+          <aside class="market-hero-side" aria-label="服务状态概览">
             <div class="market-preview-stack">
               <div class="market-mini-card">
-                <span class="market-icon material-symbols-outlined">auto_awesome_motion</span>
+                <span class="market-icon material-symbols-outlined">hub</span>
                 <div>
-                  <p class="market-mini-title">动效层已启用</p>
-                  <p class="market-mini-copy">光扫、浮动、错位网格、指针光晕、卡片内组件各自运动。</p>
+                  <p class="market-mini-title">服务接入</p>
+                  <p class="market-mini-copy">统一承载 Codex、Claude Code、OpenCode 与 OpenClaw 等 CLI 场景。</p>
                 </div>
-                <span class="market-status-pill">Motion</span>
+                <span class="market-status-pill">已接入</span>
               </div>
               <div class="market-mini-card">
-                <span class="market-icon material-symbols-outlined">gesture</span>
+                <span class="market-icon material-symbols-outlined">key_vertical</span>
                 <div>
-                  <p class="market-mini-title">非模板化卡片</p>
-                  <p class="market-mini-copy">每张卡片的预览内容、节奏和视觉重心都不同。</p>
+                  <p class="market-mini-title">激活码管理</p>
+                  <p class="market-mini-copy">支持生成、导出、绑定、过期状态追踪，方便批量运营。</p>
                 </div>
-                <span class="market-status-pill">Custom</span>
+                <span class="market-status-pill">CDK</span>
               </div>
               <div class="market-mini-card">
                 <span class="market-icon material-symbols-outlined">speed</span>
                 <div>
-                  <p class="market-mini-title">轻量 CSS 动画</p>
-                  <p class="market-mini-copy">保留静态部署，不引入新前端构建链。</p>
+                  <p class="market-mini-title">配额监控</p>
+                  <p class="market-mini-copy">快速查看请求、额度、用户状态和服务健康度。</p>
                 </div>
-                <span class="market-status-pill">CSS</span>
+                <span class="market-status-pill">监控</span>
               </div>
             </div>
 
             <div class="market-panel" style="border-radius: 26px; padding: 18px;">
               <div class="market-card-footer">
-                <span class="market-tag">Local server</span>
+                <span class="market-tag">本地服务</span>
                 <span class="market-status-pill"><span class="market-kicker-dot"></span> 34020</span>
               </div>
               <p class="market-mini-copy" style="margin-top: 14px; font-size: 14px; line-height: 1.7;">
-                这一版把“统一样式”换成“动态产品感”：首页负责记忆点，后台和用户端继承氛围但不打断功能。
+                本地 Web 服务默认运行在 34020 端口，提供首页、用户中心、管理中心和激活入口。
               </p>
+              <div class="market-quick-links" aria-label="本地服务快捷入口">
+                <a href="/">首页</a>
+                <a href="/user/">用户中心</a>
+                <a href="/admin/">管理中心</a>
+                <a href="/activate.html">激活入口</a>
+              </div>
             </div>
           </aside>
         </section>
@@ -114,7 +150,7 @@
           <div class="market-section-head">
             <div>
               <h2 id="section-title">工作区入口</h2>
-              <p>卡片不再是同一个模板复制三次，而是分别表达“监控、管理、激活”的动作状态。</p>
+              <p>按使用角色拆分入口：查看用量、管理资源、完成激活，各自保持清晰路径。</p>
             </div>
             <a class="market-button" href="/admin/">打开管理中心</a>
           </div>
@@ -126,9 +162,9 @@
                 <span class="market-widget market-widget-graph"><i></i><i></i><i></i><i></i></span>
               </div>
               <div class="market-card-content">
-                <h3>用户用量雷达</h3>
-                <p>用浮动指标卡和脉冲柱状图表达实时额度、请求量和用户状态。</p>
-                <div class="market-card-footer"><span class="market-tag">Portal</span><span class="market-arrow">→</span></div>
+                <h3>用户中心</h3>
+                <p>查看额度、请求趋势、公告和个人配置，适合作为用户自助入口。</p>
+                <div class="market-card-footer"><span class="market-tag">用户入口</span><span class="market-arrow">→</span></div>
               </div>
             </a>
 
@@ -139,8 +175,8 @@
               </div>
               <div class="market-card-content">
                 <h3>管理控制台</h3>
-                <p>像组件面板一样管理用户、激活码、日志和设置，重点是效率而不是装饰。</p>
-                <div class="market-card-footer"><span class="market-tag">Console</span><span class="market-arrow">→</span></div>
+                <p>集中维护用户、激活码、日志和系统设置，适合管理员日常操作。</p>
+                <div class="market-card-footer"><span class="market-tag">管理入口</span><span class="market-arrow">→</span></div>
               </div>
             </a>
 
@@ -151,9 +187,9 @@
                 <span class="market-widget market-widget-badge material-symbols-outlined">bolt</span>
               </div>
               <div class="market-card-content">
-                <h3>CDK 点火流程</h3>
-                <p>把激活动作做成“点火”体验，强调输入、校验、开通的连续反馈。</p>
-                <div class="market-card-footer"><span class="market-tag">Activation</span><span class="market-arrow">→</span></div>
+                <h3>CDK 激活</h3>
+                <p>输入激活码即可完成服务绑定，并返回额度、服务类型和有效期。</p>
+                <div class="market-card-footer"><span class="market-tag">激活入口</span><span class="market-arrow">→</span></div>
               </div>
             </a>
           </div>
@@ -179,6 +215,8 @@
         });
       });
 
+      initThemeToggle();
+
       document.querySelectorAll('.market-card-lab').forEach((card) => {
         card.addEventListener('pointermove', (event) => {
           const rect = card.getBoundingClientRect();
@@ -186,6 +224,28 @@
           card.style.setProperty('--my', `${((event.clientY - rect.top) / rect.height) * 100}%`);
         });
       });
+
+      function initThemeToggle() {
+        const button = document.querySelector('[data-theme-toggle]');
+        const icon = document.querySelector('[data-theme-icon]');
+        if (!button || !icon) return;
+
+        const sync = () => {
+          const isDark = document.documentElement.classList.contains('dark');
+          icon.textContent = isDark ? 'dark_mode' : 'light_mode';
+          button.setAttribute('aria-label', isDark ? '切换浅色模式' : '切换暗黑模式');
+        };
+
+        button.addEventListener('click', () => {
+          const isDark = !document.documentElement.classList.contains('dark');
+          document.documentElement.classList.toggle('dark', isDark);
+          document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';
+          localStorage.setItem('fogact_theme', isDark ? 'dark' : 'light');
+          sync();
+        });
+
+        sync();
+      }
     </script>
   </body>
 </html>

package/frontend/user/index.html

@@ -8,15 +8,15 @@
       href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'%3E%3C/path%3E%3C/svg%3E"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>CLIProxy - API 使用监控</title>
-    <meta name="description" content="CLIProxy API 使用量监控平台" />
+    <title>FogAct 用户中心 | 用量与配额监控</title>
+    <meta name="description" content="FogAct 用户中心用于查看 API 用量、配额状态、公告和个人配置。" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
     <script>
       // 阻塞式主题初始化 — 防止 FOUC + 设置内联背景色
       ;(function () {
-        var t = localStorage.getItem('yunyi_user_theme') || 'system'
+        var t = localStorage.getItem('fogact_theme') || localStorage.getItem('yunyi_user_theme') || 'system'
         var d = t === 'dark' || (t === 'system' && matchMedia('(prefers-color-scheme: dark)').matches)
         var el = document.documentElement
         if (d) {
@@ -31,7 +31,7 @@
     <script type="module" crossorigin src="assets/index-Da98HOxL.js"></script>
     <link rel="modulepreload" crossorigin href="assets/chart-vendor-CULJE59K.js">
     <link rel="stylesheet" crossorigin href="assets/index-B8QSyYhS.css">
-    <link rel="stylesheet" href="/assets/market-ui.css?v=20260616-upstream2" />
+    <link rel="stylesheet" href="/assets/market-ui.css?v=20260619-theme1" />
   </head>
   <body class="market-user min-h-screen">
     <span class="market-mouse-light" aria-hidden="true"></span>