.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}a{text-decoration:none}.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;font-family: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";box-sizing:border-box}.zn--wrapper.forbid{cursor:not-allowed}.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 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 .ui-top-mask{position:absolute;top:0;left:0;width:100%;height:calc(var(--rx) * 136);z-index:6;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%)}.zn--wrapper .top-options-wrapper{position:absolute;top:0;left:0;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:calc(var(--rx) * 16) calc(var(--rx) * 32);z-index:9;display:flex;align-items:center;justify-content:space-between}@media (max-width: 1023px){.zn--wrapper .top-options-wrapper{padding:calc(var(--rx) * 16)}}.zn--wrapper .top-options-wrapper .name{cursor:pointer;z-index:9;display:flex;align-items:center;-webkit-transform-origin:top center;transform-origin:top center}.zn--wrapper .top-options-wrapper .name .name-img{z-index:2;height:calc(var(--rx) * 16)}@media (max-width: 1023px){.zn--wrapper .top-options-wrapper .name .name-img{height:calc(var(--rx) * 10)}}.zn--wrapper .top-options-wrapper .name .switch-svg{width:calc(var(--rx) * 32);height:calc(var(--rx) * 32);margin-left:calc(var(--rx) * 12)}@media (max-width: 1023px){.zn--wrapper .top-options-wrapper .name .switch-svg{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20);margin-left:calc(var(--rx) * 6)}}.zn--wrapper .top-options-wrapper .external-link-btn-wrapper{z-index:9;display:flex;align-items:center}.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn{display:flex;align-items:center;box-sizing:border-box;padding:calc(var(--rx) * 6) calc(var(--rx) * 14) calc(var(--rx) * 6) calc(var(--rx) * 6);background:rgba(128,128,128,.3);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:calc(var(--rx) * 50);cursor:pointer}@media (max-width: 1023px){.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn{padding:calc(var(--rx) * 8.5) calc(var(--rx) * 16)}}.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn+.external-link-btn{margin-left:calc(var(--rx) * 14)}@media (max-width: 1023px){.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn+.external-link-btn{margin-left:calc(var(--rx) * 6)}}.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn .external-link-btn-icon-wrapper{box-sizing:border-box;margin-right:calc(var(--rx) * 4);width:calc(var(--rx) * 34);height:calc(var(--rx) * 34);background:rgba(0,0,0,.1);background-blend-mode:multiply;border:1px solid rgba(255,255,255,.3);border-radius:calc(var(--rx) * 46);display:flex;justify-content:center;align-items:center}.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn .external-link-btn-icon-wrapper svg{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20)}.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn .external-link-btn-text{font-weight:500;font-size:calc(var(--rx) * 14);line-height:120%;color:#ffffffe6}@media (max-width: 1023px){.zn--wrapper .top-options-wrapper .external-link-btn-wrapper .external-link-btn .external-link-btn-text{font-size:calc(var(--rx) * 12)}}.zn--wrapper .common-btn{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:calc(var(--rx) * 56);height:calc(var(--rx) * 56);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--rx) * 11.6667));backdrop-filter:blur(calc(var(--rx) * 11.6667));border-radius:calc(var(--rx) * 58.3333);cursor:pointer;transition:border .3s}.zn--wrapper .common-btn:hover .common-item-inner-circle{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.zn--wrapper .common-btn:hover .common-item-text-wrapper{opacity:1}.zn--wrapper .common-btn.active{border-color:#fff}.zn--wrapper .common-btn.active .common-item-inner-circle{-webkit-transform:translate(-50%,-50%) scale(.857142857142857);transform:translate(-50%,-50%) scale(.857142857142857);background:#fff}.zn--wrapper .common-btn.active .common-item-icon path{fill:#0009}.zn--wrapper .common-btn .common-item-inner-circle{position:absolute;left:50%;top:50%;width:100%;height:100%;background:rgba(128,128,128,.5);background-blend-mode:luminosity;border-radius:calc(var(--rx) * 53.6667);-webkit-transform:translate(-50%,-50%) scale(.714285714285714);transform:translate(-50%,-50%) scale(.714285714285714);transition:background .3s,-webkit-transform .3s;transition:transform .3s,background .3s;transition:transform .3s,background .3s,-webkit-transform .3s}.zn--wrapper .common-btn .common-item-icon{position:relative;width:calc(var(--rx) * 24);height:calc(var(--rx) * 24)}.zn--wrapper .common-btn .common-item-icon path{transition:fill .3s}.zn--wrapper .common-btn .common-item-text-wrapper{position:absolute;top:calc(var(--rx) * -34);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);opacity:0;transition:opacity .3s;pointer-events:none}.zn--wrapper .common-btn .common-item-text-wrapper .common-item-text{font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#000000f2;padding:calc(var(--rx) * 6) calc(var(--rx) * 12);background:rgba(255,255,255,.6);border-radius:calc(var(--rx) * 16);white-space:nowrap}.zn--wrapper .common-btn .common-item-text-wrapper .common-item-triangle1{width:calc(var(--rx) * 8);height:calc(var(--rx) * 4);position:absolute;bottom:calc(var(--rx) * -4);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .ui-group{opacity:0;pointer-events:none;transition:opacity .3s}.zn--wrapper .ui-group.show{opacity:1;pointer-events:auto}.zn--wrapper .hide-ui-btn{position:absolute;z-index:15;cursor:pointer;right:calc(var(--rx) * 32);bottom:calc(var(--rx) * 6);-webkit-transform:scale(.857142857142857);transform:scale(.857142857142857)}.zn--wrapper .control-group-bottom{position:absolute;z-index:11;left:50%;align-items:center;cursor:pointer;-webkit-transform:translateX(-50%);transform:translate(-50%);bottom:calc(var(--rx) * 84);pointer-events:none}@media (max-width: 1023px){.zn--wrapper .control-group-bottom .bottom-mo-control-wrapper{pointer-events:none}}.zn--wrapper .control-group-bottom.show{-webkit-transform:translateX(-50%);transform:translate(-50%);pointer-events:auto}@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}}.zn--wrapper .label{position:absolute;z-index:8;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:calc(var(--rx) * 32);height:calc(var(--rx) * 32);top:calc(var(--rx) * -16);left:calc(var(--rx) * -16);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px}.zn--wrapper .label:not(.size):after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(var(--rx) * 4);height:calc(var(--rx) * 4);background:#fff;border-radius:50%}.zn--wrapper .label.size{white-space:nowrap;padding:calc(var(--rx) * 8) calc(var(--rx) * 12);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fffffff2}.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));top:0;left:0;background-color:#000;z-index:1000}.zn--wrapper .loading .loading-lottie{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}@media (max-width: 1023px){.zn--wrapper .loading .loading-lottie{width:130vh;width:calc(130 * var(--vh, 1vh));height:100vh;height:calc(100 * var(--vh, 1vh))}}.zn--wrapper .loading .loading-logo{width:auto;height:calc(var(--rx) * 24);position:absolute;z-index:1;top:calc(var(--rx) * 36);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}@media (max-width: 1023px){.zn--wrapper .loading .loading-logo{height:calc(var(--rx) * 14)}}.zn--wrapper .loading .loading-bottom{position:absolute;bottom:5.8vh;bottom:calc(5.8 * var(--vh, 1vh));left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.zn--wrapper .loading .loading-bottom .loading-progress{display:flex;align-items:flex-end;justify-content:center}.zn--wrapper .loading .loading-bottom .loading-progress .loading-progress-title{margin-bottom:calc(var(--rx) * 4);font-weight:500;font-size:calc(var(--rx) * 14);line-height:120%;color:#fff}@media (max-width: 1023px){.zn--wrapper .loading .loading-bottom .loading-progress .loading-progress-title{margin-bottom:calc(var(--rx) * 2)}}.zn--wrapper .loading .loading-bottom .loading-progress .loading-progress-num{margin-left:calc(var(--rx) * 7);font-weight:500;font-size:calc(var(--rx) * 32);line-height:120%;color:#fff}@media (max-width: 1023px){.zn--wrapper .loading .loading-bottom .loading-progress .loading-progress-num{font-size:calc(var(--rx) * 20)}}.zn--wrapper .loading .loading-bottom .loading-tips{margin-top:calc(var(--rx) * 12);font-size:calc(var(--rx) * 12);line-height:120%;color:#ffffff59;white-space:nowrap}.zn--wrapper .model-selector-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));background-color:#000;z-index:1000;display:flex;justify-content:space-between;align-items:center}.zn--wrapper .model-selector-container .list-container{width:calc(var(--rx) * 423);margin-left:calc(var(--rx) * 32);position:relative;z-index:3}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container{width:calc(var(--rx) * 144);height:calc(var(--rx) * 510);margin:0}}.zn--wrapper .model-selector-container .list-container .tab-header-wrapper{display:flex;justify-content:space-between}.zn--wrapper .model-selector-container .list-container .tab-header-wrapper .tab-title-wrapper{background:rgba(255,255,255,.1);padding:0 calc(var(--rx) * 24);height:calc(var(--rx) * 77);border-top-left-radius:calc(var(--rx) * 8);width:100%;display:flex;align-items:center}.zn--wrapper .model-selector-container .list-container .tab-header-wrapper .tab-title-wrapper .tab-title{font-size:calc(var(--rx) * 24);font-weight:500;color:#fff}.zn--wrapper .model-selector-container .list-container .tab-header-wrapper .tab-close-wrapper{position:relative;flex-shrink:0;height:calc(var(--rx) * 77)}.zn--wrapper .model-selector-container .list-container .tab-header-wrapper .tab-close-wrapper .triangle-icon{width:calc(var(--rx) * 80);height:calc(var(--rx) * 78)}.zn--wrapper .model-selector-container .list-container .tab-header-wrapper .tab-close-wrapper .close-icon{width:calc(var(--rx) * 32);height:calc(var(--rx) * 32);position:absolute;top:0;right:0;cursor:pointer}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper{position:relative;width:100%;box-sizing:border-box;background:rgba(255,255,255,.1);padding:calc(var(--rx) * 4) calc(var(--rx) * 4) 0;border-bottom-left-radius:calc(var(--rx) * 8);border-bottom-right-radius:calc(var(--rx) * 8)}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper{height:100%;padding:0;background:transparent;-webkit-clip-path:url(#bgblur_1_clip_path);clip-path:url(#bgblur_1_clip_path);-webkit-backdrop-filter:blur(52px);backdrop-filter:blur(52px)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .model-selector-list-mo-deco{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .close-icon-wrapper-mo{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20);position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .close-icon-wrapper-mo .left-arrow-without-circle-icon{width:calc(var(--rx) * 6);height:calc(var(--rx) * 10)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon,.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon{width:calc(var(--rx) * 24);height:calc(var(--rx) * 24);position:absolute;z-index:2;left:50%;opacity:0;pointer-events:none}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon,.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon{width:calc(var(--rx) * 16);height:calc(var(--rx) * 16)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon.active,.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon.active{opacity:1}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon{top:calc(var(--rx) * 16);-webkit-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon{bottom:calc(var(--rx) * 16);-webkit-transform:translateX(-50%) rotateZ(180deg);transform:translate(-50%) rotate(180deg)}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon{bottom:calc(var(--rx) * 50)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper{position:relative;width:100%;height:100%;max-height:70vh;max-height:calc(70 * var(--vh, 1vh));box-sizing:border-box;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper::-webkit-scrollbar{display:none}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper.show-bottom-tips{-webkit-mask-image:linear-gradient(#000 80%,transparent 100%);mask-image:linear-gradient(#000 80%,transparent 100%)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper.show-top-tips{-webkit-mask-image:linear-gradient(transparent 0%,#000 20%);mask-image:linear-gradient(transparent 0%,#000 20%)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper.show-top-tips.show-bottom-tips{-webkit-mask-image:linear-gradient(transparent 0%,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(transparent 0%,#000 20%,#000 80%,transparent 100%)}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper{width:calc(var(--rx) * 105);height:calc(var(--rx) * 452);margin-left:calc(var(--rx) * 16);max-height:unset}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content{width:100%;box-sizing:border-box;padding:0 0 calc(var(--rx) * 4)}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content{padding:calc(var(--rx) * 8) 0}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item{width:100%;box-sizing:border-box;background:#000;padding:calc(var(--rx) * 16) calc(var(--rx) * 24);border-radius:calc(var(--rx) * 6);display:flex;justify-content:space-between;align-items:center;cursor:pointer}@media (min-width: 1024px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item{opacity:.5}}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item{padding:calc(var(--rx) * 12) calc(var(--rx) * 12) calc(var(--rx) * 4);flex-direction:column;opacity:1;background:rgba(0,0,0,.08)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item+.tab-content-item{margin-top:calc(var(--rx) * 4)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item:hover{opacity:1}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item.active{background:#3d3d3d;opacity:1}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item.active{background:#fff}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item.active .tab-content-item-option-logo{-webkit-filter:invert(1);filter:invert(1)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item.active .tab-content-item-option-btn{display:flex!important}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-img{width:calc(var(--rx) * 215);height:calc(var(--rx) * 110)}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-img{width:calc(var(--rx) * 81);height:calc(var(--rx) * 40);order:2;margin-top:calc(var(--rx) * 8)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-option-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-option-wrapper .tab-content-item-option-logo{width:calc(var(--rx) * 128);height:calc(var(--rx) * 14)}@media (max-width: 1023px){.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-option-wrapper .tab-content-item-option-logo{width:calc(var(--rx) * 74);height:calc(var(--rx) * 8)}}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-option-wrapper .tab-content-item-option-btn{margin-top:calc(var(--rx) * 16);box-sizing:border-box;padding:4px 4px 4px 12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.08);border-radius:1000px;text-decoration:none;display:flex;align-items:center;display:none}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-option-wrapper .tab-content-item-option-btn .tab-content-item-option-btn-text{font-size:calc(var(--rx) * 12);font-weight:500;color:#fff}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item .tab-content-item-option-wrapper .tab-content-item-option-btn .right-arrow-icon{width:calc(var(--rx) * 24);height:calc(var(--rx) * 24);margin-left:calc(var(--rx) * 8)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .model-selector-list-mo-option-wrapper{position:relative;width:calc(var(--rx) * 105);height:calc(var(--rx) * 30);margin:calc(var(--rx) * 12) 0 0 calc(var(--rx) * 16)}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .model-selector-list-mo-option-wrapper .model-selector-list-mo-submit-deco{width:100%;height:100%;position:absolute;top:0;left:0}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .model-selector-list-mo-option-wrapper .model-selector-list-mo-option-btn{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .model-selector-list-mo-option-wrapper .model-selector-list-mo-option-btn .model-selector-list-mo-option-btn-text{font-size:calc(var(--rx) * 12);font-weight:500;color:#fff}.zn--wrapper .model-selector-container .list-container .tab-content-wrapper .model-selector-list-mo-option-wrapper .model-selector-list-mo-option-btn .model-selector-list-mo-submit-arrow-deco{width:calc(var(--rx) * 24);height:calc(var(--rx) * 24);margin:0 calc(var(--rx) * 3) 0 calc(var(--rx) * 15)}.zn--wrapper .model-selector-container .large-img-container{position:absolute;top:0;right:0;width:100%;height:100%;z-index:2}.zn--wrapper .model-selector-container .large-img-container .large-img-wrapper{width:100%;height:100%;position:relative}.zn--wrapper .model-selector-container .large-img-container .large-img-wrapper .large-img-item{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;z-index:1;transition:opacity .3s}.zn--wrapper .model-selector-container .large-img-container .large-img-wrapper .large-img-item.active{opacity:1;z-index:2}.zn--wrapper .model-selector-container .large-img-container .large-img-wrapper .large-img-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right}.zn--wrapper .look-selector-container{position:absolute;bottom:0;left:0;width:100%;z-index:12}.zn--wrapper .look-selector-container .ui-bottom-mask{position:absolute;bottom:0;left:0;width:100%;height:calc(var(--rx) * 68);z-index:6;pointer-events:none;background:rgba(128,128,128,.3);-webkit-backdrop-filter:blur(calc(var(--rx) * 22));backdrop-filter:blur(calc(var(--rx) * 22))}.zn--wrapper .look-selector-container .look-wrapper{position:absolute;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:9;width:calc(var(--rx) * 578);height:calc(var(--rx) * 76);display:flex;justify-content:center;align-items:center}.zn--wrapper .look-selector-container .look-wrapper .look-decoration-icon{width:100%;height:100%;position:absolute;left:0;bottom:0;pointer-events:none}.zn--wrapper .look-selector-container .look-wrapper .look-list{width:calc(var(--rx) * 420);height:calc(100% - calc(var(--rx) * 4));padding-bottom:calc(var(--rx) * 4);box-sizing:border-box;display:flex;justify-content:center;align-items:center}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line,.zn--wrapper .look-selector-container .look-wrapper .look-list .line{position:relative;height:calc(var(--rx) * 3)}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line.left:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line.left:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .line.left:before{-webkit-clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%)}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line.right:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line.right:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .line.right:before{-webkit-clip-path:polygon(0 0,100% 40%,100% 60%,0 100%);clip-path:polygon(0 0,100% 40%,100% 60%,0 100%)}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line{width:calc(var(--rx) * 56)}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line.left:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line.left:before{background:linear-gradient(.25turn,rgba(255,255,255,0),#fff)}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line.right:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line.right:before{background:linear-gradient(.25turn,#fff,rgba(255,255,255,0))}.zn--wrapper .look-selector-container .look-wrapper .look-list .line{width:calc(var(--rx) * 28)}.zn--wrapper .look-selector-container .look-wrapper .look-list .line.left:before{background:#fff}.zn--wrapper .look-selector-container .look-wrapper .look-list .line.right:before{background:#fff}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line:before,.zn--wrapper .look-selector-container .look-wrapper .look-list .line:before{content:"";position:absolute;width:100%;height:100%;inset:0;-webkit-clip-path:polygon(0 33%,100% 33%,100% 66%,0 66%);clip-path:polygon(0 33%,100% 33%,100% 66%,0 66%);transition:background .3s,-webkit-clip-path .3s;transition:clip-path .3s,background .3s;transition:clip-path .3s,background .3s,-webkit-clip-path .3s}.zn--wrapper .look-selector-container .look-wrapper .look-list .first-line:before{background:linear-gradient(.25turn,rgba(255,255,255,0),rgba(255,255,255,.3))}.zn--wrapper .look-selector-container .look-wrapper .look-list .last-line:before{background:linear-gradient(.25turn,rgba(255,255,255,.3),rgba(255,255,255,0))}.zn--wrapper .look-selector-container .look-wrapper .look-list .line:before{background:rgba(255,255,255,.3)}.zn--wrapper .look-selector-container .look-wrapper-mo{position:absolute;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:9;width:100%;height:calc(var(--rx) * 72);display:flex;justify-content:center;align-items:center}.zn--wrapper .look-selector-container .look-wrapper-mo .look-decoration-icon-mo{position:absolute;z-index:2;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translate(-50%);width:calc(var(--rx) * 504);height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.1);-webkit-clip-path:url(#bgblur_0_1111_8462_clip_path);clip-path:url(#bgblur_0_1111_8462_clip_path)}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo{position:relative;z-index:3;width:calc(var(--rx) * 316);height:100%;display:flex;justify-content:space-between;align-items:center}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--rx) * 78);height:calc(var(--rx) * 52);border-radius:calc(var(--rx) * 26);background:transparent}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo.active{background:linear-gradient(0deg,rgba(94,94,94,.18),rgba(94,94,94,.18)),rgba(255,255,255,.36);background-blend-mode:color-dodge,lighten}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo.active .look-item-mo-icon path{fill:#000}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo.active .look-item-mo-text{color:#000}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo .look-item-mo-icon{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20)}.zn--wrapper .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo .look-item-mo-text{margin-top:calc(var(--rx) * 6);font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fff}.zn--wrapper .side-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;pointer-events:none}@media (min-width: 1024px){.zn--wrapper .side-container{opacity:0}.zn--wrapper .side-container.show{opacity:1}}@media (max-width: 1023px){.zn--wrapper .side-container .side-btn:not(.hide-ui-btn-mo){opacity:0;transition:opacity .3s;pointer-events:none}.zn--wrapper .side-container.show .side-btn{opacity:1;pointer-events:auto}}.zn--wrapper .side-container .side-deco-1{position:absolute;top:50%;left:calc(var(--rx) * -110);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--rx) * 201);height:calc(var(--rx) * 495);pointer-events:none}.zn--wrapper .side-container .side-deco-2{position:absolute;top:50%;width:calc(var(--rx) * 90);height:calc(var(--rx) * 483);pointer-events:none}.zn--wrapper .side-container .side-deco-2.side-deco-2-right{left:calc(var(--rx) * -134);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.zn--wrapper .side-container .side-deco-2.side-deco-2-left{right:calc(88vw - calc(var(--rx) * 134));-webkit-transform:translateY(-50%) scaleX(-1);transform:translateY(-50%) scaleX(-1)}.zn--wrapper .side-container .side-content{pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;flex-direction:column}@media (min-width: 1024px){.zn--wrapper .side-container .side-content{left:88vw}}@media (max-width: 1023px){.zn--wrapper .side-container .side-content{right:calc(var(--rx) * 16)}}.zn--wrapper .side-container .side-content .side-content-up,.zn--wrapper .side-container .side-content .side-content-down{display:flex;min-height:calc(var(--rx) * 200);width:100%}@media (max-width: 1023px){.zn--wrapper .side-container .side-content .side-content-up,.zn--wrapper .side-container .side-content .side-content-down{align-items:flex-end}}.zn--wrapper .side-container .side-content .side-content-up{flex-direction:column-reverse}.zn--wrapper .side-container .side-content .side-content-down{flex-direction:column}.zn--wrapper .side-container .side-content .side-main-content{display:flex;flex-direction:column;width:-webkit-max-content;width:-moz-max-content;width:max-content}.zn--wrapper .side-container .side-content .side-main-content .side-content-up{margin-bottom:calc(var(--rx) * 12)}@media (max-width: 1023px){.zn--wrapper .side-container .side-content .side-main-content .side-content-up{margin-bottom:calc(var(--rx) * 6)}}@media (min-width: 1024px){.zn--wrapper .side-container .side-content .side-main-content .side-content-up .side-btn:nth-child(2){-webkit-transform:translateX(calc(var(--rx) * -10));transform:translate(calc(var(--rx) * -10));margin-bottom:calc(var(--rx) * 24)}}@media (max-width: 1023px){.zn--wrapper .side-container .side-content .side-main-content .side-content-up .side-btn:nth-child(2){margin-bottom:calc(var(--rx) * 12)}}.zn--wrapper .side-container .side-content .side-main-content .side-content-down{margin-top:calc(var(--rx) * 12)}@media (max-width: 1023px){.zn--wrapper .side-container .side-content .side-main-content .side-content-down{margin-top:calc(var(--rx) * 6)}}@media (min-width: 1024px){.zn--wrapper .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(2){-webkit-transform:translateX(calc(var(--rx) * -10));transform:translate(calc(var(--rx) * -10));margin-top:calc(var(--rx) * 24)}}@media (max-width: 1023px){.zn--wrapper .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(2){margin-top:calc(var(--rx) * 12)}}@media (min-width: 1024px){.zn--wrapper .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(3),.zn--wrapper .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(4){-webkit-transform:translateX(calc(var(--rx) * -28));transform:translate(calc(var(--rx) * -28));margin-top:calc(var(--rx) * 24)}}@media (max-width: 1023px){.zn--wrapper .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(3),.zn--wrapper .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(4){margin-top:calc(var(--rx) * 12)}}.zn--wrapper .side-btn{box-sizing:border-box;display:flex;align-items:center;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:pointer}.zn--wrapper .side-btn[data-type=icon]{min-width:calc(var(--rx) * 40);height:calc(var(--rx) * 40);padding:calc(var(--rx) * 3);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(calc(var(--rx) * 10));backdrop-filter:blur(calc(var(--rx) * 10));border-radius:calc(var(--rx) * 58.3333);transition:border .3s}@media (max-width: 1023px){.zn--wrapper .side-btn[data-type=icon]{min-width:calc(var(--rx) * 32);padding:calc(var(--rx) * 2);height:calc(var(--rx) * 32);-webkit-backdrop-filter:blur(calc(var(--rx) * 8));backdrop-filter:blur(calc(var(--rx) * 8))}}@media (min-width: 1024px){.zn--wrapper .side-btn[data-type=icon]:hover .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(1);transform:scale(1)}}.zn--wrapper .side-btn[data-type=icon].active{border-color:#fff}.zn--wrapper .side-btn[data-type=icon].active .side-item-inner-circle-wrapper .side-item-inner-circle{background:#fff}@media (min-width: 1024px){.zn--wrapper .side-btn[data-type=icon].active .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(.8);transform:scale(.8)}}.zn--wrapper .side-btn[data-type=icon].active .side-item-icon:not(.side-item-icon-lead) path{fill:#0009}.zn--wrapper .side-btn[data-type=icon].active .side-item-icon.side-item-icon-lead path{stroke:#0009}.zn--wrapper .side-btn[data-type=icon].active .side-item-icon.side-item-icon-architecture path:first-child{fill:#fff;stroke:#0009}.zn--wrapper .side-btn[data-type=icon].active .side-item-text{opacity:1;width:auto;margin:0 calc(var(--rx) * 12) 0 calc(var(--rx) * 8)}@media (max-width: 1023px){.zn--wrapper .side-btn[data-type=icon].active .side-item-text{margin:0 calc(var(--rx) * 8) 0 calc(var(--rx) * 4)}}.zn--wrapper .side-btn[data-type=icon] .side-item-inner-circle-wrapper{position:absolute;top:0;left:0;width:calc(var(--rx) * 38);height:calc(var(--rx) * 38);display:flex;justify-content:center;align-items:center}@media (max-width: 1023px){.zn--wrapper .side-btn[data-type=icon] .side-item-inner-circle-wrapper{width:calc(var(--rx) * 30);height:calc(var(--rx) * 30)}}.zn--wrapper .side-btn[data-type=icon] .side-item-inner-circle-wrapper .side-item-inner-circle{width:100%;height:100%;background:rgba(128,128,128,.5);background-blend-mode:luminosity;border-radius:calc(var(--rx) * 53.6667);transition:background .3s,-webkit-transform .3s;transition:transform .3s,background .3s;transition:transform .3s,background .3s,-webkit-transform .3s}@media (min-width: 1024px){.zn--wrapper .side-btn[data-type=icon] .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(.8);transform:scale(.8)}}@media (max-width: 1023px){.zn--wrapper .side-btn[data-type=icon] .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(.875);transform:scale(.875)}}.zn--wrapper .side-btn[data-type=icon] .side-item-inner-wrapper{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;width:calc(var(--rx) * 32);height:calc(var(--rx) * 32)}@media (max-width: 1023px){.zn--wrapper .side-btn[data-type=icon] .side-item-inner-wrapper{width:calc(var(--rx) * 26);height:calc(var(--rx) * 26)}}.zn--wrapper .side-btn[data-type=icon] .side-item-inner-wrapper .side-item-icon{position:relative;width:calc(var(--rx) * 16);height:calc(var(--rx) * 16)}@media (max-width: 1023px){.zn--wrapper .side-btn[data-type=icon] .side-item-inner-wrapper .side-item-icon{width:calc(var(--rx) * 12);height:calc(var(--rx) * 12)}}.zn--wrapper .side-btn[data-type=icon] .side-item-inner-wrapper .side-item-icon path{transition:fill .3s}.zn--wrapper .side-btn[data-type=icon] .side-item-text{flex-shrink:0;font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fffffff2;white-space:nowrap;opacity:0;width:0;margin:0;transition:all .3s}.zn--wrapper .side-btn[data-type=text]{padding:calc(var(--rx) * 8) calc(var(--rx) * 12);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1000px}.zn--wrapper .side-btn[data-type=text].active{background:#fff;border:1px solid rgba(255,255,255,.3)}.zn--wrapper .side-btn[data-type=text].active .side-item-text{color:#000000f2}.zn--wrapper .side-btn[data-type=text] .side-item-text{font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fffffff2}.zn--wrapper .normal-wrapper{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .normal-wrapper .normal-wrapper-scroll{display:flex;align-items:center;justify-content:center}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:calc(var(--rx) * 8) calc(var(--rx) * 12) calc(var(--rx) * 8) calc(var(--rx) * 8);margin:0 calc(var(--rx) * 4);background:rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3);border-radius:calc(var(--rx) * 40)}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected{background:#fff}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .version-icon .path-1{stroke:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .version-icon .path-2{fill:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .color-icon path{fill:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .wheel-icon path{fill:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .wheel-icon circle{stroke:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .wheel-icon line{stroke:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .view-icon path{fill:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-text{color:#000}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text .ui-circle{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20)}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text .ui-circle svg{width:100%;height:100%}.zn--wrapper .normal-wrapper .normal-wrapper-scroll .ui-icon-text .ui-text{margin-left:calc(var(--rx) * 8);font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fff;white-space:nowrap}.zn--wrapper .common-list{display:flex;align-items:center;box-sizing:border-box;padding:calc(var(--rx) * 4);background:rgba(128,128,128,.5);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--rx) * 50));backdrop-filter:blur(calc(var(--rx) * 50));border-radius:calc(var(--rx) * 100);margin:0 calc(var(--rx) * 8)}@media (min-width: 1024px){.zn--wrapper .common-list{position:relative}}@media (max-width: 1023px){.zn--wrapper .common-list{position:absolute;left:50%;bottom:calc(var(--rx) * 48);-webkit-transform:translateX(-50%);transform:translate(-50%);margin:0}}.zn--wrapper .common-list .common-list-item{position:relative;display:flex;align-items:center;padding:calc(var(--rx) * 11) calc(var(--rx) * 12);border-radius:calc(var(--rx) * 100);font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fffffff2;white-space:nowrap;cursor:pointer}.zn--wrapper .common-list .common-list-item:hover{background:rgba(128,128,128,.1)}.zn--wrapper .common-list .common-list-item.selected{background:rgba(255,255,255,.3)}.zn--wrapper .common-list .common-list-item.selected .wheel-text,.zn--wrapper .common-list .common-list-item.selected .color-text{margin-left:calc(var(--rx) * 8)}.zn--wrapper .common-list .common-list-item+.common-list-item{margin-left:calc(var(--rx) * 4)}.zn--wrapper .common-list .common-list-item.view-item{padding:calc(var(--rx) * 11) calc(var(--rx) * 24)}.zn--wrapper .common-list .common-list-item .wheel-icon,.zn--wrapper .common-list .common-list-item .color-icon{position:relative;width:calc(var(--rx) * 20);height:calc(var(--rx) * 20);border-radius:50%;overflow:hidden}.zn--wrapper .common-list .common-list-item .wheel-icon .inner,.zn--wrapper .common-list .common-list-item .color-icon .inner{width:100%;height:100%}.zn--wrapper .common-list .common-list-item .wheel-text,.zn--wrapper .common-list .common-list-item .color-text{width:0px;margin-left:0;overflow:hidden;transition:width .3s,margin-left .3s}@media (max-width: 1023px){.zn--wrapper .common-list.common-text-list .common-list-item.selected{background:#fff;color:#000}}@media (max-width: 1023px){.zn--wrapper .common-list.common-icon-list{background:transparent;-webkit-backdrop-filter:unset;backdrop-filter:unset;border:none}.zn--wrapper .common-list.common-icon-list .common-list-item{padding:calc(var(--rx) * 2) calc(var(--rx) * 5)}.zn--wrapper .common-list.common-icon-list .common-list-item .wheel-icon,.zn--wrapper .common-list.common-icon-list .common-list-item .color-icon{width:calc(var(--rx) * 17);height:calc(var(--rx) * 17)}.zn--wrapper .common-list.common-icon-list .common-list-item .wheel-icon:after,.zn--wrapper .common-list.common-icon-list .common-list-item .color-icon:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(var(--rx) * 20);height:calc(var(--rx) * 20);border:1px solid #fff;border-radius:50%;opacity:0}.zn--wrapper .common-list.common-icon-list .common-list-item.selected{background:transparent}.zn--wrapper .common-list.common-icon-list .common-list-item.selected .wheel-icon:after,.zn--wrapper .common-list.common-icon-list .common-list-item.selected .color-icon:after{opacity:1}}@media (max-width: 1023px){.zn--wrapper .common-list.space-list,.zn--wrapper .common-list.scene-list{bottom:0}}.zn--wrapper .point-dialog{z-index:15;display:none;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.zn--wrapper .point-dialog.show{display:flex}.zn--wrapper .point-dialog .point-bg{z-index:1;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.zn--wrapper .point-dialog .close{position:relative;z-index:2;width:calc(var(--rx) * 40);height:calc(var(--rx) * 40);cursor:pointer}@media (max-width: 1023px){.zn--wrapper .point-dialog .close{width:calc(var(--rx) * 32);height:calc(var(--rx) * 32)}}.zn--wrapper .point-dialog .point-wrapper{margin-top:calc(var(--rx) * 24);width:calc(var(--rx) * 780);height:70vh;height:calc(70 * var(--vh, 1vh));max-height:calc(var(--rx) * 526);z-index:2;display:flex;flex-direction:column;align-items:center}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper{margin-top:calc(var(--rx) * 15);width:calc(var(--rx) * 450);height:75vh;height:calc(75 * var(--vh, 1vh));max-height:calc(var(--rx) * 600)}}@media (max-width: 649px){.zn--wrapper .point-dialog .point-wrapper{margin-top:calc(var(--rx) * 15);width:calc(var(--rx) * 343);height:75vh;height:calc(75 * var(--vh, 1vh));max-height:calc(var(--rx) * 520)}}.zn--wrapper .point-dialog .point-wrapper .point-content{border-radius:calc(var(--rx) * 8);width:100%;max-height:calc(var(--rx) * 446);flex-shrink:1;overflow:hidden}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content{max-height:calc(var(--rx) * 526)}}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}.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{width:calc(var(--rx) * 780);height:100%;flex-shrink:0;margin-right:10px;border-radius:calc(var(--rx) * 8);overflow:hidden}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:calc(var(--rx) * 450)}}@media (max-width: 649px){.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item{width:calc(var(--rx) * 343)}}.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 .point-item.point-item-n9-feature-2 img,.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item.point-item-n9-safety-6 img{-o-object-position:bottom;object-position:bottom}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item.point-item-d9-simulation-1 img{-o-object-position:50% 70%;object-position:50% 70%}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item.point-item-d9-simulation-5 img{-o-object-position:50% 30%;object-position:50% 30%}.zn--wrapper .point-dialog .point-wrapper .point-content .transform-content .point-item.point-item-d9-safety-3 img{-o-object-position:50% 10%;object-position:50% 10%}.zn--wrapper .point-dialog .point-wrapper .text-content{position:relative;margin-top:calc(var(--rx) * 8);border-radius:calc(var(--rx) * 8);width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;flex-shrink:0;background:rgba(0,0,0,.25)}@media (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .text-content{margin-top:calc(var(--rx) * 4)}}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item{padding:calc(var(--rx) * 16);display:none}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item.active{display:block}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-sub-title{font-weight:500;font-size:calc(var(--rx) * 16);line-height:120%;color:#ffffffbf}@media (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-sub-title{font-size:calc(var(--rx) * 14)}}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-sub-title+.text-title{margin-top:calc(var(--rx) * 4)}@media (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-sub-title+.text-title{margin-top:calc(var(--rx) * 6)}}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-title{font-weight:600;font-size:calc(var(--rx) * 24);line-height:120%;color:#fff}@media (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-title{font-size:calc(var(--rx) * 18)}}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-title+.text-desc{margin-top:calc(var(--rx) * 12)}@media (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-title+.text-desc{margin-top:calc(var(--rx) * 8)}}.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-desc{font-weight:500;font-size:calc(var(--rx) * 14);line-height:140%;color:#ffffff8c}@media (max-width: 1023px){.zn--wrapper .point-dialog .point-wrapper .text-content .text-item .text-desc{font-size:calc(var(--rx) * 12)}}.zn--wrapper .point-dialog .options-wrapper{margin-top:calc(var(--rx) * 24);width:calc(var(--rx) * 115);height:calc(var(--rx) * 41);z-index:2;position:relative}@media (max-width: 1023px){.zn--wrapper .point-dialog .options-wrapper{margin-top:calc(var(--rx) * 15)}}.zn--wrapper .point-dialog .options-wrapper .options-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--rx) * 4);box-sizing:border-box}.zn--wrapper .point-dialog .options-wrapper .options-content .options-arrow{width:calc(var(--rx) * 32);height:calc(var(--rx) * 32);opacity:.2;pointer-events:none;cursor:not-allowed}.zn--wrapper .point-dialog .options-wrapper .options-content .options-arrow.show{opacity:1;pointer-events:auto;cursor:pointer}.zn--wrapper .point-dialog .options-wrapper .options-content .options-arrow.options-arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.zn--wrapper .point-dialog .options-wrapper .options-content .options-num{width:calc(var(--rx) * 32.5);white-space:nowrap;font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#ffffff8c;text-align:center}.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:45%;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-up .swerve-layer-up g[mask]:first-child{-webkit-transform:translateY(100%) scaleY(-1);transform:translateY(100%) scaleY(-1)}.zn--wrapper .features-layer-up .swerve-layer-up g[mask]:last-child{-webkit-transform:translateY(-55%);transform:translateY(-55%)}}.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%) scaleX(-1) rotateZ(-90deg);transform:translate(-50%,-50%) scaleX(-1) 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-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-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-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-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:10}@media (min-width: 650px) and (max-width: 1023px){.zn--wrapper .intro-wrapper{width:100%;left:0;right:unset}}@media (max-width: 1023px){.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:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(var(--rx) * 32);text-align:left}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item{display:flex;flex-direction:column;align-items:flex-start}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item{align-items:flex-end}}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper{width:calc(100% - calc(var(--rx) * 32));top:calc(var(--rx) * 80);left:calc(var(--rx) * 16)}}@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}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con{position:relative}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-bg{top:-16px;left:-16px;z-index:1}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-title{font-weight:500;font-size:calc(var(--rx) * 16);line-height:120%;color:#ffffffbf;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-title{font-size:calc(var(--rx) * 16)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-title{font-size:30px}}@media (orientation: portrait) and (max-width: 720px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-title{font-size:14px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-desc{font-weight:600;font-size:calc(var(--rx) * 24);line-height:120%;color:#fff;margin-top:calc(var(--rx) * 4);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-desc{font-size:calc(var(--rx) * 24);margin-top:calc(var(--rx) * 4)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .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-con .intro-item-desc{font-size:20px;margin-top:6px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-detail{font-weight:500;font-size:calc(var(--rx) * 14);line-height:140%;color:#ffffff8c;margin-top:calc(var(--rx) * 16)}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-detail{font-size:calc(var(--rx) * 14);margin-top:calc(var(--rx) * 14)}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .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-con .intro-item-detail{font-size:10px;margin-top:6px}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper{margin-top:calc(var(--rx) * 24);width:calc(var(--rx) * 264)}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper{margin-top:calc(var(--rx) * 14);width:calc(var(--rx) * 225)}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-burst-text-card-wrapper{width:100%;display:flex;justify-content:space-between;align-items:stretch}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-burst-text-card-wrapper .intro-item-burst-text-card{border-radius:calc(var(--rx) * 4);width:calc(50% - 2px);min-height:calc(var(--rx) * 90);box-sizing:border-box;padding:calc(var(--rx) * 8) calc(var(--rx) * 12);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.1)}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-burst-text-card-wrapper .intro-item-burst-text-card{min-height:calc(var(--rx) * 80)}}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-burst-text-card-wrapper .intro-item-burst-text-card .intro-item-burst-text-card-title{font-weight:500;font-size:calc(var(--rx) * 12);line-height:140%;color:#ffffff8c}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-burst-text-card-wrapper .intro-item-burst-text-card .intro-item-burst-text-card-num{margin-top:calc(var(--rx) * 10);font-weight:600;font-size:calc(var(--rx) * 20);line-height:120%;color:#fff;display:flex;align-items:center}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-burst-text-card-wrapper .intro-item-burst-text-card .intro-item-burst-text-card-num svg{width:calc(var(--rx) * 16);height:calc(var(--rx) * 16)}.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-img{margin-top:calc(var(--rx) * 4);width:calc(var(--rx) * 264);height:calc(var(--rx) * 133);border-radius:calc(var(--rx) * 4)}@media (max-width: 1023px){.zn--wrapper .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-burst-wrapper .intro-item-img{width:calc(var(--rx) * 225);height:calc(var(--rx) * 114)}}.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}}