.okx-fit-mock{justify-self:center;width:min(100%,460px);font-size:.86rem;position:relative}.okx-page .okx-fit-mock svg{width:18px;height:18px}.okx-fitscene{aspect-ratio:5/4;width:min(100%,600px);container-type:inline-size}.okx-fitscene:before{content:"";background:radial-gradient(90% 80% at 72% 22%,oklch(98% .012 165),oklch(91.5% .035 168) 62%,oklch(88% .045 172));border-radius:4.5cqw;position:absolute;inset:8% 0 8% 12%;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.6),0 2.5cqw 7cqw -3.5cqw oklch(32% .05 180/.28)}.okx-fitscene__flyer{z-index:1;border-radius:.9cqw;width:39%;position:absolute;top:4%;left:1%;overflow:hidden;transform:rotate(-6deg);box-shadow:0 2cqw 4.5cqw -1cqw oklch(20% .04 190/.34),0 .3cqw .8cqw oklch(20% .04 190/.12)}.okx-fitscene__flyer img{width:100%;height:auto;display:block}.okx-fitscene__beam{aspect-ratio:1;width:49.77%;position:absolute;top:44.76%;left:25.11%;overflow:hidden}.okx-fitscene__beam:before{content:"";opacity:0;background:linear-gradient(oklch(72% .15 160/0),oklch(72% .15 160/.4));border-bottom:.26cqw solid oklch(64% .16 155);height:18%;position:absolute;inset:0 0 auto}.okx-page .okx-fit-mock .okx-fitscene__scan{z-index:2;fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.okx-fitscene__scan path{stroke:var(--okx-orange);stroke-width:2.2px;stroke-dasharray:6 7;stroke-linecap:round}.okx-fitscene__scan [data-layout=phone]{display:none}.okx-fitscene__phone{z-index:3;width:39%;position:absolute;top:2.5%;right:2.5%}.okx-fitscene__phone .okx-frame--phone{box-shadow:inset 0 0 0 1.5px oklch(58% .03 200/.75), inset 0 0 0 4px oklch(12% .01 200), var(--okx-shadow-float)}.okx-fitscene__phone img{aspect-ratio:780/1300;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:auto;display:block}.okx-webcard{z-index:4;background:var(--okx-paper);border-radius:1.8cqw;width:48%;display:grid;position:absolute;bottom:5%;left:8%;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 2.6cqw 5cqw -1.6cqw oklch(20% .04 190/.42),0 0 0 1px oklch(20% .04 190/.06)}.okx-webcard__bar{background:oklch(94% .01 200);align-items:center;gap:.9cqw;padding:1.3cqw 1.8cqw;display:flex}.okx-webcard__bar i{background:oklch(80% .02 200);border-radius:50%;width:1.3cqw;height:1.3cqw}.okx-webcard__bar span{color:var(--okx-muted);background:#fff;border-radius:99px;margin-left:1.2cqw;padding:.3cqw 2.2cqw;font-size:1.8cqw}.okx-webcard__body{justify-items:start;gap:.5cqw;padding:2.4cqw 2.6cqw 2.8cqw;display:grid}.okx-webcard__body b{letter-spacing:-.02em;font-size:2.9cqw}.okx-webcard__body small{color:var(--okx-muted);font-size:1.9cqw}.okx-webcard__button{background:var(--okx-orange);color:#fff;border-radius:99px;align-items:center;gap:1cqw;margin-top:1.2cqw;padding:1.3cqw 2.6cqw;font-size:2.2cqw;font-weight:750;display:inline-flex}.okx-page .okx-webcard__button svg{width:2.6cqw;height:2.6cqw}.okx-map{aspect-ratio:1/.88;border:1px solid var(--okx-line);min-height:330px;box-shadow:var(--okx-shadow-float);background:oklch(95.5% .018 150);border-radius:22px;overflow:hidden}.okx-page .okx-fit-mock .okx-map__ground,.okx-page .okx-fit-mock .okx-map__wires{width:100%;height:100%;position:absolute;inset:0}.okx-map__street{fill:none;stroke:var(--okx-paper);stroke-width:9px;stroke-linecap:round}.okx-map__lane{fill:none;stroke:oklch(99% .008 85/.7);stroke-width:4px}.okx-map__river{fill:none;stroke:oklch(87% .045 210);stroke-width:16px;stroke-linecap:round}.okx-map__park{fill:oklch(89% .055 150)}.okx-map__wires path{fill:none;stroke:var(--okx-primary);stroke-width:2px;stroke-dasharray:5 6;vector-effect:non-scaling-stroke}.okx-map__source{z-index:2;background:var(--okx-deep);color:var(--okx-paper);white-space:nowrap;box-shadow:var(--okx-shadow-float);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;line-height:1.3;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.okx-map__source strong{font-size:.9rem;display:block}.okx-map__source small{color:var(--okx-on-dark-2);font-size:.72rem;display:block}.okx-map__mark{background:var(--okx-primary-bright);width:32px;height:32px;color:var(--okx-deep);letter-spacing:-.02em;border-radius:9px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.okx-map__pin{z-index:3;text-align:center;white-space:nowrap;justify-items:center;gap:4px;display:grid;position:absolute;transform:translate(-50%,-50%)}.okx-map__dot{border:2px solid var(--okx-primary);background:var(--okx-paper);width:40px;height:40px;color:var(--okx-primary);box-shadow:var(--okx-shadow-lift);border-radius:50%;place-items:center;display:grid}.okx-map__pin strong{background:var(--okx-paper);border-radius:6px;padding:2px 8px;font-size:.8rem}.okx-map__pin em{color:var(--okx-success);background:oklch(95% .04 155);border-radius:99px;padding:2px 8px;font-size:.7rem;font-style:normal;font-weight:650}.okx-map__pin[data-own] .okx-map__dot{border-color:var(--okx-orange);color:var(--okx-signal-ink)}.okx-map__pin[data-own] em{background:var(--okx-signal-soft);color:var(--okx-signal-ink)}.okx-fit-mock.okx-partner{width:100%}.okx-partner .okx-laptop{width:92%;margin-inline:auto}@media (width<=600px){.okx-fit-mock{width:100%}.okx-fitscene{aspect-ratio:1/1.06}.okx-fitscene:before{inset:9% 0 13% 8%}.okx-fitscene__flyer{transform-origin:0 0;top:6%;left:0;transform:rotate(-6deg)scale(1.15)}.okx-fitscene__phone{width:50%;top:1.5%;right:0}.okx-webcard{transform-origin:0 100%;bottom:9%;left:1%;transform:rotate(1.5deg)scale(1.12)}.okx-fitscene__scan [data-layout=wide]{display:none}.okx-fitscene__scan [data-layout=phone]{display:inline}.okx-partner .okx-laptop{width:88%}}