/* OneLive Future Experience V3
   独立概念层：空间直播制作台 -> 观众自由视角。不会写入六步主演示状态。 */
.future-open-btn{height:36px;padding:0 14px;border:1px solid rgba(40,228,245,.34);border-radius:10px;
  background:rgba(40,228,245,.075);color:#c9faff;font:700 11px var(--ui);white-space:nowrap;cursor:pointer;
  transition:transform .22s var(--e),background .22s var(--e)}
.future-open-btn:hover{background:rgba(40,228,245,.13);transform:translateY(-1px)}
.future-open-btn:active{transform:translateY(1px)}
.future-open-btn:focus-visible,.future-close:focus-visible,.future-back:focus-visible,.future-net:focus-visible,
.future-qod-toggle:focus-visible,.future-enter:focus-visible,.future-viewer-back:focus-visible,
.future-viewer-audio:focus-visible,.future-angle:focus-visible,.future-rig-cam:focus-visible,
.future-3d-layer canvas:focus-visible{outline:2px solid var(--brand2);outline-offset:3px}

.future-shell{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:14px;background:rgba(1,3,9,.9)}
.future-shell[hidden]{display:none}body.future-open{overflow:hidden}body.future-open .topbar{overflow:hidden}
.future-dialog{position:relative;display:block;width:min(1510px,calc(100vw - 28px));height:min(872px,calc(100dvh - 28px));overflow:hidden;
  border-radius:16px;background:#070b10;color:#f2f7fb;box-shadow:inset 0 0 0 1px rgba(186,220,236,.17),0 34px 100px rgba(0,0,0,.72);
  opacity:0;transform:scale(.985);transition:opacity .26s var(--e),transform .26s var(--e)}
