:root{--bg:#071217;--panel:#0b1c23;--line:#28434c;--text:#e2eff0;--muted:#86a4ad;--cyan:#46d9ce;--lime:#c5ff25}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","Noto Sans SC",sans-serif}#dashboard{width:1920px;height:1080px;padding:20px;background:radial-gradient(ellipse at 85% 0,#122e35 0,transparent 44%),linear-gradient(90deg,#08151b,#071217);transform-origin:top left}button{color:var(--text);border:1px solid var(--line);background:#0d222a;padding:10px 18px;font:600 13px "Microsoft YaHei";cursor:pointer}button:hover{border-color:var(--cyan)}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.topbar{height:67px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;gap:17px}.mark{width:47px;height:47px;border:1px solid var(--lime);transform:skew(-8deg);display:flex;align-items:end;justify-content:center;gap:4px;padding:8px}.mark i{background:var(--lime);width:6px;height:13px}.mark i:nth-child(2){height:25px}.mark i:nth-child(3){height:19px}.brand small{color:var(--lime);letter-spacing:3px;font-size:10px;font-weight:700}.brand h1{font-size:22px;margin:2px 0 3px;letter-spacing:2px}.brand p{margin:0;font-size:10px;color:var(--muted);letter-spacing:2px}.actions{display:flex;gap:10px;align-items:center;padding-top:3px}.actions button:last-child{color:var(--lime);border-color:#637f25}.status{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);font-size:13px}i{display:inline-block}.status i,.sync i,.page-footer i,aside header i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px #c5ff2544}.overview{height:61px;margin:10px 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.overview article{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-right:1px solid var(--line);position:relative}.overview article:after{content:"";position:absolute;bottom:-1px;left:0;width:35%;height:2px;background:var(--cyan)}.overview article:first-child:after,.overview article:last-child:after{background:var(--lime)}.overview article:last-child{border:0}.overview article>span{font-size:12px;letter-spacing:2px;color:var(--muted)}.overview strong{display:flex;align-items:center;gap:12px;font-size:32px;letter-spacing:-1px;font-weight:800}.overview small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}main{display:grid;grid-template-columns:1500px 370px;gap:10px;height:850px}.scene-stack{display:flex;flex-direction:column;gap:10px;min-width:0}.scene{border:1px solid var(--line);background:#08181f}.scene>header{height:52px;display:flex;align-items:center;padding:0 11px;gap:15px;border-bottom:1px solid var(--line)}.number{border:1px solid var(--line);font-size:13px;color:var(--lime);padding:7px}.scene header small{font-size:9px;letter-spacing:2px;color:var(--cyan);font-weight:700}.scene h2{font-size:16px;margin:3px 0 0;letter-spacing:1px}.scene header p{font-size:11px;color:var(--muted);margin-left:45px}.sync{margin-left:auto;font-size:11px;display:flex;gap:8px;align-items:center}.captions{height:26px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.captions>span{padding:4px 11px;display:flex;justify-content:space-between}.captions>span:last-child{color:var(--lime);border-left:1px solid var(--line)}.caption-note{color:var(--muted);font-size:10px;font-weight:400}.views{display:grid;grid-template-columns:1fr 1fr;height:297px}.views canvas{display:block;width:100%;height:297px;background:#040b0e;object-fit:contain}.views canvas+canvas{border-left:1px solid var(--line)}.scene>footer{height:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:5px 12px;font-size:10px;color:var(--muted)}.scene footer b{color:var(--text);font-weight:700}.transport{height:28px;display:flex;align-items:center;gap:16px}.transport button{padding:5px 12px;font-size:11px}.transport>span{font-size:12px;min-width:99px}.transport input{accent-color:var(--lime);flex:1}.transport>b{font-size:12px;color:var(--cyan);min-width:180px;text-align:right}aside{border:1px solid var(--line);background:#091a21;height:850px;display:flex;flex-direction:column}aside>header{height:85px;border-bottom:1px solid var(--line);padding:15px 16px;position:relative}aside header small{font-size:10px;letter-spacing:2px;color:var(--cyan)}aside h2{font-size:19px;margin:5px 0 0}aside header>span{position:absolute;top:18px;right:14px;font-size:9px;color:var(--lime);display:flex;align-items:center;gap:5px}aside header i{width:5px;height:5px}aside>section{padding:13px 16px;border-bottom:1px solid var(--line)}.counter{height:130px}.counter>span{font-size:11px;letter-spacing:2px;color:var(--muted)}.counter>strong{font-size:44px;display:block;color:var(--lime);line-height:1.2}.counter p{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0 0}h3{font-size:13px;letter-spacing:1px;margin:0 0 13px}h3>span{float:right;color:var(--muted);font-size:10px;font-weight:400}.class-list{height:286px}.metric{height:31px;font-size:11px;position:relative}.metric b{float:right;color:var(--color)}.metric>div{position:absolute;top:20px;height:3px;background:#263d45;width:100%}.metric i{height:3px;background:var(--color);width:0;display:block}.colors{height:104px}.colors>div{display:flex;gap:8px}.colors>div>span{font-size:12px;border:1px solid var(--line);padding:5px 8px;flex:1;white-space:nowrap}.colors b{float:right;color:var(--lime)}.colors p{font-size:10px;color:var(--muted);margin:7px 0 0}.evidence{height:110px}.evidence>div{display:flex;gap:40px}.evidence strong{font-size:23px;line-height:1}.evidence small{font-size:10px;color:var(--muted);font-weight:400;padding-left:8px}.evidence p{font-size:10px;color:var(--muted);margin:12px 0 0}.scope{flex:1;border:0}.scope h3{color:var(--cyan);margin-bottom:8px}.scope p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0}.page-footer{height:35px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);letter-spacing:1px}.page-footer span:first-child{display:flex;align-items:center;gap:9px}
