html{font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#fff}
article,body,button,div,h3,img,li,main,p,section,span,ul,video{margin:0;padding:0}
body{color:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff;line-height:1.5}
button{background:0 0;border:0;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}
img,video{border:0;display:block;max-width:100%;outline:0;width:100%}
li,ul{list-style:none}
*{box-sizing:border-box;touch-action:pan-y}
.page{background:#9dd1ff;margin:0 auto;max-width:1080px;overflow-x:hidden;position:relative;width:100%}
.page:before{background:radial-gradient(circle at 17% 18%,hsla(0,0%,100%,.25),transparent 1.2rem),radial-gradient(circle at 82% 40%,hsla(0,0%,100%,.18),transparent 1.1rem);content:"";height:100vh;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:min(100%,1080px);z-index:0}
.activity-section,.cool-section,.footer-section,.guide-section,.hero,.hotel-section,.video-section{position:relative;z-index:1}
.hero{animation:heroDrop .9s cubic-bezier(.22,1,.36,1) both}
.video-section{width:100%}
.video-shell{aspect-ratio:2160/1357;border-radius:.18rem;margin:0 auto;overflow:hidden;position:relative;width:92%;z-index:2}
.video-shell .swiper-slide,.video-shell .swiper-track{height:100%}
.video-item{cursor:pointer;height:100%;position:relative}
.video-poster{height:100%;object-fit:cover;object-position:center;width:100%}
.shared-video{background:#000;display:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:3}
.video-shell.is-playing .shared-video{display:block;pointer-events:auto}
.video-shell.is-playing .swiper-slide.is-active .video-poster{opacity:0}
.video-dots{position: relative;align-items:center;display:-webkit-flex;display:flex;gap:.1rem;justify-content:center;margin:0 auto 0}
.video-dot{background:#fff;border-radius:.25rem;height:.25rem;transition:width .25s ease,opacity .25s ease;width:.25rem}
.video-dot.is-active{width:.6rem}
.basic-swiper{overflow:hidden}
.swiper-track{display:-webkit-flex;display:flex;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}
.swiper-slide{flex-shrink:0;pointer-events:none;position:relative}
.swiper-slide.is-active{pointer-events:auto}
.swiper-dots{align-items:center;display:-webkit-flex;display:flex;gap:.2rem;justify-content:center;margin-top:.5rem;padding:.16rem 0 .02rem}
.swiper-dots button{background:#fff;border-radius:.25rem;height:.25rem;transition:width .25s ease,opacity .25s ease;width:.25rem}
.swiper-dots button.is-active{width:.6rem}
.section-title{margin:.08rem auto .5rem;position:relative;width:70%;z-index:2}
.section-title.reveal.title-reveal{-webkit-mask-image:linear-gradient(90deg,#000,#000 42%,transparent);mask-image:linear-gradient(90deg,#000,#000 42%,transparent);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:220% 100%;mask-size:220% 100%;opacity:0;transform:translateX(1.15rem);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1),-webkit-mask-position .95s cubic-bezier(.22,1,.36,1),mask-position .95s cubic-bezier(.22,1,.36,1)}
.section-title.reveal.title-reveal.is-visible{-webkit-mask-position:0 0;mask-position:0 0;opacity:1;transform:translateX(0)}
.activity-section,.cool-section,.guide-section,.hotel-section{padding:.08rem 0 .18rem}
.cool-tabs{align-items:end;display:grid;gap:.15rem;grid-template-columns:repeat(3,1fr);margin:0 auto .12rem;width:88%}
.cool-tab{min-width:0;transition:transform .25s ease}
.cool-tab img{height:auto;width:100%}
.cool-tab.is-active{animation:floatSoft 2.4s ease-in-out infinite}
.cool-card{transition:opacity .25s ease,transform .25s ease}
.cool-card.is-changing{opacity:.45;transform:scale(.985)}
.product-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin:0 auto;width:90%}
.product-swiper{width:100%}
.product-card{color:#fff;cursor:pointer;min-width:0;position:relative;transition:transform .2s ease}
.folder-back,.folder-front{bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:0}
.card-bird{left:-.08rem;pointer-events:none;position:absolute;top:-.14rem;width:.64rem;z-index:4}
.product-img{aspect-ratio:1/1.1;background:#d9efff;border-radius:.14rem .14rem 0 0;box-shadow:0 .04rem .12rem rgba(19,91,164,.14);margin:.2rem .2rem 0;overflow:hidden;position:relative;z-index:1}
.product-img img{height:100%;object-fit:cover;object-position:center top;width:100%}
.product-info{color:#fff;margin-top:-.24rem;min-height:1.32rem;padding:.22rem .3rem;position:relative;z-index:2}
.product-info h3{display:-webkit-box;height:.32rem;line-clamp:1;-webkit-line-clamp:1;overflow:hidden;position:relative;z-index:1;-webkit-box-orient:vertical;font-size:.28rem;font-weight:700;line-height:.32rem}
.product-info div{align-items:flex-end;align-items:center;display:-webkit-flex;display:flex;justify-content:space-between;margin-top:.2rem;position:relative;z-index:1}
.product-info span{font-size:.2rem;font-weight:700;line-height:1;white-space:nowrap}
.product-info em{font-size:.3rem;font-style:normal}
.product-info button{background:#ff5c9d;border-radius:999px;color:#fff;flex-shrink:0;font-size:.22rem;font-weight:700;padding:.08rem .14rem}
.product-card:active{transform:scale(.98)}
.hotel-grid{row-gap:.22rem}
.loading-tip{color:#fff;font-size:.26rem;font-weight:700;grid-column:1/-1;padding:.6rem 0;text-align:center}
.guide-section{margin-bottom:.6rem}
.guide-card{cursor:pointer;position:relative}
.guide-wrap{margin:0 10%;position:relative}
.guide-section .folder-back{bottom:2rem;margin:0 6%;width:88%}
.guide-bird{left:-.7rem;position:absolute;top:-1.25rem;width:1.68rem;z-index:5}
.guide-author{left:-.38rem;margin:0 0 -.02rem .22rem;position:absolute;top:-.38rem;width:70%;z-index:4}
.guide-cover-swiper{border-radius:.16rem .16rem 0 0;overflow:hidden;position:relative;z-index:2}
.guide-cover-swiper img{display:block;width:100%;padding-bottom: 5rem;}
.guide-bottom{bottom:2rem;left:0;margin:-3rem 6% 0;position:absolute;right:0;z-index:2}
.guide-wave{bottom:-1.3rem}
.guide-boat,.guide-wave{position:absolute;right:0;width:62%;z-index:4}
.guide-boat{bottom:-.8rem}
.pointer-events-none{pointer-events:none}
.footer-section{padding-bottom:env(safe-area-inset-bottom)}
.footer-logo{width:100%}
.footer-water{margin-top:-.01rem}
#ios{background:#000;color:#fff;display:none;font-size:10px;margin:0 auto;max-width:1080px;padding:.3rem 0;text-align:center}
.reveal{opacity:0;transform:translateY(.42rem);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal.pop{transform:translateY(.28rem) scale(.92)}
.reveal.pop.is-visible{transform:translateY(0) scale(1)}
.reveal-delay-1{transition-delay:.12s}
@keyframes heroDrop{0%{opacity:0;transform:translateY(-.35rem) scale(1.02)}
to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes floatSoft{0%,to{transform:translateY(0)}
50%{transform:translateY(-.06rem)}
}
@media (prefers-reduced-motion:reduce){.cool-tab.is-active,.hero{animation:none}
.reveal,.reveal.pop,.section-title.reveal.title-reveal{-webkit-mask-image:none;mask-image:none;opacity:1;transform:none;transition:none}
}