.qls-host{width:100%;container-type:inline-size}.qls-box-host{aspect-ratio:800/540;width:100%;position:relative}.qls-poster,.qls-live{position:absolute;inset:0}.qls-poster{--u:min(2px, 100cqw / 800);clip-path:inset(-120px 0 -120px -120px)}.qls-poster__win{left:calc(var(--u) * 28);top:calc(var(--u) * 28);width:calc(var(--u) * 872);height:calc(var(--u) * 484);border-radius:calc(var(--u) * 12);background:#fff;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d}.qls-poster__chrome{height:calc(var(--u) * 70);border-bottom:1px solid #0000000f;flex:none}.qls-poster__body{flex:1;min-height:0;display:flex}.qls-poster__side{width:calc(var(--u) * 236);border-right:1px solid #0000000f;flex:none}.qls-poster[data-kind=agent] .qls-poster__side{width:calc(var(--u) * 280)}.qls-poster__map{background:#eceae4;flex:1;position:relative;overflow:hidden}.qls-poster__img{object-fit:cover;object-position:var(--qls-pos,50% 50%)}@container (max-width:599px){.qls-box-host{aspect-ratio:var(--qls-compact-ratio)}.qls-poster{--u:min(2px, 100cqw / 358)}.qls-poster__win{left:calc(var(--u) * 16);top:calc(var(--u) * 16);width:calc(var(--u) * 384);height:calc(var(--u) * 300)}.qls-poster__chrome{height:calc(var(--u) * 38)}.qls-poster__side{display:none}.qls-poster__img{object-position:50% 50%}}