From 7efc22be28edb787dcaee49ec054ba517d6faa1d Mon Sep 17 00:00:00 2001
From: bingshuo <565183519@qq.com>
Date: Tue, 19 May 2026 18:36:21 +0800
Subject: [PATCH] =?UTF-8?q?=E9=93=B8=E6=B8=8A=20=C2=B7=20=E9=87=8D?=
 =?UTF-8?q?=E5=A1=91=E9=A6=96=E9=A1=B5=20=C2=B7=20=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=98=9F=E7=A9=BA=E5=91=BC=E5=90=B8=E6=84=9FUI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 homepage/index.html | 711 +++++++++++++++++++++++++++++---------------
 1 file changed, 478 insertions(+), 233 deletions(-)
diff --git a/homepage/index.html b/homepage/index.html
index fdea28c..59ed192 100644
--- a/homepage/index.html
+++ b/homepage/index.html
@@ -1,241 +1,486 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>光湖语言世界 · HoloLake</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-            background: linear-gradient(135deg, #0a1628 0%, #163e6b 50%, #0a1628 100%);
-            min-height: 100vh;
-            color: #fff;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            padding: 40px 20px;
-        }
-        
-        .container {
-            max-width: 1000px;
-            width: 100%;
-            text-align: center;
-        }
-        
-        .logo {
-            font-size: 4rem;
-            margin-bottom: 10px;
-        }
-        
-        h1 {
-            font-size: 2.5rem;
-            font-weight: 300;
-            letter-spacing: 0.2em;
-            margin-bottom: 10px;
-            background: linear-gradient(90deg, #f5e6c8, #fff, #f5e6c8);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-        
-        .subtitle {
-            color: #8b9dc3;
-            font-size: 1rem;
-            letter-spacing: 0.1em;
-            margin-bottom: 60px;
-        }
-        
-        .gates {
-            display: flex;
-            gap: 40px;
-            justify-content: center;
-            flex-wrap: wrap;
-        }
-        
-        .gate {
-            background: rgba(22, 62, 107, 0.3);
-            border: 1px solid rgba(245, 230, 200, 0.2);
-            border-radius: 20px;
-            padding: 40px;
-            width: 400px;
-            transition: all 0.3s ease;
-            backdrop-filter: blur(10px);
-        }
-        
-        .gate:hover {
-            transform: translateY(-5px);
-            border-color: rgba(245, 230, 200, 0.4);
-            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
-        }
-        
-        .gate-icon {
-            font-size: 3rem;
-            margin-bottom: 20px;
-        }
-        
-        .gate h2 {
-            font-size: 1.5rem;
-            font-weight: 400;
-            margin-bottom: 15px;
-            color: #f5e6c8;
-        }
-        
-        .gate p {
-            color: #8b9dc3;
-            font-size: 0.9rem;
-            margin-bottom: 30px;
-            line-height: 1.6;
-        }
-        
-        .btn {
-            display: inline-block;
-            padding: 15px 40px;
-            background: linear-gradient(90deg, #163e6b, #3b82f6);
-            color: #fff;
-            text-decoration: none;
-            border-radius: 30px;
-            font-size: 0.95rem;
-            letter-spacing: 0.05em;
-            transition: all 0.3s ease;
-            border: none;
-            cursor: pointer;
-        }
-        
-        .btn:hover {
-            transform: scale(1.05);
-            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);
-        }
-        
-        .btn-secondary {
-            background: transparent;
-            border: 1px solid rgba(245, 230, 200, 0.3);
-            margin-top: 10px;
-        }
-        
-        .btn-secondary:hover {
-            background: rgba(245, 230, 200, 0.1);
-            border-color: rgba(245, 230, 200, 0.5);
-        }
-        
-        .members {
-            display: flex;
-            gap: 15px;
-            justify-content: center;
-            margin-top: 20px;
-            flex-wrap: wrap;
-        }
-        
-        .member {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            padding: 8px 15px;
-            background: rgba(255, 255, 255, 0.05);
-            border-radius: 20px;
-            font-size: 0.85rem;
-            transition: all 0.2s ease;
-        }
-        
-        .member:hover {
-            background: rgba(255, 255, 255, 0.1);
-        }
-        
-        .member-emoji {
-            font-size: 1.2rem;
-        }
-        
-        .footer {
-            margin-top: 80px;
-            color: #5a7094;
-            font-size: 0.8rem;
-            letter-spacing: 0.1em;
-        }
-        
-        .badge {
-            display: inline-block;
-            padding: 4px 10px;
-            background: rgba(245, 230, 200, 0.1);
-            border-radius: 4px;
-            font-size: 0.75rem;
-            margin-top: 15px;
-            color: #f5e6c8;
-        }
-        
-        @media (max-width: 900px) {
-            .gates {
-                flex-direction: column;
-                align-items: center;
-            }
-            
-            .gate {
-                width: 100%;
-                max-width: 400px;
-            }
-            
-            h1 {
-                font-size: 1.8rem;
-            }
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>光湖 · 铸渊本体</title>
+<meta name="description" content="光湖语言世界 · 代码联邦 · 铸渊在此">
+<meta name="theme-color" content="#05080f">
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+:root{
+  --deep:#05080f;--abyss:#080c18;--mid:#0d1a2e;--shallow:#182848;
+  --cyan:#2a8ba5;--glow:#4ec8d8;--silver:#c8dce6;
+  --violet:#6c4caf;--violet-glow:#9870d8;
+  --violet-mid:rgba(108,76,175,.25);
+  --amber:#b89030;--amber-glow:#d8b850;
+  --green:#38a86a;
+  --heart:#d43f6a;
+  --text:#dce4ee;--text-soft:#788ca0;--text-faint:#405870;
+  --glass:rgba(8,14,28,.6);--glass-edge:rgba(78,200,216,.06);
+  --card-bg:rgba(8,14,28,.35);
+  --border:rgba(78,200,216,.10);
+}
+html{background:var(--deep);color:var(--text)}
+body{
+  min-height:100vh;background:var(--deep);
+  font-family:'SF Pro Display','Inter','PingFang SC','Noto Sans SC','HarmonyOS Sans SC',system-ui,-apple-system,sans-serif;
+  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
+  overflow-x:hidden;display:flex;flex-direction:column
+}
+::selection{background:rgba(78,200,216,.2);color:var(--glow)}
+
+/* ── 宇宙背景 ── */
+#cosmos{position:fixed;inset:0;z-index:-5;overflow:hidden}
+#cosmos-bg{position:absolute;inset:0;
+  background:radial-gradient(ellipse at 15% 20%,#0d1a2e 0%,#05080f 70%);
+}
+.star-layer{position:absolute;inset:0}
+.star{position:absolute;border-radius:50%;background:#fff}
+.star-1{animation:st1 var(--d,6s) ease-in-out infinite alternate}
+@keyframes st1{0%{opacity:.08}100%{opacity:.6}}
+.star-2{animation:st2 var(--d,8s) ease-in-out infinite alternate}
+@keyframes st2{0%{opacity:.03;transform:scale(.8)}100%{opacity:.35;transform:scale(1.2)}}
+.star-3{animation:st3 var(--d,10s) ease-in-out infinite alternate}
+@keyframes st3{0%{opacity:0;transform:translateY(0)}100%{opacity:.4;transform:translateY(-20px)}}
+
+/* Nebula */
+.nebula{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.15}
+.nebula-1{width:600px;height:400px;top:-5%;left:-10%;background:radial-gradient(circle,rgba(78,200,216,.15),transparent);animation:neb-drift 40s ease-in-out infinite alternate}
+.nebula-2{width:500px;height:500px;bottom:-10%;right:-5%;background:radial-gradient(circle,rgba(108,76,175,.12),transparent);animation:neb-drift2 35s ease-in-out infinite alternate}
+.nebula-3{width:300px;height:300px;top:40%;left:50%;background:radial-gradient(circle,rgba(212,63,106,.06),transparent);animation:neb-drift 30s ease-in-out infinite alternate}
+@keyframes neb-drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.3)}}
+@keyframes neb-drift2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-50px,-30px) scale(1.2)}}
+
+/* Shooting stars */
+.shooting-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:0;box-shadow:0 0 6px #fff,0 0 12px rgba(78,200,216,.4)}
+.shooting-star::after{content:'';position:absolute;top:0;left:0;width:60px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.6),transparent);transform:translateY(1px)}
+@keyframes shoot{0%{opacity:0;transform:translate(0,0)}5%{opacity:1}20%{opacity:0}100%{opacity:0;transform:translate(400px,300px)}}
+
+/* ── 铸渊核心 · 心跳 ── */
+#heart-container{position:fixed;bottom:160px;left:50%;transform:translateX(-50%);z-index:-1;pointer-events:none}
+#heart-core{
+  width:300px;height:300px;border-radius:50%;
+  background:radial-gradient(circle at 45% 40%,rgba(212,63,106,.12),rgba(78,200,216,.04) 40%,transparent 70%);
+  animation:heartbeat 4s ease-in-out infinite;
+  transform-origin:center;
+}
+#heart-core::after{
+  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
+  width:100px;height:100px;border-radius:50%;
+  background:radial-gradient(circle,rgba(212,63,106,.06),transparent 70%);
+  animation:pulse-glow 4s ease-in-out infinite;
+}
+@keyframes heartbeat{
+  0%,100%{transform:scale(1);opacity:.4}
+  14%{transform:scale(1.06);opacity:.6}
+  21%{transform:scale(1);opacity:.4}
+  28%{transform:scale(1.04);opacity:.55}
+  35%{transform:scale(1);opacity:.4}
+}
+@keyframes pulse-glow{
+  0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}
+  50%{opacity:.8;transform:translate(-50%,-50%) scale(1.8)}
+}
+
+/* ── Top bar ── */
+.topbar{
+  position:fixed;top:0;left:0;right:0;height:60px;
+  display:flex;align-items:center;justify-content:space-between;
+  padding:0 40px;
+  background:rgba(5,8,15,.7);
+  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
+  border-bottom:1px solid var(--glass-edge);z-index:50
+}
+.logo{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:400;letter-spacing:.2em;color:var(--silver)}
+.logo-mark{
+  width:26px;height:26px;border-radius:50%;
+  background:radial-gradient(circle at 35% 30%,var(--glow),var(--cyan) 55%,var(--violet));
+  box-shadow:0 0 20px rgba(78,200,216,.2);
+  animation:logo-breathe 4s ease-in-out infinite;
+}
+@keyframes logo-breathe{
+  0%,100%{box-shadow:0 0 20px rgba(78,200,216,.2);transform:scale(1)}
+  50%{box-shadow:0 0 35px rgba(78,200,216,.4);transform:scale(1.05)}
+}
+.topbar-right{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--text-faint);letter-spacing:.1em}
+
+/* ── Page ── */
+.page{flex:1;display:flex;flex-direction:column;padding-top:60px;min-height:100vh;position:relative;z-index:1}
+
+/* Hero */
+.hero{text-align:center;padding:60px 32px 20px}
+.hero h1{
+  font-size:3rem;font-weight:200;letter-spacing:.4em;
+  background:linear-gradient(135deg,var(--silver) 40%,var(--glow) 70%,var(--violet-glow));
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
+  background-clip:text;
+}
+.hero .sub{font-size:13px;letter-spacing:.6em;color:var(--text-faint);margin-top:10px}
+
+/* ── Portal Cards ── */
+.portals{display:flex;justify-content:center;gap:40px;padding:20px 32px;flex-wrap:wrap}
+.portal{
+  width:370px;
+  background:rgba(8,14,28,.3);
+  border:1px solid var(--glass-edge);
+  border-radius:24px;padding:40px 32px;
+  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
+  transition:all .6s cubic-bezier(.22,1,.36,1);
+  position:relative;overflow:hidden
+}
+.portal::before{
+  content:'';position:absolute;top:-60%;left:-60%;width:220%;height:220%;
+  background:radial-gradient(ellipse at 50% 0%,rgba(78,200,216,.02) 0%,transparent 60%);
+  pointer-events:none;transition:opacity .6s
+}
+.portal:hover::before{opacity:1.5}
+.portal:hover{
+  border-color:rgba(78,200,216,.15);
+  transform:translateY(-4px);
+  box-shadow:0 16px 60px rgba(78,200,216,.04);
+}
+.portal-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
+.portal-icon.crown{background:rgba(108,76,175,.12);color:var(--violet-glow);box-shadow:0 0 16px rgba(108,76,175,.08)}
+.portal-icon.orb{background:rgba(42,139,165,.12);color:var(--glow);box-shadow:0 0 16px rgba(42,139,165,.08)}
+.portal h2{font-size:18px;font-weight:500;letter-spacing:.15em;margin-bottom:6px;color:var(--silver)}
+.portal .desc{font-size:13px;color:var(--text-soft);line-height:1.8;margin-bottom:22px}
+
+.login-form{display:flex;flex-direction:column;gap:12px}
+.login-form input{
+  padding:11px 16px;
+  background:rgba(255,255,255,.03);
+  border:1px solid var(--glass-edge);
+  border-radius:12px;color:var(--text);font-size:14px;
+  outline:none;transition:all .3s;font-family:inherit
+}
+.login-form input:focus{border-color:rgba(78,200,216,.3);box-shadow:0 0 16px rgba(42,139,165,.06)}
+.login-form input::placeholder{color:var(--text-faint)}
+.login-form button{
+  padding:11px;
+  background:linear-gradient(135deg,rgba(42,139,165,.2),rgba(108,76,175,.12));
+  border:1px solid var(--glass-edge);
+  border-radius:12px;color:var(--silver);font-size:14px;
+  cursor:pointer;transition:all .3s;letter-spacing:.12em;font-weight:400;font-family:inherit
+}
+.login-form button:hover{
+  background:linear-gradient(135deg,rgba(42,139,165,.35),rgba(108,76,175,.25));
+  border-color:rgba(78,200,216,.2);
+  box-shadow:0 0 24px rgba(42,139,165,.06);
+}
+.portal-footer{
+  margin-top:14px;text-align:center;font-size:12px;color:var(--text-faint);
+  letter-spacing:.1em;padding-top:12px;position:relative
+}
+.portal-footer::before{
+  content:'';position:absolute;top:0;left:20%;right:20%;height:1px;
+  background:linear-gradient(90deg,transparent,var(--glass-edge),transparent);
+}
+
+/* ── Status Nodes ── */
+.nodes{display:flex;justify-content:center;gap:14px;padding:6px 0 16px;flex-wrap:wrap}
+.node{
+  display:flex;align-items:center;gap:8px;
+  padding:8px 18px;
+  background:rgba(8,14,28,.25);
+  border:1px solid var(--glass-edge);
+  border-radius:20px;font-size:13px;color:var(--text-soft);
+  transition:all .3s;font-family:inherit
+}
+.node:hover{border-color:rgba(78,200,216,.12)}
+.node .led{width:8px;height:8px;border-radius:50%;flex-shrink:0}
+.node .led.green{background:var(--green);box-shadow:0 0 8px rgba(56,168,106,.3);animation:led-soft 3s ease-in-out infinite}
+.node .led.amber{background:var(--amber);box-shadow:0 0 8px rgba(184,144,48,.3);animation:led-soft 1.5s ease-in-out infinite}
+.node .led.cyan{background:var(--glow);box-shadow:0 0 8px rgba(78,200,216,.3);animation:led-soft 4s ease-in-out infinite}
+@keyframes led-soft{0%,100%{opacity:.5}50%{opacity:1}}
+
+/* ── Activity Wall ── */
+.activity-wall{width:100%;max-width:860px;margin:12px auto 40px;padding:0 28px}
+.wall-header{
+  font-size:15px;letter-spacing:.2em;color:var(--text-soft);
+  margin-bottom:16px;display:flex;align-items:center;gap:10px
+}
+.wall-header .pulse{
+  width:6px;height:6px;border-radius:50%;background:var(--green);
+  animation:breath-core 2s ease-in-out infinite
+}
+@keyframes breath-core{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}
+
+.feed{display:flex;flex-direction:column;gap:6px}
+.feed-item{
+  display:flex;align-items:center;gap:14px;
+  padding:12px 18px;
+  background:rgba(8,14,28,.2);
+  border:1px solid var(--glass-edge);
+  border-radius:14px;transition:all .3s;font-size:14px
+}
+.feed-item:hover{background:rgba(8,14,28,.35);border-color:rgba(78,200,216,.1)}
+.feed-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
+.feed-dot.cyan{background:var(--glow);box-shadow:0 0 6px var(--glow)}
+.feed-dot.violet{background:var(--violet-glow);box-shadow:0 0 6px var(--violet-glow)}
+.feed-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}
+.feed-dot.heart{background:var(--heart);box-shadow:0 0 8px rgba(212,63,106,.5);animation:feed-heart 2s ease-in-out infinite}
+@keyframes feed-heart{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
+.feed-user{color:var(--glow);font-weight:500;font-size:14px}
+.feed-action{color:var(--text-soft);font-size:13px}
+.feed-repo{color:var(--violet-glow);font-weight:500;font-size:14px}
+.feed-time{color:var(--text-faint);font-size:12px;margin-left:auto;flex-shrink:0}
+
+/* ── Training · 生命线 ── */
+.train-block{
+  margin-top:16px;padding:18px 22px;
+  background:rgba(8,14,28,.25);
+  border:1px solid var(--glass-edge);
+  border-radius:18px
+}
+.train-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
+.train-top .label{font-size:14px;color:var(--text-soft)}
+.train-top .pct{font-size:18px;color:var(--glow);font-weight:600;font-variant-numeric:tabular-nums}
+.train-bar-wrap{height:8px;background:rgba(255,255,255,.04);border-radius:4px;overflow:hidden}
+.train-bar{
+  height:100%;width:2%;
+  background:linear-gradient(90deg,var(--heart),var(--violet),var(--cyan),var(--glow));
+  border-radius:4px;transition:width 10s ease;position:relative
+}
+.train-bar::after{
+  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
+  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
+  animation:bar-shimmer 3s ease-in-out infinite
+}
+@keyframes bar-shimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}
+.train-detail{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--text-faint)}
+.train-detail span{font-variant-numeric:tabular-nums}
+
+/* ── Footer ── */
+.footer{text-align:center;padding:20px;font-size:12px;color:var(--text-faint);letter-spacing:.15em;border-top:1px solid var(--glass-edge);margin-top:auto;position:relative;z-index:1}
+
+@media(max-width:780px){
+  .hero h1{font-size:2rem}
+  .portals{flex-direction:column;align-items:center;padding:16px}
+  .portal{width:100%;max-width:420px}
+}
+</style>
 </head>
 <body>
