/*! app-dist.css (build from 9a73823d682a0128) | (c) 2025 Studio X */

.wonder-map{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.wonder-map.loading{background-color:#f7f7f7}.wonder-map img{width:100%;height:100%}#contact-page .edit-content{margin-top:45px}#contact-page .edit-content h2{font-size:14px;color:#000;text-transform:uppercase}.news-list{position:relative}.news-list .list-box{position:absolute;overflow:hidden}.news-list ul{position:relative;-webkit-transition:left .6s;-moz-transition:left .6s;-ms-transition:left .6s;-o-transition:left .6s;transition:left .6s}.news-list ul li{float:left;overflow:hidden}.news-list ul li small{font-size:11px;line-height:20px;color:#999}.news-list ul li h3{margin-bottom:5px;font-size:12px;line-height:15px}.news-list ul li h3 a:hover{text-decoration:underline}.news-list ul li h3 span{color:#333;font-size:11px}.news-list .ctrl{position:absolute}.news-list .ctrl a{display:inline-block;font-size:15px;padding-right:3px;color:#777;-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}@media only screen and (max-width:720px){.news-list .ctrl a{padding-right:6px;font-size:18px}}.news-list .ctrl a:hover{color:#000}.news-list .ctrl a.disable{cursor:default;color:#ccc}#project-page{width:100%;height:100%;overflow:hidden}#project-page .gallery{position:relative;width:100%;height:100%;overflow:hidden}#project-page .img{position:absolute;top:20%;left:0;z-index:1;-webkit-transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;transition:all .9s;-webkit-opacity:.1;-moz-opacity:.1;-ms-opacity:.1;-o-opacity:.1;opacity:.1}#project-page .img img{-webkit-transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;transition:all .9s}#project-page .img.left{left:50%}#project-page .img.transparent{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#project-page .img.center{top:10%;left:10%;z-index:2;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#project-page .img.loading{background-color:transparent}.control{position:fixed;z-index:9;top:50%;left:0;width:60px;height:24px;margin-top:-12px;cursor:pointer}.control .arrow{position:absolute;top:0;right:0;width:12px;height:24px;background:transparent url(/assets/style/images/arrows-2x.png) no-repeat 0 0;background-size:24px auto;-webkit-transition:opacity .45s;-moz-transition:opacity .45s;-ms-transition:opacity .45s;-o-transition:opacity .45s;transition:opacity .45s}.control.disable .arrow{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}.control.right{left:auto;right:0}.control.right .arrow{right:auto;left:0;background-position:-12px 0}#project-story-link{display:block;position:absolute;bottom:0;right:60px;padding-left:21px;line-height:60px;cursor:pointer;font-size:13px;background:transparent url(/assets/style/images/info-icon-2x.png) no-repeat 0 0;background-position:0 22px;background-size:14px 14px}#back-link{display:block;position:absolute;bottom:0;left:60px;line-height:60px;cursor:pointer;font-size:13px}#project-info{position:absolute;z-index:3;bottom:0;left:10%;height:60px;width:80%;background-color:rgba(255,255,255,.9)}@media only screen and (max-width:720px){#project-info{bottom:auto;top:0}}#project-info h2{width:100%;text-align:center;font-size:14px;line-height:24px}@media only screen and (max-width:720px){#project-info h2{margin-top:24px}}#project-info p{width:100%;text-align:center;color:#666;font-size:12px;line-height:12px}.tips{position:absolute;z-index:98}.tips .frame{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.tips .frame .arrow{position:absolute;width:20px;height:20px;background:transparent url(/assets/style/images/tipbox-arrows-2x.png) no-repeat;background-size:40px 40px}.tips .frame .arrow-top{top:-19px;left:50%;margin-left:-10px;background-position:0 -20px}.tips .frame .arrow-bottom{bottom:-23px;left:50%;margin-left:-10px;background-position:-20px -20px}.tips .frame .arrow-left{top:50%;left:-23px;margin-top:-10px;background-position:-20px 0}.tips .frame .arrow-right{top:50%;right:-24px;margin-top:-10px;background-position:0 0}.tips .frame .corner{position:absolute;width:10px;height:10px;background:#fff url(/assets/style/images/tipbox-2x.png) no-repeat;background-size:1500px 1500px}.tips .frame .corner-tl{top:-10px;left:-10px;background-position:left top}.tips .frame .corner-tr{top:-10px;right:-10px;background-position:right top}.tips .frame .corner-bl{bottom:-10px;left:-10px;background-position:left bottom}.tips .frame .corner-br{bottom:-10px;right:-10px;background-position:right bottom}.tips .frame .border{position:absolute;background:#fff url(/assets/style/images/tipbox-2x.png) no-repeat;background-size:1500px 1500px}.tips .frame .border-b,.tips .frame .border-t{top:-10px;left:0;width:100%;height:10px;background-position:-10px top}.tips .frame .border-b{top:auto;bottom:-10px;background-position:-10px bottom}.tips .frame .border-l,.tips .frame .border-r{top:0;left:-10px;width:10px;height:100%;background-position:left -10px}.tips .frame .border-r{left:auto;right:-10px;background-position:right -10px}.tips .content{position:relative;font-size:13px;overflow:hidden;overflow-y:auto;padding:2}.tips .content.with-mini-building{padding-bottom:42px!important}.tips .mini-building{position:absolute;width:50px;height:45px;bottom:-10px;left:-10px;background:transparent url(/assets/style/images/mini-building-2x.png) no-repeat 0 0;background-size:50px 45px;-webkit-opacity:.5;-moz-opacity:.5;-ms-opacity:.5;-o-opacity:.5;opacity:.5}#about-page .wrapper>h2{font-size:14px;color:#000;text-transform:uppercase}#about-page .edit-content{margin-bottom:45px}.people-frame{position:relative}.people-frame .wonder-map{position:relative}.people-frame .people{position:absolute;width:120px;height:120px;top:0;left:0;color:#fff;font-size:11px;background-color:transparent;line-height:120px;text-align:center;-webkit-border-radius:60px;-moz-border-radius:60px;-o-transition:60px;-ms-transition:60px;border-radius:60px;overflow:hidden;cursor:pointer}.people-frame .tips{position:absolute;top:0;left:0;width:240px}@media only screen and (max-width:720px){.people-frame .tips{width:180px}}.people-frame .tips h2{font-size:14px;text-transform:uppercase;margin-top:9px;margin-bottom:6px;color:#000}.people-frame .tips p{font-size:12px;line-height:1.27;margin-bottom:6px;color:#333}#building{position:fixed;top:0;width:100%;height:100%;overflow:hidden;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#building.building-slide-enter-active{-webkit-transition:opacity .9s;-moz-transition:opacity .9s;-ms-transition:opacity .9s;-o-transition:opacity .9s;transition:opacity .9s}#building.building-slide-leave-active{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}#building.building-slide-enter,#building.building-slide-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}#building .wrapper{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto}#building-frame{position:relative;width:100%;height:100%;overflow:hidden}#building-frame .frame{position:absolute}#building-frame .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:pointer}#loading-page{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}#loading-page .loading-bar{position:absolute;top:50%;left:50%;margin-left:-100px;width:200px;height:1px;background-color:#ccc}#loading-page .loading-bar .bar{position:absolute;top:0;left:0;width:0;height:100%;background-color:#232323;-webkit-transition:width .6s;-moz-transition:width .6s;-ms-transition:width .6s;-o-transition:width .6s;transition:width .6s}#building-left-frame .wonder-map{position:absolute;right:0}#building-cells .cell{float:left;position:relative}#building-cells .cell.link{cursor:pointer}#building-cells .cell .wonder-map{position:absolute}#building-cells .cell .tips{position:absolute;left:0;bottom:100%;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}@media only screen and (max-width:720px){#building-cells .cell .tips{max-width:200px}}#building-cells .cell .tips.v-enter-active,#building-cells .cell .tips.v-leave-active{-webkit-transition:opacity .6s,bottom .6s;-moz-transition:opacity .6s,bottom .6s;-ms-transition:opacity .6s,bottom .6s;-o-transition:opacity .6s,bottom .6s;transition:opacity .6s,bottom .6s}#building-cells .cell .tips.v-enter,#building-cells .cell .tips.v-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;bottom:75%}#building-cells .cell .tips h2{font-size:14px}#building-cells .cell .tips p{font-size:11px;color:#666}#wonder-languages{position:absolute;bottom:0;left:50%;width:250px;height:48px;margin-left:-125px;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}#wonder-languages.langs-side-enter-active,#wonder-languages.langs-side-leave-active{-webkit-transition:bottom .6s,opacity .6s;-moz-transition:bottom .6s,opacity .6s;-ms-transition:bottom .6s,opacity .6s;-o-transition:bottom .6s,opacity .6s;transition:bottom .6s,opacity .6s}#wonder-languages.langs-side-enter,#wonder-languages.langs-side-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;bottom:48px}#wonder-languages:hover a,#wonder-languages:hover span.slash{-webkit-opacity:.5;-moz-opacity:.5;-ms-opacity:.5;-o-opacity:.5;opacity:.5}#wonder-languages a{display:inline-block;height:48px;text-indent:-9999px;overflow:hidden;float:left;-webkit-opacity:.75;-moz-opacity:.75;-ms-opacity:.75;-o-opacity:.75;opacity:.75;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-ms-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}#wonder-languages a:hover{-webkit-opacity:1!important;-moz-opacity:1!important;-ms-opacity:1!important;-o-opacity:1!important;opacity:1!important}#wonder-languages a.zh{width:96px;background:url(/assets/style/images/enter-title_01.png) no-repeat center;background-size:96px 13px}#wonder-languages a.en{width:136px;background:url(/assets/style/images/enter-title_03.png) no-repeat center;background-size:136px 13px}#wonder-languages span.slash{display:inline-block;width:18px;height:48px;text-indent:-9999px;overflow:hidden;float:left;-webkit-opacity:.75;-moz-opacity:.75;-ms-opacity:.75;-o-opacity:.75;opacity:.75;background:url(/assets/style/images/enter-title_02.png) no-repeat center;background-size:12px 13px}header{position:absolute;bottom:0}@media only screen and (max-width:720px){header{position:fixed;top:0;left:0;z-index:97;width:100%;height:60px;background-color:rgba(255,255,255,.95)}}header.opened{height:100%!important}header .bg{position:fixed;bottom:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.95)}header .mobile-nav{position:absolute;bottom:10%;right:10%}header .mobile-nav li{margin-top:18px;text-align:right}header .mobile-nav li a{display:inline-block;font-size:14px;line-height:20px}header .mobile-nav li.current a{border-bottom:1px solid #999}header .mobile-nav li.lang a{font-size:13px}header nav{position:fixed;bottom:0;left:0;width:100%;height:48px;background-color:rgba(255,255,255,.9);-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;-webkit-transition:bottom .6s,opacity .6s;-moz-transition:bottom .6s,opacity .6s;-ms-transition:bottom .6s,opacity .6s;-o-transition:bottom .6s,opacity .6s;transition:bottom .6s,opacity .6s}header nav.v-enter,header nav.v-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;bottom:-48px}header nav.top .line{top:auto;bottom:0}header nav .line{position:absolute;top:0;left:50%;display:block;width:800px;margin-left:-400px;height:1px;background-color:transparent;content:'';-webkit-transition:all .45s;-moz-transition:all .45s;-ms-transition:all .45s;-o-transition:all .45s;transition:all .45s}header nav ul{width:100%;height:48px;text-align:center;display:flex;justify-content:center}header nav ul>li.current>a,header nav ul>li:hover>a{color:#000}header nav ul li{display:inline-block;position:relative;width:auto;height:48px}header nav ul li a{display:inline-block;width:auto;height:48px;line-height:48px;padding:0 36px;overflow:hidden;font-size:13px;color:#999;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}header nav .fill{position:absolute;left:50%;bottom:47px;width:600px;height:26px;margin-left:-300px}header nav .sub-menu{position:absolute;left:50%;bottom:72px;width:600px;overflow:hidden;margin-left:-300px;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}header nav .sub-menu .scroll-box{width:9999px;height:100%;overflow:hidden;overflow-y:auto}header nav .sub-menu.v-enter-active,header nav .sub-menu.v-leave-active{-webkit-transition:bottom .6s,opacity .6s;-moz-transition:bottom .6s,opacity .6s;-ms-transition:bottom .6s,opacity .6s;-o-transition:bottom .6s,opacity .6s;transition:bottom .6s,opacity .6s}header nav .sub-menu.v-enter,header nav .sub-menu.v-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;bottom:48px}header nav ol{width:600px}header nav ol li{display:list-item;float:none;width:600px;height:32px;margin:0;overflow:hidden}header nav ol li.link{height:16px}header nav ol li span{display:inline-block;font-size:11px;line-height:16px;padding-top:16px;color:#999}header nav ol li a{padding:0;width:100%;height:16px;font-size:12px;line-height:16px;text-transform:none;text-align:center;color:#333}header nav ol li a:hover:before{padding-right:6px;font-size:11px;color:#666;content:'>'}header nav ol li a:hover:after{padding-left:6px;font-size:11px;color:#666;content:'<'}header h1{position:absolute;top:6px;left:10%;width:194px;height:60px;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}header h1.langs-side-enter-active,header h1.langs-side-leave-active{-webkit-transition:bottom .6s,opacity .6s;-moz-transition:bottom .6s,opacity .6s;-ms-transition:bottom .6s,opacity .6s;-o-transition:bottom .6s,opacity .6s;transition:bottom .6s,opacity .6s}header h1.langs-side-enter,header h1.langs-side-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0;bottom:48px}header h1:hover a,header h1:hover span.slash{-webkit-opacity:.5;-moz-opacity:.5;-ms-opacity:.5;-o-opacity:.5;opacity:.5}header h1 a{display:inline-block;height:48px;text-indent:-9999px;overflow:hidden;float:left;-webkit-opacity:.75;-moz-opacity:.75;-ms-opacity:.75;-o-opacity:.75;opacity:.75;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-ms-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}header h1 a:hover{-webkit-opacity:1!important;-moz-opacity:1!important;-ms-opacity:1!important;-o-opacity:1!important;opacity:1!important}header h1 a.zh{width:104px;background:url(/assets/style/images/enter-title_01.png) no-repeat center;background-size:104px 14px}header h1 a.en{width:130px;background:url(/assets/style/images/enter-title_03.png) no-repeat center;background-size:130px 14px}header #menu-button{position:absolute;right:10%;top:12px;z-index:89;display:block;width:36px;height:36px;cursor:pointer}header #menu-button span{position:absolute;top:50%;left:9px;display:block;width:18px;height:1px;margin-top:-1px;background-color:#000;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}header #menu-button span:after,header #menu-button span:before{position:absolute;left:0;width:18px;height:1px;background:#000;content:'';-webkit-transition:transform .3s,background-color .3s;-moz-transition:transform .3s,background-color .3s;-ms-transition:transform .3s,background-color .3s;-o-transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s}header #menu-button span:before{-webkit-transform:translateY(-400%);-moz-transform:translateY(-400%);-o-transform:translateY(-400%);-ms-transform:translateY(-400%);transform:translateY(-400%)}header #menu-button span:after{-webkit-transform:translateY(400%);-moz-transform:translateY(400%);-o-transform:translateY(400%);-ms-transform:translateY(400%);transform:translateY(400%)}header #menu-button.opened span{background-color:transparent}header #menu-button.opened span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}header #menu-button.opened span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@font-face{font-family:'Futura Handwritten';src:url(fonts/FuturaHandwritten.woff2) format('woff2'),url(fonts/FuturaHandwritten.ttf) format('truetype'),url(fonts/FuturaHandwritten.woff) format('woff'),url(fonts/FuturaHandwritten.svg#FuturaHandwritten) format('svg');font-weight:300;font-style:normal}#x-app{height:100%;font-family:'Futura Handwritten','Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif}.page{position:absolute;top:0;width:100%;background-color:rgba(255,255,255,.9);-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1}.page.page-slide-enter-active,.page.page-slide-leave-active{-webkit-transition:opacity .45s;-moz-transition:opacity .45s;-ms-transition:opacity .45s;-o-transition:opacity .45s;transition:opacity .45s}.page.page-slide-enter-active.slide,.page.page-slide-leave-active.slide{-webkit-transition:top .9s;-moz-transition:top .9s;-ms-transition:top .9s;-o-transition:top .9s;transition:top .9s}.page.page-slide-leave-active.slide{-webkit-transition:top .6s;-moz-transition:top .6s;-ms-transition:top .6s;-o-transition:top .6s;transition:top .6s}.page.page-slide-enter,.page.page-slide-leave-to{-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}.page.page-slide-enter.slide,.page.page-slide-leave-to.slide{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;opacity:1;top:100%}.page.no-bottom-space .wrapper{margin-bottom:0}.page .wrapper{width:600px;margin:120px auto 90px}@media only screen and (max-width:720px){.page .wrapper{width:80%;margin:90px auto 60px}}.page .wrapper>h2{font-size:16px;font-weight:700;line-height:20px;margin-bottom:18px}.page .wrapper>h2 em{font-size:12px;color:#999;font-weight:400;font-style:normal}.thumb-list li{margin-bottom:30px}.thumb-list li img{border:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.thumb-list li h3{font-size:13px;line-height:1.2;padding-top:3px}.thumb-list li p{font-size:11px;color:#999}.o-page .wrapper{position:absolute;width:99999px;margin:0;-webkit-transition:left .9s;-moz-transition:left .9s;-ms-transition:left .9s;-o-transition:left .9s;transition:left .9s}.o-page .wrapper.panning{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.o-page .wrapper .wonder-map{float:left}.o-page .wrapper ul.list{position:absolute}.o-page .wrapper ul.list li{position:relative;float:left}.o-page .wrapper ul.list li.link{cursor:pointer}.o-page .wrapper .tips{position:absolute;width:150}.o-page .wrapper .tips h2{font-size:13px;line-height:1.2;padding:3px 0;color:#000}.o-page .wrapper .tips p{font-size:11px;color:#666}.o-page .mask{position:absolute;top:0;left:0;width:60px;background-color:rgba(255,255,255,0);-webkit-transition:background-color .45s;-moz-transition:background-color .45s;-ms-transition:background-color .45s;-o-transition:background-color .45s;transition:background-color .45s}.o-page .mask:hover{background-color:rgba(255,255,255,.9)}.o-page .mask .arrow{display:inline-block;position:absolute;top:50%;left:20px;margin-top:-20px;width:20px;height:40px;background:transparent url(images/arrows-2x.png) no-repeat 0 0;background-size:40px auto;-webkit-opacity:.75;-moz-opacity:.75;-ms-opacity:.75;-o-opacity:.75;opacity:.75;-webkit-transition:opacity .45s;-moz-transition:opacity .45s;-ms-transition:opacity .45s;-o-transition:opacity .45s;transition:opacity .45s}.o-page .mask .arrow:hover{-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;-o-opacity:.9;opacity:.9}.o-page .mask.right{left:auto;right:0}.o-page .mask.right .arrow{left:auto;right:20px;background-position:-20px 0}.edit-content p{color:#333}.edit-content a:hover{color:#000}