diff --git a/.memory/worklog.json b/.memory/worklog.json
index 4f7ca8e..118e964 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -1,12 +1,5 @@
 {
   "entries": [
-    {
-      "files_changed": 9,
-      "hash": "31308f2",
-      "message": "auto-save 2026-05-14 01:17 (+6, ~3)",
-      "ts": "2026-05-14T01:17:35+08:00",
-      "type": "commit"
-    },
     {
       "files_changed": 2,
       "message": "Claude 会话活跃 · 最近命令：claude · 2 项未提交变更 · 最近提交：auto-save 2026-05-14 01:17 (+6, ~3)",
@@ -3251,6 +3244,13 @@
       "type": "session-heartbeat",
       "message": "Codex 会话活跃 · 最近命令：codex · 1 项未提交变更 · 最近提交：auto-save 2026-05-15 16:33 (~4)",
       "files_changed": 1
+    },
+    {
+      "ts": "2026-05-15T16:38:48+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-15 16:38 (~1)",
+      "hash": "2ad7884",
+      "files_changed": 1
     }
   ]
 }
diff --git a/web/app/login/page.tsx b/web/app/login/page.tsx
index d6eca90..25bb9b5 100644
--- a/web/app/login/page.tsx
+++ b/web/app/login/page.tsx
@@ -90,35 +90,48 @@ export default function LoginPage() {
     >
       <div className="relative z-10 mx-auto flex min-h-[calc(100vh-3rem)] w-full max-w-7xl items-center">
         <div className="grid w-full gap-5 lg:grid-cols-[minmax(0,1.08fr)_minmax(380px,460px)] lg:items-stretch">
-          <section className="login-hero order-2 relative min-h-[470px] overflow-hidden rounded-[8px] border border-white/10 bg-black/35 p-6 shadow-2xl shadow-black/35 sm:p-8 lg:order-1 lg:min-h-[620px]">
+          <section className="login-hero order-2 relative min-h-[470px] overflow-hidden rounded-[8px] border border-white/55 bg-[#f3f4f6] p-6 text-[#282828] shadow-2xl shadow-black/20 sm:p-8 lg:order-1 lg:min-h-[620px]">
             <div className="relative z-10 flex h-full flex-col justify-between gap-8">
-              <div className="flex flex-wrap items-center justify-between gap-3">
-                <div className="flex items-center gap-3">
-                  <div className="grid h-11 w-11 place-items-center rounded-[8px] border border-white/10 bg-white text-black">
+              <div className="flex flex-wrap items-start justify-between gap-4">
+                <div>
+                  <div className="login-brand-mark">
+                    <span className="login-brand-mark__logo">SKG</span>
+                    <span className="login-brand-mark__sub">未来健康</span>
+                  </div>
+                  <div className="mt-5 flex items-center gap-3">
+                    <div className="grid h-11 w-11 place-items-center rounded-[8px] bg-[#282828] text-white">
                     <Sparkles className="h-5 w-5" />
                   </div>
                   <div>
-                    <p className="text-sm text-white/55">SKG Marketing Studio</p>
-                    <h1 className="text-3xl font-semibold leading-tight text-white sm:text-4xl">营销内容工作台</h1>
+                      <p className="text-sm text-[#666]">SKG Marketing Studio</p>
+                      <h1 className="text-3xl font-semibold leading-tight text-[#111] sm:text-4xl">营销内容工作台</h1>
+                    </div>
                   </div>
                 </div>
-                <div className="flex items-center gap-2 rounded-[8px] border border-emerald-300/25 bg-emerald-300/10 px-3 py-2 text-sm text-emerald-100">
+                <div className="login-store-pill">
                   <ShieldCheck className="h-4 w-4" />
                   <span>生产入口已保护</span>
                 </div>
               </div>
 
+              <div className="login-product-ribbon" aria-hidden="true">
+                <span>Neck Relief</span>
+                <span>Visual Assets</span>
+                <span>Product Video</span>
+                <span>Daily Care</span>
+              </div>
+
               <AnimatedLoginCharacters mood={mood} eyeOffset={eyeOffset} />
 
               <div className="grid gap-3 sm:grid-cols-3">
                 {[
-                  ["Visual", "素材"],
-                  ["Audio", "声音"],
-                  ["Video", "成片"],
+                  ["Shop by Need", "素材"],
+                  ["Recovery", "声音"],
+                  ["Self-Care", "成片"],
                 ].map(([label, value]) => (
-                  <div key={label} className="rounded-[8px] border border-white/10 bg-white/[0.06] px-4 py-3">
-                    <p className="text-xs text-white/45">{label}</p>
-                    <p className="mt-1 text-lg font-semibold text-white">{value}</p>
+                  <div key={label} className="login-skg-tile rounded-[8px] px-4 py-3">
+                    <p className="text-xs text-[#757575]">{label}</p>
+                    <p className="mt-1 text-lg font-semibold text-[#111]">{value}</p>
                   </div>
                 ))}
               </div>