.tele-versus{position:relative;container-type:inline-size;display:grid;grid-template-columns:1fr 1fr;column-gap:72px}.tele-side{margin:0}.tele-arrow{position:absolute;left:50%;top:calc(min((50cqw - 36px) * 11 / 16,100svh - 200px)/2);transform:translate(-50%,-50%)}.tele-arrow svg{width:44px;height:44px;padding:12px;border-radius:50%;fill:none;stroke:#ffffffb3;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--line-2)}.tele-stage{position:relative;container-type:inline-size;aspect-ratio:16 / 11;max-height:calc(100svh - 200px);border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#121318,#08090b 70%);box-shadow:inset 0 0 0 1px var(--line)}.is-after .tele-stage{background:radial-gradient(120% 90% at 50% 0%,#3d8bff29,#08090b 70%);box-shadow:inset 0 0 0 1px #8fdcff2e}.tele-win{position:absolute;left:calc(7% + var(--i) * 4%);top:calc(7% + var(--i) * 7.8%);width:68%;height:47.6%;display:flex;flex-direction:column;border-radius:1.8cqw;overflow:hidden;background:#111216;box-shadow:0 0 0 1px #ffffff1a,0 2cqw 5cqw #0000008c;z-index:var(--i);opacity:calc(.55 + var(--i) * .09)}.tele-win.is-front{opacity:1}.tele-win-bar{flex-shrink:0;display:flex;align-items:center;gap:.9cqw;height:6.6cqw;padding:0 1.8cqw;background:#1a1b20;border-bottom:1px solid var(--line)}.tele-win-bar i,.tele-bar i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#ffffff29}.tele-win-bar span{margin-left:.8cqw;font-family:var(--mono);font-size:1.9cqw;letter-spacing:.03em;color:var(--text-2);white-space:nowrap}.tele-win-icon{height:2.4cqw;width:auto;margin-right:.8cqw;border-radius:22%}.tele-win-logo{height:2.1cqw;width:auto;margin-left:1.2cqw;filter:brightness(0) invert(1);opacity:.4}.tele-win-alarm{margin-left:auto;display:inline-flex;align-items:center;gap:.9cqw;height:3.8cqw;padding:0 1.4cqw;border-radius:999px;font-style:normal;font-size:1.8cqw;font-weight:500;color:#ffb4ab;background:#ff4d3d24;box-shadow:inset 0 0 0 1px #ff4d3d73}.tele-win-alarm:before{content:"";width:1cqw;height:1cqw;border-radius:50%;background:var(--alarm);box-shadow:0 0 1.4cqw var(--alarm)}.tele-win-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2.4cqw}.tele-win-cams{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw}.tele-win-cams img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:.9cqw;filter:saturate(.4) brightness(.7);box-shadow:0 0 0 1px #ffffff0f}.tele-win-cams img.on{filter:saturate(.6) brightness(.85);box-shadow:0 0 0 1.5px #ff4d3dd9,0 0 2cqw #ff4d3d40}.tele-one{position:absolute;inset:7%;display:flex;flex-direction:column;border-radius:1.8cqw;overflow:hidden;background:#0b0c0f;box-shadow:0 0 0 1px #8fdcff3d,0 3cqw 9cqw #3d8bff38}.tele-bar{flex-shrink:0;position:relative;display:flex;align-items:center;gap:.9cqw;height:6.6cqw;padding:0 1.8cqw;background:#15161a;border-bottom:1px solid var(--line)}.tele-bar-logo{position:absolute;left:50%;top:50%;height:2.3cqw;width:auto;transform:translate(-50%,-50%)}.tele-one picture{flex:1;min-height:0}.tele-one img{width:100%;height:100%;object-fit:cover;object-position:0 0}.tele-cap{padding:22px 4px 0}.tele-cap b{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em}.tele-cap span{display:block;margin-top:4px;font-size:15px;color:var(--text-2)}.is-after .tele-cap b{color:var(--ice)}@media(max-width:960px){.tele-versus{grid-template-columns:1fr}.tele-arrow{position:static;transform:none;display:grid;place-items:center;padding:22px 0 18px}.tele-arrow svg{transform:rotate(90deg)}.tele-cap{padding-top:16px}}@media(max-width:640px){.tele-stage{aspect-ratio:1 / 1;border-radius:var(--r-lg)}.tele-win{left:calc(5% + var(--i) * 3%);top:calc(5% + var(--i) * 9%);width:78%;height:46%;border-radius:2.4cqw}.tele-win-bar,.tele-bar{height:8.6cqw;gap:1.2cqw;padding:0 2.6cqw}.tele-win-bar i,.tele-bar i{width:1.6cqw;height:1.6cqw}.tele-win-bar span{font-size:2.9cqw}.tele-win-alarm{height:5.2cqw;font-size:2.7cqw;padding:0 2cqw}.tele-win-alarm:before{width:1.4cqw;height:1.4cqw}.tele-win-body{padding:3cqw}.tele-win-logo{height:3cqw}.tele-one{inset:5%;border-radius:2.4cqw}.tele-bar-logo{height:3.2cqw}.tele-cap b{font-size:17px}.tele-cap span{font-size:14.5px}}