/* 远程桌面浮窗（noVNC 画面、手机触控板与按键条） */
/* 远程桌面：浮在页面上的窗口，右下角可拖大小；竖向窗口铺满 */
#desk{position:fixed;right:16px;bottom:16px;z-index:var(--z-float);width:min(720px,calc(100vw - 32px));height:min(470px,calc(100vh - 90px));min-width:320px;min-height:240px;
  resize:both;overflow:hidden;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-window)}
#desk[hidden]{display:none}
#desk.max{left:0;right:0;top:0;bottom:0;width:auto;height:auto;border-radius:0;resize:none}   /* 不支持原生全屏时的退路：铺满视口 */
#desk .dbar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-6);border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap}
#desk .dtools{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap}
#desk .dtools[hidden]{display:none}#desk .dtools .btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
#desk .dview{position:relative;flex:1;min-height:0;display:flex}
/* 手机上的触控板：盖在画面上接管触摸，光标是自己画的小箭头 */
#deskPad{position:absolute;inset:0;z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#deskPad[hidden]{display:none}
#deskCur{position:absolute;left:0;top:0;width:20px;height:26px;pointer-events:none;will-change:transform;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cpath d='M1 1v20l5-4.5 3.5 8 3-1.3-3.5-7.7H16z' fill='%23fff' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat}
#desk .dbar b{font-weight:var(--fw-semibold)}#desk .dbar .muted{font-size:var(--text-caption)}
#desk iframe{flex:1;border:0;width:100%;background:var(--media-bg)}
@media (max-aspect-ratio:1/1){#desk{left:0;right:0;top:0;bottom:0;width:auto;height:auto;border-radius:0;resize:none}}