/* Scoped to the workspace: remote display and login forms are unaffected. */
.xb-home,.xb-settings{background:#f3f6fb;min-height:100vh;color:#20334e;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.xb-home *,.xb-settings *{box-sizing:border-box}.xb-work-header{height:86px;background:#0c1e35;color:#f1f7ff;display:flex;align-items:center;padding:0 max(4vw,24px);gap:48px;border-bottom:1px solid #284461;position:relative;z-index:30}.xb-work-brand{display:flex;align-items:center;gap:12px;color:#f1f7ff!important;text-decoration:none!important;font-size:18px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.xb-work-mark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(135deg,#69e0ee,#3989f4);border-radius:12px;color:#0e2946;font-size:16px;font-weight:750;letter-spacing:0}.xb-work-brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.7px;color:#8baac9;margin-top:3px}.xb-work-header nav{display:flex;align-self:stretch;gap:28px}.xb-work-header nav a{display:flex;align-items:center;color:#a5bad1;text-decoration:none;position:relative;white-space:nowrap;font-size:13px}.xb-work-header nav a.selected{color:#fff;font-weight:600}.xb-work-header nav a.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#61cde9;border-radius:3px 3px 0 0}.xb-work-header>.user-menu{margin-left:auto}.xb-work-header .menu-dropdown{border:1px solid #ffffff21;border-radius:9px;background:#ffffff08;max-width:230px}.xb-work-header .menu-dropdown .menu-title{font-size:12px;color:#dceafd;font-weight:500;background-image:none;padding:10px 32px 10px 13px;width:auto;flex-shrink:1}.xb-work-header .menu-dropdown .menu-indicator{filter:invert(1);opacity:.6}.xb-work-header .menu-dropdown:hover,.xb-work-header .menu-dropdown.open{background:#ffffff14}.xb-home .menu-contents,.xb-settings .menu-contents{background:#fff;border:1px solid #dbe5f1;border-radius:12px;box-shadow:0 14px 36px #0c23452b;padding:6px;top:calc(100% + 9px);min-width:185px;color:#20334e}.xb-home .menu-contents li a,.xb-settings .menu-contents li a{font-size:13px;border-radius:7px;color:#334862;min-height:39px}.xb-home .menu-contents li a:hover,.xb-settings .menu-contents li a:hover{background-color:#edf4ff}.xb-main{max-width:1280px;margin:0 auto;padding:30px max(4vw,24px) 18px}.xb-welcome{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#376b9a55,transparent 60%),linear-gradient(110deg,#142e4d,#1a4369);border:1px solid #294f73;border-radius:18px;color:#e9f5ff;min-height:170px;padding:27px 32px;display:flex;align-items:center;justify-content:space-between}.xb-kicker{font-size:11px;letter-spacing:2px;color:#a5c7e5}.xb-home .xb-welcome h1{text-align:left;padding:0;margin:10px 0 8px;font-size:29px;font-weight:650;color:#f6faff;letter-spacing:1px;line-height:1.4}.xb-welcome p{margin:0;color:#a6c8e7;font-size:13px}.xb-welcome-art{width:260px;height:140px;position:absolute;right:50px;top:18px;pointer-events:none}.xb-screen{position:absolute;width:160px;height:105px;right:32px;top:10px;border:1px solid #aad8ff66;border-radius:10px;background:linear-gradient(145deg,#5a96c846,#0e2c4d);transform:rotate(-8deg);box-shadow:17px -9px 0 -2px #80baf51a,17px -9px 0 -1px #b3ddff33;z-index:1;padding:27px 17px}.xb-screen:before{content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:#bedfff33}.xb-screen span{display:block;width:28px;height:28px;border-radius:8px;background:linear-gradient(140deg,#65def0,#568bec);float:left;margin-right:12px}.xb-screen i{display:block;height:4px;margin:6px 0;background:#b2d4ec66;border-radius:4px}.xb-welcome-orbit{position:absolute;inset:60px 0 0;border:1px solid #98d9ff30;border-radius:50%;transform:rotate(-16deg)}.xb-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 18px}.xb-home h2{font-size:19px;color:#20334e;margin:0;padding:0;letter-spacing:.3px}.xb-section-head p{margin:5px 0 0;font-size:12px;color:#7c8aa0}.xb-section-head>.group-list-filter{width:280px;max-width:45%}.xb-home .group-list-filter{margin:0;padding:0}.xb-home input.search-string{background:#fff;border:1px solid #dce4ef;border-radius:9px;height:41px;padding:10px 14px;font-size:12px;color:#20334e;width:100%;margin:0;box-shadow:0 2px 5px #122b4403}.xb-home input.search-string:focus{outline:none;border-color:#639ae1;box-shadow:0 0 0 3px #347ada12}.xb-home .all-connections{margin:0;padding:0}.xb-home .all-connections .group-list-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.xb-home .all-connections .list-item{min-width:0;margin:0;padding:0}.xb-home .all-connections .caption{padding:0;margin:0;background:none;border:0;display:block}.xb-home .all-connections .caption:hover{background:none}.xb-home .all-connections .connection-group .children{display:grid;gap:12px;margin:12px 0 0;padding-left:16px}.xb-home .home-connection.xb-device-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dde5ef;border-radius:13px;padding:20px;text-decoration:none;color:#243951;min-height:203px;transition:box-shadow .15s,border-color .15s,transform .15s;white-space:normal}.xb-home .home-connection.xb-device-card:hover{background:#fff;border-color:#85afe2;box-shadow:0 10px 24px #15365c0c;transform:translateY(-2px)}.xb-home .home-connection.xb-device-card:focus-visible{outline:3px solid #8db8f1;outline-offset:3px}.xb-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.xb-device-icon{position:relative;width:43px;height:43px;background:#ecf3ff;border-radius:11px;display:grid;place-items:center}.xb-device-icon i{width:23px;height:16px;border:1.7px solid #4b80c4;border-radius:3px;position:relative;top:-2px}.xb-device-icon i:before{content:"";position:absolute;width:2px;height:4px;background:#4b80c4;bottom:-5px;left:9px}.xb-device-icon i:after{content:"";position:absolute;width:12px;height:1.7px;background:#4b80c4;bottom:-6px;left:4px;border-radius:2px}.xb-device-state{font-size:10px;padding:3px 8px;background:#eff5fb;color:#72879d;border:1px solid #e3ecf5;border-radius:5px}.xb-device-state.in-use{background:#ecf7f3;border-color:#d3ece2;color:#2b8b6f}.xb-home .xb-device-card>.name{font-size:15px;font-weight:600;display:block;overflow-wrap:anywhere;white-space:normal;line-height:1.6}.xb-device-protocol{color:#8c9bad;font-size:10px;letter-spacing:.4px;margin-top:4px;margin-bottom:19px}.xb-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;border-top:1px solid #eff2f7;padding-top:13px;margin-top:auto}.xb-activity{font-size:10px;color:#8796a9}.xb-connect-cta{color:#2f70c4;font-weight:600;font-size:11px;white-space:nowrap}.xb-connect-cta b{font-size:15px;margin-left:4px;font-weight:400}.xb-home .home-connection-group{display:block;font-size:14px;font-weight:600;padding:12px;color:#315a89;background:#e9eff7;border-radius:8px;text-decoration:none}.xb-home .all-connections .list-buttons{margin-top:15px}.xb-usage-hint{display:flex;gap:9px;align-items:flex-start;color:#8191a6;font-size:11px;line-height:1.8;margin:19px 0 27px}.xb-hint-icon{border:1px solid #9baec5;color:#8499b3;width:14px;height:14px;border-radius:50%;font:10px/13px serif;text-align:center;flex-shrink:0;margin-top:3px}.xb-recent-section{border-top:1px solid #e2e9f2;padding-top:21px}.xb-home .xb-recent-section h2{font-size:15px}.xb-home .recent-connections{text-align:left;display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 0;padding:0}.xb-home .recent-connections div.connection{max-width:none;width:210px;border:1px solid #dfe7f1;border-radius:10px;padding:10px;margin:0;background:#fff;overflow:visible}.xb-home .recent-connections .connection a{display:flex;align-items:center;gap:11px;color:#52677f;text-decoration:none;font-size:11px}.xb-home .recent-connections .thumbnail{width:50px;height:36px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#e8eff7}.xb-home .recent-connections .thumbnail img{width:100%;height:100%;object-fit:cover}.xb-home .recent-connections .caption{padding:0;min-width:0;text-align:left}.xb-home .recent-connections .caption .name{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.xb-home .recent-connections .remove-recent{top:3px;right:3px;background-color:#fff;border-radius:50%;width:12px;height:12px}.xb-home .recent-connections .placeholder{color:#8b9bb0;font-size:12px;margin:0}.xb-work-footer{text-align:center;color:#9aa8bb;font-size:10px;padding:30px 0 6px;letter-spacing:.4px}
.xb-settings-body{max-width:1280px;margin:0 auto;padding:29px max(4vw,24px) 50px}.xb-settings-body>.header{border:0;background:transparent;padding:0 0 20px;box-shadow:none;display:block}.xb-settings-body>.header h2{margin:0;padding:0;font-size:23px;color:#243951;text-align:left}.xb-settings .page-tabs{margin:0 0 20px}.xb-settings .page-tabs .page-list ul{display:flex;flex-wrap:wrap;gap:6px;background:none;border-bottom:1px solid #dde5ef;padding-bottom:12px}.xb-settings .page-tabs .page-list li a[href]{padding:9px 16px;border-radius:8px;font-size:13px;color:#6e8097}.xb-settings .page-tabs .page-list li a[href]:hover{background:#e7eef9}.xb-settings .page-tabs .page-list li a[href].current{background:#e2edff;color:#266ac5;font-weight:600}.xb-settings .settings{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:24px;margin:0;overflow-x:auto}.xb-settings .settings p{font-size:13px;line-height:1.8;color:#71829a}.xb-settings .settings h2,.xb-settings .settings h3{font-size:17px;color:#30445f;padding:0}.xb-settings .toolbar{gap:12px;flex-wrap:wrap;margin-bottom:18px}.xb-settings .settings input[type=text],.xb-settings .settings input[type=password],.xb-settings .settings input[type=number],.xb-settings .settings input[type=email],.xb-settings .settings select{border:1px solid #d7e2ee;border-radius:7px;padding:9px 12px;font-size:13px;color:#344c69;background:#fff;min-height:37px}.xb-settings .settings input:focus,.xb-settings .settings select:focus{outline-color:#639ae1}.xb-settings .settings .button,.xb-settings .settings button,.xb-settings .settings input[type=submit]{border:1px solid #cddcee;border-radius:7px;padding:8px 13px;font-size:12px;background:#eff5fd;color:#326db8;text-shadow:none;box-shadow:none;cursor:pointer}.xb-settings .settings .button:hover,.xb-settings .settings button:hover{background:#e1edfc}.xb-settings .settings .danger{background:#fff0ef!important;color:#b54d46!important;border-color:#f0d0cb!important}.xb-settings .settings table{font-size:12px;border-collapse:collapse}.xb-settings .settings table:not(.properties) th{background:#f4f7fc;color:#76869b;padding:11px 12px;font-size:11px;font-weight:600;border-bottom:1px solid #e0e8f3;text-shadow:none}.xb-settings .settings table:not(.properties) td{padding:12px;border-bottom:1px solid #edf1f6;color:#435b78}.xb-settings .settings table:not(.properties) tr:hover td{background:#f6f9ff}.xb-settings .settings table a{color:#3b76bf}.xb-settings .settings .caption{border-radius:6px;padding:8px 10px}.xb-settings .settings .caption:hover{background:#eff5ff}.xb-settings .settings .action-buttons{text-align:left;margin:0}.xb-settings .settings .filter input{width:100%;margin:0}.xb-settings .settings .filter{min-width:180px}.xb-settings input[type=checkbox],.xb-settings input[type=radio]{accent-color:#3a79cd}
@media(min-width:1500px){.xb-work-header{padding-left:calc((100vw - 1180px)/2);padding-right:calc((100vw - 1180px)/2)}}
@media(max-width:1050px){.xb-work-header{gap:24px}.xb-work-brand{font-size:15px}.xb-work-header nav{gap:18px}.xb-home .all-connections .group-list-page{grid-template-columns:repeat(2,minmax(0,1fr))}.xb-welcome-art{right:15px;opacity:.7}}
@media(max-width:700px){.xb-work-header{height:auto;min-height:115px;flex-wrap:wrap;padding:15px 20px 0;gap:12px}.xb-work-brand{font-size:14px;gap:9px}.xb-work-mark{width:34px;height:34px;font-size:13px;border-radius:10px}.xb-work-brand small{font-size:6px;letter-spacing:1.6px}.xb-work-header nav{order:3;width:100%;height:40px;gap:26px}.xb-work-header nav a{font-size:12px}.xb-work-header>.user-menu{max-width:130px}.xb-work-header .menu-dropdown .menu-title{font-size:10px;padding-left:9px;max-width:126px}.xb-main,.xb-settings-body{padding:20px 18px}.xb-welcome{min-height:145px;padding:24px}.xb-home .xb-welcome h1{font-size:23px;letter-spacing:0}.xb-welcome-art{display:none}.xb-section-head{align-items:flex-start;flex-direction:column;gap:13px;margin:24px 0 16px}.xb-section-head>.group-list-filter{max-width:100%;width:100%}.xb-home .all-connections .group-list-page{grid-template-columns:1fr}.xb-home .home-connection.xb-device-card{min-height:190px}.xb-home .recent-connections div.connection{width:100%}.xb-home .recent-connections .thumbnail{width:60px;height:40px}.xb-settings .settings{padding:16px}.xb-settings .page-tabs .page-list li a[href]{padding:8px 11px;font-size:12px}.xb-settings .settings .toolbar{display:block}.xb-settings .settings .action-buttons{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.xb-home .home-connection.xb-device-card{transition:none}}

.xb-home .all-connections .group-list-page:empty:after{content:"暂无可显示的设备，请尝试其他关键词或联系管理员。";grid-column:1/-1;text-align:center;padding:36px 20px;border:1px dashed #d3dfed;border-radius:12px;background:#ffffff88;color:#8a9bb0;font-size:13px}
.xb-settings .settings table:not(.properties) th,.xb-settings .settings table:not(.properties) td{border-left:0;border-right:0}
.xb-settings .settings button:disabled{opacity:.45;cursor:default}
.xb-settings .settings table:not(.properties){border:0}
.xb-settings .section-tabs ul{background:transparent;border-color:#e0e7ef}.xb-settings .section-tabs a{border-radius:7px;font-size:12px}.xb-settings .section-tabs a.current{background:#e2edff;color:#286bbf}
.xb-settings[class*="manage-"] .xb-settings-body .section{background:#fff;border:1px solid #e0e7f0;border-radius:12px;padding:22px;margin:0 0 18px;overflow-x:auto}.xb-settings[class*="manage-"] .xb-settings-body .header{box-shadow:none;border:0;background:none;color:#2f455f;padding:0;margin:23px 0 12px;font-size:17px}.xb-settings[class*="manage-"] .xb-settings-body>.header{margin:0 0 22px}.xb-settings[class*="manage-"] .xb-settings-body input:not([type=checkbox]):not([type=radio]):not([type=submit]),.xb-settings[class*="manage-"] .xb-settings-body select,.xb-settings[class*="manage-"] .xb-settings-body textarea{border:1px solid #d6e1ef;border-radius:7px;padding:8px 11px;font-size:13px;min-height:36px;background:#fff;color:#334f70;max-width:100%;box-sizing:border-box}.xb-settings[class*="manage-"] .xb-settings-body input[type=text],.xb-settings[class*="manage-"] .xb-settings-body input[type=password],.xb-settings[class*="manage-"] .xb-settings-body input[type=email]{width:260px}.xb-settings[class*="manage-"] .xb-settings-body input:focus{outline-color:#679cde}.xb-settings[class*="manage-"] .xb-settings-body .properties th,.xb-settings[class*="manage-"] .xb-settings-body .properties td{padding:7px 12px 7px 0;font-size:13px;font-weight:400;text-align:left}.xb-settings[class*="manage-"] .xb-settings-body .form-field{padding-top:5px;padding-bottom:5px}.xb-settings[class*="manage-"] .xb-settings-body .field-header{font-size:13px;color:#657c97}.xb-settings[class*="manage-"] .xb-settings-body button{border:1px solid #d2e0f2;border-radius:7px;padding:9px 20px;font-size:13px;background:#e8f1ff;color:#346cb1;box-shadow:none;text-shadow:none;cursor:pointer}.xb-settings[class*="manage-"] .xb-settings-body button.danger{color:#b24740;background:#fff0ee;border-color:#efcfcb}
@media(max-width:700px){.xb-settings[class*="manage-"] .xb-settings-body .section{padding:15px}.xb-settings[class*="manage-"] .xb-settings-body input[type=text],.xb-settings[class*="manage-"] .xb-settings-body input[type=password],.xb-settings[class*="manage-"] .xb-settings-body input[type=email]{width:170px}}