.scr{--vw:600;--fx:1050;--ax:.5;position:relative;overflow:hidden;isolation:isolate;background:#000;container-type:inline-size}.scr__pic{position:absolute;left:0;right:0;top:50%;height:min(212px,calc(212 / var(--vw) * 100cqw));transform:translateY(-50%);overflow:hidden}.scr__pic img{position:absolute;max-width:none;height:auto;width:min(1536px,calc(1536 / var(--vw) * 100cqw));left:calc(var(--ax) * 100% - min(calc(var(--fx) * 1px),calc(var(--fx) / var(--vw) * 100cqw)));top:calc(-1*min(104px,calc(104 / var(--vw) * 100cqw)))}.scr__pic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000,#0000 9% 91%,#000),linear-gradient(180deg,#000,#0000 15% 76%,#000)}.scr:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff13,#fff0 30%);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 0 50px #0000008c}.scr--right{--ax:.67}.scr--top .scr__pic{top:7%;transform:none}.scr--left{--ax:.31}.osdl{position:absolute;z-index:3;top:3.6cqw;right:3.6cqw;display:flex;align-items:center;gap:1.4cqw;font:600 clamp(9.5px,2.1cqw,12.5px)/1 var(--font-ui);color:#e6e8eb}.osdl__live,.osdl__n{display:inline-flex;align-items:center;gap:.55em;height:2.1em;padding:0 .8em;border-radius:.55em;background:#08090bbd;box-shadow:0 0 0 1px #ffffff1a}.osdl__live i{width:.55em;height:.55em;border-radius:50%;background:var(--green);box-shadow:0 0 8px #44e866e6}.osdl__n{font-variant-numeric:tabular-nums;color:var(--green);text-shadow:0 0 10px rgba(68,232,102,.55)}.osdl__n small{font-size:.78em;letter-spacing:.14em;color:#8a9097;text-shadow:none}.osdb{position:absolute;z-index:3;left:3.6cqw;right:3.6cqw;bottom:3.6cqw;display:grid;grid-template-columns:auto minmax(0,1fr);border-radius:clamp(8px,1.9cqw,12px);overflow:hidden;background:var(--frost);color:var(--ink);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 18px 40px -12px #000000bf,0 0 0 1px #ffffff29}.osdb__n{display:grid;align-content:center;justify-items:center;gap:.25em;min-width:12.5cqw;padding:1.6cqw 1.9cqw;background:#08090b;color:var(--green)}.osdb__n small{font:600 clamp(8px,1.8cqw,10.5px)/1 var(--font-ui);letter-spacing:.14em;color:#8a9097}.osdb__n b{font:600 clamp(16px,4.3cqw,25px)/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-shadow:0 0 12px rgba(68,232,102,.55)}.osdb__t{display:grid;align-content:center;gap:.3em;min-width:0;padding:1.5cqw 2.8cqw 1.5cqw 2.6cqw}.osdb__t b{font:600 clamp(13px,3.05cqw,17.5px)/1.2 var(--font-display);letter-spacing:-.01em}.osdb__t span{font:500 clamp(11px,2.4cqw,13.5px)/1.35 var(--font-ui);color:#3e434a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.osdb__track{grid-column:1/-1;display:block;height:3px;background:#0b0c0e1f}.osdb__track i{display:block;width:64%;height:100%;background:var(--green);box-shadow:0 0 8px #44e86699}.osdb--s{left:auto;right:3.6cqw;min-width:52%}.osdlist{position:absolute;z-index:3;left:3.4cqw;top:3.4cqw;bottom:3.4cqw;width:41%;display:flex;flex-direction:column;padding:1.8cqw;border-radius:clamp(8px,2cqw,13px);background:#0e1013db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff1a,0 24px 40px -18px #000000e6}.osdlist__h{display:flex;align-items:center;gap:.6em;padding:.1em .3em .75em;border-bottom:1px solid var(--line);font:600 clamp(9.5px,2.15cqw,13px)/1 var(--font-ui);color:#e6e8eb}.osdlist__h .kcap{height:1.9em;min-width:2.2em;font-size:.78em}.osdlist__h em{margin-left:auto;font-style:normal;font-weight:500;color:var(--dim);font-variant-numeric:tabular-nums}.osdlist ol{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-top:.6em}.osdlist li{display:flex;align-items:center;gap:.75em;padding:.38em .55em;border-radius:.5em;font:600 clamp(9.5px,2.2cqw,13px)/1.15 var(--font-display);letter-spacing:-.01em;color:#dfe2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osdlist li span{font:600 .84em/1 var(--font-ui);color:var(--dim);font-variant-numeric:tabular-nums}.osdlist li.is-on{background:var(--frost);color:var(--ink)}.osdlist li.is-on span{color:#3e434a}.osdinfo{position:absolute;z-index:3;right:3.4cqw;bottom:3.4cqw;width:43%;display:flex;flex-direction:column;gap:1.3cqw;padding:2.6cqw 2.8cqw 0;border-radius:clamp(8px,2cqw,13px);overflow:hidden;background:#0e1013db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff1a,0 24px 40px -18px #000000e6}.osdinfo__h{display:flex;align-items:center;justify-content:space-between;gap:.6em;font:600 clamp(9.5px,2.15cqw,13px)/1 var(--font-ui);color:var(--green);font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(68,232,102,.5)}.osdinfo__h .kcap{height:1.9em;font-size:.78em;text-shadow:none}.osdinfo__t{margin-top:.6cqw;font:600 clamp(15px,4cqw,24px)/1.08 var(--font-display);letter-spacing:-.025em;color:#fff}.osdinfo__d{font:500 clamp(10.5px,2.35cqw,13.5px)/1.45 var(--font-ui);color:#c9cdd2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.osdinfo .osdb__track{margin:.6cqw -2.8cqw 0;background:#ffffff14}.tvset{position:relative;margin:0}.tvset__panel{position:relative;padding:8px 8px 14px;border-radius:15px;background:linear-gradient(180deg,#1c1e22,#0f1013);box-shadow:0 0 0 1px #ffffff13,inset 0 1px #ffffff1a,inset 0 -2px #00000080,0 50px 80px -36px #000000f2}.scr--tv{aspect-ratio:16/9;border-radius:7px}.tvset__led{position:absolute;left:50%;bottom:4.5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #44e866e6}.tvset__stand{position:relative;display:block;width:38%;height:30px;margin:0 auto}.tvset__stand:before{content:"";position:absolute;left:50%;top:0;width:15%;height:20px;transform:translate(-50%);background:linear-gradient(90deg,#17191d,#3a3e44 50%,#17191d);box-shadow:inset 0 7px 6px -4px #000000f2}.tvset__stand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:11px;border-radius:3px 3px 8px 8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.03) 1px 2px,transparent 2px 4px),linear-gradient(180deg,#dcdfe2,#c3c6cb 55%,#9ea3a9);box-shadow:inset 0 1px #ffffffe6,0 18px 24px -8px #000000e6,0 3px 4px #00000080}.tvset:after{content:"";position:absolute;left:12%;right:12%;bottom:-8px;height:40px;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(68,232,102,.13),transparent 70%)}.duo{position:relative;margin:0;padding-bottom:9%}.duo .tvset{width:86%;margin-left:auto}.phone{position:absolute;left:0;bottom:0;width:47%;padding:6px 7px;border-radius:24px;background:linear-gradient(180deg,#202227,#0e0f12);transform:rotate(-2.4deg);transform-origin:20% 80%;box-shadow:0 0 0 1px #ffffff17,inset 0 1px #ffffff24,inset 0 -1px #0009,0 34px 50px -18px #000000f2,0 0 0 4px #07080aa6}.phone__cam{position:absolute;z-index:5;left:9px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#2a2e33;box-shadow:inset 0 1px 1px #000c}.scr--phone{--vw:420;--fx:1120;aspect-ratio:2.16;border-radius:18px}.scr--phone .osdl{top:5cqw;right:5.5cqw;font-size:clamp(9px,3.2cqw,12px)}.laptop{position:relative;margin:0;padding:0 6%}.laptop__lid{position:relative;padding:3% 3% 3.6%;border-radius:16px 16px 5px 5px;background:linear-gradient(180deg,#1c1e22,#0f1013);box-shadow:0 0 0 1px #ffffff13,inset 0 1px #ffffff1a,0 40px 70px -40px #000000f2}.laptop__cam{position:absolute;top:1.25%;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#2a2e33;box-shadow:inset 0 1px 1px #000c}.scr--laptop{aspect-ratio:16/10;border-radius:4px}.laptop__base{position:relative;height:15px;margin:0 -6.5%;border-radius:2px 2px 16px 16px/2px 2px 12px 12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.03) 1px 2px,transparent 2px 4px),linear-gradient(180deg,#e3e5e8,#c9ccd1 45%,#8b9096);box-shadow:inset 0 1px #fffffff2,0 22px 30px -10px #000000f2,0 3px 4px #00000080}.laptop__base span{position:absolute;left:50%;top:0;width:15%;height:5px;transform:translate(-50%);border-radius:0 0 7px 7px;background:linear-gradient(180deg,#8b9096,#b4b8be)}.laptop:after{content:"";position:absolute;left:14%;right:14%;bottom:-14px;height:40px;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(68,232,102,.12),transparent 70%)}@media(max-width:640px){.tvset__panel{padding:6px 6px 11px;border-radius:12px}.scr--tv{border-radius:5px}.tvset__led{bottom:3.5px;width:4px;height:4px;margin-left:-2px}.tvset__stand{height:22px}.tvset__stand:before{height:14px}.tvset__stand:after{height:8px}.osdb__t span{display:none}.osdb__t{padding:2.2cqw 3.4cqw}.osdinfo__d{-webkit-line-clamp:2}.duo{padding-bottom:12%}.phone{width:52%;padding:5px 6px;border-radius:18px}.scr--phone{border-radius:13px}.laptop__lid{border-radius:12px 12px 4px 4px}.laptop__base{height:11px}}.xscreen{container:xscreen / inline-size;margin:30px auto;max-width:680px}.xscreen .tvset,.xscreen .laptop{width:100%}.xscreen .osdinfo{width:54%}.xscreen .osdlist{width:52%}.xscreen .osdinfo__d{display:block;-webkit-line-clamp:none;overflow:visible}.xscreen .osdlist{bottom:auto}.xscreen .osdlist li{white-space:normal;overflow:visible;font-size:clamp(12px,2.2cqw,14px)}.xscreen .osdlist__h,.xscreen .osdinfo__h{font-size:clamp(12px,2.15cqw,13.5px)}.xscreen .osdinfo__t{font-size:clamp(17px,4cqw,24px);line-height:1.15;overflow-wrap:break-word;hyphens:auto}.xscreen .osdinfo__d{font-size:clamp(13px,2.35cqw,15px)}.xscreen figcaption{margin-top:14px;font-size:14.5px;line-height:1.5;color:var(--muted)}@container xscreen (max-width:560px){.xscreen .scr--tv,.xscreen .scr--laptop{aspect-ratio:auto;min-height:56.25cqw;display:flex;flex-direction:column;justify-content:flex-end}.xscreen .osdinfo,.xscreen .osdlist{position:relative;inset:auto;width:auto;margin:15cqw 3.4cqw 3.4cqw}}