Files
hunjing/frontend/design/wuxing-preview.html
2026-08-21 16:00:13 +08:00

433 lines
35 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>