auto-save 2026-05-15 18:45 (~3)

.memory/worklog.json

@@ -1,18 +1,5 @@
 {
   "entries": [
-    {
-      "files_changed": 2,
-      "message": "Claude 会话活跃 · 最近命令：claude · 2 项未提交变更 · 最近提交：auto-save 2026-05-14 02:52 (~4)",
-      "ts": "2026-05-13T18:53:11Z",
-      "type": "session-heartbeat"
-    },
-    {
-      "files_changed": 6,
-      "hash": "bdbaf75",
-      "message": "auto-save 2026-05-14 02:58 (~6)",
-      "ts": "2026-05-14T02:58:36+08:00",
-      "type": "commit"
-    },
     {
       "files_changed": 1,
       "message": "Codex 会话活跃 · 最近命令：codex · 1 项未提交变更 · 最近提交：auto-save 2026-05-14 02:58 (~6)",
@@ -3255,6 +3242,19 @@
       "type": "session-heartbeat",
       "message": "Codex 会话活跃 · 最近命令：codex · 1 项未提交变更 · 最近提交：auto-save 2026-05-15 18:34 (~1)",
       "files_changed": 1
+    },
+    {
+      "ts": "2026-05-15T18:40:24+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-15 18:40 (~1)",
+      "hash": "bf6ffef",
+      "files_changed": 1
+    },
+    {
+      "ts": "2026-05-15T10:44:49Z",
+      "type": "session-heartbeat",
+      "message": "Codex 会话活跃 · 最近命令：codex · 3 项未提交变更 · 最近提交：auto-save 2026-05-15 18:40 (~1)",
+      "files_changed": 3
     }
   ]
 }

docs/source-analysis.html

