.wall-wrap{height:calc(770px * var(--fs,.7));position:relative}.wall{width:840px;height:770px;transform:scale(var(--fs,.7));transform-origin:0 0;position:absolute;top:0;left:0}.wall .cell{position:absolute}.wall .ui-face{border-radius:6px;box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -30px #000c}.wall figcaption{font-size:calc(11.5px / var(--fs,.7));letter-spacing:.02em;color:var(--text-2);white-space:nowrap;margin-top:9px}.chart{z-index:2}.ch-filter{margin-top:34px}.ch-groups{--s:.5;gap:56px;margin-top:40px;display:grid}.ch-group h3{color:var(--p-ink-2);letter-spacing:0;margin-bottom:20px;font-size:14px;font-weight:500}.ch-row{flex-wrap:wrap;align-items:flex-end;gap:30px 34px;display:flex}.box{transition:opacity .45s var(--ease), filter .45s var(--ease);flex-direction:column;gap:3px;font-size:13.5px;line-height:1.3;display:flex}.box:before{content:"";width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);transition:transform .4s var(--ease), box-shadow .4s var(--ease);background:linear-gradient(#11121709,#11121709),repeating-linear-gradient(135deg,#0000 0 7px,#1112170a 7px 8px);border:1.5px solid #11121747;border-radius:5px;margin-bottom:9px;display:block}.box b{letter-spacing:-.01em;font-weight:600}.box .mono{color:var(--p-ink-2);font-size:12.5px}.box.hot:before{background:linear-gradient(135deg, var(--g-violet), #c04cff 45%, var(--g-coral));border-color:#0000;box-shadow:0 18px 40px -22px #8936ffb3}.box:hover:before{transform:translateY(-3px)}.ch-groups[data-show=desktop] .box:not([data-on~=desktop]),.ch-groups[data-show=mobile] .box:not([data-on~=mobile]){opacity:.16;filter:saturate(0)}.ch-key{color:var(--p-ink-2);align-items:center;gap:12px;margin-top:48px;font-size:14.5px;display:flex}.ch-key i{background:linear-gradient(135deg, var(--g-violet), var(--g-coral));border-radius:3px;flex:none;width:22px;height:14px}.ch-filter.ui-tabs{background:var(--paper-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.ch-filter button{color:var(--p-ink-2);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;transition:background .25s,color .25s}.ch-filter button[aria-checked=true]{color:var(--p-ink);background:#fff;box-shadow:0 1px 3px #1112171f}.table-sheet{z-index:3;padding-top:clamp(40px,5vw,70px)}.tbl-note{color:var(--p-ink-2);max-width:640px;margin-top:22px;font-size:14px;line-height:1.55}.screens{z-index:4;background:var(--paper-2)}.sc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,110px);display:grid}.nordic{--s:.36;flex-direction:column;gap:22px;margin-top:34px;display:flex}.nordic .n-row{flex-wrap:wrap;align-items:flex-end;gap:22px 28px;display:flex}.box.n:before{background:linear-gradient(135deg, var(--g-mint), var(--g-sky));border-color:#0000;box-shadow:0 16px 36px -24px #2fbf8acc}.html5{z-index:5}.h5-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 48px;margin-top:56px;display:grid}.h5-grid>div{border-top:1px solid var(--paper-line);padding-top:22px}.h5-grid .n{color:#fff;background:linear-gradient(135deg, var(--g-violet), var(--g-coral));border-radius:6px;margin-bottom:16px;padding:4px 8px;font-size:12px;display:inline-block}.h5-grid>div:nth-child(3n+2) .n{background:linear-gradient(135deg, var(--g-coral), var(--g-sun))}.h5-grid>div:nth-child(3n+3) .n{background:linear-gradient(135deg, var(--g-mint), var(--g-sky))}.h5-grid p{color:var(--p-ink-2);margin-top:10px;font-size:15.5px;line-height:1.6}.hi{z-index:6}.hi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:60px;display:grid}.hi-card{background:var(--ink-2);border:1px solid var(--line);border-radius:24px;padding:28px 24px 30px}.hi-card h3{letter-spacing:-.02em;margin-top:26px;font-size:19px;font-weight:600}.hi-card p{color:var(--text-2);margin-top:10px;font-size:14.5px;line-height:1.55}.ph{--ph-h:270px;width:140px;height:var(--ph-h);background:var(--paper);border:5px solid #262a36;border-radius:22px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #000000e6}.ph-page{width:100%;animation:none;position:absolute;top:0;left:0}.pg{background:var(--paper);flex-direction:column;gap:7px;padding:10px;display:flex}.pg>i{background:#11121724;border-radius:3px;height:5px;display:block}.pg>i.mast{background:#111217bf;width:60%;height:12px;margin-bottom:4px}.ph .ad{width:100%;height:calc(var(--ph-h) - 10px);background:radial-gradient(60% 40% at 30% 30%, #ffffff59, transparent 70%), linear-gradient(160deg, var(--g-violet), #c04cff 40%, var(--g-coral) 75%, var(--g-sun));display:block}.fig-top .ph-page{animation-name:hi-top}@keyframes hi-top{0%,22%{transform:translateY(0)}58%,88%{transform:translateY(-290px)}to{transform:translateY(0)}}.fig-mid .ad{height:auto;position:absolute;inset:0}.fig-mid .win{height:150px;display:block}.fig-mid .ph-page{animation-name:hi-mid}@keyframes hi-mid{0%,14%{transform:translateY(0)}80%,90%{transform:translateY(-300px)}to{transform:translateY(0)}}.fig-double .slot2{height:calc((var(--ph-h) - 10px) * 2);display:block;position:relative;overflow:hidden}.fig-double .slot2 .ad{animation:9s linear infinite hi-pin;position:absolute;top:0;left:0}.fig-double .ph-page{animation-name:hi-double}@keyframes hi-double{0%,12%{transform:translateY(0)}22%{transform:translateY(-60px)}62%{transform:translateY(-320px)}82%,90%{transform:translateY(-480px)}to{transform:translateY(0)}}@keyframes hi-pin{0%,22%{transform:translateY(0)}62%,90%{transform:translateY(260px)}to{transform:translateY(0)}}.fig-welcome .ad{height:auto;animation:hi-welcome 9s var(--ease) infinite;position:absolute;inset:0}@keyframes hi-welcome{0%,8%{transform:translateY(100%)}20%,56%{transform:translateY(0)}72%,to{transform:translateY(-100%)}}.hi-more{color:var(--text-2);max-width:640px;margin-top:44px;font-size:16px;line-height:1.6}.hi-more .more{width:max-content;margin-top:12px;display:flex}.maike{z-index:7}.mk-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(48px,6vw,96px);display:grid}.steps{counter-reset:step;gap:18px;max-width:520px;margin-top:30px;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--p-ink-2);padding-left:44px;font-size:15.5px;line-height:1.55;position:relative}.steps li:before{content:counter(step);color:#fff;background:linear-gradient(135deg, var(--g-violet), var(--g-coral));border-radius:50%;place-items:center;width:28px;height:28px;font:600 13px/1 Geist Mono,monospace;display:grid;position:absolute;top:-1px;left:0}.steps b{color:var(--p-ink);font-weight:600}.mk-links{flex-wrap:wrap;gap:0 28px;display:flex}.mk-stage{background:radial-gradient(80% 60% at 20% 0%, #ffb54747, transparent 70%), radial-gradient(70% 60% at 100% 100%, #8936ff38, transparent 70%), var(--paper-2);border-radius:28px;padding:clamp(22px,3vw,36px)}.mk-wall{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"bb bb bb""ph mpu mpu""ph pano pano";align-items:start;gap:14px;display:grid}.mk-wall .ui-face{border-radius:6px;box-shadow:0 18px 40px -26px #11121799}.mk-wall .f-bb{grid-area:bb}.mk-wall .f-ph{grid-area:ph}.mk-wall .f-mpu{grid-area:mpu;width:70%}.mk-wall .f-pano{grid-area:pano}.mk-stage .cap{color:var(--p-ink-2);margin-top:18px;font-size:13px;line-height:1.5}@media (width<=1100px){.hi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.ch-groups{--s:.42}.sc-grid,.mk-grid{grid-template-columns:minmax(0,1fr)}.h5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.ch-groups{--s:.3}.ch-row{gap:24px 22px}.nordic{--s:.3}.h5-grid,.hi-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ph-page,.ph .ad,.box,.box:before{transition:none;animation:none}}