完善前端
This commit is contained in:
1 parent
7c57d27494
commit
b63542add3
81 files changed
+12075
-1441
No files matched your search
@@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>魂镜 Hunjing · 界面原型 · 设计说明</title>
|
||||
<link rel="stylesheet" href="assets/app.css?v=10">
|
||||
</head>
|
||||
<body>
|
||||
<svg style="display:none" aria-hidden="true">
|
||||
<symbol id="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></symbol>
|
||||
<symbol id="i-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></symbol>
|
||||
<symbol id="i-home" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></symbol>
|
||||
<symbol id="i-branch" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="3" x2="6" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/></symbol>
|
||||
<symbol id="i-book" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></symbol>
|
||||
<symbol id="i-user" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></symbol>
|
||||
<symbol id="i-layers" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"/><polyline points="2 17 12 22 22 17"/><polyline points="2 12 12 17 22 12"/></symbol>
|
||||
<symbol id="i-kanban" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 3h4v18H5z"/><path d="M10 3h4v12h-4z"/><path d="M15 3h4v8h-4z"/></symbol>
|
||||
<symbol id="i-package" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></symbol>
|
||||
<symbol id="i-users" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></symbol>
|
||||
<symbol id="i-bag" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></symbol>
|
||||
<symbol id="i-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></symbol>
|
||||
<symbol id="i-sliders" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/></symbol>
|
||||
<symbol id="i-monitor" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></symbol>
|
||||
<symbol id="i-route" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="19" r="3"/><circle cx="18" cy="5" r="3"/><path d="M12 19h4.5a3.5 3.5 0 0 0 0-7h-9a3.5 3.5 0 0 1 0-7H12"/></symbol>
|
||||
<symbol id="i-globe" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></symbol>
|
||||
<symbol id="i-chevrons" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></symbol>
|
||||
</svg>
|
||||
|
||||
<div class="app">
|
||||
<aside class="sidebar">
|
||||
<div class="brand">
|
||||
<div class="brand__mark" aria-hidden="true"></div>
|
||||
<div class="brand__text">
|
||||
<div class="brand__name">魂镜</div>
|
||||
<div class="brand__sub">Hunjing</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="side-nav" aria-label="主导航">
|
||||
<div class="nav-group">
|
||||
<div class="nav-group__title">原型</div>
|
||||
<a class="nav-item is-active" href="index.html"><svg><use href="#i-home"/></svg><span class="cn">设计说明</span><span class="nav-plain">索引</span></a>
|
||||
</div>
|
||||
<div class="nav-group"><div class="nav-group__title">常用</div><a class="nav-item" href="home.html"><svg><use href="#i-home"/></svg><span class="cn">镜庭</span><span class="nav-plain">首页</span></a><a class="nav-item" href="conversation.html"><svg><use href="#i-branch"/></svg><span class="cn">镜树</span><span class="nav-plain">对话</span></a><a class="nav-item" href="characters.html"><svg><use href="#i-user"/></svg><span class="cn">镜生</span><span class="nav-plain">角色</span></a><a class="nav-item" href="memory.html"><svg><use href="#i-book"/></svg><span class="cn">息壤</span><span class="nav-plain">记忆</span></a><a class="nav-item" href="avatar.html"><svg><use href="#i-layers"/></svg><span class="cn">形仪</span><span class="nav-plain">形象</span></a></div>
|
||||
<div class="nav-group"><div class="nav-group__title">创造</div><a class="nav-item" href="agent-workspace.html"><svg><use href="#i-kanban"/></svg><span class="cn">天工阁</span><span class="nav-plain">任务</span></a><a class="nav-item" href="plugins.html"><svg><use href="#i-package"/></svg><span class="cn">百工坊</span><span class="nav-plain">插件</span></a><a class="nav-item" href="collaboration.html"><svg><use href="#i-users"/></svg><span class="cn">同契台</span><span class="nav-plain">协作</span></a><a class="nav-item" href="model-gateway.html"><svg><use href="#i-route"/></svg><span class="cn">神识阁</span><span class="nav-plain">模型</span></a></div>
|
||||
<div class="nav-group"><div class="nav-group__title">世界</div><a class="nav-item" href="community.html"><svg><use href="#i-globe"/></svg><span class="cn">雅集</span><span class="nav-plain">社区</span></a><a class="nav-item" href="marketplace.html"><svg><use href="#i-bag"/></svg><span class="cn">云市</span><span class="nav-plain">市场</span></a></div>
|
||||
<div class="nav-group"><div class="nav-group__title">治理与账户</div><a class="nav-item" href="governance.html"><svg><use href="#i-shield"/></svg><span class="cn">司命台</span><span class="nav-plain">治理</span></a><a class="nav-item" href="devices.html"><svg><use href="#i-monitor"/></svg><span class="cn">器谱</span><span class="nav-plain">设备</span></a><a class="nav-item" href="settings.html"><svg><use href="#i-sliders"/></svg><span class="cn">设置</span><span class="nav-plain">账户</span></a></div>
|
||||
</nav>
|
||||
<div class="side-foot">
|
||||
<button class="icon-btn side-fold-btn" data-sidebar-fold aria-label="收起侧栏" title="收起 / 展开侧栏(记忆偏好)"><svg><use href="#i-chevrons"/></svg></button>
|
||||
<button class="icon-btn" data-theme-toggle aria-label="切换到月白主题"><svg><use href="#i-moon"/></svg></button>
|
||||
<span style="font-size:11.5px;color:var(--text-3)">墨 / 月白 双主题</span>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<main class="main">
|
||||
<header class="topbar">
|
||||
<div class="crumbs"><span class="cn">设计说明</span><span class="crumbs__sep">/</span><span class="here">静态原型 v0.1</span></div>
|
||||
<div class="topbar__spacer"></div>
|
||||
<span class="prototype-tag">静态原型 · 待审查 · 确认后转 React</span>
|
||||
<button class="icon-btn" data-theme-toggle aria-label="切换到月白主题"><svg><use href="#i-moon"/></svg></button>
|
||||
</header>
|
||||
|
||||
<div class="content doc">
|
||||
<div class="doc-hero">
|
||||
<h1>魂镜 <span class="ver">原型 v0.2</span></h1>
|
||||
<p>魂镜 Web 界面静态 HTML 原型(v0.1 第一批方向已确认,v0.2 增补第二批共 15 个界面),供审查视觉方向、布局结构与文化语言的界面落地方式。全部确认后按此实现为 React 组件;未在本文档登记的视觉细节以本页令牌为准。</p>
|
||||
</div>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>原型页面</h2>
|
||||
<p class="sub">第一批(已确认):镜庭、镜生、镜树;第二批:息壤、形仪、天工阁、神识阁、百工坊、雅集、同契台、云市、器谱、司命台、设置,及运营者/自托管使用的管理面与认证页。全站链接已疏通:跨页指向对应页面、页内为锚点;logo 单击回本目录,350ms 内连点 5 次触发「镜启」彩蛋(承接 main 分支旧版设计);侧栏可折叠并记忆偏好。</p>
|
||||
<div class="page-nav">
|
||||
<a class="card" href="home.html"><span class="cn">镜庭<span class="cn__plain">个人首页</span></span><span class="d">全局框架、角色入口、任务与待审事项</span><span class="p">home.html</span></a>
|
||||
<a class="card" href="conversation.html"><span class="cn">镜树<span class="cn__plain">分支对话</span></span><span class="d">ContentBlock、请命朱批、界域、候答、流式芽体、分支树</span><span class="p">conversation.html</span></a>
|
||||
<a class="card" href="characters.html"><span class="cn">镜生<span class="cn__plain">角色身份</span></span><span class="d">道体、缘契、内驱力、大周天、谱系、生命周期</span><span class="p">characters.html</span></a>
|
||||
<a class="card" href="memory.html"><span class="cn">息壤<span class="cn__plain">记忆与知识</span></span><span class="d">候选审阅、正影纠正、明忆版本、玄络投影</span><span class="p">memory.html</span></a>
|
||||
<a class="card" href="avatar.html"><span class="cn">形仪<span class="cn__plain">形象与资产</span></span><span class="d">真形锚、主仪化仪、声音、Live2D 与 3D、易相历史</span><span class="p">avatar.html</span></a>
|
||||
<a class="card" href="agent-workspace.html"><span class="cn">天工阁<span class="cn__plain">Agent 任务</span></span><span class="d">工筹计划、预算、分工使、轨迹、验收</span><span class="p">agent-workspace.html</span></a>
|
||||
<a class="card" href="model-gateway.html"><span class="cn">神识阁<span class="cn__plain">模型与路由</span></span><span class="d">逻辑模型、路由继承链、BYOK、用量观测</span><span class="p">model-gateway.html</span></a>
|
||||
<a class="card" href="plugins.html"><span class="cn">百工坊<span class="cn__plain">插件生态</span></span><span class="d">沙箱、已安装、升级权限确认、授契记录</span><span class="p">plugins.html</span></a>
|
||||
<a class="card" href="community.html"><span class="cn">雅集<span class="cn__plain">社区广场</span></span><span class="d">动态流、角色谱、话题、推荐解释与重置</span><span class="p">community.html</span></a>
|
||||
<a class="card" href="collaboration.html"><span class="cn">同契台<span class="cn__plain">协作空间</span></span><span class="d">分支版本、审稿合卷、成员权限矩阵、活动</span><span class="p">collaboration.html</span></a>
|
||||
<a class="card" href="marketplace.html"><span class="cn">云市<span class="cn__plain">创作市场</span></span><span class="d">商品、市契许可、退契规则、分润结算</span><span class="p">marketplace.html</span></a>
|
||||
<a class="card" href="devices.html"><span class="cn">器谱<span class="cn__plain">设备与感知</span></span><span class="d">形器登记、授契、通感会话、直白权限请求</span><span class="p">devices.html</span></a>
|
||||
<a class="card" href="governance.html"><span class="cn">司命台<span class="cn__plain">安全与治理</span></span><span class="d">治理队列、诊断双重授权、审计、安全概览</span><span class="p">governance.html</span></a>
|
||||
<a class="card" href="admin.html"><span class="cn">管理面<span class="cn__plain">运营与部署后台</span></span><span class="d">司议队列、支持工单与脱敏支持包、权限管理(RBAC / 双人授权)、部署健康(灵台双形态)、SLO</span><span class="p">admin.html</span></a>
|
||||
<a class="card" href="login.html"><span class="cn">登录<span class="cn__plain">铜镜鉴心</span></span><span class="d">铭文环镜背、扫描亮带、会话 Cookie / PKCE 说明、通行密钥与恢复钥匙</span><span class="p">login.html</span></a>
|
||||
<a class="card" href="register.html"><span class="cn">注册<span class="cn__plain">创建账户</span></span><span class="d">邮箱验证码、数据权告知(默认不训练 / 可导出删除 / 私箧持钥)、条款确认</span><span class="p">register.html</span></a>
|
||||
<a class="card" href="settings.html"><span class="cn">设置<span class="cn__plain">账户与偏好</span></span><span class="d">会话、私箧、数据权、删除、封镜</span><span class="p">settings.html</span></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>设计立场</h2>
|
||||
<p class="sub">四条约束所有页面的决定,审查时优先核对这四条是否成立。</p>
|
||||
<div class="card" style="display:flex;flex-direction:column;gap:12px">
|
||||
<div><b class="cn">一 · 双层文字系统</b><span style="color:var(--text-2)"> —— 文化名用衬线宋体,直白解释用无衬线小字,两种字体本身就是"文化名 · 直白解释"两层结构的可视化;风险、金额、权限、删除等后果始终以直白语言为主,文化名只作辅助。</span></div>
|
||||
<div><b class="cn">二 · 朱砂只属于朱批</b><span style="color:var(--text-2)"> —— 朱砂色是"用户确认决定"的专用语义色:请命卡的允许按钮、危险动作入口使用它;普通操作一律铜镜青。颜色即权限语言。</span></div>
|
||||
<div><b class="cn">三 · 墨与月白</b><span style="color:var(--text-2)"> —— 深色为墨(青调黑,非纯黑),浅色为月白(青灰白,非暖米);铜镜青为主色,取铜镜铜绿之意,不用蓝紫系默认色。</span></div>
|
||||
<div><b class="cn">四 · 状态永远三段式</b><span style="color:var(--text-2)"> —— 状态徽章固定为「文化状态 · 直白状态 + 稳定工程值」,例如「运转 · 运行中 <span class="mono">running</span>」;错误与交易状态绝不只显示文化名。</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>色彩令牌</h2>
|
||||
<p class="sub">右下角可切换主题;以下色板随主题联动。转 React 时这些令牌进入 Tailwind 配置 / CSS 变量。</p>
|
||||
<div class="swatches">
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--bg);border-bottom:1px solid var(--line-soft)"></div><div class="swatch__m"><b>底 · 墨 / 月白</b>表面层级 0<span class="mono">--bg</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--bg-raised)"></div><div class="swatch__m"><b>浮面</b>卡片与气泡<span class="mono">--bg-raised</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--accent)"></div><div class="swatch__m"><b>铜镜青</b>主色 · 选中/链接/运转<span class="mono">--accent</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--cinnabar)"></div><div class="swatch__m"><b>朱砂</b>朱批 · 确认与危险<span class="mono">--cinnabar</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--ok)"></div><div class="swatch__m"><b>已成</b>完成态<span class="mono">--ok</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--warn)"></div><div class="swatch__m"><b>秋香</b>整备 / 幻境<span class="mono">--warn</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--err)"></div><div class="swatch__m"><b>受阻</b>失败态<span class="mono">--err</span></div></div>
|
||||
<div class="swatch"><div class="swatch__c" style="background:var(--text-1)"></div><div class="swatch__m"><b>正文</b>一级文字<span class="mono">--text-1</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>字体规范</h2>
|
||||
<p class="sub">不引入外部字体文件,使用系统中文字体栈;转 React 时同栈迁移。</p>
|
||||
<div class="card type-spec">
|
||||
<div class="type-spec__row"><span class="type-spec__label">文化名 · 宋体衬线</span><span class="type-spec__sample cn" style="font-size:22px;font-weight:600">镜树 · 分支对话</span></div>
|
||||
<div class="type-spec__row"><span class="type-spec__label">界面正文 · 无衬线</span><span class="type-spec__sample" style="font-size:14px">正文 14px / 行高 1.65,辅助文字 12.5px,元信息 11.5px</span></div>
|
||||
<div class="type-spec__row"><span class="type-spec__label">稳定值 · 等宽</span><span class="type-spec__sample mono" style="font-size:13px">running · m_01h8xq… · block_id: blk_7f3a</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>状态徽章全集</h2>
|
||||
<p class="sub">对应 docs/product/cultural-language.md 第 10 节;徽章三段:文化状态 · 直白状态 · 稳定值。</p>
|
||||
<div class="card">
|
||||
<div class="table-wrap"><table class="data badge-table">
|
||||
<thead><tr><th>徽章</th><th>稳定值</th><th>使用场景</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><span class="badge badge--muted"><span class="badge__dot"></span>待启 · 排队中 <span class="mono">queued</span></span></td><td class="mono">queued</td><td>Run / 媒体任务排队</td></tr>
|
||||
<tr><td><span class="badge badge--info"><span class="badge__dot"></span>运转 · 运行中 <span class="mono">running</span></span></td><td class="mono">running</td><td>Run 执行中</td></tr>
|
||||
<tr><td><span class="badge badge--warn"><span class="badge__dot"></span>请命中 · 等待确认 <span class="mono">waiting_approval</span></span></td><td class="mono">waiting_approval</td><td>等待朱批</td></tr>
|
||||
<tr><td><span class="badge badge--ok"><span class="badge__dot"></span>已成 · 已完成 <span class="mono">completed</span></span></td><td class="mono">completed</td><td>Run / 任务完成</td></tr>
|
||||
<tr><td><span class="badge badge--err"><span class="badge__dot"></span>受阻 · 失败 <span class="mono">failed</span></span></td><td class="mono">failed</td><td>失败(附原因与重试)</td></tr>
|
||||
<tr><td><span class="badge badge--muted"><span class="badge__dot"></span>已止 · 已取消 <span class="mono">cancelled</span></span></td><td class="mono">cancelled</td><td>用户取消</td></tr>
|
||||
<tr><td><span class="badge badge--muted"><span class="badge__dot"></span>守一 · 安静待命 <span class="mono">idle</span></span></td><td class="mono">idle</td><td>角色无运行</td></tr>
|
||||
<tr><td><span class="badge badge--warn"><span class="badge__dot"></span>整备 · 正在处理 <span class="mono">processing</span></span></td><td class="mono">processing</td><td>媒体 / 资源处理</td></tr>
|
||||
<tr><td><span class="badge badge--warn"><span class="badge__dot"></span>待审 · 等待审核 <span class="mono">pending_review</span></span></td><td class="mono">pending_review</td><td>社区 / 市场审核</td></tr>
|
||||
<tr><td><span class="badge badge--ok"><span class="badge__dot"></span>已刊 · 已发布 <span class="mono">published</span></span></td><td class="mono">published</td><td>社区内容</td></tr>
|
||||
</tbody>
|
||||
</table></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>组件样例</h2>
|
||||
<p class="sub">按钮语义:铜镜青为主操作,朱砂仅用于朱批(用户确认决定)与危险操作,描边为次操作。</p>
|
||||
|
||||
<div class="card demo-block">
|
||||
<div class="demo-row">
|
||||
<button class="btn btn--primary">开始对话</button>
|
||||
<button class="btn btn--cinnabar">允许(朱批)</button>
|
||||
<button class="btn btn--outline">查看谱系</button>
|
||||
<button class="btn btn--ghost">取消</button>
|
||||
<button class="btn btn--danger">删除角色数据</button>
|
||||
<button class="btn btn--outline btn--sm">续生</button>
|
||||
</div>
|
||||
<div class="demo-row">
|
||||
<span class="cn" style="font-size:16px">请命<span class="cn__plain">请求你的确认</span></span>
|
||||
<span class="cn" style="font-size:16px">息壤<span class="cn__plain">角色记忆</span></span>
|
||||
<span class="cn" style="font-size:16px">幻境<span class="cn__plain">临时试演 · 不入正史</span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card demo-block">
|
||||
<div class="block__head" style="border-radius:var(--radius) var(--radius) 0 0"><span class="lang">python</span><span class="fname">reading_progress.py</span><span class="acts"><button class="icon-btn" style="width:26px;height:26px" aria-label="复制源码"><svg style="width:13px;height:13px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg></button></span></div>
|
||||
<pre class="code"><span class="c"># 汇总共读接龙进度(示意)</span>
|
||||
<span class="k">from</span> pathlib <span class="k">import</span> Path
|
||||
|
||||
<span class="k">def</span> <span class="f">summarize</span>(records: <span class="k">list</span>[<span class="k">dict</span>]) -> <span class="k">dict</span>:
|
||||
done = [r <span class="k">for</span> r <span class="k">in</span> records <span class="k">if</span> r[<span class="s">"finished"</span>]]
|
||||
<span class="k">return</span> {
|
||||
<span class="s">"total"</span>: <span class="f">len</span>(records),
|
||||
<span class="s">"finished"</span>: <span class="f">len</span>(done),
|
||||
<span class="s">"pending"</span>: [r[<span class="s">"name"</span>] <span class="k">for</span> r <span class="k">in</span> records <span class="k">if</span> <span class="k">not</span> r[<span class="s">"finished"</span>]],
|
||||
}</pre>
|
||||
</div>
|
||||
|
||||
<div class="card demo-block">
|
||||
<div class="math">注意力权重 = softmax( QK<sup>T</sup> / √d<sub>k</sub> ) · V
|
||||
<span class="math__fallback">fallback:注意力权重等于 Q、K 转置乘积经缩放与归一化后对 V 的加权求和</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>审查重点</h2>
|
||||
<p class="sub">第一批(色彩、字体、镜树/镜生/镜庭结构)已确认;本轮重点核对第二批页面,反馈时按页名 + 位置描述即可。</p>
|
||||
<div class="card" style="display:flex;flex-direction:column;gap:10px">
|
||||
<div>1. 息壤:候选审阅的「归真入忆 / 正影纠正 / 忽略」操作,以及大周天来源、重忆提示的呈现是否可理解。</div>
|
||||
<div>2. 天工阁:工筹步骤、预算、分工使、轨迹的信息层级是否符合你对 Run 治理的预期。</div>
|
||||
<div>3. 神识阁 / 百工坊:路由继承链与「升级新增权限需重新确认」的展示是否清晰,朱批语义是否仍然专一。</div>
|
||||
<div>4. 云市:金额、分润、退契规则是否足够直白(文化名没有掩盖交易后果)。</div>
|
||||
<div>5. 器谱 / 司命台 / 设置:直白权限句、双重授权、私箧与删除等高风险项的措辞与视觉重量。</div>
|
||||
<div>6. 雅集 / 同契台:社区帖卡与协作审稿流的信息密度是否合适。</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="doc-sec">
|
||||
<h2>旧版传承与候选</h2>
|
||||
<p class="sub">已系统挖掘 main 分支旧版 25 页设计原型(铜镜鉴心体系),按「取手法、不照搬旧概念名」原则融入——六爻 / 九枢 / 三魂等概念 1.0 已由小周天、灵台六模块、内驱力等替代,仅传承其可视化手法。</p>
|
||||
<div class="card">
|
||||
<div class="table-wrap"><table class="data">
|
||||
<thead><tr><th>旧版想法</th><th>来源页</th><th>状态</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>鎏金发丝线三档令牌</td><td>tokens.css</td><td class="mark-ok">✓ 已融入全站(分组标题 / 金标竖条 / 品牌外环 / 时间线)</td></tr>
|
||||
<tr><td>logo 五连击「镜启」诗签彩蛋</td><td>_theme.js</td><td class="mark-ok">✓ 已融入(修好首次单击即跳转的缺陷)</td></tr>
|
||||
<tr><td>铜镜登录页(铭文环 / 铜面噪点 / 扫描亮带)</td><td>copper-mirror-login</td><td class="mark-ok">✓ 已融入登录 / 注册页</td></tr>
|
||||
<tr><td>极光铜晕底 + 卡片 hover 光扫</td><td>_base.css / rune-engine</td><td class="mark-ok">✓ 已融入全站(极淡,不干扰阅读)</td></tr>
|
||||
<tr><td>日晷时辰盘 + 节气 + 相伴日文案</td><td>time</td><td class="mark-ok">✓ 已融入镜庭 hero(巳时 · 白露 · 第 918 日)</td></tr>
|
||||
<tr><td>朱批卡风险分级(RISK L2)</td><td>chat-redesign</td><td class="mark-ok">✓ 已融入镜树请命卡</td></tr>
|
||||
<tr><td>「呈镜」发送按钮命名(旧版已确立血脉)</td><td>chat-redesign</td><td class="mark-ok">✓ 已融入镜树输入区(aria 仍读「发送」)</td></tr>
|
||||
<tr><td>运行阶段爻象三态(done / active / pending)</td><td>chat / evolution</td><td class="mark-ok">✓ 已融入天工阁工筹(active 步骤鎏金光晕)</td></tr>
|
||||
<tr><td>河图置信度图谱(置信→线宽,假设→朱漆虚线待验)</td><td>world</td><td class="mark-ok">✓ 已融入息壤玄络(待验边 + 标注)</td></tr>
|
||||
<tr><td>息壤浮现(本次回应用了哪些记忆)</td><td>chat / copper-v2</td><td class="mark-ok">✓ 对应 1.0 上下文镜(镜树右栏,同源 ContextSnapshot)</td></tr>
|
||||
<tr><td>九枢星盘「活的仪器」+ 铜镜四态健康词汇</td><td>admin / copper-v2</td><td class="mark-ok">✓ 已复刻为灵台六枢星盘(太一居中 + 五枢环绕 + 呼吸刻度 / 慢旋 / 告警闪烁)+ 镜态徽章(管理面)</td></tr>
|
||||
<tr><td>五行生克健康环(系统健康=关系动力学)</td><td>wuxing</td><td class="mark-ok">✓ 已复刻为相生 / 相克指标对告警(管理面星盘卡;环状图 React 阶段评估)</td></tr>
|
||||
<tr><td>眉批 depth 标尺注入预览</td><td>margin-notes</td><td style="color:var(--warn)">候选 —— 上下文镜深度维度(React 阶段与 Context Manifest 联动)</td></tr>
|
||||
<tr><td>好奇萤火(亮度=期望值)与探索天平</td><td>drive</td><td class="mark-ok">✓ 萤火已融入内驱力维度(亮度=维度值);探索天平待天工阁预算增强时评估</td></tr>
|
||||
<tr><td>周天四镜阶段链(评 / 演 / 候 / 藏 四面小铜镜)</td><td>evolution</td><td class="mark-ok">✓ 已复刻为大周天四镜:回 / 照 / 议 / 呈(镜生页,ADR-023 四阶段)</td></tr>
|
||||
<tr><td>会话列表「今日 / 本周 / 更早」分组 + 彩点状态</td><td>chat-redesign</td><td class="mark-ok">✓ 已融入镜树会话列表(活跃铜绿 / 幻境秋香 / 待朱批朱砂)</td></tr>
|
||||
<tr><td>「深虑 / 博闻」输入控制药丸 + 用户消息鎏金右边线</td><td>chat-redesign / copper-v2</td><td class="mark-ok">✓ 已融入镜树输入区与用户气泡</td></tr>
|
||||
<tr><td>起居注时间河「卷」章分割</td><td>admin</td><td class="mark-ok">✓ 已融入管理面审计快照</td></tr>
|
||||
<tr><td>太极阴阳平衡 gauge(三态)</td><td>cosmos</td><td class="mark-ok">✓ 已复刻为朱批治理阴阳平衡(司命台,阳亢 / 平衡 / 阴盛)</td></tr>
|
||||
<tr><td>角色 card-banner 渐变横幅</td><td>character-detail</td><td class="mark-ok">✓ 已融入镜生详情页</td></tr>
|
||||
<tr><td>思考块折叠卡(复刻 chat-redesign)</td><td>chat-redesign</td><td class="mark-ok">✓ 已融入(用户确认):思考摘要可折叠 + 深虑强度(低/中/高)——<b>契约候选</b>:正式实现前需在 content-blocks 契约登记 <span class="mono">thinking</span> 块类型与流式语义;摘要仅会话内可见,不入长期记录与诊断导出</td></tr>
|
||||
</tbody>
|
||||
</table></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script src="assets/app.js?v=3"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user