:root{--bar:#121418;--panel:#323945ed;--panel2:#2b313b;--line:#454c58;--line2:#ffffff12;--t1:#e8eaee;--t2:#a9afb8;--t3:#858b95;--green:#43d665;--red:#e8434b;--blue:#4a7be0}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--t1);-webkit-font-smoothing:antialiased;background:#3d4450;font:12px/1.4 Inter,Noto Sans CJK SC,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line2)}.topbar{background:var(--bar);border-bottom:1px solid #262a31;align-items:stretch;height:40px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#f2f3f5;align-items:center;gap:10px;width:430px;font-size:13px;font-weight:500;display:flex}.brand small{color:var(--t3);font-size:11px;font-weight:400}nav{gap:2px;margin-left:-60px;display:flex}nav button{color:#9aa0a9;cursor:pointer;background:0 0;border:0;padding:0 20px;font-size:12px;transition:color .2s;position:relative}nav button:hover,nav button.active{color:#fff}nav button.active:after{content:"";background:#e9ebee;height:2px;position:absolute;bottom:0;left:16px;right:16px}.meta{color:#c9cdd3;align-items:center;gap:10px;margin-left:auto;font-size:11px;display:flex}.meta .sep{background:#3b4048;width:1px;height:12px}.meta b{color:#fff;font-size:12px;font-weight:500}.left{flex-direction:column;width:228px;padding:0 0 6px;display:flex;position:absolute;top:48px;bottom:8px;left:8px}.ptabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:22px;height:36px;padding:0 14px;display:flex}.ptabs button{height:100%;color:var(--t3);cursor:pointer;background:0 0;border:0;font-size:12px;position:relative}.ptabs button.on{color:#fff}.ptabs button.on:after{content:"";background:#e9ebee;height:2px;position:absolute;bottom:-1px;left:0;right:0}.ptabs em{color:var(--t3);margin-left:auto;font-size:11px;font-style:normal}.search{background:var(--panel2);border:1px solid #4a515c;align-items:center;gap:6px;height:26px;margin:10px 12px 6px;padding:0 8px;display:flex}.search svg{fill:none;stroke:#8d939c;stroke-width:1.5px;flex:none;width:12px;height:12px}.search input{min-width:0;color:var(--t1);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:11px}.search input::placeholder{color:#7d838c}#tree{scrollbar-width:thin;scrollbar-color:#59606b transparent;flex:1;padding:2px 0;overflow:auto}.node{position:relative}.node>.nh{cursor:pointer;color:#d9dce1;white-space:nowrap;align-items:center;height:22px;padding-right:10px;font-size:11.5px;display:flex}.node>.nh .tg{border:1px solid #8a9099;flex:none;width:9px;height:9px;margin-right:6px;position:relative}.node>.nh .tg:before{content:"";background:#c9cdd3;height:1px;position:absolute;top:3px;left:1px;right:1px}.node>.nh .tg:after{content:"";background:#c9cdd3;width:1px;display:none;position:absolute;top:1px;bottom:1px;left:3px}.node.closed>.nh .tg:after{display:block}.node.closed>.kids{display:none}.node>.nh em{color:var(--t3);margin-left:auto;font-size:10.5px;font-style:normal}.kids{position:relative}.kids:before{content:"";width:1px;top:0;bottom:11px;left:var(--gx);background:#545b66;position:absolute}.it{cursor:pointer;color:#c4c8ce;white-space:nowrap;align-items:center;height:22px;padding-right:10px;font-size:11.5px;display:flex;position:relative}.it:before{content:"";width:8px;height:1px;left:calc(var(--px) - 12px);background:#545b66;position:absolute;top:11px}.it:hover{color:#fff;background:#ffffff0a}.it.sel{color:#fff;background:#4b525e}.it i{background:#7f8791;border-radius:50%;width:6px;height:6px;margin-left:auto}.it.ok i{background:var(--green)}.it.alarm{color:#ff9aa0}.it.alarm i{background:var(--red);box-shadow:0 0 0 3px #e8434b40}.right{flex-direction:column;width:272px;padding:0 0 8px;display:flex;position:absolute;top:48px;bottom:8px;right:8px;overflow:hidden}.phead{border-bottom:1px solid var(--line);color:#fff;flex:none;justify-content:space-between;align-items:center;height:36px;padding:0 14px;font-size:12.5px;display:flex}.pill{border:1px solid;padding:1px 7px;font-size:10.5px;font-style:normal}.pill.ok{color:var(--green);border-color:#43d66573}.pill.bad{color:#ff8a90;background:#e8434b1f;border-color:#e8434b99}.sub{color:var(--t3);letter-spacing:.3px;padding:8px 14px 0;font-size:10.5px}.kv{grid-template-columns:1fr 1fr 1fr;gap:6px 8px;padding:6px 14px 4px;display:grid}.kv div{flex-direction:column;display:flex}.kv small{color:var(--t3);font-size:10px}.kv b{color:#eef0f2;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.ch{padding:7px 14px 0}.ch h4{color:#e6e8eb;align-items:baseline;gap:6px;font-size:11.5px;font-weight:400;display:flex}.ch h4 b{color:#fff;margin-left:auto;font-size:11.5px;font-weight:500}.ch h4 small{color:var(--t3);font-size:10px}.lg{color:var(--t2);gap:12px;margin-top:2px;font-size:10px;display:flex}.lg i{vertical-align:3px;background:#e3e6ea;width:8px;height:1.5px;margin-right:4px;display:inline-block}.lg i.b{background:#8f959e}.lg i.dot{vertical-align:1px;border-radius:50%;width:5px;height:5px}.ch canvas{width:100%;height:78px;margin-top:2px;display:block}.tbl{flex:1;min-height:0;overflow:hidden}.th,.tr{grid-template-columns:62px 66px 1fr 34px;align-items:center;gap:4px;height:19px;font-size:10px;display:grid}.th{color:var(--t3);border-bottom:1px solid var(--line);margin-top:4px}.tr{color:#cfd3d8;border-bottom:1px solid #ffffff0a}.tr span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tr .lv{color:var(--t2)}.tr.bad{color:#ff9aa0}.tr.bad .lv{color:var(--red)}.tr.new{animation:1s 3 flash}@keyframes flash{50%{background:#e8434b40}}.tools{align-items:center;gap:8px;display:flex;position:absolute;top:52px;right:292px}.seg{border:1px solid var(--line2);background:#282e38e6;padding:2px;display:flex}.seg button{color:#b9bec5;cursor:pointer;background:0 0;border:0;padding:4px 14px;font-size:11.5px}.seg button.on{color:#1e2229;background:#d9dce0}.flat{border:1px solid var(--line2);color:#d9dce0;cursor:pointer;background:#282e38e6;padding:5px 12px;font-size:11.5px}.flat:hover{background:#4a515c}.flat.danger{color:#ff9aa0}.flat.danger.on{background:var(--red);color:#fff}.slider{color:#c9cdd3;border:1px solid var(--line2);background:#282e38e6;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.slider input{accent-color:#d9dce0;width:90px;height:3px}.slider output{text-align:right;color:#fff;width:30px}.mode{position:absolute;bottom:126px;left:50%;transform:translate(-50%)}.timeline{flex-direction:column;height:110px;display:flex;position:absolute;bottom:8px;left:244px;right:288px}.timeline .ptabs{height:28px}#tlInfo{color:var(--t3);margin-left:auto;font-size:11px}.tl-body{flex:1;min-height:0;display:flex}.rows{color:#cfd3d8;flex:none;width:150px;padding:18px 0 0 14px;font-size:10.5px}.rows div{white-space:nowrap;align-items:center;height:20px;display:flex;overflow:hidden}#track{border-left:1px solid var(--line);flex:1;margin:0 14px 6px 0;position:relative}#ticks{border-bottom:1px solid var(--line);height:16px;display:flex;position:absolute;top:0;left:0;right:0}#ticks span{color:var(--t3);border-left:1px solid #ffffff14;flex:1;padding-left:3px;font-size:9.5px;line-height:16px}#spark{width:100%;height:calc(100% - 18px);position:absolute;inset:18px 0 0}#markers{position:absolute;inset:16px 0 0}.mk{cursor:pointer;background:#c9cdd3;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:2px;transform:rotate(45deg)}.mk:hover{background:#fff}.mk.alarm{background:var(--red);width:9px;height:9px;margin-left:-4.5px;box-shadow:0 0 0 3px #e8434b4d}#playhead{background:#f2f3f5;width:1px;position:absolute;top:0;bottom:0}#playhead:before{content:"";clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:#f2f3f5;width:9px;height:12px;position:absolute;top:0;left:-4px}.label{border-left:2px solid var(--green);color:#fff;white-space:nowrap;background:#1e2229eb;padding:4px 9px;font-size:11.5px;position:relative;transform:translateY(-22px)}.label small{color:var(--t2);font-size:10px;display:block}.label:after{content:"";background:#fff9;width:1px;height:18px;position:absolute;top:100%;left:-2px}.label.alarm{border-left-color:var(--red);background:#78161ceb}.label.alarm small{color:#ffc4c7}.tag{color:#dfe2e6;border-left:2px solid var(--green);white-space:nowrap;background:#1e2229d1;padding:2px 7px;font-size:10.5px}.tag.blue{border-left-color:var(--blue)}.pin{background:var(--green);border:2px solid #fff;border-radius:50% 50% 50% 0;width:14px;height:14px;transform:rotate(-45deg)translate(5px,-5px)}.pin.red{background:var(--red)}#divider{cursor:ew-resize;z-index:5;background:#ffffffbf;width:1px;margin-left:0;position:fixed;top:40px;bottom:0}#divider:before{content:"";position:absolute;inset:0 -8px}#divider.hidden{display:none}#divider .grip{color:#222;white-space:nowrap;background:#e9ebee;align-items:center;gap:8px;padding:3px 8px;font-size:11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#divider .grip i{background:#888;width:1px;height:10px}#toast{border-left:3px solid var(--red);opacity:0;pointer-events:none;background:#1e2229f2;padding:8px 16px;font-size:12px;transition:all .3s;position:fixed;top:96px;left:50%;transform:translate(-50%,-12px)}#toast.show{opacity:1;transform:translate(-50%)}:root{--glass:#28303c57;--glass-strong:#1e242e6b;--gb:#ffffff1c;--blur:blur(20px) saturate(140%)}html,body,#hud{background:0 0}.glass,.panel,.ch,.topbar,.seg,.flat,.slider,.label,.tag,#toast,#divider .grip{background:linear-gradient(180deg,#ffffff12 0%,#fff0 38%),var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--gb);box-shadow:0 8px 28px #080a1047,inset 0 1px #ffffff1a}.topbar{border:0;border-bottom:1px solid var(--gb);background:linear-gradient(#ffffff0d,#fff0),#10131973;box-shadow:0 4px 20px #00000040}.right{gap:6px;padding:0;overflow:hidden;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}.right>.phead{background:linear-gradient(180deg,#ffffff12,#fff0 60%),var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--gb);border-bottom:1px solid var(--gb);box-shadow:0 8px 28px #080a1047,inset 0 1px #ffffff1a}.right>.sub{display:none}.kv{background:linear-gradient(180deg,#ffffff12,#fff0 50%),var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--gb);padding:8px 12px;box-shadow:0 8px 28px #080a1047,inset 0 1px #ffffff1a}.ch{flex:none;padding:7px 12px 6px}.ch canvas{height:66px}.ch canvas.s{height:52px}.tbl{flex:1}.seg button.on{background:#ebeef2e0}.label.alarm{background:linear-gradient(#ffffff14,#fff0),#961a2273}.it.sel{background:#ffffff1f}.search{border-color:var(--gb);background:#14181e40}