.robot-lab{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;color:#11161b;background:#f2f4f6;font-family:Arial,Microsoft YaHei,sans-serif}.robot-lab--embedded{height:100%;min-height:0;background:transparent}.robot-lab--embedded:before{display:none}.robot-lab:before{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(95,114,130,.08) 1px,transparent 0) 50% /12.5% 100%,linear-gradient(rgba(95,114,130,.055) 1px,transparent 0) 50% /100% 16.66%;mask-image:linear-gradient(180deg,transparent 2%,black 19%,black 78%,transparent 98%);opacity:.44}.robot-lab__viewport{position:absolute;inset:0;z-index:0;touch-action:pan-y}.robot-lab__viewport canvas{display:block;width:100%;height:100%}.robot-lab__header{position:absolute;inset:28px 34px auto;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.robot-lab__brand{display:flex;align-items:baseline;gap:13px}.robot-lab__brand strong{font-size:22px;font-weight:800;line-height:1}.robot-lab__brand span,.robot-lab__footer,.robot-lab__spec small,.robot-lab__spec span,.robot-lab__status span{font-size:10px;font-weight:700;line-height:1;letter-spacing:0}.robot-lab__brand span{color:#6f7b85}.robot-lab__status{display:flex;align-items:center;gap:9px;min-width:144px;justify-content:flex-end;color:#78838c}.robot-lab__status i{width:6px;height:6px;border-radius:50%;background:#a9b2b9;box-shadow:0 0 0 5px rgba(130,145,157,.1)}.robot-lab__status[data-ready=true]{color:#25323c}.robot-lab__status[data-ready=true] i{background:#42b883;box-shadow:0 0 0 5px rgba(66,184,131,.12)}.robot-lab__spec{position:absolute;top:50%;z-index:3;display:grid;gap:8px;width:185px;pointer-events:none;transform:translateY(-50%)}.robot-lab__spec:before{width:100%;height:1px;margin-bottom:8px;content:"";background:linear-gradient(90deg,rgba(84,102,116,.42),transparent)}.robot-lab__spec--left{left:34px}.robot-lab__spec--right{right:34px;text-align:right}.robot-lab__spec--right:before{background:linear-gradient(90deg,transparent,rgba(84,102,116,.42))}.robot-lab__spec span{color:#8a949c}.robot-lab__spec strong{font-size:12px;font-weight:800;line-height:1.25}.robot-lab__spec small{color:#7f8b95}.robot-lab__footer{position:absolute;right:34px;bottom:28px;z-index:3;display:flex;align-items:center;gap:10px;color:#7f8a93;pointer-events:none}.robot-lab__footer i{width:18px;height:1px;background:#aeb6bd}.robot-lab__boot{position:absolute;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:22px;color:#eef4f8;background:#020304;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .9s cubic-bezier(.22,1,.36,1),visibility .9s step-end}.robot-lab__boot[data-open=true]{opacity:1;visibility:visible;transition:none}.robot-lab__boot strong{font-size:34px;font-weight:800;line-height:1;transition:opacity .18s ease}.robot-lab__boot span{position:relative;width:112px;height:1px;overflow:hidden;background:rgba(255,255,255,.16);transition:opacity .18s ease}.robot-lab__boot:not([data-open=true]) strong,.robot-lab__boot:not([data-open=true])>span{opacity:0}.robot-lab__boot span:after{position:absolute;inset:0;content:"";background:#eaf6ff;transform:translateX(-104%);animation:robot-lab-load 1.1s ease-in-out infinite}@keyframes robot-lab-load{to{transform:translateX(104%)}}@media (max-width:1040px){.robot-lab__spec{display:none}}@media (max-width:820px){.robot-lab{min-height:540px}.robot-lab__header{inset:20px 20px auto}.robot-lab__brand span{display:none}.robot-lab__status{min-width:auto}.robot-lab__footer{right:20px;bottom:20px}}@media (prefers-reduced-motion:reduce){.robot-lab__boot{transition:none}.robot-lab__boot span:after{animation:none}}