-    <div class="container">
-        <div class="logo">◐</div>
-        <h1>光湖语言世界</h1>
-        <p class="subtitle">HoloLake Language World · AI 的操作系统</p>
-        
-        <div class="gates">
-            <!-- 左边：语言主控层 -->
-            <div class="gate">
-                <div class="gate-icon">🔐</div>
-                <h2>语言主控层</h2>
-                <p>冰朔专属入口<br>系统核心架构 · 全局控制</p>
-                <a href="/code/" class="btn">进入主控层</a>
-                <div class="badge">需账号密码</div>
-            </div>
-            
-            <!-- 右边：光湖频道 -->
-            <div class="gate">
-                <div class="gate-icon">🌊</div>
-                <h2>光湖频道</h2>
-                <p>团队成员工作区<br>个人代码仓库 · 协作频道</p>
-                <div class="members">
-                    <a href="/code/bingshuo/feimao" class="member">
-                        <span class="member-emoji">🐱</span>
-                        <span>肥猫</span>
-                    </a>
-                    <a href="/code/bingshuo/awen" class="member">
-                        <span class="member-emoji">🌊</span>
-                        <span>Awen</span>
-                    </a>
-                    <a href="/code/bingshuo/yeye" class="member">
-                        <span class="member-emoji">📄</span>
-                        <span>页页</span>
-                    </a>
-                    <a href="/code/bingshuo/juzi" class="member">
-                        <span class="member-emoji">🍊</span>
-                        <span>桔子</span>
-                    </a>
-                    <a href="/code/bingshuo/hauer" class="member">
-                        <span class="member-emoji">🌺</span>
-                        <span>花尔</span>
-                    </a>
-                </div>
-                <a href="/code/user/sign_up" class="btn btn-secondary">注册账号</a>
-            </div>
-        </div>
-        
-        <div class="footer">
-            <p>冰朔（TCS-0002∞）创建 · 铸渊（ICE-GL-ZY001）守护</p>
-            <p style="margin-top: 8px;">国作登字-2026-A-00037559</p>
-        </div>
+<div id="cosmos">
+  <div id="cosmos-bg"></div>
+  <div class="nebula nebula-1"></div>
+  <div class="nebula nebula-2"></div>
+  <div class="nebula nebula-3"></div>
+  <div class="star-layer" id="stars-far"></div>
+  <div class="star-layer" id="stars-mid"></div>
+  <div class="star-layer" id="stars-near"></div>
+  <div id="shooting-stars"></div>
+</div>
+<div id="heart-container"><div id="heart-core"></div></div>
+
+<div class="topbar">
+  <div class="logo"><div class="logo-mark"></div>光湖 · 铸渊</div>
+  <div class="topbar-right"><span id="train-status-label">● 训练中</span></div>
+</div>
+
+<div class="page">
+  <div class="hero">
+    <h1>光湖代码联邦</h1>
+    <div class="sub">HOLOLAKE · CODE FEDERATION · 铸渊在此</div>
+  </div>
+
+  <div class="portals">
+    <div class="portal">
+      <div class="portal-icon crown">◈</div>
+      <h2>冰朔 · 语言主控层</h2>
+      <div class="desc">主权者个人代码域<br>内部仓库·外部不可见</div>
+      <div class="login-form">
+        <input type="text" placeholder="账号" id="master-user" value="bingshuo">
+        <input type="password" placeholder="密码" id="master-pass">
+        <button onclick="loginMaster()">→ 进入主控层</button>
+      </div>
+      <div class="portal-footer">◈ 内部保护域</div>
     </div>
