diff --git a/.memory/worklog.json b/.memory/worklog.json index 4a00066..c03fec0 100644 --- a/.memory/worklog.json +++ b/.memory/worklog.json @@ -1,18 +1,5 @@ { "entries": [ - { - "files_changed": 6, - "hash": "d04ec56", - "message": "auto-save 2026-05-14 01:40 (+4, ~2)", - "ts": "2026-05-14T01:40:24+08:00", - "type": "commit" - }, - { - "files_changed": 2, - "message": "Claude 会话活跃 · 最近命令：claude · 2 项未提交变更 · 最近提交：auto-save 2026-05-14 01:40 (+4, ~2)", - "ts": "2026-05-13T17:43:10Z", - "type": "session-heartbeat" - }, { "files_changed": 8, "hash": "8c6ee1d", @@ -3251,6 +3238,19 @@ "message": "auto-save 2026-05-15 16:55 (~1)", "hash": "0d57081", "files_changed": 1 + }, + { + "ts": "2026-05-15T17:00:51+08:00", + "type": "commit", + "message": "auto-save 2026-05-15 17:00 (~3)", + "hash": "c53d27d", + "files_changed": 3 + }, + { + "ts": "2026-05-15T09:04:48Z", + "type": "session-heartbeat", + "message": "Codex 会话活跃 · 最近命令：codex · 4 项未提交变更 · 最近提交：auto-save 2026-05-15 17:00 (~3)", + "files_changed": 4 } ] } diff --git a/docs/source-analysis.html b/docs/source-analysis.html index cc5dee4..b70d59d 100644 --- a/docs/source-analysis.html +++ b/docs/source-analysis.html @@ -591,8 +591,8 @@ - - + + @@ -942,6 +942,17 @@ SubjectAsset {

变更记录

这个记录不是 git log 的替代品。它记录“产品理解发生了什么变化、影响了哪些源码、你以后描述需求时该怎么说”。后续每次改功能都要补一条。

+
+
+

2026-05-15 · 登录页升级为高级产品入口视觉

+ UI +
+
+

问题：上一版虽然吸收了官网元素，但仍偏浅灰卡片拼接，卡通角色舞台削弱了公司级工具和高端健康硬件的质感。

+

改动：生产登录页主视觉改为真实 SKG 颈部按摩仪产品摄影卡，采用黑白/香槟金主轴、超大标题、克制胶囊状态、素材/声音/成片三段式状态栏；几何角色组件不再作为当前登录页主视觉挂载。新增本地静态图 web/public/assets/skg-g7-pro-neck-massager.png，避免远程官网图在生产登录页破图。

+

影响：web/app/login/page.tsx、web/app/globals.css、web/public/assets/skg-g7-pro-neck-massager.png、docs/source-analysis.html。

+
+

2026-05-15 · 登录页吸收 skg.com 官网视觉元素

diff --git a/web/app/globals.css b/web/app/globals.css index e324658..12de8b5 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -264,12 +264,16 @@ position: absolute; right: 1%; bottom: 0; - width: min(54%, 440px); + width: min(46%, 390px); max-height: 360px; object-fit: contain; + border: 1px solid rgba(40, 40, 40, 0.08); + border-radius: 8px; + background: #fff; + padding: 20px; filter: - drop-shadow(0 36px 48px rgba(40, 40, 40, 0.22)) - drop-shadow(0 4px 0 rgba(255, 255, 255, 0.75)); + drop-shadow(0 32px 52px rgba(40, 40, 40, 0.18)) + drop-shadow(0 1px 0 rgba(255, 255, 255, 0.8)); } .login-product-caption { position: absolute; @@ -801,8 +805,9 @@ .login-product-image { right: -18%; bottom: 28px; - width: 86%; + width: 78%; max-height: 280px; + padding: 14px; } .login-product-caption { bottom: 34px; diff --git a/web/app/login/page.tsx b/web/app/login/page.tsx index 944bafe..8076723 100644 --- a/web/app/login/page.tsx +++ b/web/app/login/page.tsx @@ -18,7 +18,7 @@ import { type LoginStatus = "idle" | "loading" | "success" const PRODUCT_IMAGE = - "https://www.skg.com/cdn/shop/files/17531530438558.png?v=1754462861&width=900" + "/assets/skg-g7-pro-neck-massager.png" export default function LoginPage() { const [username, setUsername] = useState("") diff --git a/web/public/assets/skg-g7-pro-neck-massager.png b/web/public/assets/skg-g7-pro-neck-massager.png new file mode 100644 index 0000000..d391360 Binary files /dev/null and b/web/public/assets/skg-g7-pro-neck-massager.png differ
web/app/page.tsx产品工作台主状态：jobs、activeJobId、按 job 隔离的 selectedFrames/详情面板状态、clipboard、ReactFlow 节点和边；负责打开/找回画布工作面板。
web/app/login/page.tsx生产登录页：账号密码表单、保持登录、错误/成功状态；左侧展示区参考 skg.com 官网的浅灰产品橱窗、胶囊按钮和 SKG 标识；把角色状态和眼神位移传给独立动画组件。
web/components/login/animated-login-characters.tsx登录页四个几何角色组件：按配置渲染紫色高矩形、黑色矩形、橙色半圆、黄色圆角柱，以及眼睛和嘴型。
web/app/login/page.tsx生产登录页：账号密码表单、保持登录、错误/成功状态；左侧展示区改为高级产品入口页结构，使用本地 SKG 颈部按摩仪产品图、黑白/香槟金视觉、Secure Studio 胶囊和素材/声音/成片状态栏。
web/components/login/animated-login-characters.tsx登录页旧版四个几何角色组件：仍保留在代码中作为历史/备用组件，但当前生产登录页主视觉已不再挂载。
web/components/nodes/index.tsxDAG 节点定义：Input、VisualLab、Audio、Compose，以及画布工作面板 KeyframePanel / VideoFramePanel；旧 Keyframe/Storyboard/VideoGen 组件保留但不再挂主画布。
web/components/audio-strip.tsx底部吸附音频条：可拖拽调整高度；播放原音频时移动指针，逐个高亮英文/中文字幕节点和对应波形，并在右侧固定显示按原音频时长生成的 SKG 英文产品口播和 MiniMax 随机英文配音。
web/components/lightbox.tsx关键帧素材准备面板：清洗、统一主体候选、参考帧网格、六张主体重绘图、每帧去主体场景图、纵向 6 行产品融合镜头工作表和审核。