@keyframes flipY-588a16b0{0%{transform:perspective(13.33333rem) rotateX(0deg) rotateY(15deg)}50%{transform:perspective(13.33333rem) rotateX(0deg) rotateY(-15deg)}to{transform:perspective(13.33333rem) rotateX(0deg) rotateY(15deg)}}@keyframes flipYLight-588a16b0{0%{left:-100vw;opacity:.3;width:.66667rem}25%{left:45vw;opacity:0;width:1.2rem}50%{left:150vw;opacity:.3;width:.66667rem}75%{left:45vw;opacity:0;width:1.2rem}to{left:-100vw;opacity:.3;width:.66667rem}}@keyframes zoomOutUp-588a16b0{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,1.6rem,0);transform:scale3d(.475,.475,.475) translate3d(0,1.6rem,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-53.33333rem,0);transform:scale3d(.1,.1,.1) translate3d(0,-53.33333rem,0)}}.zoomOutUp[data-v-588a16b0]{animation:zoomOutUp-588a16b0 .4s ease-in-out}@keyframes flipInX-588a16b0{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(10.66667rem) rotateX(90deg);transform:perspective(10.66667rem) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(10.66667rem) rotateX(-20deg);transform:perspective(10.66667rem) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(10.66667rem) rotateX(10deg);transform:perspective(10.66667rem) rotateX(10deg)}80%{-webkit-transform:perspective(10.66667rem) rotateX(-5deg);transform:perspective(10.66667rem) rotateX(-5deg)}to{-webkit-transform:perspective(10.66667rem);transform:perspective(10.66667rem)}}.flipInX[data-v-588a16b0]{animation:flipInX-588a16b0 1.8s ease-in-out}.disabled[data-v-588a16b0]{pointer-events:none;opacity:.7}.top-title-height[data-v-588a16b0]{height:var(--safe-top)}.active-text[data-v-588a16b0]{background:linear-gradient(137deg,linen 19%,#d0b39d 51%,#e8e1d1 72%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 .05333rem .10667rem rgba(0,0,0,.5)!important;color:#fff!important}.ecology-page[data-v-588a16b0]{position:relative;color:#fff;padding-bottom:24vw;background:#101010;padding-bottom:calc(constant(safe-area-inset-bottom) + 24vw);padding-bottom:calc(env(safe-area-inset-bottom) + 24vw)}.ecology-page .top-title[data-v-588a16b0]{font-size:.64rem;font-weight:600;line-height:.74667rem;margin-bottom:.69333rem}.ecology-page .grid-list[data-v-588a16b0]{display:grid;grid-template-columns:repeat(2,1fr);gap:.32rem;margin-bottom:.85333rem}.ecology-page .title-box[data-v-588a16b0]{display:flex;align-items:center;justify-content:space-between;height:.58667rem;margin-bottom:.42667rem}.ecology-page .title-box .title-left[data-v-588a16b0]{display:flex;align-items:center;gap:.10667rem}.ecology-page .title-box .title-left .title-icon[data-v-588a16b0]{height:.32rem}.ecology-page .title-box .title-left .title-text[data-v-588a16b0]{font-size:.4rem;font-weight:600}.ecology-page .title-box .title-right[data-v-588a16b0]{display:flex;align-items:center}.ecology-page .title-box .title-right .more-text[data-v-588a16b0]{font-size:.34667rem;line-height:.48rem;color:hsla(0,0%,100%,0)}.ecology-page .title-box .title-right .more-icon[data-v-588a16b0]{width:.37333rem;height:.37333rem}.ecology-page .content-box[data-v-588a16b0]{padding:.53333rem .42667rem 0 .42667rem}.ecology-page .content-box .menu-box[data-v-588a16b0]{margin-bottom:.74667rem;position:relative;z-index:100}.ecology-page .content-box .menu-box .menu-list[data-v-588a16b0]{display:grid;grid-template-columns:repeat(4,1fr);gap:.64rem .8rem}.ecology-page .content-box .menu-box .menu-list .menu-item[data-v-588a16b0]{display:flex;flex-direction:column;gap:.10667rem;align-items:center}.ecology-page .content-box .menu-box .menu-list .menu-item .menu-icon[data-v-588a16b0]{width:.53333rem;height:.53333rem}.ecology-page .content-box .menu-box .menu-list .menu-item .menu-label[data-v-588a16b0]{font-size:.32rem;font-weight:500;line-height:.48rem;text-align:center}.ecology-page .content-box .ecology-list[data-v-588a16b0]{display:flex;flex-direction:column;gap:.48rem}.ecology-page .content-box .ecology-list .ecology-item[data-v-588a16b0]{width:100%;height:auto}