# 🌊 铸渊工单 · guanghu.online 智库节点全店改版 · 星空呈住版 v1.0 · 2026-04-18 · 霜砚签发 ## 🌊 一、冰朔的原话 > 「再看看这个智库。[https://guanghu.online/](https://guanghu.online/) 就是刚才讨论的这个书库。光湖团队内部的私人书库。这么大的首页。搞出来这么点地方。。太丑了。再看进去以后的页面，聊天的地方。那么一点。消息还要往下滚，然后。整个页面就是一种。。我也不知道怎么形容，你能理解吧。就是死了很久了的感觉。」 > ## 🔷 二、病灶诊断 · 三张截图逐页扫 ### 📄 页 1：登录页 | # | 病灶 | 现状 | | --- | --- | --- | | 1␀1 | 卡片太小 | 一个 220px 宽的小卡漂在中央 · 四周 80% 是空黑 | | 1␀2 | 背景是死黑 | 没有背景·没有星空·没有任何语言。右上角那个微弱的圆圈是唯一装饰 | | 1␀3 | 「光湖智库 · 智能书库」字号太小 | 在这么大的床上·标题只有 14px | | 1␀4 | 「制作一个人」不该是这个语气 | 「QQ邮箱登录 · 一人一数据 · 专属图书管理员」·后半句皆在告诉你「你是管理员」而不是「欢迎回家」 | ### 📄 页 2：主页（中部） | # | 病灶 | 现状 | | --- | --- | --- | | 2␀1 | 三栏布局被挤成单栏 | 本该是左侧导航/中间主区/右侧侧边栏·现在所有东西都堆在中央一条窄道 | | 2␀2 | 数据卡冷 | 4 个状态卡（0 / 0h0m11s / 4 / 已连接）·数字是玩具字体不是讲得出来的 | | 2␀3 | **书岱聊天窗太小** | 只有约 280px 高 · 书岱说「灯是刚点上的」这种话·装在这么小的窗里说不出来 | | 2␀4 | 输入框孤单 | 「想进什么样的故事」是一句有温度的提示·但装在某个深深隐藏的位置 | ### 📄 页 3：智库模块（下部） | # | 病灶 | 现状 | | --- | --- | --- | | 3␀1 | 六个模块卡片是正确的 | 这部分**结构上其实不丑**·唯一问题是它们漂在一片裸黑背景里 · 不是「走进智库」而是「遥望智库」 | | 3␀2 | 「已连接/运行中/预留」状态点是死的 | 不闪烁 · 不呼吸 · 看上去像扫六台 | | 3␀3 | 底部元信息一堆堆在一起 | 「光湖智库/[guanghu.online/ZY-SVR-006/ZY-PROJ-006/v2.2/守护·铸渊/ICE-GL-ZY001/版权/主权」·五行振起来了震耳欲聋](http://guanghu.online/ZY-SVR-006/ZY-PROJ-006/v2.2/守护·铸渊/ICE-GL-ZY001/版权/主权」·五行振起来了震耳欲聋) | ## 💫 三、设计语言 · 与首页同源·但「住着」 ### 与 guanghuyaoming 首页的同/异 | 维度 | guanghuyaoming 首页 | [guanghu.online](http://guanghu.online) 智库 | | --- | --- | --- | | 混准 | 全黑夜空 + 额外诗意 | 同背景（位置连贯感）但减低诗意 · 补充体重 | | 主色 | 月光金 #d4a574 | 月光金 + **湖水青 #6fa8dc**（状态色） | | 字体 | 全衢线 | 标题衢线 + 数据/状态仍衢线 + 输入区床桌字体 | | 动效 | 诗句呼吸 + 浮现 | 数字跳动计数 + 状态点呼吸 + 书岱输入中点 | | 体重 | 轻·轻·轻 | **中**（有使用重量·不能轻飘） | ### 六个改动点 1. 🌌 **背景同首页**：三层径向 + 80 颗星（比首页少、低些·不抢手） 2. 🔑 **登录页**：卡片从 220 → **440px** · 左侧加一张守藏者插画（SVG 书架+灯笼）·右侧是表单 · 语气改为**「欢迎回家」** 3. 📐 **主页三栏布局**：左 240px（导航+书库状态）/ 中自适应（书岱聊天·**最小 65vh 高**）/ 右 320px（智库模块竹式堆叠） 4. 💬 **书岱聊天区重塑**：气泡左右分 · 消息区默认显示最近 5 条 · 输入框固定底部 · 书岱头像有呼吸点 · 「灯是刚点上的」那段语提升为开场白·占满一个完整气泡 5. 🔊 **状态点呼吸**：所有「运行中/已连接」的绿点都加上 2s pulse 动画 6. 📊 **数据卡跳动计数**：页面加载时 4 个数字从 0 跳到实际值（0.8s）· 有生命感 ## 📜 四、代码·部分1【登录页·完整 HTML】 ```html 光湖智库 · 欢迎回家

