*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;font-family:Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}.access-page{min-height:100%;display:grid;place-items:center;background:#f3f6f8;padding:24px;color:#293740}.access-form{width:360px;max-width:100%}.access-mark{width:44px;height:44px;padding:10px;background:#e0f1ea;color:#27806b;border-radius:8px}.access-form h1{font-size:26px;margin:20px 0 32px}.access-form label{display:block;margin-bottom:8px;font-size:14px}.access-form input{width:100%;height:44px;padding:10px 12px;border:1px solid #cdd5dc;border-radius:6px;outline-color:#27806b;background:#fff}.submit{margin-top:18px;width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:12px;background:#27806b;border:0;color:#fff;border-radius:6px}.submit svg{width:18px;height:18px}.error{color:#dc6874;font-size:13px;overflow-wrap:anywhere}.shared-screen{width:100%;height:100%;overflow:hidden;background:#02060f}.shared-screen>.data-screen{width:100%;height:100%;margin:0}.display-toolbar{position:fixed;bottom:8px;right:12px;z-index:200;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);color:#b7c9d6;background:#050c14e0;padding:5px 8px;border-radius:4px}.display-toolbar span{min-width:0;overflow-wrap:anywhere;font-size:11px}.display-toolbar button{flex-shrink:0;width:28px;height:28px;padding:5px;background:transparent;border:0;color:#b7c9d6}