.server-box[data-v-7152ee0c]{padding:8px}.server-box img[data-v-7152ee0c]{width:100%;height:100%;object-fit:contain}.remote-layout[data-v-ab1b74be]{width:100%;height:100%;background-color:#121212;position:relative;display:flex;flex-direction:column;overflow:hidden}.remote-layout header[data-v-ab1b74be]{width:100%;height:60px;background-color:#1a1a1a;padding:0 20px;display:flex;align-items:center;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.remote-layout header .logo-container[data-v-ab1b74be]{display:flex;align-items:center}.remote-layout header .logo-container img[data-v-ab1b74be]{height:36px;width:auto}.remote-layout .remote-content[data-v-ab1b74be]{flex:1;position:relative;overflow:hidden}.connect-header-container{position:absolute;z-index:999;top:0;left:0;width:100%;pointer-events:none;transition:all .3s ease;display:flex;justify-content:center}.connect-header-container.collapsed{transform:translateY(-100%)}.connect-header-container .connect-header{-webkit-app-region:drag;app-region:drag;min-width:max-content;pointer-events:initial;display:flex;justify-content:space-between;align-items:center;padding:6px 20px;background-color:rgba(3,89,72,.6);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);width:60%;border-radius:0 0 6px 6px;transform:translateY(0);transition:all .3s ease;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.connect-header-container .connect-header .left-info .back-btn{color:#fff;opacity:.85}.connect-header-container .connect-header .left-info .back-btn:hover{opacity:1;color:#1890ff}.connect-header-container .connect-header .left-info .divider{background-color:rgba(255,255,255,.2)}.connect-header-container .connect-header .left-info .desktop-name{color:#fff;font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-header-container .connect-header .left-info .ant-tag{border:none}.connect-header-container .connect-header .right-actions{-webkit-app-region:no-drag;app-region:no-drag}.connect-header-container .connect-header .right-actions .ant-btn{color:#fff;border-color:rgba(255,255,255,.25);background-color:rgba(0,0,0,.3);transition:all .3s}.connect-header-container .connect-header .right-actions .ant-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.connect-header-container .connect-header .right-actions .ant-btn:active{transform:translateY(0)}.connect-header-container .header-toggle{pointer-events:initial;position:absolute;right:50%;transform:translate(50%);bottom:-18px;width:48px;height:18px;background-color:rgba(0,0,0,.75);border-radius:0 0 24px 24px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.15);border-top:none;z-index:1000;transition:all .3s ease}.connect-header-container .header-toggle.collapsed{bottom:0}@media (max-width: 768px){.connect-header-container .connect-header{padding:8px 12px}.connect-header-container .connect-header .left-info .desktop-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-header-container .connect-header .right-actions .ant-space{gap:4px!important}.connect-header-container .connect-header .right-actions .ant-btn{width:32px;height:32px;font-size:12px}.connect-header-container .header-toggle{width:42px;height:16px}}