.future-shell.open .future-dialog{opacity:1;transform:scale(1)}
.future-head{height:60px;display:flex;align-items:center;gap:14px;padding:0 14px 0 18px;border-bottom:1px solid rgba(180,209,231,.13);background:#080d13}
.future-back{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(180,209,231,.15);border-radius:9px;background:#0c131b;color:#eef8fb;cursor:pointer}
.future-back svg,.future-head-network svg{width:17px;height:17px}
.future-brand{display:flex;align-items:baseline;gap:7px;padding-right:14px;border-right:1px solid rgba(180,209,231,.13)}
.future-brand strong{font-size:17px;letter-spacing:-.03em}.future-brand strong i{font-style:normal;color:var(--brand2)}
.future-brand span{color:#617482;font:700 8px var(--mono);letter-spacing:.11em}
.future-scene-name{min-width:0}.future-scene-name b{display:block;font-size:13px}.future-scene-name span{display:block;margin-top:2px;color:#8fa2ae;font-size:9px}
.future-head-spacer{flex:1}.future-provenance{display:flex;align-items:center;gap:7px;color:#a7c1cc;font:700 8px var(--mono);letter-spacing:.075em}
.future-provenance::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand2);box-shadow:0 0 12px rgba(40,228,245,.55)}
.future-head-network{display:flex;align-items:center;gap:8px;padding-left:13px;border-left:1px solid rgba(180,209,231,.13)}
.future-head-network svg{color:var(--brand2)}.future-head-network b{font:800 10px var(--mono)}.future-head-network span{color:var(--ok);font-size:9px}
.future-close{height:36px;min-width:56px;padding:0 13px;border:1px solid rgba(180,209,231,.16);border-radius:8px;background:#0c131b;color:#edf6fa;font:700 11px var(--ui);cursor:pointer}

.future-production{height:calc(100% - 60px);display:grid;grid-template-rows:minmax(0,1fr) 78px;gap:10px;padding:10px}
.future-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:10px}
.future-stage{--future-input-width:214px;position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(180,225,244,.22);border-radius:13px;background:#05080d}
.future-program-slot,.future-viewer-slot{position:absolute;overflow:hidden;background:#04070b}
.future-program-slot{inset:0 0 0 var(--future-input-width);border-left:1px solid rgba(180,225,244,.16)}
.future-viewer-slot{inset:0}
.future-media-stack{position:absolute;inset:0;overflow:hidden;background:#04070b}
.future-orbit-poster,.future-orbit-video{position:absolute;inset:-2% -3%;display:block;width:106%;height:104%;object-fit:cover;object-position:center;transform:scale(1.025)}
.future-orbit-poster{z-index:0}.future-orbit-video{z-index:1;filter:saturate(.92) contrast(1.035) brightness(.81);transition:filter .28s var(--e)}
.future-media-stack.has-3d{background:radial-gradient(circle at 50% 42%,#102a35 0,#07131c 31%,#03080d 68%,#010306 100%)}
.future-media-stack.show-viewer-3d .future-orbit-poster,.future-media-stack.show-viewer-3d .future-orbit-video{opacity:0!important;visibility:hidden}
.future-media-stack.show-production-output .future-3d-layer{opacity:0;visibility:hidden}
.future-3d-layer{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(circle at 50% 42%,rgba(21,70,83,.42),rgba(3,10,16,.2) 42%,rgba(1,4,8,.74) 100%);transition:opacity .24s var(--e)}
.future-3d-layer::before{content:"";position:absolute;z-index:0;left:50%;bottom:0;width:min(68%,740px);height:92%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 52%,rgba(4,12,19,.88),rgba(6,17,25,.74) 38%,rgba(16,67,78,.24) 58%,transparent 74%);pointer-events:none}
.future-3d-layer canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;transition:filter .28s var(--e),opacity .25s var(--e);touch-action:none}
.future-3d-layer.is-loading canvas,.future-3d-layer.is-error canvas{opacity:0}
.future-3d-loading{position:absolute;z-index:4;left:50%;top:44%;width:min(270px,70%);transform:translate(-50%,-50%);padding:11px 12px;border:1px solid rgba(122,224,236,.25);border-radius:9px;background:rgba(5,12,18,.9);color:#cfe6ec;font:700 9px var(--ui);text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.future-3d-loading i{display:block;height:3px;margin-top:8px;overflow:hidden;border-radius:3px;background:rgba(172,224,235,.13)}.future-3d-loading i b{display:block;width:0;height:100%;background:linear-gradient(90deg,#4bdce8,#9d83ff);transition:width .2s var(--e)}
.future-3d-layer.is-ready .future-3d-loading{display:none}.future-3d-layer.is-error .future-3d-loading{top:auto;bottom:70px;transform:translateX(-50%);color:#aabac2}.future-3d-layer.is-error .future-3d-loading i{display:none}
.future-3d-stamp{position:absolute;z-index:3;left:18px;top:50px;padding:7px 9px;border-left:2px solid var(--brand2);background:rgba(4,10,15,.72);opacity:0;transition:opacity .25s var(--e)}.future-3d-stamp b,.future-3d-stamp span{display:block}.future-3d-stamp b{color:#c9faff;font:800 7px var(--mono);letter-spacing:.08em}.future-3d-stamp span{margin-top:2px;color:#8298a4;font:700 6px var(--mono);letter-spacing:.06em}.future-3d-layer.is-ready .future-3d-stamp{opacity:1}
.future-3d-hint{position:absolute;z-index:3;left:50%;bottom:146px;transform:translateX(-50%);padding:6px 9px;border:1px solid rgba(183,224,236,.17);border-radius:7px;background:rgba(4,10,15,.76);color:#a9bdc7;font-size:8px;opacity:0;transition:opacity .2s var(--e);white-space:nowrap}.future-3d-layer.is-ready .future-3d-hint{opacity:1}
.future-audience .future-3d-layer{pointer-events:auto}.future-audience .future-3d-layer canvas{cursor:grab}.future-audience .future-3d-layer canvas:active{cursor:grabbing}.future-audience .future-3d-hint{bottom:83px}
.future-media-stack.is-loading .future-orbit-video{opacity:0}.future-media-stack.is-ready .future-orbit-video{opacity:1}
.future-media-stack.is-error .future-orbit-video{display:none}.future-media-stack.is-error .future-media-state{top:auto;bottom:16px;transform:translateX(-50%)}
.future-media-state{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 12px;border:1px solid rgba(180,225,244,.2);border-radius:8px;background:#091019;color:#c8d6df;font-size:10px}
.future-media-stack.is-ready .future-media-state{display:none}
.future-stage::after,.future-audience::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,12,.72),transparent 24%,transparent 60%,rgba(3,7,12,.91))}
.future-grid{position:absolute;z-index:3;inset:0 0 0 var(--future-input-width);pointer-events:none;opacity:.48;overflow:hidden}
.future-grid::before{content:"";position:absolute;left:-12%;right:-12%;bottom:-48%;height:68%;background-image:linear-gradient(rgba(84,220,231,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(84,220,231,.15) 1px,transparent 1px);background-size:46px 34px;transform:perspective(420px) rotateX(64deg);transform-origin:center top;mask-image:linear-gradient(to bottom,transparent,black 28%,black 68%,transparent)}
.future-grid::after{content:"";position:absolute;inset:10% 4% 20%;background-image:radial-gradient(circle,rgba(84,220,231,.85) 0 1px,transparent 1.4px);background-size:18px 18px;opacity:.2;mask-image:linear-gradient(90deg,black,transparent 21%,transparent 72%,black)}
.future-stage-head{position:absolute;z-index:6;left:calc(var(--future-input-width) + 16px);right:16px;top:14px;display:flex;justify-content:space-between;gap:12px}
.future-program-label{display:flex;align-items:center;gap:9px}.future-program-label i{width:7px;height:7px;border-radius:50%;background:#f27a70;box-shadow:0 0 12px rgba(242,122,112,.58)}
.future-program-label b{font:800 9px var(--mono);letter-spacing:.09em}.future-program-label span{padding-left:9px;border-left:1px solid rgba(255,255,255,.22);color:#c6d2da;font-size:9px}
.future-stage-status{text-align:right}.future-stage-status b{display:block;color:#a9f6fb;font:800 9px var(--mono);letter-spacing:.075em}.future-stage-status span{display:block;margin-top:3px;color:#a6b5bf;font-size:8px}
.future-viewport-frame{position:absolute;z-index:5;left:calc(var(--future-input-width) + 8%);right:8%;top:12%;bottom:17%;border:1px solid rgba(141,235,241,.52);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(3,9,14,.25),0 0 26px rgba(84,220,231,.07);pointer-events:none}
.future-viewport-frame::before,.future-viewport-frame::after{content:"";position:absolute;width:24px;height:24px;border-color:var(--brand2);opacity:.9}
.future-viewport-frame::before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid;border-radius:10px 0 0}.future-viewport-frame::after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 10px}
.future-viewport-label{position:absolute;z-index:6;left:calc(var(--future-input-width) + 8% + 13px);top:calc(12% + 11px);display:flex;align-items:center;gap:7px;color:#d6fafd;font:800 7px var(--mono);letter-spacing:.075em}
.future-viewport-label::before{content:"";width:15px;height:1px;background:var(--brand2)}

.future-rig{position:absolute;z-index:6;inset:0 auto 0 0;width:var(--future-input-width);display:grid;grid-template-rows:auto repeat(3,minmax(0,1fr));gap:9px;padding:16px 13px 14px;pointer-events:none;background:linear-gradient(180deg,rgba(11,18,26,.98),rgba(5,10,16,.98))}
.future-rig-caption{position:static;padding:0 2px 5px;color:#8da1ac;font-size:8px;line-height:1.45}.future-rig-caption b{display:block;margin-bottom:3px;color:#a9f6fb;font-size:10px}
.future-rig-links{display:none}.future-rig-links .baseline{fill:none;stroke:rgba(84,220,231,.42);stroke-width:1.4}.future-rig-links .beam{fill:none;stroke:rgba(84,220,231,.25);stroke-width:1;stroke-dasharray:4 5}.future-rig-links .focus{fill:var(--brand2)}.future-rig-links text{fill:#7f98a5;font:700 7px var(--mono);letter-spacing:.07em}
.future-rig-cam,.future-rig-cam.left,.future-rig-cam.center,.future-rig-cam.right{position:relative;inset:auto;width:100%;height:100%;min-height:0;padding:0;border:0;background:none;color:#8fa4af;font:inherit;text-align:left;transform:none;cursor:pointer;pointer-events:auto}
.future-rig-cam[aria-pressed="true"]{color:var(--brand2)}.future-rig-cam[aria-pressed="true"] .future-rig-monitor{border-color:rgba(40,228,245,.78);box-shadow:0 0 0 1px rgba(40,228,245,.16),0 0 28px rgba(40,228,245,.14)}
.future-rig-monitor{position:absolute;z-index:2;inset:0 0 23px;overflow:hidden;border:1px solid rgba(185,220,233,.25);border-radius:8px;background:#060b11;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.future-rig-monitor img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.72)}.future-rig-monitor::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,8,12,.8))}
.future-rig-monitor b{position:absolute;z-index:2;left:5px;bottom:4px;color:#e4eef2;font:800 7px var(--mono)}.future-rig-monitor span{position:absolute;z-index:2;right:5px;bottom:4px;color:var(--ok);font:800 6px var(--mono)}
.future-rig-cam[aria-pressed="true"] .future-rig-monitor{border-color:rgba(40,228,245,.66);box-shadow:0 0 0 1px rgba(40,228,245,.1),0 8px 24px rgba(0,0,0,.3)}
.future-rig-body{display:none}.future-rig-name{position:absolute;left:2px;right:2px;bottom:4px;color:#8297a2;font-size:7px;white-space:nowrap}.future-rig-name strong{color:#eef6f8}.future-rig-cam[aria-pressed="true"] .future-rig-name strong{color:#a9f6fb}
.future-rig-cam[aria-pressed="true"]::after{content:"SELECTED";position:absolute;z-index:4;right:7px;top:7px;padding:3px 5px;border:1px solid rgba(40,228,245,.38);border-radius:4px;background:#07141a;color:#a9f6fb;font:800 6px var(--mono)}

.future-preview-angle{position:absolute;z-index:7;left:calc(var(--future-input-width) + (100% - var(--future-input-width))/2);bottom:12px;transform:translateX(-50%);width:min(555px,calc(100% - var(--future-input-width) - 48px));display:grid;grid-template-columns:86px 1fr 42px;gap:11px;align-items:center;padding:9px 12px;border:1px solid rgba(190,223,236,.18);border-radius:9px;background:rgba(5,10,15,.86)}
.future-preview-angle span{font-size:8px;color:#d5e4ea}.future-preview-angle output{text-align:right;color:#a9f6fb;font:800 10px var(--mono)}.future-preview-scrubber{width:100%;height:18px;margin:0;accent-color:var(--brand2);cursor:ew-resize}

.future-rail{min-height:0;display:flex;flex-direction:column;border:1px solid rgba(180,209,231,.13);border-radius:13px;background:linear-gradient(180deg,#0c121a,#080d13);overflow:hidden}
.future-rail-head{padding:16px 17px 13px;border-bottom:1px solid rgba(180,209,231,.13)}.future-kicker{color:#617482;font:800 8px var(--mono);letter-spacing:.11em}.future-rail-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px}.future-rail-title h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.04em}.future-rail-title output{color:#a9f6fb;font:800 18px var(--mono)}.future-rail-head p{margin:6px 0 0;color:#98aab5;font-size:9px;line-height:1.55}
.future-metrics{display:none}
.future-pipeline{padding:13px 17px 10px;border-bottom:1px solid rgba(180,209,231,.13)}.future-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.future-section-title b{font-size:9px}.future-section-title span{color:#617482;font:700 7px var(--mono)}
.future-flow{display:grid}.future-node{position:relative;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;min-height:43px}.future-node:not(:last-child)::after{content:"";position:absolute;left:13px;top:34px;width:1px;height:18px;background:linear-gradient(var(--brand2),rgba(40,228,245,.12))}.future-node-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(40,228,245,.25);border-radius:7px;color:var(--brand2);background:rgba(40,228,245,.05)}.future-node-icon svg{width:15px;height:15px}.future-node-copy b{display:block;font-size:9px}.future-node-copy span{display:block;margin-top:2px;color:#617482;font-size:7px}.future-node-state{color:#9eb0bb;font:800 7px var(--mono);font-style:normal;text-align:right}.future-node-state.good{color:var(--ok)}
.future-output-map{padding:13px 17px 15px;flex:1;min-height:0}.future-output-flow{display:grid}.future-output-step{position:relative;display:grid;grid-template-columns:47px 1fr;gap:9px;align-items:center;min-height:50px}.future-output-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:38px;width:1px;height:24px;background:linear-gradient(var(--brand2),rgba(40,228,245,.08))}.future-output-step em{width:47px;color:#78909d;font:800 7px var(--mono);font-style:normal;letter-spacing:.07em}.future-output-step b{display:block;font-size:9px}.future-output-step span{display:block;margin-top:3px;color:#718590;font-size:7px;line-height:1.4}.future-output-step.final b{color:#c9faff}.future-output-step.final em{color:var(--brand2)}
.future-network-panel{padding:12px 17px;flex:1;min-height:0}.future-profiles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.future-net{height:40px;padding:0;border:1px solid rgba(180,209,231,.13);border-radius:7px;background:#0b1219;color:#8fa2ae;font-size:8px;cursor:pointer;transition:.2s var(--e)}.future-net:hover{border-color:rgba(180,225,244,.28);color:#d9e5ea}.future-net[aria-pressed="true"]{border-color:rgba(40,228,245,.5);background:rgba(40,228,245,.09);color:#dffcff}.future-net[data-future-net="latency"][aria-pressed="true"]{border-color:rgba(255,181,52,.52);background:rgba(255,181,52,.09);color:#ffe2bd}.future-net[data-future-net="congested"][aria-pressed="true"],.future-net[data-future-net="weak"][aria-pressed="true"]{border-color:rgba(255,84,96,.5);background:rgba(255,84,96,.09);color:#ffd7d9}
.future-network-result{margin-top:9px;padding:9px 10px;border-left:2px solid var(--ok);background:rgba(255,255,255,.025)}.future-network-result.warn{border-left-color:var(--warn)}.future-network-result.bad{border-left-color:var(--crit)}.future-network-result b{display:block;font-size:9px}.future-network-result p{margin:3px 0 0;color:#95a6b1;font-size:8px;line-height:1.45}
.future-qod-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(180,209,231,.13)}.future-qod-copy b{display:block;font-size:9px}.future-qod-copy span{display:block;margin-top:2px;color:#617482;font-size:7px}.future-qod-toggle{width:48px;height:28px;position:relative;border:1px solid rgba(180,225,244,.24);border-radius:7px;background:#111820;cursor:pointer}.future-qod-toggle::before{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:5px;background:#667681;transition:.2s var(--e)}.future-qod-toggle[aria-pressed="true"]{border-color:rgba(40,228,245,.5);background:rgba(40,228,245,.11)}.future-qod-toggle[aria-pressed="true"]::before{left:24px;background:var(--brand2);box-shadow:0 0 12px rgba(40,228,245,.35)}

.future-footer{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:10px}.future-audio-summary,.future-delivery,.future-enter-wrap{border:1px solid rgba(180,209,231,.13);border-radius:11px;background:#090e14}.future-audio-summary{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px 13px}.future-audio-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(40,228,245,.25);border-radius:50%;color:var(--brand2)}.future-audio-icon svg{width:16px;height:16px}.future-audio-copy b{display:block;font-size:9px}.future-audio-copy span{display:block;margin-top:2px;color:#617482;font-size:7px}.future-wave{display:flex;align-items:center;gap:2px;height:11px;margin-top:4px}.future-wave i{width:2px;height:var(--h);background:var(--brand2);opacity:.65;border-radius:1px}
.future-delivery{display:grid;grid-template-columns:125px 1fr;align-items:center;padding:8px 13px}.future-delivery-copy b{display:block;font-size:9px}.future-delivery-copy span{display:block;margin-top:3px;color:#617482;font-size:7px}.future-markets{display:grid;grid-template-columns:repeat(3,1fr);height:40px}.future-market{display:flex;align-items:center;gap:7px;padding:0 10px;border-left:1px solid rgba(180,209,231,.13)}.future-market strong{color:#a9f6fb;font:800 10px var(--mono)}.future-market b{display:block;font-size:8px}.future-market span{display:block;margin-top:1px;color:#617482;font-size:6.5px}
.future-enter-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px 8px 13px}.future-enter-copy b{display:block;font-size:9px}.future-enter-copy span{display:block;margin-top:3px;color:#8fa2ae;font-size:7px}.future-enter{height:42px;padding:0 15px;border:0;border-radius:8px;background:var(--brand2);color:#061014;font:800 10px var(--ui);cursor:pointer;box-shadow:0 10px 24px rgba(40,228,245,.14)}

/* 观众端：整个画面只保留自由视角和独立音频。 */
.future-audience{position:absolute;z-index:20;inset:0;overflow:hidden;background:#03060a;touch-action:none}.future-audience[hidden]{display:none}
.future-viewer-slot{z-index:0}.future-audience .future-media-stack{z-index:0}.future-audience .future-orbit-video{filter:saturate(.95) contrast(1.04) brightness(.84)}
.future-viewer-grid{position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0 35%,rgba(40,228,245,.035) 36% 36.3%,transparent 36.5%)}
.future-viewer-frame{position:absolute;z-index:4;left:7%;right:7%;top:9%;bottom:15%;border:1px solid rgba(141,235,241,.38);border-radius:14px;pointer-events:none;transition:border-color .24s var(--e),box-shadow .24s var(--e)}
.future-viewer-frame::before{content:"CURRENT VIEWPORT";position:absolute;left:13px;top:10px;color:#d6fafd;font:800 8px var(--mono);letter-spacing:.075em}
.future-viewer-top{position:absolute;z-index:7;left:18px;right:18px;top:16px;display:flex;align-items:center;gap:12px}.future-viewer-back{height:42px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(190,223,236,.2);border-radius:9px;background:rgba(5,10,15,.88);color:#edf7fa;font:700 10px var(--ui);cursor:pointer}.future-viewer-back svg{width:16px;height:16px}.future-viewer-title b{display:block;font-size:14px}.future-viewer-title span{display:block;margin-top:2px;color:#b6c6cf;font-size:8px}.future-viewer-spacer{flex:1}.future-viewer-badge{text-align:right}.future-viewer-badge b{display:block;color:#a9f6fb;font:800 9px var(--mono);letter-spacing:.075em}.future-viewer-badge span{display:block;margin-top:3px;color:#a6b5bf;font-size:8px}
.future-viewer-side{position:absolute;z-index:7;right:18px;top:78px;width:250px;padding:12px;border:1px solid rgba(190,223,236,.17);border-radius:10px;background:rgba(5,10,15,.88)}.future-viewer-side h3{margin:0;font-size:18px;letter-spacing:-.035em}.future-viewer-side output{display:block;margin-top:4px;color:#a9f6fb;font:800 18px var(--mono);white-space:nowrap}.future-viewer-side p{margin:5px 0 0;color:#9aabb5;font-size:8px;line-height:1.45}
.future-viewer-profiles{position:absolute;z-index:7;left:18px;bottom:91px;display:grid;grid-template-columns:repeat(4,72px);gap:5px;padding:6px;border:1px solid rgba(190,223,236,.17);border-radius:9px;background:rgba(5,10,15,.86)}
.future-viewer-profiles[hidden],.future-qod-badge[hidden],.future-network-panel[hidden]{display:none}
.future-viewer-bottom{position:absolute;z-index:7;left:50%;bottom:2px;transform:translateX(-50%);width:min(700px,62%);display:grid;grid-template-columns:108px 1fr 55px;gap:13px;align-items:center;padding:11px 13px;border:1px solid rgba(190,223,236,.2);border-radius:10px;background:rgba(5,10,15,.9)}.future-viewer-bottom label{font-size:9px;color:#d7e5eb}.future-angle{width:100%;accent-color:var(--brand2);cursor:ew-resize}.future-viewer-bottom output{color:#a9f6fb;font:800 13px var(--mono);text-align:right}.future-angle-range{position:absolute;left:121px;right:69px;bottom:3px;display:flex;justify-content:space-between;color:#607681;font:700 7px var(--mono);pointer-events:none}
.future-viewer-audio{position:absolute;z-index:7;right:18px;bottom:91px;height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(190,223,236,.18);border-radius:9px;background:rgba(5,10,15,.88);color:#dce9ee;font:700 9px var(--ui);cursor:pointer}.future-viewer-audio svg{width:15px;height:15px;color:var(--brand2)}.future-viewer-audio[aria-pressed="true"]{border-color:rgba(40,228,245,.5);background:rgba(40,228,245,.1)}
.future-qod-badge{position:absolute;z-index:7;right:18px;bottom:143px;height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(190,223,236,.18);border-radius:8px;background:rgba(5,10,15,.88);color:#b6c6cf;font-size:8px;cursor:pointer}.future-qod-badge i{width:7px;height:7px;border-radius:2px;background:#667681}.future-qod-badge[aria-pressed="true"]{color:#dcfbfd;border-color:rgba(40,228,245,.48)}.future-qod-badge[aria-pressed="true"] i{background:var(--brand2);box-shadow:0 0 10px rgba(40,228,245,.45)}

/* 网络体验：画面变化必须肉眼可见。 */
.future-net-latency .future-viewport-frame,.future-net-latency .future-viewer-frame{border-color:rgba(255,181,52,.72)}
.future-net-congested .future-orbit-video{filter:saturate(.46) contrast(.9) brightness(.69) blur(2px)}
.future-net-congested .future-3d-layer canvas{filter:saturate(.58) contrast(.92) brightness(.78) blur(1.6px)}
.future-net-congested .future-grid::after{opacity:.06;background-size:31px 31px}
.future-net-weak .future-orbit-video{filter:saturate(.34) contrast(.86) brightness(.62) blur(3px)}
.future-net-weak .future-3d-layer canvas{filter:saturate(.42) contrast(.88) brightness(.7) blur(2.4px)}
.future-net-weak .future-grid::after{opacity:.04;background-size:36px 36px}
.future-qod.future-net-congested .future-orbit-video{filter:saturate(.84) contrast(1.01) brightness(.79) blur(.15px)}
.future-qod.future-net-congested .future-3d-layer canvas{filter:saturate(.9) contrast(1) brightness(.94) blur(.2px)}
.future-qod.future-net-congested .future-viewer-frame{box-shadow:0 0 0 9999px rgba(3,7,12,.22),inset 0 0 0 1px rgba(40,228,245,.13)}
.future-qod.future-net-weak .future-orbit-video{filter:saturate(.66) contrast(.95) brightness(.72) blur(1px)}
.future-qod.future-net-weak .future-3d-layer canvas{filter:saturate(.72) contrast(.96) brightness(.84) blur(.8px)}

@media(max-width:1050px){.future-workspace{grid-template-columns:minmax(0,1fr) 292px}.future-stage{--future-input-width:188px}.future-footer{grid-template-columns:190px minmax(0,1fr) 270px}}
@media(max-width:900px){
  .future-shell{padding:0}.future-dialog{width:100vw;height:100dvh;border-radius:0}.future-head{height:auto;min-height:58px;flex-wrap:wrap;padding:9px 10px}.future-brand span,.future-scene-name span,.future-head-network{display:none}.future-provenance{margin-left:auto}.future-production{height:calc(100% - 58px);display:block;overflow:auto;padding:8px}.future-workspace{display:block}.future-stage{--future-input-width:158px;height:470px}.future-rig{padding:13px 9px 10px;gap:7px}.future-rig-caption{font-size:7px}.future-rig-monitor{inset:0 0 20px}.future-rig-name{font-size:6px}.future-rail{margin-top:8px;min-height:520px}.future-footer{grid-template-columns:1fr;margin-top:8px}.future-delivery{display:none}.future-preview-angle{grid-template-columns:76px 1fr 36px}.future-audience{height:100dvh}.future-viewer-side{top:70px;right:10px;width:190px}.future-viewer-top{left:10px;right:10px;top:10px}.future-viewer-profiles{left:10px;bottom:76px;grid-template-columns:repeat(4,56px)}.future-viewer-audio{right:10px;bottom:76px}.future-qod-badge{right:10px;bottom:125px}.future-viewer-bottom{bottom:10px;width:calc(100% - 20px);grid-template-columns:90px 1fr 46px}}
@media(max-width:560px){.future-scene-name{display:none}.future-provenance{font-size:7px}.future-stage{--future-input-width:118px;height:420px}.future-rig{padding:10px 7px 8px;gap:6px}.future-rig-caption{font-size:6px}.future-rig-caption b{font-size:8px}.future-rig-monitor{inset:0 0 18px}.future-rig-name{font-size:5.5px}.future-preview-angle{width:min(300px,calc(100% - var(--future-input-width) - 20px));grid-template-columns:62px 1fr 30px;gap:6px;padding:7px}.future-footer{grid-template-columns:1fr}.future-audio-summary{display:none}.future-enter-wrap{min-height:64px}.future-viewer-title span,.future-viewer-badge span{display:none}.future-viewer-side{top:66px;right:8px;width:155px;padding:9px}.future-viewer-side h3{font-size:14px}.future-viewer-side output{font-size:12px}.future-viewer-profiles{left:8px;right:8px;bottom:74px;grid-template-columns:repeat(4,1fr)}.future-viewer-audio{right:8px;bottom:126px}.future-qod-badge{left:8px;right:auto;bottom:126px}.future-viewer-bottom{grid-template-columns:74px 1fr 42px}.future-angle-range{left:87px;right:55px}.future-3d-stamp{left:10px;top:48px}.future-3d-hint{display:none}}
@media(prefers-reduced-motion:reduce){.future-dialog,.future-open-btn,.future-net,.future-qod-toggle,.future-orbit-video,.future-3d-layer canvas,.future-3d-loading i b{transition:none!important}}