.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;background-color:#ccc}.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}}body{margin:0;padding:0}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}.lil-gui{display:none!important}#zn-3d-wrapper .rel{position:relative}#zn-3d-wrapper .abs{position:absolute}#zn-3d-wrapper .abs.clip{top:0;left:0}#zn-3d-wrapper .abs.abs-c{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#zn-3d-wrapper .flex{display:flex}#zn-3d-wrapper .flex.col{flex-direction:column}#zn-3d-wrapper .flex.flex-c{justify-content:center;align-items:center}#zn-3d-wrapper .full{width:100%;height:100%}#zn-3d-wrapper .cursor-pointer{cursor:pointer}#zn-3d-wrapper .cursor-forbid{cursor:not-allowed}#zn-3d-wrapper .mo-blur-bg-inner{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background:#d2d2d266!important}#zn-3d-wrapper #exhibition{width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));overflow:hidden;position:fixed;top:0;left:0;z-index:5;background:#000;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;touch-action:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}#zn-3d-wrapper #exhibition .loading{position:fixed;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));top:0;left:0;background-color:#000;z-index:1000}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .loading .loading-lottie{width:130vh;width:calc(130 * var(--vh, 1vh));height:100vh;height:calc(100 * var(--vh, 1vh))}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .loading .loading-logo{height:calc(var(--rx) * 14)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .loading .loading-bottom .loading-progress{display:flex;align-items:flex-end;justify-content:center}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .loading .loading-bottom .loading-progress .loading-progress-title{margin-bottom:calc(var(--rx) * 2)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .loading .loading-bottom .loading-progress .loading-progress-num{font-size:calc(var(--rx) * 20)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container{width:calc(var(--rx) * 144);height:calc(var(--rx) * 510);margin:0}}#zn-3d-wrapper #exhibition .model-selector-container .list-container .tab-header-wrapper{display:flex;justify-content:space-between}#zn-3d-wrapper #exhibition .model-selector-container .list-container .tab-header-wrapper .tab-title-wrapper{background:#ffffff1a;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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-header-wrapper .tab-close-wrapper{position:relative;flex-shrink:0;height:calc(var(--rx) * 77)}#zn-3d-wrapper #exhibition .model-selector-container .list-container .tab-header-wrapper .tab-close-wrapper .triangle-icon{width:calc(var(--rx) * 80);height:calc(var(--rx) * 78)}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper{position:relative;width:100%;box-sizing:border-box;background:#ffffff1a;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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon,#zn-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon{width:calc(var(--rx) * 16);height:calc(var(--rx) * 16)}}#zn-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .scroll-tips-top-icon.active,#zn-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon.active{opacity:1}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .scroll-tips-bottom-icon{bottom:calc(var(--rx) * 50)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper::-webkit-scrollbar{display:none}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content{padding:calc(var(--rx) * 8) 0}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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:#00000014}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item:hover{opacity:1}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .list-container .tab-content-wrapper .tab-content-scroll-wrapper .tab-content-scroll-content .tab-content-item.active{background:#fff}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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:#fff3;border:1px solid rgba(255,255,255,.08);border-radius:1000px;text-decoration:none;display:flex;align-items:center;display:none}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .large-img-container{position:absolute;top:0;right:0;width:100%;height:100%;z-index:2}#zn-3d-wrapper #exhibition .model-selector-container .large-img-container .large-img-wrapper{width:100%;height:100%;position:relative}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .model-selector-container .large-img-container .large-img-wrapper .large-img-item.active{opacity:1;z-index:2}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container{position:absolute;bottom:0;left:0;width:100%;z-index:12}#zn-3d-wrapper #exhibition .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:#8080804d;-webkit-backdrop-filter:blur(calc(var(--rx) * 22));backdrop-filter:blur(calc(var(--rx) * 22))}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-decoration-icon{width:100%;height:100%;position:absolute;left:0;bottom:0;pointer-events:none}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .line{position:relative;height:calc(var(--rx) * 3)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line.left:before,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line.left:before,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line.right:before,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line.right:before,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line{width:calc(var(--rx) * 56)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line.left:before,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line.left:before{background:linear-gradient(.25turn,#fff0,#fff)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line.right:before,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line.right:before{background:linear-gradient(.25turn,#fff,#fff0)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .line{width:calc(var(--rx) * 28)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .line.left:before{background:#fff}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .line.right:before{background:#fff}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line:before,#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line:before,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .first-line:before{background:linear-gradient(.25turn,#fff0,#ffffff4d)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .last-line:before{background:linear-gradient(.25turn,#ffffff4d,#fff0)}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper .look-list .line:before{background:#ffffff4d}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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:#0000001a;-webkit-clip-path:url(#bgblur_0_1111_8462_clip_path);clip-path:url(#bgblur_0_1111_8462_clip_path)}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo.active{background:linear-gradient(0deg,#5e5e5e2e,#5e5e5e2e),#ffffff5c;background-blend-mode:color-dodge,lighten}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo.active .look-item-mo-icon path{fill:#000}#zn-3d-wrapper #exhibition .look-selector-container .look-wrapper-mo .look-list-mo .look-item-mo.active .look-item-mo-text{color:#000}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .buy-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));background-color:#fff;z-index:1000}#zn-3d-wrapper #exhibition .buy-container .buy-bg{z-index:0;-o-object-fit:cover;object-fit:cover}#zn-3d-wrapper #exhibition .buy-container .buy-logo{z-index:1}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .buy-logo{width:367px;height:41px;top:77px;left:77px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .buy-logo{width:306px;height:34px;top:64px;left:64px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .buy-logo{width:248px;height:28px;top:52px;left:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-logo{width:248px;height:28px;top:52px;left:52px}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .buy-container .buy-logo{width:383px;height:43px;top:170px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .buy-container .buy-logo{width:180px;height:20px;top:80px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-logo{width:180px;height:20px;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}#zn-3d-wrapper #exhibition .buy-container .close{z-index:3;cursor:pointer}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .close{width:38px;height:38px;top:77px;right:77px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .close{width:32px;height:32px;top:64px;right:64px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .close{width:26px;height:26px;top:52px;right:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .close{width:26px;height:26px;top:52px;right:52px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){#zn-3d-wrapper #exhibition .buy-container .close{width:43px;height:43px;top:51px;right:51px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .buy-container .close{width:20px;height:20px;top:24px;right:24px}}#zn-3d-wrapper #exhibition .buy-container .buy-qr{z-index:2;align-items:center}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .buy-qr{left:77px;bottom:77px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .buy-qr{left:64px;bottom:64px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .buy-qr{left:52px;bottom:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-qr{left:52px;bottom:52px}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .buy-container .buy-qr{bottom:213px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .buy-container .buy-qr{bottom:100px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-qr{flex-direction:column;bottom:100px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .buy-container .buy-qr img:not(.buy-qr-text){width:170px;height:170px;margin-bottom:30px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .buy-container .buy-qr img:not(.buy-qr-text){width:80px;height:80px;margin-bottom:14px}}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:77px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:64px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:52px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:107px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:50px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-qr .buy-qr-text{width:50px}}#zn-3d-wrapper #exhibition .buy-container .buy-price{z-index:2;display:flex;align-items:center}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .buy-price{right:77px;bottom:77px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .buy-price{right:64px;bottom:64px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .buy-price{right:52px;bottom:52px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price{right:52px;bottom:52px}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .buy-container .buy-price{top:315px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .buy-container .buy-price{top:148px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price{right:50%;-webkit-transform:translateX(50%);transform:translate(50%);top:148px}}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:19px;width:38px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:16px;width:32px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:13px;width:26px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:13px;width:26px}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{width:23px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:17px;margin-top:-4px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:8px;margin-top:-2px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-label{margin-right:8px;margin-top:-2px;width:23px}}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-value{height:24px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-value{height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-value{height:16px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-value{height:16px}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-value{height:12px}}@media (orientation: portrait) and (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .buy-container .buy-price .b-value{height:12px}}#zn-3d-wrapper #exhibition .point-dialog{z-index:15;display:none;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}#zn-3d-wrapper #exhibition .point-dialog.show{display:flex}#zn-3d-wrapper #exhibition .point-dialog .point-bg{z-index:1;background:#0003;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .close{width:calc(var(--rx) * 32);height:calc(var(--rx) * 32)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content{max-height:calc(var(--rx) * 526)}}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content.has-trans{transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item{width:calc(var(--rx) * 450)}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item{width:calc(var(--rx) * 343)}}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item img{-o-object-fit:cover;object-fit:cover}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item.point-item-n9-feature-2 img,#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item.point-item-n9-safety-6 img{-o-object-position:50% 90%;object-position:50% 90%}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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%}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item.has-video{cursor:pointer}}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item .play-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(var(--rx) * 60);height:calc(var(--rx) * 60)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .point-content .transform-content .point-item .play-icon{width:calc(var(--rx) * 30);height:calc(var(--rx) * 30)}}#zn-3d-wrapper #exhibition .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:#00000040}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content{margin-top:calc(var(--rx) * 4)}}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item{padding:calc(var(--rx) * 16);display:none}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item.active{display:block}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-sub-title{font-size:calc(var(--rx) * 14)}}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-sub-title+.text-title{margin-top:calc(var(--rx) * 4)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-sub-title+.text-title{margin-top:calc(var(--rx) * 6)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-title{font-size:calc(var(--rx) * 18)}}#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-title+.text-desc{margin-top:calc(var(--rx) * 12)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-title+.text-desc{margin-top:calc(var(--rx) * 8)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .point-wrapper .text-content .text-item .text-desc{font-size:calc(var(--rx) * 12)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .options-wrapper{margin-top:calc(var(--rx) * 15)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .point-dialog .options-wrapper .options-content .options-arrow.show{opacity:1;pointer-events:auto;cursor:pointer}#zn-3d-wrapper #exhibition .point-dialog .options-wrapper .options-content .options-arrow.options-arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .lock-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:9999}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .trans-mask.show{opacity:1;pointer-events:auto}#zn-3d-wrapper #exhibition .armor-mask{z-index:7;background:#000}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .armor-mask img{width:900px;height:480px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .armor-mask img{width:750px;height:400px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .armor-mask img{width:608px;height:324px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .armor-mask img{width:608px;height:324px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){#zn-3d-wrapper #exhibition .armor-mask img{width:692px;height:383px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .armor-mask img{width:325px;height:180px}}#zn-3d-wrapper #exhibition .inner-pc-mask-bottom,#zn-3d-wrapper #exhibition .inner-pc-mask-right{pointer-events:none;opacity:0;transition:opacity .5s ease .2s}#zn-3d-wrapper #exhibition .inner-pc-mask-bottom.show,#zn-3d-wrapper #exhibition .inner-pc-mask-right.show{opacity:.6}#zn-3d-wrapper #exhibition .inner-pc-mask-bottom{width:100%;background:linear-gradient(0deg,#000,#0000);position:absolute;bottom:-1px;left:0;z-index:5}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .inner-pc-mask-bottom{height:274px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .inner-pc-mask-bottom{height:228px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .inner-pc-mask-bottom{height:185px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .inner-pc-mask-bottom{height:185px}}#zn-3d-wrapper #exhibition .inner-pc-mask-right{height:100%;background:linear-gradient(270deg,#000,#0000);position:absolute;right:-1px;top:0;z-index:5}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .inner-pc-mask-right{width:274px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .inner-pc-mask-right{width:228px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .inner-pc-mask-right{width:185px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .inner-pc-mask-right{width:185px}}#zn-3d-wrapper #exhibition .label-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:#ffffff1a;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px}#zn-3d-wrapper #exhibition .label-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%}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .label-wrapper .label{width:calc(var(--rx) * 32);height:calc(var(--rx) * 32);top:calc(var(--rx) * -16);left:calc(var(--rx) * -16)}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .label-wrapper .label{width:calc(var(--rx) * 24);height:calc(var(--rx) * 24);top:calc(var(--rx) * -12);left:calc(var(--rx) * -12)}}#zn-3d-wrapper #exhibition .label-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-3d-wrapper #exhibition .features-layer-up{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:hidden}#zn-3d-wrapper #exhibition .features-layer-up .feature-layer{position:absolute;top:0;left:0;opacity:0}#zn-3d-wrapper #exhibition .features-layer-up .feature-layer.show{opacity:1;transition:opacity .5s}#zn-3d-wrapper #exhibition .features-layer-up .god-layer{position:absolute;width:122.56vh;width:calc(122.56 * var(--vh, 1vh));height:auto;top:37.5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;left:calc(50% - 25vh);left:calc(50% - (25 * var(--vh, 1vh)))}@media (min-width: 1024px) and (max-width: 1280px){#zn-3d-wrapper #exhibition .features-layer-up .god-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78);left:calc(50% - 20vh);left:calc(50% - (20 * var(--vh, 1vh)));top:41%}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .features-layer-up .god-layer{width:313.5px;top:calc(50% - 22px);left:calc(50% - 100px)}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-up .god-layer{width:75vh;width:calc(75 * var(--vh, 1vh));left:calc(50% - 22vh);left:calc(50% - (22 * var(--vh, 1vh)));top:45.3%}}#zn-3d-wrapper #exhibition .features-layer-up .god-layer.show{opacity:1}#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer,#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{width:50vh;width:calc(50 * var(--vh, 1vh));height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:52.4%}@media (min-width: 1024px) and (max-width: 1280px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer,#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78);top:51.8%}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer,#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{width:146.7px;top:51.5%}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer,#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{width:29vh;width:calc(29 * var(--vh, 1vh));top:51.5%}}#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer{left:calc(50% - 49vh);left:calc(50% - (49 * var(--vh, 1vh)))}@media (min-width: 1024px) and (max-width: 1280px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer{left:calc(50% - 36vh);left:calc(50% - (36 * var(--vh, 1vh)))}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer{left:calc(50% - 118px)}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer{left:calc(50% - 22.5vh);left:calc(50% - (22.5 * var(--vh, 1vh)))}}#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{left:calc(50% + 19vh);left:calc(50% + (19 * var(--vh, 1vh)));left:calc(50% + 18vh);left:calc(50% + (18 * var(--vh, 1vh)))}@media (min-width: 1024px) and (max-width: 1280px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{left:calc(50% + 13vh);left:calc(50% + (13 * var(--vh, 1vh)))}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{left:calc(50% + 84px)}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-up .cloud-layer2{left:calc(50% + 16.5vh);left:calc(50% + (16.5 * var(--vh, 1vh)))}}#zn-3d-wrapper #exhibition .features-layer-up .lead-layer{position:absolute;width:95vh;width:calc(95 * var(--vh, 1vh));height:auto;top:38.4%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}@media (max-width: 649px){#zn-3d-wrapper #exhibition .features-layer-up .lead-layer{width:38vh;width:calc(38 * var(--vh, 1vh));top:calc(50% - 22px)}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-up .lead-layer{width:46vh;width:calc(46 * var(--vh, 1vh));top:43%}}#zn-3d-wrapper #exhibition .features-layer-up .lead-layer.show{opacity:1}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .features-layer-up .swerve-layer-up g[mask]:first-child{-webkit-transform:translateY(100%) scaleY(-1);transform:translateY(100%) scaleY(-1)}#zn-3d-wrapper #exhibition .features-layer-up .swerve-layer-up g[mask]:last-child{-webkit-transform:translateY(-55%);transform:translateY(-55%)}}#zn-3d-wrapper #exhibition .features-layer-down{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}#zn-3d-wrapper #exhibition .features-layer-down .feature-layer{position:absolute;top:0;left:0;opacity:0}#zn-3d-wrapper #exhibition .features-layer-down .feature-layer.show{opacity:1;transition:opacity .2s}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .features-layer-down .swerve-layer-down{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .features-layer-down .around-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .features-layer-down .around-layer{width:147vh;width:calc(147 * var(--vh, 1vh));left:50%}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .features-layer-down .park-layer{-webkit-transform:translate(-50%,-50%) scale(.78);transform:translate(-50%,-50%) scale(.78)}}@media (max-width: 649px){#zn-3d-wrapper #exhibition .features-layer-down .park-layer{width:480px;left:49%;-webkit-transform:translate(-50%,-50%) rotateZ(90deg);transform:translate(-50%,-50%) rotate(90deg)}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-down .park-layer{width:136vh;width:calc(136 * var(--vh, 1vh));top:50.5%}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .features-layer-down .crab-layer{width:480px;top:calc(50% + 12px);left:50%}}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .features-layer-down .crab-layer{width:114vh;width:calc(114 * var(--vh, 1vh));top:53%;left:48%}}#zn-3d-wrapper #exhibition .features-layer-down .crab-layer .inner{-webkit-transform-origin:40% 50%;transform-origin:40% 50%}#zn-3d-wrapper #exhibition .video-popup-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup{position:relative;top:0;left:0;width:100%;height:100%;background-color:#000;pointer-events:auto;display:flex;justify-content:center;align-items:center}#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup .video-item{width:70vw;height:auto;max-height:80vh;max-height:calc(80 * var(--vh, 1vh))}@media (max-width: 649px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup .video-item{width:100%}}#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{cursor:pointer}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{width:66px;height:66px;top:66px;right:66px}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{width:55px;height:55px;top:55px;right:55px}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{width:45px;height:45px;top:45px;right:45px}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{width:45px;height:45px;top:45px;right:45px}}@media (orientation: portrait) and (min-width: 721px) and (max-width: 1024px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{width:64px;height:64px;top:64px;right:64px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close{width:30px;height:30px;top:30px;right:30px}}#zn-3d-wrapper #exhibition .video-popup-wrapper .video-popup-item .video-popup svg.close path{fill:#fff!important}#zn-3d-wrapper #exhibition .fade-trans-enter-active,#zn-3d-wrapper #exhibition .fade-trans-leave-active{transition:opacity 3s}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .fade-trans-enter-from .intro-item-con,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .fade-trans-enter-to .intro-item-con,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .intro-wrapper{width:100%;left:0;right:unset}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .intro-wrapper{width:100%;right:unset}}#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper{position:absolute}@media (min-width: 650px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper{top:100px;left:60px}}@media (min-width: 1800px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper{width:calc(100% - 48px)}}@media (min-width: 1400px) and (max-width: 1799px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper{width:calc(100% - 40px)}}@media (min-width: 1024px) and (max-width: 1399px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper{width:calc(100% - 32px)}}@media (orientation: landscape) and (min-width: 400px) and (max-width: 1023px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper{width:calc(100% - 32px)}}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item{display:flex;flex-direction:column;align-items:flex-start}#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item{align-items:flex-end}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper.intro-architecture-wrapper{top:128px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper.intro-architecture-wrapper{top:60px}}#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con{position:relative}#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-bg{top:-16px;left:-16px;z-index:1}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-title{font-size:30px}}@media (orientation: portrait) and (max-width: 720px){#zn-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-title{font-size:14px}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-desc{font-size:20px;margin-top:6px}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .intro-wrapper .intro-item-wrapper .intro-item .intro-item-con .intro-item-detail{font-size:10px;margin-top:6px}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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:#ffffff1a}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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)}}#zn-3d-wrapper #exhibition .common-list{display:flex;align-items:center;box-sizing:border-box;padding:calc(var(--rx) * 4);background:#80808080;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-3d-wrapper #exhibition .common-list{position:relative}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .common-list{position:absolute;left:50%;bottom:calc(var(--rx) * 48);-webkit-transform:translateX(-50%);transform:translate(-50%);margin:0}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .common-list .common-list-item:hover{background:#8080801a}#zn-3d-wrapper #exhibition .common-list .common-list-item.selected{background:#ffffff4d}#zn-3d-wrapper #exhibition .common-list .common-list-item.selected .wheel-text,#zn-3d-wrapper #exhibition .common-list .common-list-item.selected .color-text{margin-left:calc(var(--rx) * 8)}#zn-3d-wrapper #exhibition .common-list .common-list-item+.common-list-item{margin-left:calc(var(--rx) * 4)}#zn-3d-wrapper #exhibition .common-list .common-list-item.view-item{padding:calc(var(--rx) * 11) calc(var(--rx) * 24)}#zn-3d-wrapper #exhibition .common-list .common-list-item .wheel-icon,#zn-3d-wrapper #exhibition .common-list .common-list-item .color-icon{position:relative;width:calc(var(--rx) * 20);height:calc(var(--rx) * 20);border-radius:50%}#zn-3d-wrapper #exhibition .common-list .common-list-item .wheel-icon .inner,#zn-3d-wrapper #exhibition .common-list .common-list-item .color-icon .inner{width:100%;height:100%}#zn-3d-wrapper #exhibition .common-list .common-list-item .wheel-text,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .common-list.common-text-list .common-list-item.selected{background:#fff;color:#000}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .common-list.common-icon-list{background:transparent;-webkit-backdrop-filter:unset;backdrop-filter:unset;border:none}#zn-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item{padding:calc(var(--rx) * 2) calc(var(--rx) * 5)}#zn-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item .wheel-icon,#zn-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item .color-icon{width:calc(var(--rx) * 17);height:calc(var(--rx) * 17)}#zn-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item .wheel-icon:after,#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item.selected{background:transparent}#zn-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item.selected .wheel-icon:after,#zn-3d-wrapper #exhibition .common-list.common-icon-list .common-list-item.selected .color-icon:after{opacity:1}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .common-list.space-list,#zn-3d-wrapper #exhibition .common-list.scene-list{bottom:0}}#zn-3d-wrapper #exhibition .normal-wrapper{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translate(-50%)}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll{display:flex;align-items:center;justify-content:center}#zn-3d-wrapper #exhibition .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:#0000001a;border:1px solid rgba(255,255,255,.3);border-radius:calc(var(--rx) * 40)}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected{background:#fff}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .version-icon .path-1{stroke:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .version-icon .path-2{fill:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .color-icon path{fill:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .wheel-icon path{fill:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .wheel-icon circle{stroke:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .wheel-icon line{stroke:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-circle .view-icon path{fill:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text.selected .ui-text{color:#000}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text .ui-circle{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20)}#zn-3d-wrapper #exhibition .normal-wrapper .normal-wrapper-scroll .ui-icon-text .ui-circle svg{width:100%;height:100%}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;pointer-events:none}#zn-3d-wrapper #exhibition .side-container .side-content,#zn-3d-wrapper #exhibition .side-container .side-sub-content{pointer-events:none}#zn-3d-wrapper #exhibition .side-container.show .side-content,#zn-3d-wrapper #exhibition .side-container.show .side-sub-content{pointer-events:auto}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .side-container{opacity:0}#zn-3d-wrapper #exhibition .side-container.show{opacity:1}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .side-container .side-btn:not(.hide-ui-btn-mo){opacity:0;transition:opacity .3s;pointer-events:none}#zn-3d-wrapper #exhibition .side-container .side-btn.hide-ui-btn-mo,#zn-3d-wrapper #exhibition .side-container.show .side-btn{opacity:1;pointer-events:auto}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-container .side-deco-2{position:absolute;top:50%;width:calc(var(--rx) * 90);height:calc(var(--rx) * 483);pointer-events:none}#zn-3d-wrapper #exhibition .side-container .side-deco-2.side-deco-2-right{left:calc(var(--rx) * -134);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-container .side-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;flex-direction:column}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .side-container .side-content{left:88vw}}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .side-container .side-content{right:calc(var(--rx) * 16)}}#zn-3d-wrapper #exhibition .side-container .side-content .side-content-up,#zn-3d-wrapper #exhibition .side-container .side-content .side-content-down{display:flex;min-height:calc(var(--rx) * 200);width:100%}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .side-container .side-content .side-content-up,#zn-3d-wrapper #exhibition .side-container .side-content .side-content-down{align-items:flex-end}}#zn-3d-wrapper #exhibition .side-container .side-content .side-content-up{flex-direction:column-reverse}#zn-3d-wrapper #exhibition .side-container .side-content .side-content-down{flex-direction:column}#zn-3d-wrapper #exhibition .side-container .side-content .side-main-content{display:flex;flex-direction:column;width:-webkit-max-content;width:-moz-max-content;width:max-content}#zn-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-up{margin-bottom:calc(var(--rx) * 12)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-up{margin-bottom:calc(var(--rx) * 6)}}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-up .side-btn:nth-child(2){margin-bottom:calc(var(--rx) * 12)}}#zn-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-down{margin-top:calc(var(--rx) * 12)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-down{margin-top:calc(var(--rx) * 6)}}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(3),#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(3),#zn-3d-wrapper #exhibition .side-container .side-content .side-main-content .side-content-down .side-btn:nth-child(4){margin-top:calc(var(--rx) * 12)}}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-content{position:absolute;top:50%;left:calc(var(--rx) * -170);-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;flex-direction:column}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-content .side-content-up,#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-content .side-content-down{align-items:flex-end}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-content .side-content-up{margin-bottom:calc(var(--rx) * 8)}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-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) * 16)}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-content .side-content-down{margin-top:calc(var(--rx) * 8)}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-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) * 16)}#zn-3d-wrapper #exhibition .side-container .side-content .side-sub-content .side-content-down .side-btn:nth-child(3){-webkit-transform:translateX(calc(var(--rx) * -28));transform:translate(calc(var(--rx) * -28));margin-top:calc(var(--rx) * 16)}#zn-3d-wrapper #exhibition .side-sub-content-mo{position:absolute;top:calc(var(--rx) * 72);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;pointer-events:auto}#zn-3d-wrapper #exhibition .side-sub-content-mo .side-sub-content-mo-item{box-sizing:border-box;padding:calc(var(--rx) * 8) calc(var(--rx) * 12);margin:0 calc(var(--rx) * 8);background:#ffffff1a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1000px;color:#fff;white-space:nowrap;font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%}#zn-3d-wrapper #exhibition .side-sub-content-mo .side-sub-content-mo-item.active{background:#fff;border:1px solid rgba(255,255,255,.3);color:#000}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon]{min-width:calc(var(--rx) * 40);height:calc(var(--rx) * 40);padding:calc(var(--rx) * 3);background:#ffffff1a;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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon]:hover .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(1);transform:scale(1)}}#zn-3d-wrapper #exhibition .side-btn[data-type=icon].active{border-color:#fff}#zn-3d-wrapper #exhibition .side-btn[data-type=icon].active .side-item-inner-circle-wrapper .side-item-inner-circle{background:#fff}@media (min-width: 1024px){#zn-3d-wrapper #exhibition .side-btn[data-type=icon].active .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(.8);transform:scale(.8)}}#zn-3d-wrapper #exhibition .side-btn[data-type=icon].active .side-item-icon:not(.side-item-icon-lead) path{fill:#0009}#zn-3d-wrapper #exhibition .side-btn[data-type=icon].active .side-item-icon.side-item-icon-lead path{stroke:#0009}#zn-3d-wrapper #exhibition .side-btn[data-type=icon].active .side-item-icon.side-item-icon-architecture path:first-child{fill:#fff;stroke:#0009}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon].active .side-item-text{margin:0 calc(var(--rx) * 8) 0 calc(var(--rx) * 4)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon] .side-item-inner-circle-wrapper{width:calc(var(--rx) * 30);height:calc(var(--rx) * 30)}}#zn-3d-wrapper #exhibition .side-btn[data-type=icon] .side-item-inner-circle-wrapper .side-item-inner-circle{width:100%;height:100%;background:#80808080;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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon] .side-item-inner-circle-wrapper .side-item-inner-circle{-webkit-transform:scale(.875);transform:scale(.875)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon] .side-item-inner-wrapper{width:calc(var(--rx) * 26);height:calc(var(--rx) * 26)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=icon] .side-item-inner-wrapper .side-item-icon{width:calc(var(--rx) * 12);height:calc(var(--rx) * 12)}}#zn-3d-wrapper #exhibition .side-btn[data-type=icon] .side-item-inner-wrapper .side-item-icon path{transition:fill .3s}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .side-btn[data-type=text]{padding:calc(var(--rx) * 8) calc(var(--rx) * 12);background:#ffffff1a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1000px}#zn-3d-wrapper #exhibition .side-btn[data-type=text].active{background:#fff;border:1px solid rgba(255,255,255,.3)}#zn-3d-wrapper #exhibition .side-btn[data-type=text].active .side-item-text{color:#000000f2}#zn-3d-wrapper #exhibition .side-btn[data-type=text] .side-item-text{font-weight:500;font-size:calc(var(--rx) * 12);line-height:120%;color:#fffffff2}#zn-3d-wrapper #exhibition>*{padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;touch-action:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}#zn-3d-wrapper #exhibition .ui-opacity{opacity:0;pointer-events:none;cursor:none;transition:opacity .1s}#zn-3d-wrapper #exhibition .ui-opacity.show{opacity:1;pointer-events:auto;cursor:pointer}#zn-3d-wrapper #exhibition 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-3d-wrapper #exhibition .bg{background:#000}#zn-3d-wrapper #exhibition .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,#0009,#0000)}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .top-options-wrapper{padding:calc(var(--rx) * 16)}}#zn-3d-wrapper #exhibition .top-options-wrapper .name{cursor:pointer;z-index:9;display:flex;align-items:center;-webkit-transform-origin:top center;transform-origin:top center}#zn-3d-wrapper #exhibition .top-options-wrapper .name .name-img{z-index:2;height:calc(var(--rx) * 16)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .top-options-wrapper .name .name-img{height:calc(var(--rx) * 10)}}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .top-options-wrapper .name .switch-svg{width:calc(var(--rx) * 20);height:calc(var(--rx) * 20);margin-left:calc(var(--rx) * 6)}}#zn-3d-wrapper #exhibition .top-options-wrapper .external-link-btn-wrapper{z-index:9;display:flex;align-items:center}#zn-3d-wrapper #exhibition .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:#8080804d;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-3d-wrapper #exhibition .top-options-wrapper .external-link-btn-wrapper .external-link-btn{padding:calc(var(--rx) * 8.5) calc(var(--rx) * 16)}}#zn-3d-wrapper #exhibition .top-options-wrapper .external-link-btn-wrapper .external-link-btn+.external-link-btn{margin-left:calc(var(--rx) * 14)}@media (max-width: 1023px){#zn-3d-wrapper #exhibition .top-options-wrapper .external-link-btn-wrapper .external-link-btn+.external-link-btn{margin-left:calc(var(--rx) * 6)}}#zn-3d-wrapper #exhibition .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:#0000001a;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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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-3d-wrapper #exhibition .top-options-wrapper .external-link-btn-wrapper .external-link-btn .external-link-btn-text{font-size:calc(var(--rx) * 12)}}#zn-3d-wrapper #exhibition .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:#ffffff1a;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-3d-wrapper #exhibition .common-btn:hover .common-item-inner-circle{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}#zn-3d-wrapper #exhibition .common-btn:hover .common-item-text-wrapper{opacity:1}#zn-3d-wrapper #exhibition .common-btn.active{border-color:#fff}#zn-3d-wrapper #exhibition .common-btn.active .common-item-inner-circle{-webkit-transform:translate(-50%,-50%) scale(.857142857142857);transform:translate(-50%,-50%) scale(.857142857142857);background:#fff}#zn-3d-wrapper #exhibition .common-btn.active .common-item-icon path{fill:#0009}#zn-3d-wrapper #exhibition .common-btn .common-item-inner-circle{position:absolute;left:50%;top:50%;width:100%;height:100%;background:#80808080;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-3d-wrapper #exhibition .common-btn .common-item-icon{position:relative;width:calc(var(--rx) * 24);height:calc(var(--rx) * 24)}#zn-3d-wrapper #exhibition .common-btn .common-item-icon path{transition:fill .3s}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .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:#fff9;border-radius:calc(var(--rx) * 16);white-space:nowrap}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition .ui-group{opacity:0;pointer-events:none;transition:opacity .3s}#zn-3d-wrapper #exhibition .ui-group.show{opacity:1;pointer-events:auto}#zn-3d-wrapper #exhibition .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-3d-wrapper #exhibition 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-3d-wrapper #exhibition .control-group-bottom{position:absolute;z-index:11;left:50%;align-items:center;cursor:pointer;-webkit-transform:translateX(-50%);transform:translate(-50%);transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;bottom:calc(var(--rx) * 84)}.controls{position:absolute;top:20px;right:20px;z-index:1000;display:flex;gap:12px}.controls button{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff3;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #ffffff1a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.controls button.active{color:#ffffffe6}.controls button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}
