*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#0b1220;color:#dbe4f3;font-family:PingFang SC,Microsoft YaHei,sans-serif}.screen{display:flex;flex-direction:column;height:100%;padding:16px;gap:12px}.screen-title{text-align:center;font-size:26px;letter-spacing:6px;color:#6ee7ff}.conn-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:12px}.conn-dot.on{background:#34d399}.conn-dot.off{background:#f87171}.mono{font-family:Consolas,monospace}*{scrollbar-width:thin;scrollbar-color:#2a3a5c transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3a5c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b5078}::-webkit-scrollbar-corner{background:transparent}.txt-ok{color:#34d399}.txt-bad{color:#f87171}.result-area{display:flex;flex-direction:column;gap:10px}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi-card{background:#111a2e;border:1px solid #1e2a44;border-radius:8px;padding:12px 18px}.kpi-card .k{font-size:13px;color:#8fa3c4}.kpi-card .v{font-size:30px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.kpi-card.alert{border-color:#ef4444;animation:pulse 1.2s infinite}.kpi-card.active{border-color:#6ee7ff;box-shadow:0 0 8px 1px #6ee7ff59}.kpi-card.alert .v{color:#f87171}@keyframes pulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 14px 3px #ef444473}}.main{display:grid;grid-template-columns:260px 1fr;gap:12px;flex:1;min-height:0}.panel{background:#111a2e;border:1px solid #1e2a44;border-radius:8px;padding:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel h3{font-size:14px;color:#8fa3c4;margin-bottom:10px}.wall{overflow-y:auto;display:grid;grid-template-columns:1fr;gap:4px;align-content:start}.wall-cell{border-radius:4px;padding:4px 8px;font-size:12px;background:#0f2b1c;border:1px solid #14532d;display:flex;justify-content:space-between;gap:8px}.wall-cell.bad{background:#2b0f14;border-color:#7f1d1d}.wall-cell.active{border-color:#6ee7ff;box-shadow:0 0 8px 1px #6ee7ff59}.wall-cell .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-cell .nums{color:#8fa3c4;white-space:nowrap}.wall-cell.bad .nums{color:#fca5a5}.feed-filter{color:#6ee7ff;margin-left:8px;font-weight:400}.feed-filter-clear{margin-left:8px;background:transparent;border:1px solid #1e2a44;border-radius:4px;color:#8fa3c4;font-size:11px;padding:1px 6px;cursor:pointer}.feed-filter-clear:hover{color:#f87171;border-color:#7f1d1d}.oplist-panel{min-height:0}.oplist-tools{display:flex;gap:14px;align-items:center;font-size:12px;color:#8fa3c4;margin-bottom:6px}.oplist-tools label{cursor:pointer}.oplist-tools .cnt{margin-left:auto}.oplist{overflow-y:auto;flex:1}.oprow{display:grid;grid-template-columns:14px 72px 220px 140px 56px 72px 210px 170px 140px;justify-content:start;gap:20px;align-items:center;padding:8px;border-bottom:1px solid #1e2a44;border-left:3px solid transparent;font-size:13px;cursor:pointer}.oprow-head{position:sticky;top:0;z-index:1;background:#111a2e;cursor:default;color:#8fa3c4;font-size:12px;font-weight:600;border-bottom:1px solid #2a3a5c}.oprow .node{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oprow .acct{color:#c7d2e5}.oprow>.status,.oprow>.optag{justify-self:start}.oprow .role{font-size:12px;color:#8fa3c4}.oprow .role.r1{color:#c4b5fd}.oprow .tx{font-size:12px}.oprow:not(.oprow-head):hover{background:#6ee7ff0f}.oprow.conflict{background:#ef44441a}.oprow.new{animation:flash 1.6s ease-out}@keyframes flash{0%{background:#6ee7ff2e}to{background:transparent}}.oprow .caret{color:#6ee7ff}.oprow .amt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.oprow .time{color:#8fa3c4}.oprow-wrap.open>.oprow{background:#6ee7ff1f}.list-end{color:#64748b;font-size:12px;padding:8px 0;text-align:center}.status{padding:1px 8px;border-radius:999px;font-size:12px;text-align:center;white-space:nowrap}.status.s0{background:#0f2b1c;color:#34d399}.status.s1{background:#2b0f14;color:#f87171}.status.s2{background:#1f2937;color:#9ca3af}.optag{padding:1px 8px;border-radius:4px;font-size:12px;background:#1e2a44;color:#dbe4f3;text-align:center;white-space:nowrap}.optag.op0{background:#0c3b5e;color:#7dd3fc}.optag.op1{background:#4a2c0a;color:#fbbf24}.optag.op2{background:#3b1d5e;color:#c4b5fd}.optag.op3{background:#0f3b2c;color:#6ee7b7}.optag.op4{background:#3a1f1f;color:#fca5a5}.op-detail{background:#0b1524;border-left:3px solid #6ee7ff;padding:10px 12px 12px 20px;display:flex;flex-direction:column;gap:8px;font-size:12px;cursor:default}.op-detail .err{color:#f87171}.addr{cursor:pointer;color:#c7d2e5;font-size:12px}.addr:hover{color:#6ee7ff}.ledger{border:1px solid #1e2a44;border-radius:6px;background:#0e1830}.ledger.bad{border-color:#7f1d1d}.sec-head{padding:6px 10px;color:#6ee7ff;font-size:13px;font-weight:600}.fold-meta{color:#8fa3c4;font-weight:400;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;padding:0 10px 10px;align-items:start}.icard{background:#0b1524;border:1px solid #1e2a44;border-left:3px solid #6ee7ff;border-radius:6px;padding:7px 10px;font-size:12px}.icard-label{color:#8fa3c4;font-weight:600}.icard-value{color:#dbe4f3;margin-top:4px;word-break:break-all}.fcard{background:#0b1524;border:1px solid #1e2a44;border-left:3px solid #1e2a44;border-radius:6px;padding:7px 10px;font-size:12px}.fcard.s0{border-left-color:#34d399}.fcard.s1{border-left-color:#ef4444;background:#1a0f14}.fcard.s2{border-left-color:#4b5563}.fhead{display:flex;justify-content:space-between;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.fcard.open .fhead{margin-bottom:6px}.flabel{font-weight:600;color:#dbe4f3}.fsummary{color:#c7d2e5;margin-top:4px;word-break:break-all}.rowline{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.rowline .k{color:#8fa3c4;white-space:nowrap}.rowline .v{text-align:right;word-break:break-all}.rowline .v.onchain{color:#7dd3fc}.rowline .v.offchain{color:#fcd34d}.rowline .v.up{color:#34d399}.rowline .v.down{color:#f87171}.delta{color:#fca5a5;margin-top:2px;text-align:right}.fcard.s0 .delta{color:#8fa3c4}.note{color:#d29922;margin-top:4px;line-height:1.5}.process-toggle{color:#6ee7ff;cursor:pointer;margin-top:6px;-webkit-user-select:none;user-select:none}.process{background:#070d18;border-radius:4px;padding:6px 8px;margin-top:4px;line-height:1.7;color:#c7d2e5;word-break:break-all}.process .formula{color:#8fa3c4}.trend{height:140px}