@@ -944,6 +944,18 @@ SubjectAsset {
         <h2>变更记录</h2>
         <p>这个记录不是 git log 的替代品。它记录“产品理解发生了什么变化、影响了哪些源码、你以后描述需求时该怎么说”。后续每次改功能都要补一条。</p>
         <div class="changelog">
+          <article class="change">
+            <header>
+              <h3>2026-05-15 · 登录页两块主面板复刻 Pillars 透明卡片质感</h3>
+              <span class="tag rose">UI</span>
+              <span class="tag violet">Login</span>
+            </header>
+            <div class="body">
+              <p><strong>问题：</strong>登录页左右两块面板仍偏旧黑色实体面板，没有用上源码 <code>Pillars</code> 区域的透明玻璃质感。</p>
+              <p><strong>改动：</strong><code>web/app/globals.css</code> 将左侧内容面板和右侧登录面板统一改为源码 <code>.pillar-card</code> 的核心效果：<code>rgba(10,18,10,.55)</code> 半透明底、<code>rgba(140,180,120,.12)</code> 细边、<code>16px</code> 圆角、<code>blur(16px)</code>、<code>0 8px 40px rgba(0,0,0,.4)</code> 阴影和 hover 边框/背景变亮；输入框、动态图角色面板、Pipeline 胶囊和底部状态条也同步成同一透明体系。</p>
+              <p><strong>影响：</strong><code>web/app/globals.css</code>、<code>docs/source-analysis.html</code>。</p>
+            </div>
+          </article>
           <article class="change">
             <header>
               <h3>2026-05-15 · 登录页改为 Digital Oasis 动态背景</h3>

web/app/globals.css

@@ -196,11 +196,17 @@
 }
 .login-page--oasis .login-oasis-hero {
   color: #fff;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  box-shadow: none;
-  padding: 24px 4px;
+  border: 1px solid rgba(140, 180, 120, 0.12);
+  border-radius: 16px;
+  background: rgba(10, 18, 10, 0.55);
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
+  padding: 36px 28px;
+  backdrop-filter: blur(16px);
+  transition: border-color 0.4s, background 0.4s;
+}
+.login-page--oasis .login-oasis-hero:hover {
+  border-color: rgba(140, 180, 120, 0.3);
+  background: rgba(20, 35, 20, 0.45);
 }
 .login-page--oasis .login-hero::before,
 .login-page--oasis .login-hero::after {
@@ -216,11 +222,11 @@
 }
 .login-page--oasis .login-secure-pill,
 .login-page--oasis .login-store-pill {
-  border: 1px solid rgba(214, 179, 106, 0.2);
-  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(140, 180, 120, 0.18);
+  background: rgba(10, 18, 10, 0.42);
   color: rgba(255, 255, 255, 0.82);
-  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
-  backdrop-filter: blur(18px);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.32);
+  backdrop-filter: blur(16px);
 }
 .login-page--oasis .login-kicker {
   color: rgba(224, 210, 128, 0.92);
@@ -260,10 +266,10 @@
 .login-page--oasis .login-dynamic-dock {
   left: 0;
   bottom: 138px;
-  border-color: rgba(255, 255, 255, 0.12);
-  background: rgba(7, 8, 9, 0.52);
-  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
-  backdrop-filter: blur(22px);
+  border-color: rgba(140, 180, 120, 0.12);
+  background: rgba(10, 18, 10, 0.55);
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(16px);
 }
 .login-page--oasis .login-dynamic-dock__label {
   color: rgba(224, 210, 128, 0.78);
@@ -283,10 +289,11 @@
   border-color: rgba(255, 255, 255, 0.1);
 }
 .login-page--oasis .login-studio-chip {
-  border-color: rgba(214, 179, 106, 0.18);
-  background: rgba(255, 255, 255, 0.1);
+  border-color: rgba(140, 180, 120, 0.14);
+  background: rgba(10, 18, 10, 0.55);
   color: rgba(255, 255, 255, 0.82);
-  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.32);
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(16px);
 }
 .login-page--oasis .login-studio-chip--visual {
   right: auto;
@@ -294,13 +301,13 @@
   top: 172px;
 }
 .login-page--oasis .login-premium-metrics {
-  border-color: rgba(255, 255, 255, 0.13);
-  background: rgba(255, 255, 255, 0.08);
-  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
-  backdrop-filter: blur(20px);
+  border-color: rgba(140, 180, 120, 0.12);
+  background: rgba(140, 180, 120, 0.12);
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(16px);
 }
 .login-page--oasis .login-premium-metric {
-  background: rgba(5, 6, 7, 0.48);
+  background: rgba(10, 18, 10, 0.55);
 }
 .login-page--oasis .login-premium-metric span {
   color: rgba(255, 255, 255, 0.5);
@@ -309,14 +316,47 @@
   color: rgba(255, 255, 255, 0.94);
 }
 .login-page--oasis .login-auth-panel {
-  border-color: rgba(255, 255, 255, 0.12);
-  background:
-    linear-gradient(180deg, rgba(18, 19, 22, 0.9), rgba(5, 6, 7, 0.92)),
-    rgba(7, 8, 9, 0.9);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.08),
-    0 34px 90px rgba(0, 0, 0, 0.54);
-  backdrop-filter: blur(28px);
+  border: 1px solid rgba(140, 180, 120, 0.12);
+  border-radius: 16px;
+  background: rgba(10, 18, 10, 0.55);
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
+  padding: 36px 28px;
+  backdrop-filter: blur(16px);
+  transition: border-color 0.4s, background 0.4s;
+}
+.login-page--oasis .login-auth-panel:hover {
+  border-color: rgba(140, 180, 120, 0.3);
+  background: rgba(20, 35, 20, 0.45);
+}
+.login-page--oasis .login-auth-icon {
+  border-color: rgba(140, 180, 120, 0.2);
+  background: rgba(10, 18, 10, 0.55);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.36);
+}
+.login-page--oasis .login-auth-panel label > span.flex {
+  border-color: rgba(140, 180, 120, 0.12);
+  background: rgba(10, 18, 10, 0.36);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  backdrop-filter: blur(16px);
+}
+.login-page--oasis .login-auth-panel label > span.flex:focus-within {
+  border-color: rgba(140, 180, 120, 0.36);
+  background: rgba(20, 35, 20, 0.42);
+  box-shadow: 0 0 0 2px rgba(230, 245, 120, 0.12);
+}
+.login-page--oasis .login-auth-panel button[type="submit"] {
+  background: rgba(245, 250, 235, 0.94);
+  color: #090c07;
+  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.38);
+}
+.login-page--oasis .login-auth-panel button[type="submit"]:hover {
+  background: rgba(230, 245, 120, 0.92);
+}
+.login-page--oasis .login-auth-panel input:-webkit-autofill,
+.login-page--oasis .login-auth-panel input:-webkit-autofill:hover,
+.login-page--oasis .login-auth-panel input:-webkit-autofill:focus {
+  -webkit-text-fill-color: #fff;
+  transition: background-color 9999s ease-in-out 0s;
 }
 .login-hero {
   isolation: isolate;
@@ -1037,7 +1077,10 @@
   }
   .login-page--oasis .login-oasis-hero {
     min-height: 650px;
-    padding: 28px 0 0;
+    padding: 24px 20px;
+  }
+  .login-page--oasis .login-auth-panel {
+    padding: 28px 20px;
   }
   .login-page--oasis .login-wordmark__logo {
     font-size: 24px;