433 lines
35 KiB
HTML
433 lines
35 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" />
|
||
<title>魂镜 · 五行页设计预览</title>
|
||
<link rel="stylesheet" href="tokens.css" />
|
||
<link rel="stylesheet" href="_base.css" />
|
||
<link rel="stylesheet" href="_chrome.css" />
|
||
<style>
|
||
/* ============================================================
|
||
* 铜镜鉴心 v2.1 — 五行页:五行生克环 + 九枢健康维度 + 生克指标对
|
||
* 字段对齐 docs/domain/core-domains.md §7(五行:枢健康维度
|
||
* × 生克关系)与 docs/domain/core-domains.md(九枢)。
|
||
* 相生:木→火→土→金→水→木;相克:金→木→土→水→火→金。
|
||
* ============================================================ */
|
||
|
||
/* ── 侧栏(active=五行)── */
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* ── 主区 ── */
|
||
|
||
.page-header .spacer { flex: 1; }
|
||
.health-pill { display: inline-flex; align-items: center; gap: 7px; font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--patina); padding: 4px 12px; border: 1px solid var(--patina-dim); border-radius: 999px; background: var(--patina-wash); }
|
||
.health-pill .pulse { width: 6px; height: 6px; border-radius: 50%; background: var(--patina); animation: pulse 2.6s cubic-bezier(0.16,1,0.3,1) infinite; }
|
||
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(111,163,137,0.5); } 70% { box-shadow: 0 0 0 6px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
|
||
|
||
.section-label .sub { font-size: 12px; letter-spacing: 0.04em; color: var(--fg-dim); opacity: 0.75; }
|
||
.section-label .glyph { color: var(--gilt); opacity: 0.8; }
|
||
.section-heading { font-family: "Songti SC", serif; font-size: 14px; font-weight: 600; color: var(--fg); margin-bottom: 14px; }
|
||
|
||
/* ═══ 五行生克环(签名)═══
|
||
五节点环形(木上火下土左下金右下水暂按相生序排列),外环实线=相生,
|
||
内五角星虚线=相克。 */
|
||
.wuxing-region { display: flex; gap: 22px; align-items: stretch; }
|
||
.ring-card { position: relative; flex: 0 0 460px; overflow: hidden; border: 1px solid var(--gilt-dim); border-radius: 8px; background: var(--face-sheen), var(--surface); box-shadow: inset 0 1px 0 var(--face-in-top), inset 0 -1px 0 var(--face-in-bot), var(--shadow); padding: 18px; display: flex; flex-direction: column; }
|
||
.ring-card::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); opacity: 0.018; mix-blend-mode: overlay; }
|
||
.ring-svg { position: relative; z-index: 1; width: 100%; height: auto; display: block; }
|
||
.ring-svg .ring-deco { fill: none; stroke: var(--rule); stroke-width: 1; }
|
||
.ring-svg .sheng { stroke: var(--gilt); stroke-width: 1.6; fill: none; opacity: 0.85; }
|
||
.ring-svg .ke { stroke: var(--cinnabar); stroke-width: 1.3; stroke-dasharray: 4 4; fill: none; opacity: 0.7; }
|
||
.ring-svg .node-circle { stroke-width: 1.5; }
|
||
.ring-svg text.n-wood { fill: var(--wood); } .ring-svg circle.n-wood { stroke: var(--wood); fill: rgba(111,163,137,0.16); }
|
||
.ring-svg text.n-fire { fill: var(--fire); } .ring-svg circle.n-fire { stroke: var(--fire); fill: rgba(184,57,46,0.16); }
|
||
.ring-svg text.n-earth { fill: var(--earth); } .ring-svg circle.n-earth { stroke: var(--earth); fill: rgba(176,138,60,0.16); }
|
||
.ring-svg text.n-metal { fill: var(--metal); } .ring-svg circle.n-metal { stroke: var(--metal); fill: rgba(201,162,74,0.16); }
|
||
.ring-svg text.n-water { fill: var(--water); } .ring-svg circle.n-water { stroke: var(--water); fill: rgba(90,127,166,0.16); }
|
||
.ring-svg .node-glyph { font-family: "Songti SC", serif; font-size: 22px; font-weight: 700; text-anchor: middle; dominant-baseline: central; }
|
||
.ring-svg .node-name { font-family: -apple-system, sans-serif; font-size: 9px; text-anchor: middle; fill: var(--fg-faint); letter-spacing: 0.04em; }
|
||
.ring-svg .center-bg { fill: var(--ink); stroke: var(--gilt-dim); stroke-width: 1; }
|
||
.ring-svg .center-glyph { font-family: "Songti SC", serif; font-size: 15px; font-weight: 600; text-anchor: middle; fill: var(--gilt); }
|
||
.ring-svg .center-val { font-family: "JetBrains Mono", monospace; font-size: 20px; font-weight: 300; text-anchor: middle; fill: var(--fg); letter-spacing: 0.04em; }
|
||
.ring-svg .center-sub { font-family: -apple-system, sans-serif; font-size: 9.5px; text-anchor: middle; fill: var(--fg-dim); }
|
||
.ring-foot { position: relative; z-index: 1; margin-top: 10px; display: flex; gap: 16px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid var(--rule); }
|
||
.legend { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--fg-dim); }
|
||
.legend .ln { width: 18px; height: 0; border-top: 1.6px solid var(--gilt); }
|
||
.legend .ln.dash { border-top: 1.3px dashed var(--cinnabar); }
|
||
|
||
/* 维度卡 */
|
||
.dim-card { flex: 1; min-width: 0; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); padding: 18px 20px; display: flex; flex-direction: column; }
|
||
.dim-list { display: flex; flex-direction: column; gap: 11px; flex: 1; }
|
||
.dim { display: grid; grid-template-columns: 22px 60px 1fr 30px; align-items: center; gap: 10px; }
|
||
.dim .seal { font-family: "Songti SC", serif; font-size: 16px; font-weight: 700; text-align: center; }
|
||
.dim .lab { font-size: 12.5px; color: var(--fg); font-weight: 500; }
|
||
.dim .lab small { display: block; font-size: 10.5px; color: var(--fg-faint); font-weight: 400; margin-top: 1px; }
|
||
.dim .track { height: 5px; border-radius: 3px; background: var(--rule); overflow: hidden; position: relative; }
|
||
.dim .fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; }
|
||
.dim .val { font-family: "JetBrains Mono", monospace; font-size: 10.5px; text-align: right; }
|
||
.dim.wood .seal, .dim.wood .val { color: var(--wood); } .dim.wood .fill { background: linear-gradient(90deg, var(--wood-dim), var(--wood)); }
|
||
.dim.fire .seal, .dim.fire .val { color: var(--fire); } .dim.fire .fill { background: linear-gradient(90deg, var(--fire-dim), var(--fire)); }
|
||
.dim.earth .seal, .dim.earth .val { color: var(--earth); } .dim.earth .fill { background: linear-gradient(90deg, var(--earth-dim), var(--earth)); }
|
||
.dim.metal .seal, .dim.metal .val { color: var(--metal); } .dim.metal .fill { background: linear-gradient(90deg, var(--metal-dim), var(--metal)); }
|
||
.dim.water .seal, .dim.water .val { color: var(--water); } .dim.water .fill { background: linear-gradient(90deg, var(--water-dim), var(--water)); }
|
||
.dim-note { margin-top: 14px; padding: 10px 12px; border-left: 2px solid var(--gilt-dim); background: var(--gilt-faint); border-radius: 0 4px 4px 0; font-size: 12px; color: var(--fg-dim); line-height: 1.55; }
|
||
.dim-note b { font-family: "Songti SC", serif; color: var(--gilt); font-weight: 600; }
|
||
|
||
/* ═══ 九枢健康网格 ═══ */
|
||
.pivot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
|
||
.pivot-card { border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); padding: 14px 16px; display: flex; flex-direction: column; gap: 9px; position: relative; }
|
||
.pivot-card.alert { border-color: var(--cinnabar-dim); background: rgba(184, 57, 46, 0.05); }
|
||
.pivot-head { display: flex; align-items: baseline; gap: 8px; }
|
||
.pivot-name { font-family: "Songti SC", serif; font-size: 15px; font-weight: 600; color: var(--fg); }
|
||
.pivot-eng { font-family: "JetBrains Mono", monospace; font-size: 10px; color: var(--fg-faint); letter-spacing: 0.04em; }
|
||
.pivot-score { margin-left: auto; font-family: "JetBrains Mono", monospace; font-size: 17px; font-weight: 300; color: var(--patina); letter-spacing: 0.04em; }
|
||
.pivot-score.warn { color: var(--cinnabar); }
|
||
.pivot-bars { display: flex; flex-direction: column; gap: 4px; }
|
||
.pbar { display: grid; grid-template-columns: 14px 1fr 24px; align-items: center; gap: 7px; }
|
||
.pbar .seal { font-family: "Songti SC", serif; font-size: 11px; text-align: center; }
|
||
.pbar .track { height: 4px; border-radius: 2px; background: var(--rule); overflow: hidden; position: relative; }
|
||
.pbar .fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px; }
|
||
.pbar .v { font-family: "JetBrains Mono", monospace; font-size: 9.5px; color: var(--fg-faint); text-align: right; }
|
||
.pbar.wood .seal { color: var(--wood); } .pbar.wood .fill { background: var(--wood); }
|
||
.pbar.fire .seal { color: var(--fire); } .pbar.fire .fill { background: var(--fire); }
|
||
.pbar.earth .seal { color: var(--earth); } .pbar.earth .fill { background: var(--earth); }
|
||
.pbar.metal .seal { color: var(--metal); } .pbar.metal .fill { background: var(--metal); }
|
||
.pbar.water .seal { color: var(--water); } .pbar.water .fill { background: var(--water); }
|
||
.pivot-foot { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--fg-faint); padding-top: 4px; border-top: 1px solid var(--rule); }
|
||
.pivot-foot .trend { font-family: "JetBrains Mono", monospace; }
|
||
.pivot-foot .trend.up { color: var(--patina); }
|
||
.pivot-foot .trend.down { color: var(--cinnabar); }
|
||
.pivot-foot .alert-tag { margin-left: auto; font-family: "JetBrains Mono", monospace; font-size: 9.5px; color: var(--cinnabar); padding: 2px 7px; border: 1px solid var(--cinnabar-dim); border-radius: 3px; background: rgba(184, 57, 46, 0.08); }
|
||
|
||
/* 生克观测 */
|
||
.lower-region { display: flex; gap: 20px; align-items: flex-start; }
|
||
.sheng-main { flex: 1; min-width: 0; }
|
||
.ke-rail { width: 340px; flex-shrink: 0; }
|
||
|
||
.flow-list { display: flex; flex-direction: column; gap: 8px; }
|
||
.flow { display: flex; align-items: flex-start; gap: 10px; padding: 10px 13px; border-radius: 5px; background: var(--patina-wash); border: 1px solid var(--rule); font-size: 12.5px; line-height: 1.5; }
|
||
.flow .pair { font-family: "Songti SC", serif; font-size: 13px; color: var(--gilt); flex-shrink: 0; white-space: nowrap; padding-top: 1px; }
|
||
.flow .pair .arr { color: var(--fg-faint); margin: 0 3px; font-family: "JetBrains Mono", monospace; font-size: 11px; }
|
||
.flow .body { color: var(--fg-dim); min-width: 0; }
|
||
.flow .body .em { color: var(--fg); }
|
||
.flow .val { font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--patina); margin-left: auto; padding-top: 1px; white-space: nowrap; flex-shrink: 0; }
|
||
|
||
/* 相克告警卡 */
|
||
.ke-card { background: var(--surface); border: 1px solid var(--rule); border-radius: 8px; padding: 16px 18px; }
|
||
.ke-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
|
||
.ke-head h3 { font-family: "Songti SC", serif; font-size: 14px; font-weight: 600; color: var(--fg); margin: 0; }
|
||
.ke-count { font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--cinnabar); padding: 3px 10px; border: 1px solid var(--cinnabar-dim); border-radius: 5px; background: rgba(184, 57, 46, 0.08); }
|
||
.ke-list { display: flex; flex-direction: column; gap: 8px; }
|
||
.ke-row { display: flex; align-items: flex-start; gap: 10px; padding: 9px 12px; border-radius: 5px; background: var(--ink); border: 1px solid var(--cinnabar-dim); }
|
||
.ke-row .pair { font-family: "Songti SC", serif; font-size: 13px; color: var(--cinnabar); flex-shrink: 0; width: 46px; text-align: center; padding-top: 1px; }
|
||
.ke-row .info { flex: 1; min-width: 0; }
|
||
.ke-row .desc { font-size: 12px; color: var(--fg-dim); line-height: 1.5; }
|
||
.ke-row .desc .em { color: var(--fg); }
|
||
.ke-row .meter { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
|
||
.ke-row .meter .track { flex: 1; height: 4px; border-radius: 2px; background: var(--rule); overflow: hidden; position: relative; }
|
||
.ke-row .meter .fill { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, var(--cinnabar-dim), var(--cinnabar)); border-radius: 2px; }
|
||
.ke-row .meter .lvl { font-family: "JetBrains Mono", monospace; font-size: 9.5px; color: var(--cinnabar); white-space: nowrap; }
|
||
|
||
@media (max-width: 1080px) { .wuxing-region { flex-direction: column; } .ring-card { flex: 1; } .lower-region { flex-direction: column; } .ke-rail { width: 100%; } }
|
||
@media (max-width: 900px) { .pivot-grid { grid-template-columns: repeat(2, 1fr); } }
|
||
@media (max-width: 768px) { .sidebar-wrap { display: none; } .page-body { padding: 18px 16px 40px; } .pivot-grid { grid-template-columns: 1fr; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="app-shell">
|
||
<!-- ════════ 侧栏 ════════ -->
|
||
<div class="sidebar-mount" data-active="五行"></div>
|
||
|
||
<!-- ════════ 主区 ════════ -->
|
||
<div class="main-area">
|
||
<div class="page-header">
|
||
<span class="page-title">五行</span>
|
||
<span class="page-sub">枢健康维度 · 生克关系</span>
|
||
<span class="spacer"></span>
|
||
<span class="health-pill"><span class="pulse"></span>架构心跳 82 · 良</span>
|
||
</div>
|
||
|
||
<div class="page-body">
|
||
<!-- 五行生克环 + 维度卡 -->
|
||
<div class="wuxing-region">
|
||
<div class="ring-card">
|
||
<svg class="ring-svg" viewBox="0 0 400 400" role="img" aria-label="五行生克环:外环相生、内五角星相克">
|
||
<circle class="ring-deco" cx="200" cy="200" r="172" />
|
||
<circle class="ring-deco" cx="200" cy="200" r="108" opacity="0.5" stroke-dasharray="2 4" />
|
||
|
||
<!-- 相克(五角星,朱砂虚线,先画在下层)-->
|
||
<!-- 木→土 -->
|
||
<line class="ke" x1="200" y1="65" x2="279" y2="309" />
|
||
<!-- 土→水 -->
|
||
<line class="ke" x1="279" y1="309" x2="72" y2="158" />
|
||
<!-- 水→火 -->
|
||
<line class="ke" x1="72" y1="158" x2="328" y2="158" />
|
||
<!-- 火→金 -->
|
||
<line class="ke" x1="328" y1="158" x2="121" y2="309" />
|
||
<!-- 金→木 -->
|
||
<line class="ke" x1="121" y1="309" x2="200" y2="65" />
|
||
|
||
<!-- 相生(五边形外环,铜金实线)-->
|
||
<line class="sheng" x1="200" y1="65" x2="328" y2="158" />
|
||
<line class="sheng" x1="328" y1="158" x2="279" y2="309" />
|
||
<line class="sheng" x1="279" y1="309" x2="121" y2="309" />
|
||
<line class="sheng" x1="121" y1="309" x2="72" y2="158" />
|
||
<line class="sheng" x1="72" y1="158" x2="200" y2="65" />
|
||
|
||
<!-- 五行节点(木顶 / 火右上 / 土右下 / 金左下 / 水左上)-->
|
||
<!-- 木 -->
|
||
<circle class="node-circle n-wood" cx="200" cy="65" r="27" />
|
||
<text class="node-glyph n-wood" x="200" y="65">木</text>
|
||
<text class="node-name" x="200" y="30">成长性</text>
|
||
<!-- 火 -->
|
||
<circle class="node-circle n-fire" cx="328" cy="158" r="27" />
|
||
<text class="node-glyph n-fire" x="328" y="158">火</text>
|
||
<text class="node-name" x="372" y="132">表达力</text>
|
||
<!-- 土 -->
|
||
<circle class="node-circle n-earth" cx="279" cy="309" r="27" />
|
||
<text class="node-glyph n-earth" x="279" y="309">土</text>
|
||
<text class="node-name" x="311" y="350">稳定性</text>
|
||
<!-- 金 -->
|
||
<circle class="node-circle n-metal" cx="121" cy="309" r="27" />
|
||
<text class="node-glyph n-metal" x="121" y="309">金</text>
|
||
<text class="node-name" x="89" y="350">约束强度</text>
|
||
<!-- 水 -->
|
||
<circle class="node-circle n-water" cx="72" cy="158" r="27" />
|
||
<text class="node-glyph n-water" x="72" y="158">水</text>
|
||
<text class="node-name" x="30" y="132">适应性</text>
|
||
|
||
<!-- 中心:架构心跳 -->
|
||
<circle class="center-bg" cx="200" cy="200" r="58" />
|
||
<text class="center-glyph" x="200" y="186">架构心跳</text>
|
||
<text class="center-val" x="200" y="212">82</text>
|
||
<text class="center-sub" x="200" y="228">阴阳平衡 · 良</text>
|
||
</svg>
|
||
<div class="ring-foot">
|
||
<span class="legend"><span class="ln"></span>相生 · 正向依赖</span>
|
||
<span class="legend"><span class="ln dash"></span>相克 · 负向制约</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="dim-card">
|
||
<h3 class="section-heading" style="margin-bottom: 14px">枢健康维度</h3>
|
||
<div class="dim-list">
|
||
<div class="dim wood"><span class="seal">木</span><span class="lab">成长性<small>演化候选 · 学习速度</small></span><span class="track"><span class="fill" style="width:64%"></span></span><span class="val">0.64</span></div>
|
||
<div class="dim fire"><span class="seal">火</span><span class="lab">表达力<small>事件发射 · 模型密度</small></span><span class="track"><span class="fill" style="width:78%"></span></span><span class="val">0.78</span></div>
|
||
<div class="dim earth"><span class="seal">土</span><span class="lab">稳定性<small>数据一致 · 基线回归</small></span><span class="track"><span class="fill" style="width:88%"></span></span><span class="val">0.88</span></div>
|
||
<div class="dim metal"><span class="seal">金</span><span class="lab">约束强度<small>审核驳回 · 确认触发</small></span><span class="track"><span class="fill" style="width:71%"></span></span><span class="val">0.71</span></div>
|
||
<div class="dim water"><span class="seal">水</span><span class="lab">适应性<small>上下文切换 · 异常恢复</small></span><span class="track"><span class="fill" style="width:55%"></span></span><span class="val">0.55</span></div>
|
||
</div>
|
||
<div class="dim-note">
|
||
<b>金→木</b> 相克已接近阈值:司命审核驳回率(金)压制大周天候选生成(木),演化流速近 7 日下行。建议在司命台复核约束规则松紧度,参见 <code style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gilt)">阴阳平衡度</code> 监控。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 九枢健康网格 -->
|
||
<div>
|
||
<div class="section-label"><span class="glyph">⟡</span> 九枢健康 <span class="sub">每枢五维 · 综合分 + 趋势</span></div>
|
||
<div class="pivot-grid">
|
||
<!-- 灵核枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">灵核枢</span><span class="pivot-eng">Personality Core</span><span class="pivot-score">89</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:55%"></span></span><span class="v">.55</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:70%"></span></span><span class="v">.70</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:96%"></span></span><span class="v">.96</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:60%"></span></span><span class="v">.60</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:58%"></span></span><span class="v">.58</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 土 +2</span>人格连续性稳定</div>
|
||
</div>
|
||
<!-- 太一枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">太一枢</span><span class="pivot-eng">Goal Orchestrator</span><span class="pivot-score">85</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:48%"></span></span><span class="v">.48</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:52%"></span></span><span class="v">.52</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:90%"></span></span><span class="v">.90</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:75%"></span></span><span class="v">.75</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:62%"></span></span><span class="v">.62</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 土 +1</span>目标调度基线稳固</div>
|
||
</div>
|
||
<!-- 司命枢 -->
|
||
<div class="pivot-card alert">
|
||
<div class="pivot-head"><span class="pivot-name">司命枢</span><span class="pivot-eng">Safety Governor</span><span class="pivot-score warn">73</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:32%"></span></span><span class="v">.32</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:50%"></span></span><span class="v">.50</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:84%"></span></span><span class="v">.84</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:94%"></span></span><span class="v">.94</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:40%"></span></span><span class="v">.40</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend down">↓ 木 -3</span>金过盛克木<span class="alert-tag">金→木</span></div>
|
||
</div>
|
||
<!-- 烛照枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">烛照枢</span><span class="pivot-eng">Perception Layer</span><span class="pivot-score">81</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:50%"></span></span><span class="v">.50</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:92%"></span></span><span class="v">.92</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:78%"></span></span><span class="v">.78</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:55%"></span></span><span class="v">.55</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:70%"></span></span><span class="v">.70</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 火 +4</span>多模态输入活跃</div>
|
||
</div>
|
||
<!-- 河图枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">河图枢</span><span class="pivot-eng">World Model</span><span class="pivot-score">87</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:58%"></span></span><span class="v">.58</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:60%"></span></span><span class="v">.60</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:95%"></span></span><span class="v">.95</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:66%"></span></span><span class="v">.66</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:64%"></span></span><span class="v">.64</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 土 +1</span>世界实体一致</div>
|
||
</div>
|
||
<!-- 洛书枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">洛书枢</span><span class="pivot-eng">Planner</span><span class="pivot-score">79</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:62%"></span></span><span class="v">.62</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:74%"></span></span><span class="v">.74</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:80%"></span></span><span class="v">.80</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:58%"></span></span><span class="v">.58</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:82%"></span></span><span class="v">.82</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 水 +2</span>规划切换敏捷</div>
|
||
</div>
|
||
<!-- 息壤枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">息壤枢</span><span class="pivot-eng">Memory System</span><span class="pivot-score">84</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:80%"></span></span><span class="v">.80</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:54%"></span></span><span class="v">.54</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:91%"></span></span><span class="v">.91</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:52%"></span></span><span class="v">.52</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:60%"></span></span><span class="v">.60</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 木 +3</span>知识沉淀加速</div>
|
||
</div>
|
||
<!-- 百工枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">百工枢</span><span class="pivot-eng">Tool Runtime</span><span class="pivot-score">80</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:46%"></span></span><span class="v">.46</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:88%"></span></span><span class="v">.88</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:72%"></span></span><span class="v">.72</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:82%"></span></span><span class="v">.82</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:66%"></span></span><span class="v">.66</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 火 +5</span>工具调用密集</div>
|
||
</div>
|
||
<!-- 天工阁枢 -->
|
||
<div class="pivot-card">
|
||
<div class="pivot-head"><span class="pivot-name">天工阁枢</span><span class="pivot-eng">Agent Society</span><span class="pivot-score">76</span></div>
|
||
<div class="pivot-bars">
|
||
<div class="pbar wood"><span class="seal">木</span><span class="track"><span class="fill" style="width:54%"></span></span><span class="v">.54</span></div>
|
||
<div class="pbar fire"><span class="seal">火</span><span class="track"><span class="fill" style="width:76%"></span></span><span class="v">.76</span></div>
|
||
<div class="pbar earth"><span class="seal">土</span><span class="track"><span class="fill" style="width:68%"></span></span><span class="v">.68</span></div>
|
||
<div class="pbar metal"><span class="seal">金</span><span class="track"><span class="fill" style="width:64%"></span></span><span class="v">.64</span></div>
|
||
<div class="pbar water"><span class="seal">水</span><span class="track"><span class="fill" style="width:78%"></span></span><span class="v">.78</span></div>
|
||
</div>
|
||
<div class="pivot-foot"><span class="trend up">↑ 水 +2</span>协作分工顺畅</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 相生流 + 相克告警 -->
|
||
<div class="lower-region">
|
||
<div class="sheng-main">
|
||
<h3 class="section-heading">相生 · 正向依赖链</h3>
|
||
<div class="flow-list">
|
||
<div class="flow">
|
||
<span class="pair">木<span class="arr">→</span>火</span>
|
||
<span class="body">内驱力激活 <span class="em">催生</span> 对话表达 · 息壤枢学习加速推动灵核枢输出活跃。</span>
|
||
<span class="val">0.68</span>
|
||
</div>
|
||
<div class="flow">
|
||
<span class="pair">火<span class="arr">→</span>土</span>
|
||
<span class="body">高频表达 <span class="em">沉淀</span> 稳定状态 · 对话事件入库强化世界模型与人格基线。</span>
|
||
<span class="val">0.72</span>
|
||
</div>
|
||
<div class="flow">
|
||
<span class="pair">土<span class="arr">→</span>金</span>
|
||
<span class="body">稳定数据 <span class="em">提供依据</span> 给约束规则 · 世界实体一致,司命审核判据更可靠。</span>
|
||
<span class="val">0.65</span>
|
||
</div>
|
||
<div class="flow">
|
||
<span class="pair">金<span class="arr">→</span>水</span>
|
||
<span class="body">明确规范 <span class="em">塑造</span> 适应路径 · 约束边界清晰,异常恢复与上下文切换更可控。</span>
|
||
<span class="val">0.58</span>
|
||
</div>
|
||
<div class="flow">
|
||
<span class="pair">水<span class="arr">→</span>木</span>
|
||
<span class="body">适应能力 <span class="em">反哺</span> 成长 · 场景切换中积累新候选,演化候选生成率回温。</span>
|
||
<span class="val">0.61</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ke-rail">
|
||
<div class="ke-card">
|
||
<div class="ke-head">
|
||
<h3>相克告警 <span style="font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg-faint);font-weight:400">克制失衡</span></h3>
|
||
<span class="ke-count">2 待关注</span>
|
||
</div>
|
||
<div class="ke-list">
|
||
<div class="ke-row">
|
||
<span class="pair">金<br />木</span>
|
||
<div class="info">
|
||
<div class="desc"><span class="em">司命审核驳回率</span> vs <span class="em">大周天候选生成率</span> · 安全审查过严压制演化,阴阳平衡度下行。</div>
|
||
<div class="meter"><span class="track"><span class="fill" style="width:82%"></span></span><span class="lvl">0.82 · 高</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="ke-row">
|
||
<span class="pair">土<br />水</span>
|
||
<div class="info">
|
||
<div class="desc"><span class="em">人格版本固化度</span> vs <span class="em">上下文切换成本</span> · 人格越稳,面对新场景的适应越慢。</div>
|
||
<div class="meter"><span class="track"><span class="fill" style="width:64%"></span></span><span class="lvl">0.64 · 中</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="ke-row" style="border-color:var(--rule);background:transparent">
|
||
<span class="pair" style="color:var(--fg-faint)">火<br />金</span>
|
||
<div class="info">
|
||
<div class="desc" style="color:var(--fg-faint)"><span class="em" style="color:var(--fg-dim)">工具调用频率</span> vs <span class="em" style="color:var(--fg-dim)">安全确认触发率</span> · 调用越密,权限判断越频,已在容忍区。</div>
|
||
<div class="meter"><span class="track"><span class="fill" style="width:44%;background:linear-gradient(90deg,var(--gilt-dim),var(--gilt))"></span></span><span class="lvl" style="color:var(--gilt)">0.44 · 低</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="_theme.js" defer></script>
|
||
|
||
</body>
|
||
</html>
|