.lg-root{--lg-primary:#177d70;--lg-primary-hover:#1c9483;--lg-primary-soft:#eaf5f3;--lg-nav:#17242e;--lg-page:#f3f6f8;--lg-surface:#fff;--lg-text:#26333c;--lg-secondary:#5f6b73;--lg-muted:#788791;--lg-border:#e4eaee;--lg-danger:#dc5b57;--lg-warning:#e7a13b;position:fixed;inset:0;z-index:5000;color:var(--lg-text);background:var(--lg-page);font:14px/1.55 "Microsoft YaHei","PingFang SC",Arial,sans-serif}.lg-root *{box-sizing:border-box}.lg-root button,.lg-root input{font:inherit}.lg-shell{min-height:100%;display:flex;flex-direction:column}.lg-brandbar{min-height:64px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--lg-nav);border-bottom:3px solid var(--lg-primary)}.lg-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.lg-brand-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--lg-primary);border-radius:4px}.lg-environment{color:#ffffffa3;font-size:13px}.lg-stage{flex:1;padding:32px;display:flex;align-items:center;justify-content:center;overflow:auto}.lg-card{width:min(1040px,100%);padding:24px;background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:7px;box-shadow:0 2px 10px #1b35440f}.lg-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.lg-step{display:block;margin-bottom:6px;color:var(--lg-primary);font-size:12px;font-weight:600}.lg-root h1,.lg-root h2,.lg-root h3,.lg-root p{margin:0}.lg-root h1{font-size:20px;line-height:28px}.lg-root h2{font-size:16px}.lg-heading p,.lg-intro,.lg-online p{margin-top:6px;color:var(--lg-secondary)}.lg-status{min-height:28px;padding:4px 9px;display:inline-flex;align-items:center;gap:6px;border-radius:4px;font-size:12px;font-weight:600}.lg-status i{width:7px;height:7px;border-radius:50%}.lg-invalid{color:#a43e3b;background:#fde9e8}.lg-invalid i{background:var(--lg-danger)}.lg-pending{color:#9a6416;background:#fff2d8}.lg-pending i{background:var(--lg-warning)}.lg-device-strip{margin-top:20px;padding:12px 16px;display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:20px;background:#f8fafb;border:1px solid var(--lg-border);border-radius:4px}.lg-device-strip span{display:block;color:var(--lg-muted);font-size:12px}.lg-device-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px Consolas,monospace}.lg-error-text{color:var(--lg-danger)!important;font-family:inherit!important}.lg-platform{margin-top:12px;padding:12px 16px;display:grid;grid-template-columns:230px minmax(320px,1fr) 220px;align-items:center;gap:12px 16px;border:1px solid var(--lg-border);border-radius:4px}.lg-platform label{font-weight:600}.lg-platform label small,.lg-platform p{color:var(--lg-muted);font-size:12px;font-weight:400}.lg-platform-control{display:grid;grid-template-columns:1fr auto;gap:8px}.lg-root input{width:100%;height:36px;padding:0 10px;border:1px solid var(--lg-border);border-radius:4px;outline:none}.lg-root input:focus{border-color:var(--lg-primary);box-shadow:0 0 0 2px #177d701a}.lg-root input.invalid{border-color:var(--lg-danger)}.lg-root button{min-height:36px;padding:0 16px;color:var(--lg-text);background:#fff;border:1px solid var(--lg-border);border-radius:4px;cursor:pointer}.lg-root button:hover{border-color:var(--lg-primary);color:var(--lg-primary)}.lg-root button:focus-visible{outline:2px solid var(--lg-primary);outline-offset:2px}.lg-root button:disabled{cursor:not-allowed;opacity:.5}.lg-root .lg-primary{color:#fff;background:var(--lg-primary);border-color:var(--lg-primary)}.lg-root .lg-primary:hover{color:#fff;background:var(--lg-primary-hover)}.lg-connection{color:var(--lg-muted);font-size:12px}.lg-connection.success{color:var(--lg-primary)}.lg-connection.error{color:var(--lg-danger)}.lg-feedback{margin-top:12px;padding:9px 12px;border-radius:4px}.lg-error{color:#a43e3b;background:#fde9e8}.lg-warning{color:#805619;background:#fff2d8}.lg-tabs{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--lg-border)}.lg-root .lg-tab{min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:2px;border:0;border-radius:0}.lg-tab span{font-weight:600}.lg-tab small{color:var(--lg-muted);font-size:12px}.lg-tab.active{color:var(--lg-primary);box-shadow:inset 0 -2px var(--lg-primary)}.lg-panel{min-height:260px;padding-top:20px}.lg-online{min-height:224px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:20px}.lg-online-icon{width:56px;height:56px;display:grid;place-items:center;color:var(--lg-primary);background:var(--lg-primary-soft);border-radius:7px;font-size:28px}.lg-online dl{margin:16px 0 0;display:flex;gap:24px}.lg-online dl div{display:flex;gap:10px}.lg-online dt{color:var(--lg-muted)}.lg-online dd{margin:0}.lg-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:16px}.lg-qr-panel{min-height:224px;display:grid;grid-template-columns:190px 1fr;gap:24px}.lg-qr{text-align:center;border-right:1px solid var(--lg-border)}.lg-qr-code{width:146px;height:146px;margin:auto;display:grid;place-items:center;background:repeating-conic-gradient(var(--lg-nav) 0 25%,#fff 0 50%) 0/20px 20px;border:8px solid #fff;outline:1px solid var(--lg-border)}.lg-qr-code span{padding:4px;color:#fff;background:var(--lg-primary);font-size:12px}.lg-qr>small{display:block;margin-top:8px;color:var(--lg-muted)}.lg-qr-panel ol{margin:8px 0 14px 20px;color:var(--lg-secondary);line-height:24px}.lg-field{display:block;font-weight:600}.lg-field input{margin-top:5px}.lg-field small{display:block;margin-top:4px;color:var(--lg-muted);font-weight:400}.lg-offline{margin-top:20px;display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:12px}.lg-offline section{min-height:136px;padding:16px;display:grid;grid-template-columns:32px 1fr;gap:10px 12px;background:#f8fafb;border:1px solid var(--lg-border);border-radius:4px}.lg-offline section>b{width:28px;height:28px;display:grid;place-items:center;color:#fff;background:var(--lg-primary);border-radius:4px}.lg-offline section p{color:var(--lg-secondary);font-size:13px}.lg-offline section button{grid-column:2;justify-self:start}.lg-offline>span{text-align:center;color:var(--lg-muted)}.lg-pending-details{margin:18px 0;display:grid;grid-template-columns:140px 1fr;gap:10px;padding:16px;background:#f8fafb;border:1px solid var(--lg-border);border-radius:4px}.lg-pending-details span{color:var(--lg-muted)}.lg-pending-details strong{font-family:Consolas,monospace}.lg-footer{min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--lg-muted);font-size:12px}.lg-footer span{padding-left:16px;border-left:1px solid var(--lg-border)}.lg-result{width:min(480px,calc(100% - 32px));padding:32px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);text-align:center;background:#fff;border:1px solid var(--lg-border);border-radius:8px;box-shadow:0 16px 40px #17242e2e}.lg-result>span{width:56px;height:56px;margin:0 auto 16px;display:grid;place-items:center;color:#fff;background:var(--lg-primary);border-radius:50%;font-size:28px}.lg-result p{margin:8px 0 20px;color:var(--lg-secondary)}
@media(max-width:1024px){.lg-stage{padding:24px}.lg-platform{grid-template-columns:200px 1fr}.lg-connection{grid-column:2}.lg-online{grid-template-columns:56px 1fr}.lg-online>.lg-actions{grid-column:1/-1}}
@media(max-width:760px){.lg-brandbar{padding:0 16px}.lg-environment{display:none}.lg-stage{padding:16px;align-items:flex-start}.lg-card{padding:18px}.lg-heading{flex-direction:column;gap:12px}.lg-device-strip,.lg-platform,.lg-tabs,.lg-online,.lg-qr-panel,.lg-offline{grid-template-columns:1fr}.lg-connection{grid-column:auto}.lg-tab{align-items:flex-start}.lg-qr{padding-bottom:16px;border-right:0;border-bottom:1px solid var(--lg-border)}.lg-offline>span{transform:rotate(90deg)}.lg-footer span{display:none}}