.rel{position:relative}.abs{position:absolute}.abs.clip{top:0;left:0}.abs.center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex{display:flex}.flex.col{flex-direction:column}.flex.f-c{justify-content:center;align-items:center}.full{width:100%;height:100%}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,PingFang SC,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"!important}html:not(.android) body{font-family:Microsoft YaHei,-apple-system,PingFang SC,BlinkMacSystemFont,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji"!important}.zn--wrapper{padding:0;margin:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));position:fixed;top:0;left:0;z-index:5;background-color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.zn--wrapper>*{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.zn--wrapper.forbid{cursor:not-allowed}.zn--wrapper.zn-theme-black svg.only-stroke path{stroke:#000}.zn--wrapper.zn-theme-black svg .only-stroke{stroke:#000}.zn--wrapper.zn-theme-black svg:not(.no-change):not(.only-stroke) path{fill:#000}.zn--wrapper.zn-theme-black svg:not(.no-change) line{stroke:#000}.zn--wrapper.zn-theme-black svg:not(.no-change) circle{stroke:#000}.zn--wrapper.zn-theme-black .look-arrow,.zn--wrapper.zn-theme-black .ui-circle{border:1px solid rgba(0,0,0,.1)}.zn--wrapper.zn-theme-black .ui-icon-text .ui-text,.zn--wrapper.zn-theme-black .look{color:#000}.zn--wrapper.zn-theme-black .look.has-border{background:rgba(255,255,255,.55)}.zn--wrapper.zn-theme-black .control-group-bottom,.zn--wrapper.zn-theme-black .control-group-right,.zn--wrapper.zn-theme-black .control-right{color:#000}.zn--wrapper.zn-theme-black .control-group-bottom .line,.zn--wrapper.zn-theme-black .control-group-right .line,.zn--wrapper.zn-theme-black .control-right .line{background:rgba(0,0,0,.2)}.zn--wrapper.zn-theme-white svg.only-stroke path{stroke:#fff}.zn--wrapper.zn-theme-white svg .only-stroke{stroke:#fff}.zn--wrapper.zn-theme-white svg:not(.no-change):not(.only-stroke) path:not(.only-stroke){fill:#fff}.zn--wrapper.zn-theme-white svg:not(.no-change) line{stroke:#fff}.zn--wrapper.zn-theme-white svg:not(.no-change) circle{stroke:#fff}.zn--wrapper.zn-theme-white .look-arrow,.zn--wrapper.zn-theme-white .ui-circle{border:1px solid rgba(255,255,255,.1)}.zn--wrapper.zn-theme-white .ui-icon-text .ui-text,.zn--wrapper.zn-theme-white .look{color:#fff}.zn--wrapper.zn-theme-white .look.has-border{background:rgba(0,0,0,.55)}.zn--wrapper.zn-theme-white .control-group-bottom,.zn--wrapper.zn-theme-white .control-group-right,.zn--wrapper.zn-theme-white .control-right{color:#fff}.zn--wrapper.zn-theme-white .control-group-bottom .line,.zn--wrapper.zn-theme-white .control-group-right .line,.zn--wrapper.zn-theme-white .control-right .line{background:rgba(255,255,255,.2)}.zn--wrapper.zn-theme-white .name .name-bg{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zn--wrapper .ui-opacity{opacity:0;pointer-events:none;cursor:none;transition:opacity .1s}.zn--wrapper .ui-opacity.show{opacity:1;pointer-events:auto;cursor:pointer}.zn--wrapper img{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.zn--wrapper .bg{background:#000}.zn--wrapper .ui-circle{display:flex;justify-content:center;align-items:center;border-radius:50%}@media (min-width: 1800px){.zn--wrapper .ui-circle{width:43px;height:43px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-circle{width:36px;height:36px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-circle{width:29px;height:29px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-circle{width:29px;height:29px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .ui-circle{width:55px;height:55px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .ui-circle{width:26px;height:26px}}@media (max-width: 375px){.zn--wrapper .ui-circle{width:6.933333333333334vw;height:6.933333333333334vw}}.zn--wrapper .ui-icon-text{display:flex;align-items:center;justify-content:center;transition:opacity .2s;white-space:nowrap}@media (min-width: 1800px){.zn--wrapper .ui-icon-text svg{width:22px;height:22px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text svg{width:18px;height:18px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text svg{width:15px;height:15px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text svg{width:15px;height:15px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .ui-icon-text svg{width:32px;height:32px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .ui-icon-text svg{width:15px;height:15px}}@media (max-width: 375px){.zn--wrapper .ui-icon-text svg{width:4vw;height:4vw}}.zn--wrapper .ui-icon-text .ui-text{font-weight:500}@media (min-width: 1800px){.zn--wrapper .ui-icon-text .ui-text{font-size:14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text .ui-text{font-size:12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text .ui-text{font-size:10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text .ui-text{font-size:10px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .ui-icon-text .ui-text{font-size:26px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .ui-icon-text .ui-text{font-size:12px}}@media (max-width: 375px){.zn--wrapper .ui-icon-text .ui-text{font-size:3.2vw}}.zn--wrapper .ui-icon-text .ui-circle{transition:opacity .2s,background .2s}@media (min-width: 1800px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:7px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:6px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:5px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:5px}}@media (min-width: 1800px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:0}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:0}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:0}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text[data-type=lr]:not(:last-child){margin-right:0}}@media (min-width: 1800px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 6px}}@media (max-width: 375px){.zn--wrapper .ui-icon-text[data-type=lr] .ui-text{padding:0 1.6vw}}.zn--wrapper .ui-icon-text[data-type=tb]{flex-direction:column}@media (min-width: 1800px){.zn--wrapper .ui-icon-text[data-type=tb]:not(:last-child){margin-bottom:22px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text[data-type=tb]:not(:last-child){margin-bottom:18px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text[data-type=tb]:not(:last-child){margin-bottom:15px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text[data-type=tb]:not(:last-child){margin-bottom:15px}}@media (min-width: 1800px){.zn--wrapper .ui-icon-text[data-type=tb] .ui-circle{margin-bottom:12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .ui-icon-text[data-type=tb] .ui-circle{margin-bottom:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .ui-icon-text[data-type=tb] .ui-circle{margin-bottom:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .ui-icon-text[data-type=tb] .ui-circle{margin-bottom:8px}}.zn--wrapper .ui-icon-text.no-selected{opacity:.6}.zn--wrapper .ui-icon-text.selected{opacity:1}.zn--wrapper .ui-icon-text.selected .ui-circle{background:#346cd9!important;border-color:transparent}.zn--wrapper .ui-icon-text.selected .ui-circle svg:not(.only-stroke) path:not(.only-stroke){fill:#fff}.zn--wrapper .ui-icon-text.selected .ui-circle svg:not(.only-stroke) line{stroke:#fff}@media (min-width: 1024px){.zn--wrapper .ui-icon-text:hover{opacity:1}.zn--wrapper .ui-icon-text:hover .ui-circle{background:rgba(255,255,255,.5)}}.zn--wrapper canvas{position:relative;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:5;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.zn--wrapper .name{position:absolute;cursor:pointer;z-index:9;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:280px;height:60px;-webkit-transform-origin:top center;transform-origin:top center}@media (min-width: 1024px) and (max-width: 1439px){.zn--wrapper .name{-webkit-transform:translateX(-50%) scale(.8);transform:translate(-50%) scale(.8)}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .name{-webkit-transform:translateX(-50%) scale(.7);transform:translate(-50%) scale(.7)}}@media (max-width: 649px){.zn--wrapper .name{-webkit-transform:translateX(-50%) scale(.66);transform:translate(-50%) scale(.66)}}.zn--wrapper .name .name-svg{opacity:0}.zn--wrapper .name .name-bg{z-index:1;-webkit-clip-path:url(#svgPath);clip-path:url(#svgPath);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.3)}.zn--wrapper .name .name-img{z-index:2;width:167px;height:16px}.zn--wrapper .skip-mask{position:absolute;inset:0;z-index:10001;display:flex;background-color:#0009;-webkit-backdrop-filter:blur(.06rem);backdrop-filter:blur(.06rem);align-items:center;justify-content:center}@media (max-width: 1023px){.zn--wrapper .skip-mask{flex-direction:column}}.zn--wrapper .skip-mask .skip-mask-cover{width:23.33vw;height:14vw;margin:0 1.5625vw;cursor:pointer}@media (max-width: 1023px){.zn--wrapper .skip-mask .skip-mask-cover{width:229px;height:142px;margin:10px 0}}.zn--wrapper .skip-mask .skip-mask-close{position:absolute;top:unset;bottom:30%;left:50%;right:unset;width:3.33vw;height:3.33vw;cursor:pointer;-webkit-transform:translate(-50%);transform:translate(-50%)}@media (max-width: 1023px){.zn--wrapper .skip-mask .skip-mask-close{bottom:unset;top:20px;left:unset;right:10px;width:30px;height:30px}}.zn--wrapper .control{position:absolute;z-index:12;cursor:pointer;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media (min-width: 1800px){.zn--wrapper .control{width:24px;height:24px;bottom:43px;left:calc(50vw - 12px)}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control{width:20px;height:20px;bottom:36px;left:calc(50vw - 10px)}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control{width:16px;height:16px;bottom:29px;left:calc(50vw - 8px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control{width:16px;height:16px;bottom:29px;left:calc(50vw - 8px)}}@media (max-width: 649px){.zn--wrapper .control{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3);border-radius:50%;display:flex;justify-content:center;align-items:center}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control{width:43px;height:43px;bottom:55px;left:calc(50vw - 21px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control{width:20px;height:20px;bottom:26px;left:calc(50vw - 10px)}}@media (max-width: 375px){.zn--wrapper .control{width:5.333333333333333vw;height:5.333333333333333vw;bottom:6.933333333333334vw;left:calc(50vw - 2.666666666666667vw)}}.zn--wrapper .control svg{-webkit-transform:rotate(0deg);transform:rotate(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media (min-width: 1800px){.zn--wrapper .control svg{width:16px;height:10px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control svg{width:13px;height:8px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control svg{width:11px;height:6px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control svg{width:11px;height:6px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control svg{width:17px;height:11px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control svg{width:8px;height:5px}}@media (max-width: 375px){.zn--wrapper .control svg{width:2.133333333333333vw;height:1.333333333333333vw}}.zn--wrapper .control.active svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (min-width: 1800px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-66px);transform:translateY(-66px)}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-55px);transform:translateY(-55px)}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-45px);transform:translateY(-45px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-45px);transform:translateY(-45px)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-64px);transform:translateY(-64px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@media (max-width: 375px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-12vw);transform:translateY(-12vw)}}@media (max-width: 649px){.zn--wrapper .control.pos-0{-webkit-transform:translateY(-45px);transform:translateY(-45px)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control.pos-0.pos-scene{-webkit-transform:translateY(-106px);transform:translateY(-106px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control.pos-0.pos-scene{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}.zn--wrapper .control.pos-1{transition:-webkit-transform 1s cubic-bezier(.25,1,.25,1);transition:transform 1s cubic-bezier(.25,1,.25,1);transition:transform 1s cubic-bezier(.25,1,.25,1),-webkit-transform 1s cubic-bezier(.25,1,.25,1)}@media (min-width: 1800px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-120px);transform:translateY(-120px)}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-81px);transform:translateY(-81px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-81px);transform:translateY(-81px)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-128px);transform:translateY(-128px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-60px);transform:translateY(-60px)}}@media (max-width: 375px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-22.666666666666668vw);transform:translateY(-22.666666666666668vw)}}@media (max-width: 649px){.zn--wrapper .control.pos-1{-webkit-transform:translateY(-85px);transform:translateY(-85px)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control.pos-1.pos-scene{-webkit-transform:translateY(-181px);transform:translateY(-181px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control.pos-1.pos-scene{-webkit-transform:translateY(-85px);transform:translateY(-85px)}}@media (min-width: 1800px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-96px);transform:translateY(-96px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-45px);transform:translateY(-45px)}}@media (max-width: 375px){.zn--wrapper .control.pos-2{-webkit-transform:translateY(-12vw);transform:translateY(-12vw)}}@media (min-width: 1800px){.zn--wrapper .control.pos-3{-webkit-transform:translateY(-60px);transform:translateY(-60px)}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control.pos-3{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control.pos-3{-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control.pos-3{-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@media (max-width: 375px){.zn--wrapper .control.pos-3{-webkit-transform:translateY(-22.666666666666668vw);transform:translateY(-22.666666666666668vw)}}.zn--wrapper .control-right{position:absolute;z-index:12;cursor:pointer;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s;font-weight:500;opacity:0;pointer-events:none;cursor:none;-webkit-transform:translateY(50px);transform:translateY(50px)}@media (min-width: 1800px){.zn--wrapper .control-right{bottom:43px;right:48px;height:53px;font-size:14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-right{bottom:36px;right:40px;height:44px;font-size:12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-right{bottom:29px;right:32px;height:36px;font-size:10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-right{bottom:29px;right:32px;height:36px;font-size:10px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-right{bottom:53px;right:30px;height:72px;font-size:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-right{bottom:25px;right:14px;height:34px;font-size:14px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-right{right:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-right{right:6px}}@media (max-width: 375px){.zn--wrapper .control-right{bottom:6.666666666666667vw;right:3.733333333333333vw;height:9.066666666666666vw;font-size:3.733333333333333vw}}.zn--wrapper .control-right.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0)}.zn--wrapper .control-right .item.no-selected{opacity:.6}.zn--wrapper .control-right .item.selected{opacity:1}@media (min-width: 1024px){.zn--wrapper .control-right .item:hover{opacity:1}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .control-right{-webkit-transform:translateY(50px) scale(.65);transform:translateY(50px) scale(.65);-webkit-transform-origin:bottom center;transform-origin:bottom center}.zn--wrapper .control-right.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(0) scale(.65);transform:translateY(0) scale(.65)}}.zn--wrapper .control-right .line{width:1px}@media (min-width: 1800px){.zn--wrapper .control-right .line{height:17px;margin:0 14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-right .line{height:14px;margin:0 12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-right .line{height:11px;margin:0 10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-right .line{height:11px;margin:0 10px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-right .line{height:21px;margin:0 21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-right .line{height:10px;margin:0 10px}}@media (max-width: 375px){.zn--wrapper .control-right .line{height:2.666666666666667vw;margin:0 2.666666666666667vw}}.zn--wrapper .look{position:absolute;z-index:13;opacity:0;pointer-events:none;cursor:none;-webkit-transform:translateY(50px);transform:translateY(50px);transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}@media (min-width: 1800px){.zn--wrapper .look{bottom:43px;left:48px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look{bottom:36px;left:40px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look{bottom:29px;left:32px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look{bottom:29px;left:32px}}.zn--wrapper .look.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0)}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look{bottom:53px;left:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look{bottom:25px;left:14px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look{left:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look{left:6px}}@media (max-width: 375px){.zn--wrapper .look{bottom:6.666666666666667vw;left:3.733333333333333vw}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .look{-webkit-transform:translateY(50px) scale(.65);transform:translateY(50px) scale(.65);-webkit-transform-origin:bottom center;transform-origin:bottom center}.zn--wrapper .look.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(0) scale(.65);transform:translateY(0) scale(.65)}}.zn--wrapper .look .look-content{flex-direction:column;align-items:center;cursor:pointer;font-weight:500}.zn--wrapper .look .look-content .look-control{align-items:center;border-radius:1000px;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3)}@media (min-width: 1800px){.zn--wrapper .look .look-content .look-control{width:120px;height:53px;margin-top:5px;font-size:14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look .look-content .look-control{width:100px;height:44px;margin-top:4px;font-size:12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look .look-content .look-control{width:81px;height:36px;margin-top:3px;font-size:10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look .look-content .look-control{width:81px;height:36px;margin-top:3px;font-size:10px}}@media (min-width: 1024px){.zn--wrapper .look .look-content .look-control:hover .look-arrow{opacity:1;background:rgba(255,255,255,.5)}}.zn--wrapper .look .look-content .look-control.selected .look-arrow{opacity:1;background:#346cd9!important}.zn--wrapper .look .look-content .look-control.selected .look-arrow svg{-webkit-transform:rotate(0deg);transform:rotate(0)}.zn--wrapper .look .look-content .look-control.selected .look-arrow svg path{fill:#fff}@media (max-width: 649px){.zn--wrapper .look .look-content .look-control{flex-direction:row-reverse}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look .look-content .look-control{width:170px;height:72px;font-size:26px;margin-top:9px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look .look-content .look-control{width:80px;height:34px;font-size:12px;margin-top:4px}}@media (max-width: 375px){.zn--wrapper .look .look-content .look-control{width:21.333333333333332vw;height:9.066666666666666vw;font-size:3.2vw;margin-top:1.066666666666667vw;flex-direction:row-reverse}}.zn--wrapper .look .look-content .look-control .look-arrow{border-radius:50%;opacity:.6;transition:opacity .2s,background .2s}@media (min-width: 1800px){.zn--wrapper .look .look-content .look-control .look-arrow{width:43px;height:43px;margin:0 13px 0 5px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look .look-content .look-control .look-arrow{width:36px;height:36px;margin:0 11px 0 4px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look .look-content .look-control .look-arrow{width:29px;height:29px;margin:0 9px 0 3px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look .look-content .look-control .look-arrow{width:29px;height:29px;margin:0 9px 0 3px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look .look-content .look-control .look-arrow{width:51px;height:51px;margin:0 17px 0 13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look .look-content .look-control .look-arrow{width:24px;height:24px;margin:0 8px 0 6px}}@media (max-width: 375px){.zn--wrapper .look .look-content .look-control .look-arrow{width:6.4vw;height:6.4vw;margin:0 2.133333333333333vw 0 1.6vw}}.zn--wrapper .look .look-content .look-control .look-arrow svg{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media (min-width: 1800px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:16px;height:10px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:13px;height:8px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:11px;height:6px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:11px;height:6px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:17px;height:11px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:8px;height:5px}}@media (max-width: 375px){.zn--wrapper .look .look-content .look-control .look-arrow svg{width:2.133333333333333vw;height:1.333333333333333vw}}.zn--wrapper .look .look-content .look-list{flex-direction:column;display:none;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3)}@media (min-width: 1800px){.zn--wrapper .look .look-content .look-list{padding:5px;border-radius:29px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look .look-content .look-list{padding:4px;border-radius:24px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look .look-content .look-list{padding:3px;border-radius:19px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look .look-content .look-list{padding:3px;border-radius:19px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look .look-content .look-list{padding:4px;border-radius:38px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look .look-content .look-list{padding:2px;border-radius:18px}}@media (max-width: 375px){.zn--wrapper .look .look-content .look-list{padding:.533333333333333vw;border-radius:4.8vw}}.zn--wrapper .look .look-content .look-list.show{display:flex}.zn--wrapper .look .look-content .look-list .look-item{font-weight:500}@media (min-width: 1800px){.zn--wrapper .look .look-content .look-list .look-item{width:110px;height:43px;border-radius:72px;font-size:14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look .look-content .look-list .look-item{width:92px;height:36px;border-radius:60px;font-size:12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look .look-content .look-list .look-item{width:75px;height:29px;border-radius:49px;font-size:10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look .look-content .look-list .look-item{width:75px;height:29px;border-radius:49px;font-size:10px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .look .look-content .look-list .look-item{width:162px;height:64px;border-radius:32px;font-size:26px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .look .look-content .look-list .look-item{width:76px;height:30px;border-radius:15px;font-size:12px}}@media (max-width: 375px){.zn--wrapper .look .look-content .look-list .look-item{width:20.266666666666666vw;height:8vw;border-radius:4vw;font-size:3.2vw}}@media (min-width: 1800px){.zn--wrapper .look .look-content .look-list .look-item:not(:last-child){margin-bottom:5px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .look .look-content .look-list .look-item:not(:last-child){margin-bottom:4px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .look .look-content .look-list .look-item:not(:last-child){margin-bottom:3px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .look .look-content .look-list .look-item:not(:last-child){margin-bottom:3px}}.zn--wrapper .look .look-content .look-list .look-item.no-selected{opacity:.6}.zn--wrapper .look .look-content .look-list .look-item.selected{opacity:1;color:#fff;background:#346cd9!important}@media (min-width: 1024px){.zn--wrapper .look .look-content .look-list .look-item:hover{opacity:1;background:rgba(255,255,255,.5)}}.zn--wrapper .control-group-bottom{position:absolute;z-index:11;left:50%;align-items:center;cursor:pointer;-webkit-transform:translateX(-50%) translateY(50px);transform:translate(-50%) translateY(50px);transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;opacity:0;cursor:none;pointer-events:none}@media (min-width: 1800px){.zn--wrapper .control-group-bottom{bottom:43px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom{bottom:36px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom{bottom:29px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom{bottom:29px}}@media (max-width: 1023px){.zn--wrapper .control-group-bottom .bottom-mo-control-wrapper{pointer-events:none}}.zn--wrapper .control-group-bottom.show{opacity:1;cursor:pointer;-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0);pointer-events:auto}.zn--wrapper .control-group-bottom.show .version-list,.zn--wrapper .control-group-bottom.show .color-list,.zn--wrapper .control-group-bottom.show .wheel-list,.zn--wrapper .control-group-bottom.show .view-list{-webkit-transform:translate(-50%,0%);transform:translate(-50%)}.zn--wrapper .control-group-bottom.show .version-list.show,.zn--wrapper .control-group-bottom.show .color-list.show,.zn--wrapper .control-group-bottom.show .wheel-list.show,.zn--wrapper .control-group-bottom.show .view-list.show{opacity:1;pointer-events:auto;cursor:pointer}@media (max-width: 1023px){.zn--wrapper .control-group-bottom.show .bottom-mo-control-wrapper{opacity:0;pointer-events:none;transition:opacity .5s}.zn--wrapper .control-group-bottom.show .bottom-mo-control-wrapper.show{opacity:1;pointer-events:auto}}@media (max-width: 649px){.zn--wrapper .control-group-bottom{left:50%}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom{bottom:55px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom{bottom:26px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom{bottom:6.933333333333334vw}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .control-group-bottom{-webkit-transform:translateX(-50%) translateY(50px) scale(.7);transform:translate(-50%) translateY(50px) scale(.7);-webkit-transform-origin:bottom center;transform-origin:bottom center}.zn--wrapper .control-group-bottom.show{-webkit-transform:translateX(-50%) translateY(0) scale(.7);transform:translate(-50%) translateY(0) scale(.7)}}.zn--wrapper .control-group-bottom .cgb-wrapper{align-items:center;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.4);border-radius:1000px;position:relative;z-index:2}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .cgb-wrapper{padding:5px 8px 5px 5px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .cgb-wrapper{padding:4px 7px 4px 4px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .cgb-wrapper{padding:3px 6px 3px 3px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .cgb-wrapper{padding:3px 6px 3px 3px}}@media (max-width: 649px){.zn--wrapper .control-group-bottom .cgb-wrapper{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .cgb-wrapper{padding:6px 21px 6px 9px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .cgb-wrapper{padding:3px 10px 3px 4px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .cgb-wrapper{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3);padding:.8vw 2.666666666666667vw .8vw 1.066666666666667vw}}.zn--wrapper .control-group-bottom .cgb-wrapper.space-wrapper .ui-icon-text.selected svg path{stroke:#fff!important}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .cgb-wrapper.space-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.highway-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.city-wrapper{margin-bottom:85px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .cgb-wrapper.space-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.highway-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.city-wrapper{margin-bottom:40px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .cgb-wrapper.space-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.highway-wrapper,.zn--wrapper .control-group-bottom .cgb-wrapper.city-wrapper{margin-bottom:10.666666666666666vw}}@media (max-width: 649px){.zn--wrapper .control-group-bottom .cgb-wrapper.normal-wrapper{left:3.2vw}}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper .e3-wrapper-scroll{display:flex}@media (max-width: 649px){.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper{overflow:hidden;width:92.53333333333333vw;box-sizing:border-box;padding:0}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper:before,.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper:after{content:"";position:absolute;top:0;width:9.6vw;height:100%;z-index:1;opacity:0;pointer-events:none}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper:before{left:0;background:linear-gradient(90deg,#4d4d4d 20%,rgba(77,77,77,0) 100%)}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper:after{right:0;background:linear-gradient(90deg,rgba(77,77,77,0) 0%,#4d4d4d 80%)}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper[data-scroll=none]:before{opacity:0}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper[data-scroll=none]:after{opacity:1}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper[data-scroll=left]:before{opacity:1}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper[data-scroll=right]:after{opacity:1}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper[data-scroll=both]:before,.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper[data-scroll=both]:after{opacity:1}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper .e3-wrapper-scroll{padding:.8vw 2.666666666666667vw .8vw 1.066666666666667vw;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.zn--wrapper .control-group-bottom .cgb-wrapper.e3-wrapper .e3-wrapper-scroll::-webkit-scrollbar{display:none}}.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);transition:opacity .3s,-webkit-transform .5s;transition:transform .5s,opacity .3s;transition:transform .5s,opacity .3s,-webkit-transform .5s;white-space:nowrap;font-weight:500;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.4);opacity:0;pointer-events:none;cursor:none;display:flex;align-items:center}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:14px;bottom:62px;border-radius:36px;height:46px;padding:0 24px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:12px;bottom:52px;border-radius:30px;height:38px;padding:0 20px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:10px;bottom:42px;border-radius:24px;height:31px;padding:0 16px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:10px;bottom:42px;border-radius:24px;height:31px;padding:0 16px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:26px;bottom:89px;border-radius:64px;height:68px;padding:0 34px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:12px;bottom:42px;border-radius:30px;height:32px;padding:0 16px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .version-list,.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list,.zn--wrapper .control-group-bottom .view-list{font-size:3.2vw;bottom:11.2vw;border-radius:8vw;height:8.533333333333333vw;padding:0 4.266666666666667vw}}.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{width:1px}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:12px;margin:0 12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:10px;margin:0 10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:8px;margin:0 8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:8px;margin:0 8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:21px;margin:0 21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:10px;margin:0 10px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .version-list .line,.zn--wrapper .control-group-bottom .color-list .line,.zn--wrapper .control-group-bottom .wheel-list .line,.zn--wrapper .control-group-bottom .view-list .line{height:2.666666666666667vw;margin:0 2.666666666666667vw}}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list{padding:0 12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list{padding:0 10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list{padding:0 8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list,.zn--wrapper .control-group-bottom .wheel-list{padding:0 8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list{padding:0 13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list{padding:0 6px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .color-list{padding:0 1.6vw}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .wheel-list{padding:0 17px 0 13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .wheel-list{padding:0 8px 0 6px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .wheel-list{padding:0 2.133333333333333vw 0 1.6vw}}@media (min-width: 1024px){.zn--wrapper .control-group-bottom .version-list .version-item:hover,.zn--wrapper .control-group-bottom .view-list .version-item:hover,.zn--wrapper .control-group-bottom .version-list .view-item:hover,.zn--wrapper .control-group-bottom .view-list .view-item:hover{opacity:1!important}}.zn--wrapper .control-group-bottom .version-list .version-item.no-selected,.zn--wrapper .control-group-bottom .view-list .version-item.no-selected,.zn--wrapper .control-group-bottom .version-list .view-item.no-selected,.zn--wrapper .control-group-bottom .view-list .view-item.no-selected{opacity:.6}.zn--wrapper .control-group-bottom .version-list .version-item.selected,.zn--wrapper .control-group-bottom .view-list .version-item.selected,.zn--wrapper .control-group-bottom .version-list .view-item.selected,.zn--wrapper .control-group-bottom .view-list .view-item.selected{opacity:1}.zn--wrapper .control-group-bottom .version-list{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3)}.zn--wrapper .control-group-bottom .color-list .color-item{align-items:center}.zn--wrapper .control-group-bottom .color-list .color-item .color-text{transition:width .2s;overflow:hidden}@media (min-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item:hover .color-icon.green{border-color:#596b6280!important}.zn--wrapper .control-group-bottom .color-list .color-item:hover .color-icon.purple{border-color:#6e6b7f!important}.zn--wrapper .control-group-bottom .color-list .color-item:hover .color-icon.white{border-color:#f3f4f4!important}.zn--wrapper .control-group-bottom .color-list .color-item:hover .color-icon.silver{border-color:#d1cdcb!important}.zn--wrapper .control-group-bottom .color-list .color-item:hover .color-icon.black{border-color:#1c1c1c!important}}.zn--wrapper .control-group-bottom .color-list .color-item.no-selected .color-icon{border-color:transparent}.zn--wrapper .control-group-bottom .color-list .color-item.no-selected .color-text{width:0}.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon.green{border-color:#596b6280!important}.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon.purple{border-color:#6e6b7f!important}.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon.white{border-color:#f3f4f4!important}.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon.silver{border-color:#d1cdcb!important}.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon.black{border-color:#1c1c1c!important}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:6px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:5px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:4px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:4px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:6px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-icon{margin-right:1.6vw}}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:43px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:36px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:29px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:29px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:77px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:36px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item.selected .color-text{width:9.6vw}}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:43px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:36px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:29px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:29px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:89px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:42px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item.white.selected .color-text{width:11.2vw}}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:97px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:81px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:66px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:66px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:173px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:81px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item.in-red.selected .color-text{width:21.6vw}}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:97px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:81px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:66px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:66px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:192px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:90px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item.in-white.selected .color-text{width:24vw}}.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{border-radius:50%;border:1px solid transparent}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:29px;height:29px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:24px;height:24px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:19px;height:19px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:19px;height:19px}}.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{border-radius:50%}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:24px;height:24px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:20px;height:20px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:16px;height:16px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:16px;height:16px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:43px;height:43px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:20px;height:20px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:51px;height:51px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:24px;height:24px}}@media (max-width: 649px) and (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon{width:6.4vw;height:6.4vw}}@media (max-width: 649px) and (max-width: 375px){.zn--wrapper .control-group-bottom .color-list .color-item .color-icon .inner{width:5.333333333333333vw;height:5.333333333333333vw}}.zn--wrapper .control-group-bottom .wheel-list .wheel-item{align-items:center}.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-text{transition:width .2s,padding .2s;overflow:hidden;padding-left:0}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:26px;height:26px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:22px;height:22px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:18px;height:18px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:18px;height:18px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:47px;height:47px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:22px;height:22px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item .wheel-icon{width:5.866666666666666vw;height:5.866666666666666vw}}.zn--wrapper .control-group-bottom .wheel-list .wheel-item.no-selected .wheel-text{width:0}@media (min-width: 1800px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:8px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:7px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:6px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:6px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:15px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:7px}}@media (max-width: 375px){.zn--wrapper .control-group-bottom .wheel-list .wheel-item.selected .wheel-text{margin-left:1.866666666666667vw}}.zn--wrapper .control-group-right{position:absolute;z-index:8;top:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:translateY(-50%);transform:translateY(-50%);flex-direction:column;align-items:center;cursor:pointer;opacity:0;pointer-events:none;cursor:none;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.4)}@media (min-width: 1800px){.zn--wrapper .control-group-right{right:41px;padding:5px 5px 29px;border-radius:1200px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .control-group-right{right:34px;padding:4px 4px 24px;border-radius:1000px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .control-group-right{right:28px;padding:3px 3px 19px;border-radius:810px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .control-group-right{right:28px;padding:3px 3px 19px;border-radius:810px}}.zn--wrapper .control-group-right.show{opacity:1;pointer-events:auto;cursor:pointer}@media (max-width: 649px){.zn--wrapper .control-group-right{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3);top:auto;-webkit-transform:translateY(0);transform:translateY(0)}.zn--wrapper .control-group-right>:not(:last-child){margin-right:0!important}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-right>:not(:last-child){margin-bottom:9px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-right>:not(:last-child){margin-bottom:4px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-right{right:21px;bottom:141px;padding:6px 21px 9px 9px;border-radius:21px;font-size:19px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-right{right:10px;bottom:66px;padding:3px 10px 4px 4px;border-radius:10px;font-size:9px}}@media (max-width: 375px){.zn--wrapper .control-group-right{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3);top:auto;right:2.666666666666667vw;bottom:17.6vw;padding:.8vw 2.666666666666667vw 1.066666666666667vw 1.066666666666667vw;border-radius:2.666666666666667vw;-webkit-transform:translateY(0);transform:translateY(0);font-size:2.4vw}.zn--wrapper .control-group-right>:not(:last-child){margin-bottom:1.066666666666667vw;margin-right:0!important}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .control-group-right{-webkit-transform:translateY(-50%) scale(.65);transform:translateY(-50%) scale(.65);-webkit-transform-origin:top right;transform-origin:top right}.zn--wrapper .control-group-right.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(-50%) scale(.65);transform:translateY(-50%) scale(.65)}}@media (max-width: 650px) and (min-width: 400px) and (orientation: landscape){.zn--wrapper .control-group-right{display:block!important;-webkit-transform:translateY(-110%) scale(.65);transform:translateY(-110%) scale(.65);-webkit-transform-origin:top right;transform-origin:top right}.zn--wrapper .control-group-right .ui-icon-text{flex-direction:column!important;margin-bottom:10px!important}.zn--wrapper .control-group-right .ui-icon-text .ui-circle{margin-right:0!important;margin-bottom:10px!important}.zn--wrapper .control-group-right.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(-110%) scale(.65);transform:translateY(-110%) scale(.65)}}@media (orientation: portrait) and (min-width: 721px){.zn--wrapper .control-group-right{padding:.8vw 1.066666666666667vw 1.066666666666667vw!important}}.zn--wrapper .control-group-right-mo{position:absolute;z-index:8;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:rgba(255,255,255,.3);opacity:0;pointer-events:none;cursor:none;align-items:center;-webkit-transform:translateY(50px);transform:translateY(50px);transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-right-mo{bottom:55px;right:21px;width:128px;height:72px;border-radius:64px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-right-mo{bottom:26px;right:10px;width:60px;height:34px;border-radius:30px}}@media (max-width: 375px){.zn--wrapper .control-group-right-mo{width:16vw;height:9.066666666666666vw;border-radius:8vw;bottom:6.933333333333334vw;right:2.666666666666667vw}}.zn--wrapper .control-group-right-mo.show{opacity:1;pointer-events:auto;cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0)}.zn--wrapper .control-group-right-mo.active .cm-arrow{-webkit-transform:rotate(0deg);transform:rotate(0)}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-right-mo .ui-icon-text{margin:0 13px 0 9px!important}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-right-mo .ui-icon-text{margin:0 6px 0 4px!important}}.zn--wrapper .control-group-right-mo .cm-arrow{position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .control-group-right-mo .cm-arrow{width:17px;height:11px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .control-group-right-mo .cm-arrow{width:8px;height:5px}}@media (max-width: 375px){.zn--wrapper .control-group-right-mo .cm-arrow{width:2.133333333333333vw;height:1.333333333333333vw}}.zn--wrapper .control-group-right-mo .cm-arrow svg{position:absolute;top:0;left:0;width:100%;height:100%}.zn--wrapper .label{position:absolute;z-index:8;cursor:pointer}@media (min-width: 1800px){.zn--wrapper .label{width:29px;height:29px;top:-14px;left:-14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .label{width:24px;height:24px;top:-12px;left:-12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .label{width:19px;height:19px;top:-10px;left:-10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .label{width:19px;height:19px;top:-10px;left:-10px}}.zn--wrapper .label:not(.size){background:radial-gradient(50% 50% at 50% 50%,rgba(76,117,196,.2) 0%,rgba(76,117,196,.2) 100%);-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px);background:rgba(234,234,234,.6);border-radius:50%}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .label{width:51px;height:51px;top:-21px;left:-21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .label{width:24px;height:24px;top:-10px;left:-10px}}.zn--wrapper .label.size{color:#fff;white-space:nowrap}.zn--wrapper .inner-pc-mask-bottom,.zn--wrapper .inner-pc-mask-right{pointer-events:none;opacity:0;transition:opacity .5s ease .2s}.zn--wrapper .inner-pc-mask-bottom.show,.zn--wrapper .inner-pc-mask-right.show{opacity:.6}.zn--wrapper .inner-pc-mask-bottom{width:100%;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 100%);position:absolute;bottom:-1px;left:0;z-index:5}@media (min-width: 1800px){.zn--wrapper .inner-pc-mask-bottom{height:274px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .inner-pc-mask-bottom{height:228px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .inner-pc-mask-bottom{height:185px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .inner-pc-mask-bottom{height:185px}}.zn--wrapper .inner-pc-mask-right{height:100%;background:linear-gradient(270deg,#000 0%,rgba(0,0,0,0) 100%);position:absolute;right:-1px;top:0;z-index:5}@media (min-width: 1800px){.zn--wrapper .inner-pc-mask-right{width:274px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .inner-pc-mask-right{width:228px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .inner-pc-mask-right{width:185px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .inner-pc-mask-right{width:185px}}.zn--wrapper .loading{position:fixed;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));background-color:#fff;z-index:1000}.zn--wrapper .loading .loading-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;-o-object-fit:cover;object-fit:cover}.zn--wrapper .loading .loading-logo{position:absolute;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}@media (min-width: 1800px){.zn--wrapper .loading .loading-logo{width:173px;height:50px;top:53px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-logo{width:144px;height:42px;top:44px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-logo{width:117px;height:34px;top:36px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-logo{width:117px;height:34px;top:36px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-logo{width:307px;height:89px;top:85px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-logo{width:144px;height:42px;top:40px}}.zn--wrapper .loading .loading-tips{position:absolute;bottom:7.552083333333334vh;bottom:calc(7.552083333333334 * var(--vh, 1vh));left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:41.536458333333336vh;width:calc(41.536458333333336 * var(--vh, 1vh))}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-tips{bottom:85px;width:392px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-tips{bottom:40px;width:184px}}.zn--wrapper .loading .loading-progress{position:absolute;bottom:27.34375vh;bottom:calc(27.34375 * var(--vh, 1vh));left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}@media (min-width: 1800px){.zn--wrapper .loading .loading-progress{width:312px;height:12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-progress{width:260px;height:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-progress{width:211px;height:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress{width:211px;height:8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-progress{bottom:405px;width:469px;height:21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-progress{bottom:190px;width:220px;height:10px}}@media (min-width: 450px) and (max-width: 649px) and (orientation: portrait){.zn--wrapper .loading .loading-progress{bottom:180px}}@media (min-width: 650px) and (max-width: 1023px) and (orientation: portrait){.zn--wrapper .loading .loading-progress{bottom:280px}}.zn--wrapper .loading .loading-progress .loading-progress-inner{overflow:hidden}@media (min-width: 1800px){.zn--wrapper .loading .loading-progress .loading-progress-inner{border-radius:12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-progress .loading-progress-inner{border-radius:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-progress .loading-progress-inner{border-radius:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress .loading-progress-inner{border-radius:8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-progress .loading-progress-inner{border-radius:21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-progress .loading-progress-inner{border-radius:10px}}.zn--wrapper .loading .loading-progress .lp-down{z-index:1;background-color:#88a1914d}@media (min-width: 1800px){.zn--wrapper .loading .loading-progress .lp-down{border-radius:12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-progress .lp-down{border-radius:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-progress .lp-down{border-radius:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress .lp-down{border-radius:8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-progress .lp-down{border-radius:21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-progress .lp-down{border-radius:10px}}.zn--wrapper .loading .loading-progress .lp-up{z-index:2;background:linear-gradient(90deg,rgba(144,171,167,.5) 0%,#567160 99.91%);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}@media (min-width: 1800px){.zn--wrapper .loading .loading-progress .lp-up{border-radius:12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-progress .lp-up{border-radius:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-progress .lp-up{border-radius:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress .lp-up{border-radius:8px}}.zn--wrapper .loading .loading-progress .lp-up.firefox{transition:none}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-progress .lp-up{border-radius:21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-progress .lp-up{border-radius:10px}}.zn--wrapper .loading .loading-progress .lp-text{z-index:3;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}@media (min-width: 1800px){.zn--wrapper .loading .loading-progress .lp-text{width:20px;height:20px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-progress .lp-text{width:17px;height:17px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-progress .lp-text{width:14px;height:14px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress .lp-text{width:14px;height:14px}}.zn--wrapper .loading .loading-progress .lp-text.firefox{transition:none}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-progress .lp-text{width:36px;height:36px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-progress .lp-text{width:17px;height:17px}}.zn--wrapper .loading .loading-progress .lp-text .lp-t{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);color:#567160}@media (min-width: 1800px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{top:calc(100% + 10px);font-size:19px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{top:calc(100% + 8px);font-size:16px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{top:calc(100% + 6px);font-size:13px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{top:calc(100% + 6px);font-size:13px}}@media (max-width: 649px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{top:calc(100% + 8px)}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{top:calc(100% + 8px)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{font-size:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .loading .loading-progress .lp-text .lp-t{font-size:14px}}.zn--wrapper .buy-container{position:fixed;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));background-color:#fff;z-index:1000}.zn--wrapper .buy-container .buy-bg{z-index:0;-o-object-fit:cover;object-fit:cover}.zn--wrapper .buy-container .buy-logo{z-index:1}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-logo{width:367px;height:41px;top:77px;left:77px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-logo{width:306px;height:34px;top:64px;left:64px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-logo{width:248px;height:28px;top:52px;left:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-logo{width:248px;height:28px;top:52px;left:52px}}@media (max-width: 649px){.zn--wrapper .buy-container .buy-logo{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .buy-logo{width:383px;height:43px;top:170px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .buy-logo{width:180px;height:20px;top:80px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-logo{width:180px;height:20px;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}.zn--wrapper .buy-container .close{z-index:3;cursor:pointer}@media (min-width: 1800px){.zn--wrapper .buy-container .close{width:38px;height:38px;top:77px;right:77px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .close{width:32px;height:32px;top:64px;right:64px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .close{width:26px;height:26px;top:52px;right:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .close{width:26px;height:26px;top:52px;right:52px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .close{width:43px;height:43px;top:51px;right:51px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .close{width:20px;height:20px;top:24px;right:24px}}.zn--wrapper .buy-container .buy-qr{z-index:2;align-items:center}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-qr{left:77px;bottom:77px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-qr{left:64px;bottom:64px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-qr{left:52px;bottom:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-qr{left:52px;bottom:52px}}@media (max-width: 649px){.zn--wrapper .buy-container .buy-qr{flex-direction:column;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .buy-qr{bottom:213px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .buy-qr{bottom:100px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-qr{flex-direction:column;bottom:100px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:120px;height:120px;margin-right:29px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:100px;height:100px;margin-right:24px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:81px;height:81px;margin-right:19px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:81px;height:81px;margin-right:19px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:170px;height:170px;margin-bottom:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:80px;height:80px;margin-bottom:14px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-qr img:not(.buy-qr-text){width:80px;height:80px;margin-bottom:14px}}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:77px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:64px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:52px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:107px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:50px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-qr .buy-qr-text{width:50px}}.zn--wrapper .buy-container .buy-price{z-index:2;align-items:baseline;display:flex;align-items:center}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-price{right:77px;bottom:77px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-price{right:64px;bottom:64px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-price{right:52px;bottom:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-price{right:52px;bottom:52px}}@media (max-width: 649px){.zn--wrapper .buy-container .buy-price{right:50%;-webkit-transform:translateX(50%);transform:translate(50%)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .buy-price{top:315px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .buy-price{top:148px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-price{right:50%;-webkit-transform:translateX(50%);transform:translate(50%);top:148px}}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:19px;width:38px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:16px;width:32px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:13px;width:26px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:13px;width:26px}}@media (max-width: 649px){.zn--wrapper .buy-container .buy-price .b-label{width:23px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:17px;margin-top:-4px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:8px;margin-top:-2px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-price .b-label{margin-right:8px;margin-top:-2px;width:23px}}@media (min-width: 1800px){.zn--wrapper .buy-container .buy-price .b-value{width:316px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .buy-container .buy-price .b-value{width:263px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .buy-container .buy-price .b-value{width:213px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-price .b-value{width:213px}}@media (max-width: 649px){.zn--wrapper .buy-container .buy-price .b-value{width:164px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .buy-container .buy-price .b-value{width:164px}}.zn--wrapper .point-dialog{z-index:15}.zn--wrapper .point-dialog path{fill:#000}.zn--wrapper .point-dialog.white path{fill:#fff}.zn--wrapper .point-dialog .point-bg{z-index:1;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px)}.zn--wrapper .point-dialog .dialog-mask{width:100%;height:60%;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.8) 30.52%,rgba(0,0,0,0) 100%)}.zn--wrapper .point-dialog .point-wrapper{z-index:2}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper{width:1160px;height:605px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper{width:967px;height:504px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper{width:783px;height:408px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper{width:783px;height:408px}}@media (max-width: 649px){.zn--wrapper .point-dialog .point-wrapper{width:86.67vw;height:79.5vh;height:calc(79.5 * var(--vh, 1vh))}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper{width:45vh;width:calc(45 * var(--vh, 1vh));height:72.8vh;height:calc(72.8 * var(--vh, 1vh))}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper{width:64.38vw;height:34.33vw}}.zn--wrapper .point-dialog .point-wrapper .point-content{overflow:hidden}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:24px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:20px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:16px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:16px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:14px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content{display:flex;align-items:center}}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content.has-trans{transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{flex-shrink:0;margin-right:10px;overflow:hidden}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:1160px;height:605px;border-radius:24px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:967px;height:504px;border-radius:20px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:783px;height:408px;border-radius:16px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:783px;height:408px;border-radius:16px}}@media (max-width: 649px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:86.67vw;height:79.5vh;height:calc(79.5 * var(--vh, 1vh))}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:45vh;width:calc(45 * var(--vh, 1vh));height:72.8vh;height:calc(72.8 * var(--vh, 1vh))}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{border-radius:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{border-radius:14px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:64.38vw;height:34.33vw}}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item img{-o-object-fit:cover;object-fit:cover}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{color:#fff;z-index:2}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:48px;bottom:48px;font-size:29px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:40px;bottom:40px;font-size:24px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:32px;bottom:32px;font-size:19px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:32px;bottom:32px;font-size:19px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:51px;right:51px;bottom:68px;font-size:43px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:24px;right:24px;bottom:32px;font-size:20px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:3vh;left:calc(3 * var(--vh, 1vh));right:3vh;right:calc(3 * var(--vh, 1vh));bottom:4vh;bottom:calc(4 * var(--vh, 1vh));font-size:3.5vh;font-size:calc(3.5 * var(--vh, 1vh))}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content{left:2vw;right:2vw;bottom:2vw;font-size:2vw}}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{color:#4c75c4;line-height:1.7}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:20px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:17px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:14px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:14px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:14px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:2.5vh;font-size:calc(2.5 * var(--vh, 1vh))}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-sub-title{font-size:1.4vw}}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-title{line-height:1.5}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:14px;font-size:19px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:12px;font-size:16px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:10px;font-size:13px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:10px;font-size:13px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:17px;font-size:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:8px;font-size:14px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:13px;font-size:21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:6px;font-size:10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .text-content .text-desc{margin-top:.5vw;font-size:1.1vw}}.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);cursor:pointer}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{width:66px;height:66px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{width:55px;height:55px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{width:45px;height:45px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{width:45px;height:45px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{width:85px;height:85px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .right-arrow,.zn--wrapper .point-dialog .point-wrapper .left-arrow{width:40px;height:40px}}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .right-arrow img,.zn--wrapper .point-dialog .point-wrapper .left-arrow img{width:8px;height:17px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .right-arrow img,.zn--wrapper .point-dialog .point-wrapper .left-arrow img{width:7px;height:14px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .right-arrow img,.zn--wrapper .point-dialog .point-wrapper .left-arrow img{width:6px;height:11px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .right-arrow img,.zn--wrapper .point-dialog .point-wrapper .left-arrow img{width:6px;height:11px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .right-arrow img,.zn--wrapper .point-dialog .point-wrapper .left-arrow img{width:15px;height:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .right-arrow img,.zn--wrapper .point-dialog .point-wrapper .left-arrow img{width:7px;height:14px}}.zn--wrapper .point-dialog .point-wrapper .right-arrow{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{right:-120px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{right:-100px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{right:-81px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{right:-81px}}@media (max-width: 649px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{right:calc(50% - 53px)}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{right:calc(50% - 10vh);right:calc(50% - (10 * var(--vh, 1vh)))}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{top:calc(100% + 64px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .right-arrow{top:calc(100% + 30px)}}.zn--wrapper .point-dialog .point-wrapper .right-arrow svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.zn--wrapper .point-dialog .point-wrapper .left-arrow{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{left:-120px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{left:-100px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{left:-81px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{left:-81px}}@media (max-width: 649px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{left:calc(50% - 53px)}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{left:calc(50% - 10vh);left:calc(50% - (10 * var(--vh, 1vh)))}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{top:calc(100% + 64px)}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .left-arrow{top:calc(100% + 30px)}}.zn--wrapper .point-dialog .point-wrapper .close{cursor:pointer}@media (min-width: 1800px){.zn--wrapper .point-dialog .point-wrapper .close{width:66px;height:66px;top:-66px;right:-66px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .point-dialog .point-wrapper .close{width:55px;height:55px;top:-55px;right:-55px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .point-dialog .point-wrapper .close{width:45px;height:45px;top:-45px;right:-45px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .close{width:45px;height:45px;top:-45px;right:-45px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .point-dialog .point-wrapper .close{width:85px;height:85px;top:-106px;right:-21px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .point-dialog .point-wrapper .close{width:40px;height:40px;top:-50px;right:-10px}}.zn--wrapper .lock-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:9999}.zn--wrapper .trans-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));background:#000;z-index:9999;transition:opacity .5s;pointer-events:none;opacity:0}.zn--wrapper .trans-mask.show{opacity:1;pointer-events:auto}.zn--wrapper .armor-mask{z-index:7;background:#000}@media (min-width: 1800px){.zn--wrapper .armor-mask img{width:900px;height:480px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .armor-mask img{width:750px;height:400px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .armor-mask img{width:608px;height:324px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .armor-mask img{width:608px;height:324px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .armor-mask img{width:692px;height:383px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .armor-mask img{width:325px;height:180px}}.zn--wrapper .features-layer-up{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:hidden}.zn--wrapper .features-layer-up .feature-layer{position:absolute;top:0;left:0;opacity:0}.zn--wrapper .features-layer-up .feature-layer.show{opacity:1;transition:opacity .5s}.zn--wrapper .features-layer-up .god-layer{position:absolute;width:122.56vh;width:calc(122.56 * var(--vh, 1vh));height:auto;top:39.5%;left:calc(50% - 22vh);left:calc(50% - (22 * var(--vh, 1vh)));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-up .god-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78);left:calc(50% - 17vh);left:calc(50% - (17 * var(--vh, 1vh)));top:42.5%}}@media (max-width: 649px){.zn--wrapper .features-layer-up .god-layer{width:313.5px;top:47.5%;left:calc(50% - 13vh);left:calc(50% - (13 * var(--vh, 1vh)))}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-up .god-layer{width:75vh;width:calc(75 * var(--vh, 1vh));top:44.5%;left:calc(50% - 22vh);left:calc(50% - (22 * var(--vh, 1vh)))}}.zn--wrapper .features-layer-up .god-layer.show{opacity:1}.zn--wrapper .features-layer-up .cloud-layer,.zn--wrapper .features-layer-up .cloud-layer2{width:50vh;width:calc(50 * var(--vh, 1vh));height:auto;top:49.4%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-up .cloud-layer,.zn--wrapper .features-layer-up .cloud-layer2{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){.zn--wrapper .features-layer-up .cloud-layer,.zn--wrapper .features-layer-up .cloud-layer2{width:146.7px;top:50.3%}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-up .cloud-layer,.zn--wrapper .features-layer-up .cloud-layer2{width:29vh;width:calc(29 * var(--vh, 1vh));top:50.3%}}.zn--wrapper .features-layer-up .cloud-layer{left:calc(50% - 45vh);left:calc(50% - (45 * var(--vh, 1vh)))}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-up .cloud-layer{left:calc(50% - 33vh);left:calc(50% - (33 * var(--vh, 1vh)))}}@media (max-width: 649px){.zn--wrapper .features-layer-up .cloud-layer{left:calc(50% - 16vh);left:calc(50% - (16 * var(--vh, 1vh)))}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-up .cloud-layer{left:calc(50% - 20.5vh);left:calc(50% - (20.5 * var(--vh, 1vh)))}}.zn--wrapper .features-layer-up .cloud-layer2{left:calc(50% + 22vh);left:calc(50% + (22 * var(--vh, 1vh)))}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-up .cloud-layer2{left:calc(50% + 16vh);left:calc(50% + (16 * var(--vh, 1vh)))}}@media (max-width: 649px){.zn--wrapper .features-layer-up .cloud-layer2{left:calc(50% + 14.3vh);left:calc(50% + (14.3 * var(--vh, 1vh)))}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-up .cloud-layer2{left:calc(50% + 18.5vh);left:calc(50% + (18.5 * var(--vh, 1vh)))}}.zn--wrapper .features-layer-up .lead-layer{position:absolute;width:69vh;width:calc(69 * var(--vh, 1vh));height:auto;top:27.4%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}@media (max-width: 649px){.zn--wrapper .features-layer-up .lead-layer{width:38vh;width:calc(38 * var(--vh, 1vh));top:43.4%}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-up .lead-layer{width:46vh;width:calc(46 * var(--vh, 1vh));top:43%}}.zn--wrapper .features-layer-up .lead-layer.show{opacity:1}.zn--wrapper .features-layer-up .swerve-layer-up{width:100%;height:100%;top:calc(50% + 5vh);top:calc(50% + (5 * var(--vh, 1vh)));left:49.88%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-up .swerve-layer-up{width:160vh;width:calc(160 * var(--vh, 1vh));top:calc(50% + 6vh);top:calc(50% + (6 * var(--vh, 1vh)))}}@media (max-width: 649px){.zn--wrapper .features-layer-up .swerve-layer-up{width:633.5px;left:55%;top:calc(50% - 1vh);top:calc(50% - (1 * var(--vh, 1vh)));-webkit-transform:translate(-50%,-50%) rotateZ(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}}.zn--wrapper .features-layer-down{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.zn--wrapper .features-layer-down .feature-layer{position:absolute;top:0;left:0;opacity:0}.zn--wrapper .features-layer-down .feature-layer.show{opacity:1;transition:opacity .2s}.zn--wrapper .features-layer-down .swerve-layer-down{width:212vh;width:calc(212 * var(--vh, 1vh));height:auto;top:calc(50% + 1vh);top:calc(50% + (1 * var(--vh, 1vh)));left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-down .swerve-layer-down{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){.zn--wrapper .features-layer-down .swerve-layer-down{width:633.5px;left:50%;top:calc(50% - 1vh);top:calc(50% - (1 * var(--vh, 1vh)));-webkit-transform:translate(-50%,-50%) rotateZ(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-down .swerve-layer-down{width:172vh;width:calc(172 * var(--vh, 1vh));top:calc(50% + 2vh);top:calc(50% + (2 * var(--vh, 1vh)))}}.zn--wrapper .features-layer-down .around-layer{width:215vh;width:calc(215 * var(--vh, 1vh));height:auto;top:50%;left:calc(50% - 13vh);left:calc(50% - (13 * var(--vh, 1vh)));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-down .around-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){.zn--wrapper .features-layer-down .around-layer{width:767px;top:50%;left:calc(50% - .5vh);left:calc(50% - (.5 * var(--vh, 1vh)));-webkit-transform:translate(-50%,-50%) rotateZ(90deg);transform:translate(-50%,-50%) rotate(90deg)}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-down .around-layer{width:147vh;width:calc(147 * var(--vh, 1vh));left:50%}}.zn--wrapper .features-layer-down .park-layer{width:190vh;width:calc(190 * var(--vh, 1vh));height:auto;top:51%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-down .park-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){.zn--wrapper .features-layer-down .park-layer{width:480px;left:49.4%;-webkit-transform:translate(-50%,-50%) rotateZ(90deg);transform:translate(-50%,-50%) rotate(90deg)}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-down .park-layer{width:136vh;width:calc(136 * var(--vh, 1vh));top:50.5%}}.zn--wrapper .features-layer-down .crab-layer{width:150vh;width:calc(150 * var(--vh, 1vh));height:auto;top:calc(50% - 15vh);top:calc(50% - (15 * var(--vh, 1vh)));left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .features-layer-down .crab-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78);-webkit-transform-origin:54% 65%;transform-origin:54% 65%}}@media (max-width: 649px){.zn--wrapper .features-layer-down .crab-layer{width:480px;top:50%;left:49.4%}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .features-layer-down .crab-layer{width:114vh;width:calc(114 * var(--vh, 1vh));top:50%;left:43%}}.zn--wrapper .features-layer-down .crab-layer .inner{-webkit-transform-origin:40% 50%;transform-origin:40% 50%}.zn--wrapper .arc-mask{z-index:7;transition:none}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .arc-mask{-webkit-transform:scale(.58);transform:scale(.58)}}@media (min-width: 1024px) and (max-width: 1280px){.zn--wrapper .arc-mask{-webkit-transform:scale(.78);transform:scale(.78)}}.zn--wrapper .arc-mask .arc-point{display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zn--wrapper .arc-mask .arc-point svg{opacity:.65}.zn--wrapper .arc-mask .arc-point .arc-point-img{background:rgba(52,108,217,.5);border-radius:50%}.zn--wrapper .arc-mask .arc-point .arc-point-img .arc-inner{width:6px;height:6px;background:#4c75c4;border-radius:50%}.zn--wrapper .arc-mask .arc-point .arc-point-img,.zn--wrapper .arc-mask .arc-point svg{width:18px;height:18px}@media (max-width: 649px){.zn--wrapper .arc-mask .arc-point svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.zn--wrapper .arc-mask .arc-point.active svg{opacity:1}.zn--wrapper .arc-mask .arc-point.active .arc-point-img{background:#346cd9}.zn--wrapper .arc-mask .arc-point.active .arc-point-img .arc-inner{background:#fff}@media (min-width: 1024px){.zn--wrapper .arc-mask .arc-point[data-pos=tb]{flex-direction:column}.zn--wrapper .arc-mask .arc-point[data-pos=tb] img{margin-top:2px}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .arc-mask .arc-point[data-pos=tb]{flex-direction:column}.zn--wrapper .arc-mask .arc-point[data-pos=tb] img{margin-top:2px}}@media (max-width: 649px){.zn--wrapper .arc-mask .arc-point[data-pos=tb]{flex-direction:row-reverse}.zn--wrapper .arc-mask .arc-point[data-pos=tb] img{margin-left:2px}}@media (min-width: 1024px){.zn--wrapper .arc-mask .arc-point[data-pos=bt]{flex-direction:column-reverse}.zn--wrapper .arc-mask .arc-point[data-pos=bt] img{margin-bottom:2px}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .arc-mask .arc-point[data-pos=bt]{flex-direction:column-reverse}.zn--wrapper .arc-mask .arc-point[data-pos=bt] img{margin-bottom:2px}}@media (max-width: 649px){.zn--wrapper .arc-mask .arc-point[data-pos=bt]{flex-direction:row}.zn--wrapper .arc-mask .arc-point[data-pos=bt] img{margin-right:2px}}@media (min-width: 1024px){.zn--wrapper .arc-mask .arc-point[data-pos=lr] img{margin-right:2px}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .arc-mask .arc-point[data-pos=lr] img{margin-right:2px}}@media (max-width: 649px){.zn--wrapper .arc-mask .arc-point[data-pos=lr]{flex-direction:column}.zn--wrapper .arc-mask .arc-point[data-pos=lr] img{margin-bottom:2px}}@media (min-width: 1024px){.zn--wrapper .arc-mask .arc-point[data-pos=rl]{flex-direction:row-reverse}.zn--wrapper .arc-mask .arc-point[data-pos=rl] img{margin-left:2px}}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .arc-mask .arc-point[data-pos=rl]{flex-direction:row-reverse}.zn--wrapper .arc-mask .arc-point[data-pos=rl] img{margin-left:2px}}@media (max-width: 649px){.zn--wrapper .arc-mask .arc-point[data-pos=rl]{flex-direction:column-reverse}.zn--wrapper .arc-mask .arc-point[data-pos=rl] img{margin-top:2px}}.zn--wrapper .arc-mask .point-0{top:calc(50% - 20vh);top:calc(50% - (20 * var(--vh, 1vh)));left:calc(50% - 38vh);left:calc(50% - (38 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-0{top:calc(50% - 24vh);top:calc(50% - (24 * var(--vh, 1vh)));left:calc(50% + 10vh);left:calc(50% + (10 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-1{top:calc(50% - 21vh);top:calc(50% - (21 * var(--vh, 1vh)));left:calc(50% - 34vh);left:calc(50% - (34 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-1{top:calc(50% - 21vh);top:calc(50% - (21 * var(--vh, 1vh)));left:calc(50% + 12.5vh);left:calc(50% + (12.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-2{top:calc(50% - 21vh);top:calc(50% - (21 * var(--vh, 1vh)));left:calc(50% - 19vh);left:calc(50% - (19 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-2{top:calc(50% - 11vh);top:calc(50% - (11 * var(--vh, 1vh)));left:calc(50% + 12.5vh);left:calc(50% + (12.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-3{top:calc(50% - 25vh);top:calc(50% - (25 * var(--vh, 1vh)));left:calc(50% - 12vh);left:calc(50% - (12 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-3{top:calc(50% - 6vh);top:calc(50% - (6 * var(--vh, 1vh)));left:calc(50% + 15vh);left:calc(50% + (15 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-4{top:calc(50% - 18vh);top:calc(50% - (18 * var(--vh, 1vh)));left:calc(50% + 45vh);left:calc(50% + (45 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-4{top:calc(50% + 26vh);top:calc(50% + (26 * var(--vh, 1vh)));left:calc(50% + 10.5vh);left:calc(50% + (10.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-5{top:calc(50% - 10px);left:calc(50% - 50vh);left:calc(50% - (50 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-5{top:calc(50% - 28.5vh);top:calc(50% - (28.5 * var(--vh, 1vh)));left:calc(50% + 1.5vh);left:calc(50% + (1.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-6{top:calc(50% + 10px);left:calc(50% - 50vh);left:calc(50% - (50 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-6{top:calc(50% - 28.5vh);top:calc(50% - (28.5 * var(--vh, 1vh)));left:calc(50% - 1.5vh);left:calc(50% - (1.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-7{left:calc(50% - 5vh);left:calc(50% - (5 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-7{left:50%;top:calc(50% - 1.5vh);top:calc(50% - (1.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-8{left:calc(50% + 20vh);left:calc(50% + (20 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-8{left:50%;top:calc(50% + 12.5vh);top:calc(50% + (12.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-9{left:calc(50% + 48vh);left:calc(50% + (48 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-9{left:50%;top:calc(50% + 27.3vh);top:calc(50% + (27.3 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-10{top:calc(50% + 20vh);top:calc(50% + (20 * var(--vh, 1vh)));left:calc(50% - 38vh);left:calc(50% - (38 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-10{top:calc(50% - 24vh);top:calc(50% - (24 * var(--vh, 1vh)));left:calc(50% - 10vh);left:calc(50% - (10 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-11{top:calc(50% + 20vh);top:calc(50% + (20 * var(--vh, 1vh)));left:calc(50% - 34vh);left:calc(50% - (34 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-11{top:calc(50% - 21vh);top:calc(50% - (21 * var(--vh, 1vh)));left:calc(50% - 12.5vh);left:calc(50% - (12.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-12{top:calc(50% + 21vh);top:calc(50% + (21 * var(--vh, 1vh)));left:calc(50% - 19vh);left:calc(50% - (19 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-12{top:calc(50% - 11vh);top:calc(50% - (11 * var(--vh, 1vh)));left:calc(50% - 12.5vh);left:calc(50% - (12.5 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-13{top:calc(50% + 25vh);top:calc(50% + (25 * var(--vh, 1vh)));left:calc(50% - 12vh);left:calc(50% - (12 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-13{top:calc(50% - 6vh);top:calc(50% - (6 * var(--vh, 1vh)));left:calc(50% - 15vh);left:calc(50% - (15 * var(--vh, 1vh)))}}.zn--wrapper .arc-mask .point-14{top:calc(50% + 18vh);top:calc(50% + (18 * var(--vh, 1vh)));left:calc(50% + 45vh);left:calc(50% + (45 * var(--vh, 1vh)))}@media (max-width: 649px){.zn--wrapper .arc-mask .point-14{top:calc(50% + 26vh);top:calc(50% + (26 * var(--vh, 1vh)));left:calc(50% - 10.5vh);left:calc(50% - (10.5 * var(--vh, 1vh)))}}.zn--wrapper .fade-trans-enter-active,.zn--wrapper .fade-trans-leave-active{transition:opacity 3s}.zn--wrapper .fade-trans-enter-active .intro-item-line{transition:-webkit-transform .3s ease .3s;transition:transform .3s ease .3s;transition:transform .3s ease .3s,-webkit-transform .3s ease .3s}.zn--wrapper .fade-trans-enter-active .intro-item-con{transition:opacity .5s ease .6s,-webkit-transform .5s ease .6s;transition:opacity .5s ease .6s,transform .5s ease .6s;transition:opacity .5s ease .6s,transform .5s ease .6s,-webkit-transform .5s ease .6s}.zn--wrapper .fade-trans-leave-active .intro-item-line{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.zn--wrapper .fade-trans-leave-active .intro-item-con{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.zn--wrapper .fade-trans-enter-from .intro-item-line,.zn--wrapper .fade-trans-leave-to .intro-item-line{-webkit-transform:scaleX(0) translateZ(0);transform:scaleX(0) translateZ(0)}.zn--wrapper .fade-trans-enter-from .intro-item-con,.zn--wrapper .fade-trans-leave-to .intro-item-con{opacity:0;-webkit-transform:translate3d(0,-3vh,0);transform:translate3d(0,-3vh,0);-webkit-transform:translate3d(0,calc(-3 * var(--vh, 1vh)),0);transform:translate3d(0,calc(-3 * var(--vh, 1vh)),0)}.zn--wrapper .fade-trans-enter-to .intro-item-line,.zn--wrapper .fade-trans-leave-from .intro-item-line{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.zn--wrapper .fade-trans-enter-to .intro-item-con,.zn--wrapper .fade-trans-leave-from .intro-item-con{opacity:1;-webkit-transform:translate3d(0,0vh,0);transform:translateZ(0);-webkit-transform:translate3d(0,calc(0 * var(--vh, 1vh)),0);transform:translate3d(0,calc(0 * var(--vh, 1vh)),0)}.zn--wrapper .intro-wrapper{left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:9}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .intro-wrapper{width:100%;left:0;right:unset}}@media (max-width: 649px){.zn--wrapper .intro-wrapper{width:100%;right:unset}}.zn--wrapper .intro-wrapper .intro-item-wrapper{position:absolute}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper{top:100px;left:60px}}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - 48px)}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - 40px)}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - 32px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - 32px)}}@media (min-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:20.83vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(50% + 40vh);left:calc(50% + (40 * var(--vh, 1vh)));text-align:right}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item{display:flex;flex-direction:column;align-items:flex-end}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line{-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.zn--wrapper .intro-wrapper .intro-item-wrapper.intro-park-wrapper{left:calc(50% + 45vh);left:calc(50% + (45 * var(--vh, 1vh)))}.zn--wrapper .intro-wrapper .intro-item-wrapper.dir-left{right:calc(50% + 40vh);right:calc(50% + (40 * var(--vh, 1vh)));left:auto;text-align:left}.zn--wrapper .intro-wrapper .intro-item-wrapper.dir-left .intro-item{align-items:start}.zn--wrapper .intro-wrapper .intro-item-wrapper.dir-left .intro-item .intro-item-line{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper.intro-architecture-wrapper{top:128px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper.intro-architecture-wrapper{top:60px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - 85px);top:170px;left:43px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - 40px);top:80px;left:20px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item{font-weight:500}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item.intro-swerve .intro-item-line,.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item.intro-cloud .intro-item-line,.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item.intro-god .intro-item-line{width:23.7vw}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item.intro-around .intro-item-line,.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item.intro-park .intro-item-line,.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item.intro-crab .intro-item-line{width:20.7vw}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line{width:26.73vw;height:1px;background:rgba(255,255,255,.4)}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-top{margin-bottom:22px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-top{margin-bottom:18px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-top{margin-bottom:15px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-top{margin-bottom:15px}}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-bottom{margin-top:22px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-bottom{margin-top:18px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-bottom{margin-top:15px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-line.intro-item-line-bottom{margin-top:15px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{color:#346cd9;line-height:1.2}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:20px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:17px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:14px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:14px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:34px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:16px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-title{font-size:14px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{color:#fff;line-height:1.2}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:36px;margin-top:10px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:30px;margin-top:8px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:24px;margin-top:6px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:24px;margin-top:6px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:51px;margin-top:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:24px;margin-top:6px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:43px;margin-top:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-desc{font-size:20px;margin-top:6px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{color:#ffffffb3;line-height:1.4}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:19px;margin-top:22px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:16px;margin-top:18px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:13px;margin-top:15px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:13px;margin-top:15px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:30px;margin-top:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:14px;margin-top:14px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:21px;margin-top:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-detail{font-size:10px;margin-top:6px}}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:43px;width:277px;height:170px;border-radius:12px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:36px;width:231px;height:142px;border-radius:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:29px;width:187px;height:115px;border-radius:8px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:29px;width:187px;height:115px;border-radius:8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:43px;width:341px;height:213px;border-radius:17px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:20px;width:160px;height:100px;border-radius:8px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:21px;width:256px;height:160px;border-radius:13px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:10px;width:120px;height:75px;border-radius:6px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{-o-object-fit:cover;object-fit:cover}}@media (min-width: 1800px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:18px;width:288px;height:177px;border-radius:14px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:15px;width:240px;height:148px;border-radius:12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:12px;width:194px;height:119px;border-radius:10px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-img{margin-top:12px;width:194px;height:119px;border-radius:10px}}@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px){.zn--wrapper .intro-wrapper .intro-item-wrapper{left:calc(50% + 22vw)}}@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px){.zn--wrapper .intro-wrapper .intro-item-wrapper.intro-park-wrapper{left:calc(50% + 24vw)}}@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px){.zn--wrapper .intro-wrapper .intro-item-wrapper.dir-left{right:calc(50% + 22vw)}}.no-webgl2-wrapper,.no-webgl2-wrapper-html{width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:-1;display:none}.no-webgl2-wrapper.show,.no-webgl2-wrapper-html.show{display:block!important}.no-webgl2-wrapper .no-webgl2-bg,.no-webgl2-wrapper-html .no-webgl2-bg{-o-object-fit:cover;object-fit:cover}.no-webgl2-wrapper .no-webgl2-content,.no-webgl2-wrapper-html .no-webgl2-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24.3vw;height:16.11vw;background:#fff;border-radius:.83vw;padding:8.05vw 2.36vw 2.36vw;box-sizing:border-box;overflow:hidden}@media (max-width: 649px){.no-webgl2-wrapper .no-webgl2-content,.no-webgl2-wrapper-html .no-webgl2-content{width:343px;height:236px;border-radius:12px;padding:126px 26px 26px}}.no-webgl2-wrapper .no-webgl2-content .no-webgl2-icon,.no-webgl2-wrapper-html .no-webgl2-content .no-webgl2-icon{position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain}.no-webgl2-wrapper .no-webgl2-content .no-webgl2-text,.no-webgl2-wrapper-html .no-webgl2-content .no-webgl2-text{position:relative;font-size:.97vw;line-height:150%;font-weight:500;color:#000000bf;text-align:center}@media (max-width: 649px){.no-webgl2-wrapper .no-webgl2-content .no-webgl2-text,.no-webgl2-wrapper-html .no-webgl2-content .no-webgl2-text{font-size:14px}}