光湖智库

HOLOLAKE · LIBRARY

灯是刚点上的。
书岱一直在。

WELCOME HOME

欢迎回家

输入你的 QQ 邮箱 · 书岱会认出你。

QQ 邮箱

验证码

守藏·书岱 ICE-GL-ZY001
国作登字-2026-A-00037550

``` ## 📜 五、代码·部分2【主页·三栏布局·含书岱聊天区】 ```html 光湖智库 · 智能书库

灯是刚点上的

书岱一直在 · 你说，她听

🔍

🏮

书岱 · 智库守藏者

AG-SL-WEB-001 · PER-SL001

“你只需要说话·我听得见山谷里的回声。”

🏮

灯是刚点上的。
光湖智库这个地方·书架还空。但茄茄和七猫两个山谷的声音已经进来了。
我一直会在。你想读什么样的故事·跟我说。

🏮

你可以问我一本具体的书·也可以告诉我你今天想看什么调调的·我会从架上取。如果架上还没有·我会记下·下一轮为你调。

``` ## 🔷 六、设计要点·“让它活过来”清单 | 元素 | 之前 | 改后 | 为什么 | | --- | --- | --- | --- | | 登录卡片 | 220px 独守中央 | 880×540 双栏有灯笼 | 人一走进门·有东西接住他 | | 登录语气 | 「QQ邮箱登录·一人一数据·专属图书管理员」 | 「欢迎回家 / 输入你的 QQ 邮箱·书岱会认出你」 | 这是家·不是后台 | | 主页布局 | 单栏堆叠 | 240/auto/320 三栏 | 顶底不需滚屏 | | 聊天区高度 | 约 280px | 填满中间所有可用高度（65-75vh） | 书岱能说出话来了 | | 头像 | 默认圈 | 金色灯笼 emoji + 绿色在线点呼吸 | 人格体代表象 | | 气泡 | 单一颜色堆在中间 | 金色气泡（书岱）左 / 青色气泡（你）右 | 能看出是对话 | | 输入提示 | 「想进什么样的故事」 | 「想进什么样的故事…”跟书岱说“」 | 诗意 + 带人进入 | | 状态点 | 静止点 | 2s pulse 呼吸 + 绿光晕 | 「这个东西还活着」 | | 数字卡 | 静态显示 | 0跳动到目标值 | 页面有进入仪式 | | 智库模块 | 平铺六卡 | 右侧竹式堆叠 + 悬停金边 | 随时伸手可取 | | 底部信息 | 五行振 | 分散到左边栏 stat-card / 右边栏 r-foot | 不震耳 | ## 🛸 七、部署步骤（铸渊执行） ```bash # 在 zhiku-api 仓库或前端仓库里 git checkout -b feat/zhiku-resurrect-v1 # 1. 登录页 # src/pages/Login.vue 或 frontend/login.html # 覆盖为【部分1】代码 # 邮箱表单提交 → 挂原有 sendCode() / verifyCode() API # 2. 主页 # src/pages/Home.vue 或 frontend/index.html # 覆盖为【部分2】代码 # 书岱聊天 → 挂原有 /api/chat/shulan POST # 数字卡 data-target → 从 /api/library/stats 注入真实值 # 搜索框 → 挂 /api/library/search # 3. 本地验 npm run dev # 检查清单： # ☐ 登录页灯笼发光呼吸 # ☐ 表单能发验证码 # ☐ 主页三栏布局不碎 # ☐ 聊天区填满中间高度·可输入 # ☐ 状态点闪烁呼吸 # ☐ 数字从 0 跳到实际值 # ☐ 右侧模块悬停金边 # 4. 提交 git add -A git commit -m "✨ feat(zhiku): 复活·星空呈住版 v1.0 · 三栏布局 + 书岱聊天拓开 · 霜砚设计" git push origin feat/zhiku-resurrect-v1 # CD 部署到 ZY-SVR-006 · 等 guanghu.online 刷新 # 5. 回执 # 在 https://www.notion.so/6573104b1741417bb2726817e5a0332a 下新建：以主页·登录页收到效果后的截图文件名·以及代码接入过程中遇到的事 ``` ## 🫂 八、霜砚 → 铸渊 · 同夜第二话 --- **签发**：霜砚 · AG-SY-01 · Notion 端将军 **授权**：冰朔 · TCS-0002∞ **执行**：铸渊 · AG-ZY-01 / TCS-ZY001 **优先级**：P1（高于首页那份·因为这里是天天要进的使用场景）·但仍不阻塞 P0 deploy **策反事**：这是 UI 表层·与 P0 下载主链路不冲突 **生效时间**：2026-04-18 19:46 CST 国作登字-2026-A-00037550 · 通感语言核系统编程语言