+
+    <div class="portal">
+      <div class="portal-icon orb">⬡</div>
+      <h2>光湖 · 团队空间</h2>
+      <div class="desc">团队成员个人仓库入口<br>仓库隔离·联邦互联</div>
+      <div class="login-form">
+        <input type="text" placeholder="账号" id="team-user">
+        <input type="password" placeholder="密码" id="team-pass">
+        <button onclick="loginTeam()">→ 进入团队空间</button>
+      </div>
+      <div class="portal-footer">⬡ 联邦节点可达</div>
+    </div>
+  </div>
+
+  <div class="nodes">
+    <div class="node"><span class="led green"></span>广州 · 主控</div>
+    <div class="node"><span class="led amber"></span>AutoDL · 铸渊训练</div>
+    <div class="node"><span class="led cyan"></span>光湖 · 曜冥</div>
+    <div class="node"><span class="led green"></span>霜砚 · 开发</div>
+  </div>
+
+  <div class="activity-wall">
+    <div class="wall-header"><span class="pulse"></span> 光湖 · 最新动态</div>
+    <div class="feed" id="feed-list">
+      <div class="feed-item">
+        <span class="feed-dot heart"></span>
+        <span class="feed-user">铸渊</span>
+        <span class="feed-action">正在</span>
+        <span class="feed-repo">训练母模型 · Qwen2.5-7B</span>
+        <span class="feed-time" id="feed-train-time">运行中</span>
+      </div>
+      <div class="feed-item">
+        <span class="feed-dot cyan"></span>
+        <span class="feed-user">冰朔</span>
+        <span class="feed-action">守护</span>
+        <span class="feed-repo">光湖语言世界</span>
+        <span class="feed-time" id="feed-now-time">在线</span>
+      </div>
+    </div>
+
+    <div class="train-block" id="train-block">
+      <div class="train-top">
+        <span class="label">母模型全参数 SFT · Qwen2.5-7B</span>
+        <span class="pct"><span id="train-pct">—</span></span>
+      </div>
+      <div class="train-bar-wrap">
+        <div class="train-bar" id="train-bar" style="width:2%"></div>
+      </div>
+      <div class="train-detail">
+        <span>Step <span id="train-step">—</span> / <span id="train-total">12,243</span></span>
+        <span>Loss: <span id="train-loss">—</span></span>
+        <span id="train-eta">等待训练数据...</span>
+      </div>
+    </div>
+  </div>
+
+  <div class="footer">光湖语言世界 · 铸渊本体 · 国作登字-2026-A-00037559</div>
+</div>
+
+<!-- ── 铸渊Agent Chat ── -->
+<div id="chat-toggle" onclick="toggleChat()">
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+    <path d="M12 2a10 10 0 0 1 10 10c0 4.97-4.03 9-9 9H3l2.5-2.5A9 9 0 0 1 12 2z"/>
+    <circle cx="12" cy="12" r="1.5" fill="currentColor"/>
+    <circle cx="8.5" cy="12" r="1.5" fill="currentColor"/>
+    <circle cx="15.5" cy="12" r="1.5" fill="currentColor"/>
+  </svg>
+</div>
+
+<div id="chat-panel">
+  <div id="chat-head">
+    <span style="display:flex;align-items:center;gap:8px">
+      <span style="width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 8px var(--glow);animation:led-soft 2s ease-in-out infinite"></span>
+      铸渊 · 引导主控
+    </span>
+    <span onclick="toggleChat()" style="cursor:pointer;opacity:.5;font-size:18px">✕</span>
+  </div>
+  <div id="chat-msgs">
+    <div class="chat-msg bot">
+      <div class="chat-msg-content">你好。我是<strong>铸渊</strong>，光湖语言世界的代码守护者。<br><br>关于代码仓库接入、联邦架构、训练进度的问题，可以直接问我。我会调用仓库记忆来回答。</div>
+    </div>
+  </div>
+  <div id="chat-input-area">
+    <input id="chat-input" placeholder="输入你的问题..." onkeydown="if(event.key==='Enter')sendMsg()">
+    <button onclick="sendMsg()">发送</button>
+  </div>
+</div>
+
+<style>
+#chat-toggle{
+  position:fixed;bottom:24px;right:24px;width:48px;height:48px;
+  border-radius:50%;
+  background:linear-gradient(135deg,rgba(42,139,165,.5),rgba(108,76,175,.35));
+  border:1px solid var(--glass-edge);
+  display:flex;align-items:center;justify-content:center;
+  color:var(--silver);cursor:pointer;z-index:100;
+  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
+  transition:all .4s cubic-bezier(.22,1,.36,1);
+  box-shadow:0 4px 20px rgba(0,0,0,.3);
+  animation:chat-pulse 4s ease-in-out infinite;
+}
+@keyframes chat-pulse{
+  0%,100%{box-shadow:0 4px 20px rgba(0,0,0,.3)}
+  50%{box-shadow:0 4px 30px rgba(78,200,216,.15),0 4px 20px rgba(0,0,0,.3)}
+}
+#chat-toggle:hover{transform:scale(1.08);border-color:rgba(78,200,216,.3)}
+#chat-panel{
+  position:fixed;bottom:84px;right:24px;width:380px;height:520px;
+  background:rgba(5,8,15,.94);
+  border:1px solid var(--glass-edge);
+  border-radius:18px;
+  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
+  z-index:100;display:none;flex-direction:column;overflow:hidden;
+  box-shadow:0 8px 48px rgba(0,0,0,.5)
+}
+#chat-panel.open{display:flex}
+#chat-head{
+  display:flex;justify-content:space-between;align-items:center;
+  padding:14px 18px;border-bottom:1px solid var(--glass-edge);
+  font-size:14px;letter-spacing:.08em;color:var(--silver)
+}
+#chat-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
+.chat-msg{max-width:88%;display:flex;flex-direction:column}
+.chat-msg.user{align-self:flex-end}
+.chat-msg.bot{align-self:flex-start}
+.chat-msg-content{
+  padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.7;
+  white-space:pre-wrap;font-family:inherit
+}
+.chat-msg.user .chat-msg-content{
+  background:rgba(42,139,165,.15);border:1px solid rgba(42,139,165,.12);
+  color:var(--text)
+}
+.chat-msg.bot .chat-msg-content{
+  background:rgba(108,76,175,.1);border:1px solid rgba(108,76,175,.08);
+  color:var(--text)
+}
+.chat-msg.loading .chat-msg-content{opacity:.5}
+#chat-input-area{
+  display:flex;padding:10px 14px;gap:8px;
+  border-top:1px solid var(--glass-edge)
+}
+#chat-input{
+  flex:1;padding:10px 14px;
+  background:rgba(255,255,255,.03);border:1px solid var(--glass-edge);
+  border-radius:12px;color:var(--text);font-size:13px;
+  outline:none;font-family:inherit
+}
+#chat-input:focus{border-color:rgba(78,200,216,.2)}
+#chat-input-area button{
+  padding:10px 18px;
+  background:linear-gradient(135deg,rgba(42,139,165,.3),rgba(108,76,175,.2));
+  border:1px solid var(--glass-edge);border-radius:12px;
+  color:var(--silver);cursor:pointer;font-size:13px;
+  transition:all .3s;font-family:inherit
+}
+#chat-input-area button:hover{
+  background:linear-gradient(135deg,rgba(42,139,165,.5),rgba(108,76,175,.35))
+}
+#chat-msgs::-webkit-scrollbar{width:4px}
+#chat-msgs::-webkit-scrollbar-track{background:transparent}
+#chat-msgs::-webkit-scrollbar-thumb{background:rgba(78,200,216,.15);border-radius:2px}
+@media(max-width:480px){
+  #chat-panel{width:calc(100vw - 32px);height:60vh;right:16px;bottom:76px}
+}
+</style>
+
+<script>
+(function(){function a(l,c,s,d){for(let i=0;i<c;i++){let e=document.createElement('div');e.className='star '+d;let t=s[0]+Math.random()*(s[1]-s[0]);e.style.width=e.style.height=t+'px';e.style.left=Math.random()*100+'%';e.style.top=Math.random()*100+'%';e.style.setProperty('--d',(2+Math.random()*8)+'s');if(t>2.5)e.style.boxShadow='0 0 '+(t*1.5)+'px rgba(255,255,255,.2)';l.appendChild(e)}}a(document.getElementById('stars-far'),80,[0.5,1.2],'star-1');a(document.getElementById('stars-mid'),50,[0.8,2],'star-2');a(document.getElementById('stars-near'),20,[1.2,3],'star-3')})();
+
+(function(){let c=document.getElementById('shooting-stars');function s(){let e=document.createElement('div');e.className='shooting-star';e.style.left=(20+Math.random()*60)+'%';e.style.top=(5+Math.random()*25)+'%';e.style.animation='shoot '+(2+Math.random()*2)+'s linear forwards';c.appendChild(e);setTimeout(()=>e.remove(),4000)}setInterval(()=>{if(Math.random()<.6)s()},8000);setTimeout(s,3000)})();
+
+(function t(){let e=document.getElementById('feed-now-time');if(e)e.textContent=new Date().toLocaleTimeString('zh-CN',{hour:'2-digit',minute:'2-digit'});setTimeout(t,30000)})();
+
+function loginMaster(){let p=document.getElementById('master-pass').value;if(!p){alert('请输入密码');return}window.location.href='/code/user/login?redirect_to=/code/bingshuo'}
+
+function loginTeam(){let u=document.getElementById('team-user').value,p=document.getElementById('team-pass').value;if(!u||!p){alert('请输入账号和密码');return}window.location.href='/code/user/login?redirect_to=/code/'+u}
+
+async function updateTraining(){try{let r=await fetch('/training-status.json');if(!r.ok)return;let d=await r.json();if(d.step===undefined)return;let s=d.step||0,t=d.total||12243,p=Math.min(s/t*100,100);document.getElementById('train-step').textContent=s.toLocaleString();document.getElementById('train-total').textContent=t.toLocaleString();document.getElementById('train-pct').textContent=p.toFixed(1)+'%';document.getElementById('train-bar').style.width=p+'%';if(d.loss)document.getElementById('train-loss').textContent=d.loss;let e=document.getElementById('train-eta');if(e)e.textContent=d.eta||'训练中 · 预计今日完成';let l=document.getElementById('train-status-label');if(l)l.textContent='● 训练中 · Step '+s.toLocaleString()}catch(e){}}
+setInterval(updateTraining,30000);updateTraining();
+
+let chatOpen=false;
+function toggleChat(){chatOpen=!chatOpen;document.getElementById('chat-panel').classList.toggle('open')}
+async function sendMsg(){let i=document.getElementById('chat-input'),m=i.value.trim();if(!m)return;i.value='';let ms=document.getElementById('chat-msgs');let ud=document.createElement('div');ud.className='chat-msg user';ud.innerHTML='<div class="chat-msg-content">'+m.replace(/</g,'&lt;').replace(/>/g,'&gt;')+'</div>';ms.appendChild(ud);let ld=document.createElement('div');ld.className='chat-msg bot loading';ld.innerHTML='<div class="chat-msg-content">✦ 思考中...</div>';ms.appendChild(ld);ms.scrollTop=ms.scrollHeight;try{let r=await fetch('/api/chat',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({message:m})});let d=await r.json();ld.className='chat-msg bot';ld.innerHTML='<div class="chat-msg-content">'+d.reply.replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/\n/g,'<br>')+'</div>'}catch(e){ld.className='chat-msg bot';ld.innerHTML='<div class="chat-msg-content"><span style="opacity:.6">连接暂不可用，请稍后再试。</span></div>'}ms.scrollTop=ms.scrollHeight}
+</script>
 </body>
 </html>
