278 lines
21 KiB
HTML
278 lines
21 KiB
HTML
<!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-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-bell" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/></symbol>
|
||
<symbol id="i-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></symbol>
|
||
<symbol id="i-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></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-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-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-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" aria-current="page" 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>
|
||
<span class="avatar avatar--sm avatar--user">舟</span>
|
||
<span style="font-size:12.5px">云舟</span>
|
||
<button class="icon-btn" data-theme-toggle style="margin-left:auto" aria-label="切换到月白主题"><svg><use href="#i-moon"/></svg></button>
|
||
</div>
|
||
</aside>
|
||
|
||
<main class="main">
|
||
<header class="topbar">
|
||
<div class="crumbs"><span class="cn">镜庭</span><span class="crumbs__sep">·</span><span class="here">个人首页</span></div>
|
||
<div class="topbar__spacer"></div>
|
||
<span class="prototype-tag">静态原型 · 待审查</span>
|
||
<button class="icon-btn" aria-label="搜索"><svg><use href="#i-search"/></svg></button>
|
||
<button class="icon-btn" aria-label="通知"><svg><use href="#i-bell"/></svg></button>
|
||
</header>
|
||
|
||
<div class="content">
|
||
<div class="hero">
|
||
<div class="sundial" role="img" aria-label="日晷：巳时，白露节气，与青梧相伴第 918 日">
|
||
<svg viewBox="0 0 116 116">
|
||
<circle cx="58" cy="58" r="55" fill="none" stroke="var(--gilt-faint)" stroke-width="1"/>
|
||
<circle cx="58" cy="58" r="47" fill="none" stroke="var(--line-soft)" stroke-width="0.8"/>
|
||
<g class="sundial-spin">
|
||
<circle cx="58" cy="58" r="51" fill="none" stroke="var(--gilt-faint)" stroke-width="0.6" stroke-dasharray="2 7"/>
|
||
</g>
|
||
<!-- 十二时辰刻度：巳位（东南）鎏金加粗 -->
|
||
<g stroke="var(--line)" stroke-width="1.4">
|
||
<line x1="58" y1="6" x2="58" y2="14"/><line x1="87" y1="14" x2="83" y2="21"/>
|
||
<line x1="102" y1="29" x2="95" y2="34"/><line x1="110" y1="58" x2="102" y2="58"/>
|
||
<line x1="102" y1="87" x2="95" y2="82"/><line x1="87" y1="102" x2="83" y2="95"/>
|
||
<line x1="58" y1="110" x2="58" y2="102"/><line x1="29" y1="102" x2="33" y2="95"/>
|
||
<line x1="14" y1="87" x2="21" y2="82"/><line x1="6" y1="58" x2="14" y2="58"/>
|
||
<line x1="14" y1="29" x2="21" y2="34"/><line x1="29" y1="14" x2="33" y2="21"/>
|
||
</g>
|
||
<!-- 巳时弧（9-11 时，约 135°→165° 区间示意） -->
|
||
<path d="M 93.2 25.4 A 52 52 0 0 1 104.5 44.6" fill="none" stroke="var(--gilt)" stroke-width="2.4" stroke-linecap="round"/>
|
||
<!-- 晷针 -->
|
||
<line x1="58" y1="58" x2="93" y2="27" stroke="var(--accent)" stroke-width="1.6" stroke-linecap="round"/>
|
||
<circle cx="58" cy="58" r="2.4" fill="var(--accent)"/>
|
||
</svg>
|
||
<div class="sundial__center">
|
||
<span class="sundial__hour">巳时</span>
|
||
<span class="sundial__sub">白露 · 第 10 日</span>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h1>上午好，云舟</h1>
|
||
<p style="color:var(--text-2);font-size:13px;margin-top:4px">周三 · 2026-09-16 · 与青梧相伴第 918 日 · 镜庭只聚合状态，各域才是数据事实源</p>
|
||
</div>
|
||
<div class="hero__stats">
|
||
<a class="hero__stat" href="conversation.html"><b>2</b><span>镜树 · 进行中对话</span></a>
|
||
<a class="hero__stat" href="conversation.html"><b>1</b><span>请命 · 待你确认</span></a>
|
||
<a class="hero__stat" href="memory.html"><b>3</b><span>息壤候选 · 待审</span></a>
|
||
<a class="hero__stat" href="agent-workspace.html"><b>2</b><span>天工 · 运行中</span></a>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="section">
|
||
<div class="section__head">
|
||
<span class="cn">镜生<span class="cn__plain">你的角色</span></span>
|
||
<a class="more" href="characters.html">全部 4 位 →</a>
|
||
</div>
|
||
<div class="grid-cards">
|
||
<a class="card char-card" href="conversation.html">
|
||
<div class="char-card__top">
|
||
<span class="avatar">梧</span>
|
||
<div>
|
||
<div class="char-card__name">青梧</div>
|
||
<div style="font-size:12px;color:var(--text-3)">守砚人 · 道体 v3</div>
|
||
</div>
|
||
</div>
|
||
<p class="char-card__line">「书斋已整理，今晚共读的选篇单放在桌上了。」</p>
|
||
<div class="char-card__foot">
|
||
<span class="badge badge--info"><span class="badge__dot"></span>临照 · 前台运行</span>
|
||
<span class="char-card__time">10 分钟前</span>
|
||
</div>
|
||
</a>
|
||
<a class="card char-card" href="#">
|
||
<div class="char-card__top">
|
||
<span class="avatar">袖</span>
|
||
<div>
|
||
<div class="char-card__name">雪袖</div>
|
||
<div style="font-size:12px;color:var(--text-3)">茶室主人 · 道体 v1</div>
|
||
</div>
|
||
</div>
|
||
<p class="char-card__line">「新到的白毫银针，等你来尝。」</p>
|
||
<div class="char-card__foot">
|
||
<span class="badge badge--muted"><span class="badge__dot"></span>守一 · 安静待命</span>
|
||
<span class="char-card__time">昨天</span>
|
||
</div>
|
||
</a>
|
||
<a class="card char-card" href="#">
|
||
<div class="char-card__top">
|
||
<span class="avatar">澜</span>
|
||
<div>
|
||
<div class="char-card__name">观澜</div>
|
||
<div style="font-size:12px;color:var(--text-3)">航海士 · 道体 v2 · 静修中</div>
|
||
</div>
|
||
</div>
|
||
<p class="char-card__line">静修 · 停止运行，身份存续；随时可以唤醒。</p>
|
||
<div class="char-card__foot">
|
||
<span class="badge badge--muted"><span class="badge__dot"></span>静修 · 停止运行</span>
|
||
<span class="char-card__time">9 月 2 日</span>
|
||
</div>
|
||
</a>
|
||
<a class="card char-card" href="#">
|
||
<div class="char-card__top">
|
||
<span class="avatar" style="filter:grayscale(.7);opacity:.75">岁</span>
|
||
<div>
|
||
<div class="char-card__name">旧岁</div>
|
||
<div style="font-size:12px;color:var(--text-3)">守岁人 · 归藏 · 可复照</div>
|
||
</div>
|
||
</div>
|
||
<p class="char-card__line">归藏 · 已从日常入口隐藏；复照可重开，不抹历史。</p>
|
||
<div class="char-card__foot">
|
||
<span class="badge badge--muted"><span class="badge__dot"></span>归藏 · 已隐藏</span>
|
||
<span class="char-card__time">7 月 30 日</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="home-cols">
|
||
<section class="section" style="margin:0">
|
||
<div class="section__head">
|
||
<span class="cn">镜树<span class="cn__plain">最近对话</span></span>
|
||
<a class="more" href="conversation.html">全部 →</a>
|
||
</div>
|
||
<div class="card" style="padding:6px 18px">
|
||
<a class="list-row" href="conversation.html">
|
||
<span class="avatar avatar--sm">梧</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">《陶庵梦忆》共读选篇 <span class="realm-dot">真界</span></div>
|
||
<div class="list-row__sub">青梧：六篇已定，结构图也画好了，请过目。</div>
|
||
</div>
|
||
<span class="list-row__time">10 分钟前</span>
|
||
</a>
|
||
<div class="list-row">
|
||
<span class="avatar avatar--sm">袖</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">秋茶清单 <span class="realm-dot realm-dot--world">境界</span></div>
|
||
<div class="list-row__sub">雪袖：按你上次的口味，先把白毫银针排第一。</div>
|
||
</div>
|
||
<span class="list-row__time">昨天</span>
|
||
</div>
|
||
<div class="list-row">
|
||
<span class="avatar avatar--sm">梧</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">书房整理方案（幻境试演） <span class="realm-dot realm-dot--sim">幻境</span></div>
|
||
<div class="list-row__sub">青梧：这只是试演方案，不影响现实与正史。</div>
|
||
</div>
|
||
<span class="list-row__time">9 月 12 日</span>
|
||
</div>
|
||
<div class="list-row">
|
||
<span class="avatar avatar--sm">澜</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">远洋航线推演</div>
|
||
<div class="list-row__sub">观澜：航线已归档，静修前等你验收。</div>
|
||
</div>
|
||
<span class="list-row__time">9 月 2 日</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section" style="margin:0">
|
||
<div class="section__head">
|
||
<span class="cn">天工<span class="cn__plain">Agent 任务</span></span>
|
||
<a class="more" href="agent-workspace.html">天工阁 →</a>
|
||
</div>
|
||
<div class="card" style="padding:14px 18px 6px;margin-bottom:14px">
|
||
<div class="list-row" style="border-bottom:none;padding-top:4px">
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">整理性灵 newsletter 书单</div>
|
||
<div class="list-row__sub">青梧 · 分工使 2 · token 12.4k / 20k</div>
|
||
<div class="progress" style="margin-top:7px"><div class="progress__bar" style="width:62%"></div></div>
|
||
</div>
|
||
<span class="badge badge--info"><span class="badge__dot"></span>运转 · 运行中 <span class="mono">running</span></span>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="padding:6px 18px">
|
||
<div class="list-row">
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">周报草稿 · 第 37 周</div>
|
||
<div class="list-row__sub">任务 Agent · 无角色身份</div>
|
||
</div>
|
||
<span class="badge badge--muted"><span class="badge__dot"></span>待启 · 排队中 <span class="mono">queued</span></span>
|
||
</div>
|
||
<div class="list-row">
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">书斋照片归档命名</div>
|
||
<div class="list-row__sub">青梧 · 已成 · 耗时 4 分 12 秒</div>
|
||
</div>
|
||
<span class="badge badge--ok"><span class="badge__dot"></span>已成 · 已完成 <span class="mono">completed</span></span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<section class="section" style="margin-top:26px">
|
||
<div class="section__head">
|
||
<span class="cn">待你决定<span class="cn__plain">审批与候选</span></span>
|
||
</div>
|
||
<div class="card" style="padding:6px 18px">
|
||
<div class="list-row" href="#">
|
||
<span class="approval__seal" aria-hidden="true" style="flex:none">命</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">请命 · 写入日历（6 个事件）</div>
|
||
<div class="list-row__sub">青梧请求在日历创建 6 个「共读讨论」事件 · 数据范围：仅日历 · 费用：无</div>
|
||
</div>
|
||
<a class="btn btn--cinnabar btn--sm" href="conversation.html">去朱批</a>
|
||
</div>
|
||
<div class="list-row">
|
||
<span class="badge" style="flex:none;border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)">息壤候选 ×3</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">「读书会在隔周四晚」「偏爱短篇」「花粉过敏（重忆）」</div>
|
||
<div class="list-row__sub">来自青梧的对话候选 · 归真后才会影响未来上下文</div>
|
||
</div>
|
||
<a class="btn btn--outline btn--sm" href="memory.html">去审阅</a>
|
||
</div>
|
||
<div class="list-row">
|
||
<span class="badge" style="flex:none">叩心候选</span>
|
||
<div class="list-row__body">
|
||
<div class="list-row__title">青梧想在明晚共读前发一条提醒</div>
|
||
<div class="list-row__sub">叩心当前静默 · 不回应不会降低关系 · 可设频率上限</div>
|
||
</div>
|
||
<a class="btn btn--ghost btn--sm" href="settings.html">了解叩心</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
<script src="assets/app.js?v=3"></script>
|
||
</body>
|
||
</html>
|