html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.aquarium-background{z-index:-1;position:fixed;inset:0;overflow:hidden}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}html{scroll-behavior:smooth}em{font-style:normal}button{font-family:inherit}:root{--base:calc(1.1rem + 1.2vmin + .5vmax);--transition-duration:.17s;--transition-curve:ease;--transition:all var(--transition-duration) var(--transition-curve);--margin:1rem;--box-radius:3rem;--main:#3765d9;--primary:#00aeff;--primary-H:199;--primary-S:100%;--primary-L:50%;--secondary:#ff8f93;--secondary-H:358;--secondary-S:100%;--secondary-L:78%;text-rendering:optimizelegibility;text-wrap:pretty;--scroll-end:74vh;--initial-width:min(8rem, 20vw);--initial-rotate:6deg;--final-width:min(60rem, 80vw);--top-offset:calc(var(--initial-width) * 2);--envelope-frame:0;--fold-radius:10px;--system-font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--title-font:"title", "Yuanti SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;cursor:url(hand-2.png) 5 1,auto;--hand-cursor:url(hand-1.png) 5 1, pointer}a,button,[role=button],input[type=button],input[type=submit],.btn,.cta-btn,.menu-icon,.bottle,.modal-close,.cta-meta,.wechat-tip__copy-btn{cursor:var(--hand-cursor);user-select:none;text-decoration:none;&:active{cursor:url(hand-3.png) 5 1,auto}}body{background-color:#1857bb;background:linear-gradient(to bottom, hsl(228, 80%, calc(45% - var(--mouse-y) * 10%)), hsl(230, 72%, calc(30% + var(--mouse-y) * 10%)));color:#333;margin:0;font-family:"Alibaba Health 2.0",yuanti sc,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .1s linear;position:relative;overflow-x:hidden}a{color:inherit}::selection{background:var(--main);color:#fff}.deco{pointer-events:none;user-select:none;position:absolute}.hero-section .deco{position:fixed}.deco img{object-fit:contain;position:absolute}.bottle{bottom:calc(var(--base) * -4);max-width:calc(var(--base) * 8);max-height:calc(var(--base) * 8);z-index:233;transition:var(--transition);user-select:none;padding:calc(var(--base) * 2);transform:scale(calc((100vw + 120px) / 100vw)) translateX(calc(var(--mouse-x) * 20px)) translateY(calc(var(--mouse-y) * 3px));transform-origin:0 100%;will-change:transform;position:fixed;left:0;.has-scrolled &{opacity:0}}.bottle img{object-fit:contain;width:100%;height:100%;transition:var(--transition);filter:brightness(.9)contrast(.9);will-change:filter}.bottle:hover img{scale:1.5;translate:calc(var(--base) * .5) calc(var(--base) * -2);filter:brightness(1.1)contrast(1.1);rotate:-15deg}@media (orientation:portrait){.bottle{max-width:calc(var(--base) * 10);max-height:calc(var(--base) * 10);bottom:unset;top:calc(var(--base) * -5);animation:2s ease-in-out infinite bottom-left-bottle-floating;left:0}.bottle:hover img{scale:1.5;translate:calc(var(--base) * 1) calc(var(--base) * 4);opacity:1;rotate:-15deg}}@keyframes bottom-left-bottle-floating{0%{transform:scale(.7)}50%{transform:scale(.7) translateY(calc(var(--base) * .2)) rotate(5deg)}to{transform:scale(.7)}}.menubar{top:calc(var(--base) * .2);left:calc(var(--base) * .2);width:calc(100% - var(--base) * .4);height:calc(var(--base) * 1);z-index:10;pointer-events:none;user-select:none;pointer-events:none;backdrop-filter:blur(.15vw);border-radius:calc(var(--base) * .3);box-shadow:inset 0 calc(var(--base) * .3) calc(var(--base) * .6) #fff3, inset calc(var(--base) * .05) calc(var(--base) * .05) calc(var(--base) * .05) #fff3, 0 0 calc(var(--base) * .3) #0000001a;will-change:translate;background:linear-gradient(#6bbfffb3,#107ffee6);position:fixed;.has-scrolled &{transition:var(--transition);translate:0 -200%}}.menubar>.inner{justify-content:stretch;width:100%;height:100%;display:flex;position:relative}.menubar-tile{flex:auto}.menubar-right{aspect-ratio:955/247;background:url(menubar-right.avif) 50%/contain repeat-x;flex:none}.menubar-left{aspect-ratio:735/247;opacity:.9;background:url(menubar-left.avif) 50%/contain repeat-x;flex:none}@media (orientation:portrait){.menubar{height:calc(var(--base) * 1.75)}}.menu-icon{top:calc(var(--base) * .9);right:calc(var(--base) * .4);z-index:113;perspective:1000px;user-select:none;will-change:opacity;position:fixed;.has-scrolled &{transition:var(--transition);opacity:0}&>.inner{transition:var(--transition);transform-style:preserve-3d}}.menu-icon img{width:calc(var(--base) * 6.5);height:calc(var(--base) * 6.5);object-fit:contain;transition:var(--transition)}@media (orientation:portrait){.menu-icon{top:calc(var(--base) * 1.4);right:calc(var(--base) * 1.7);z-index:111;position:fixed}.menu-icon img{width:calc(var(--base) * 9);height:calc(var(--base) * 9)}}.menu-icon:hover>.inner{transform:rotateY(180deg)}.menu-mock{z-index:1;opacity:1;.menu-icon:hover &{opacity:0}}.menu-real{z-index:-1;opacity:0;transform-origin:50% 0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotateY(180deg)scale(1.4);.menu-icon:hover &{opacity:1}}.indicator-text{opacity:0;width:100%;height:100%;transition:var(--transition);pointer-events:none;position:absolute;top:0%;left:-120%;translate:0 10%;.menu-icon:hover &{opacity:1;translate:0}}.hero-section{height:100vh;padding-bottom:calc(var(--base) * 3);padding-top:calc(var(--base) * 4);z-index:112;user-select:none;will-change:transform, filter;filter:none;justify-content:center;align-items:flex-start;transition:all .1s linear;display:flex;position:fixed;left:0;right:0;transform:none;.has-scrolled &{filter:blur(calc(var(--scroll) * .04px)) brightness(calc(1 - var(--scroll) / 1600));transform:translateY(calc(var(--scroll) * 0vh)) scale(max(0, calc(1 - var(--scroll) / 1600)));pointer-events:none}}.container{width:calc(var(--base) * 28);aspect-ratio:2;transform:translate3d(calc((var(--mouse-x) - .5) * var(--base) * .2), calc((var(--mouse-y) - .5) * var(--base) * .2), 0);transition:var(--transition);will-change:transform;&>.inner{width:100%;height:100%;position:relative}}.hero-bg{pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.hero-bg-1{fill:#e1dcff8c}.hero-bg-2{fill:#afc3ff4d}.hero-bg-3{fill:#ffffff4d}.hero-image{--logo-scale:1.2;z-index:30;user-select:none;transform-origin:50%;width:50%;height:100%;transform:rotate(calc((var(--mouse-y) - .5) * -3deg)) scale(var(--logo-scale));transition:var(--transition);will-change:transform;position:absolute;top:-2%;right:6%;&>.inner{width:100%;height:100%;position:relative}&>.inner:after,&>.inner:before{content:"";pointer-events:none;z-index:30;transform-origin:50%;width:100%;height:100%;transition:var(--transition);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0}&>.inner:before{opacity:0;z-index:31;background-image:url(shock-new.avif)}&>.inner:after{will-change:opacity;background-image:url(blink-new.avif);animation:7s infinite blink}&:hover>.inner:after{opacity:1;animation:none}&:active>.inner:before{opacity:1}&:hover{--logo-scale:1.25}&:active{--logo-scale:1.19}}@keyframes blink{0%{opacity:0}48%{opacity:0}49%{opacity:1}50%{opacity:0}51%{opacity:1}52%{opacity:0}to{opacity:0}}.hero-image img{object-fit:contain;width:100%;height:100%}.fake-hero{z-index:200;width:52%;height:78%;position:absolute;bottom:12%;right:0}.header-text{padding-top:calc(var(--base) * 3.5);padding-left:calc(var(--base) * 3);color:#fff;z-index:10;align-items:start;display:block;position:relative}h1{font-family:var(--title-font);font-size:calc(var(--base) * 2);color:var(--main);grid-area:title;margin:0;font-weight:400;line-height:1;position:relative}.tagline{font-size:calc(var(--base) * .9);color:#f15520;letter-spacing:.01em;margin:calc(var(--base) * .1) 0 calc(var(--base) * .5);grid-area:tagline;align-self:center;font-weight:700}.description{font-size:calc(var(--base) * .4);max-width:calc(var(--base) * 10);opacity:.6;color:#000000e6;font-weight:400;line-height:1.6;font-family:var(--system-font);grid-area:desc;align-self:start;margin:0}.cta{left:calc(var(--base) * 2.4);text-align:left;top:calc(var(--base) * 9.4);user-select:none;justify-content:flex-start;align-items:center;gap:calc(var(--base) * .6);z-index:32;display:flex;position:absolute}.cta-btn{align-items:center;gap:calc(var(--base) * .3);padding:calc(var(--base) * .2) calc(var(--base) * .6);height:calc(var(--base) * 1.4);font-size:calc(var(--base) * .4);border-radius:calc(var(--base) * .4);transition:var(--transition);letter-spacing:.1em;color:#fff;z-index:8;box-shadow:calc(var(--base) * .3 - var(--mouse-x) * var(--base) * .4) calc(var(--base) * .9 - var(--mouse-y) * var(--base) * .3) calc(var(--base) * .6 + var(--mouse-x) * var(--base) * .4) calc(var(--base) * -.2) #2442a180;will-change:box-shadow, transform, filter;transform:translate(calc((var(--mouse-x) - .5) * var(--base) * .2), calc((var(--mouse-y) - .5) * var(--base) * .1));background:linear-gradient(#fdd142,#fbab04);border:none;font-weight:700;line-height:1.16;text-decoration:none;transition-property:transform,filter;display:flex;position:relative;overflow:visible;&.cta-mobile{display:none}&:hover{filter:brightness(1.1);transform:scale(1.02)}& span{flex-direction:column;flex:1 0 auto;display:flex}& strong{display:block}& em{color:#fff0cc;font-size:.8em;font-weight:400;font-family:var(--system-font)}}@supports (corner-shape:squircle){.cta-btn{corner-shape:squircle;border-radius:calc(var(--base) * .8)}}.cta-secondary{background:linear-gradient(#04a0fb,#428dfd);& em{color:#94d8fe}}@media (orientation:portrait){.cta-btn.cta-mobile{display:flex}.cta-btn.cta-desktop{display:none}}.btn-icon{width:calc(var(--base) * 1);height:calc(var(--base) * 1);object-fit:contain;transform-origin:50%;z-index:2;will-change:transform;transition:transform .3s;position:relative;transform:scale(2)translate(-10%)}.cta-btn:hover .btn-icon{transform:scale(2.4)translate(-10%)}.cta-meta{gap:calc(var(--base) * .05);color:#0009;transition:var(--transition);background:#ffffff4d;border-radius:.6em;flex-direction:column;padding:.4em .8em;font-size:.75rem;display:flex;&:hover{background:#ffffffb3}& a{transition:var(--transition);font-weight:700}&:hover a{color:#0987ff}}.cta-meta-sep{background:#0003;width:100%;height:1px}.crab{top:calc(var(--base) * -1.67);left:calc(var(--base) * .1);width:calc(var(--base) * 4.8);height:calc(var(--base) * 2.4);opacity:0;transition:var(--transition);z-index:120;transform-origin:72%;background:url(crab.avif) 50%/contain no-repeat;position:absolute}.cta:has(.cta-desktop:hover) .crab-1,.cta:has(.crab:hover) .crab-1{opacity:1;animation:.7s both crab-show}.crab-1{pointer-events:none}.crab-2{top:calc(var(--base) * -1.67);top:calc(var(--base) * -2.27);padding:calc(var(--base) * .15) calc(var(--base) * .5);font-size:calc(var(--base) * .25);color:#fff;text-shadow:0 .2em .3em #0000c833;background-image:url(crab2.avif);line-height:1.4;animation:none}.cta:has(.cta-desktop:hover) .crab-2,.cta:has(.crab:hover) .crab-2{opacity:1;animation:.2s .5s both crab-show-2}.crab-2 span:hover{font-weight:700}@keyframes crab-show{0%{z-index:0;opacity:1;transform:translateY(calc(var(--base) * 1)) scale(.8)}50%{transform:rotate(-3deg) translateY(calc(var(--base) * -.3));z-index:10}to{z-index:20;transform:none}}@keyframes crab-show-2{0%{opacity:0;translate:calc(var(--base) * -1) calc(var(--base) * 1.2);rotate:-30deg;scale:.1}to{opacity:1;translate:calc(var(--base) * .5) 0;rotate:0deg;scale:1.2}}@media (orientation:portrait){header.hero-section{justify-content:center;align-items:center;padding:0}.container{--logo-scale:.8;aspect-ratio:1/2;width:calc(var(--base) * 20)}.hero-bg{transform-origin:25%;width:200%;height:50%;top:0;translate:0 75%;rotate:-90deg;scale:.8 1.2}.header-text{padding:calc(var(--base) * 18) 0 0 0;margin:0 auto}h1{font-size:calc(var(--base) * 2.5);text-align:center}.tagline{text-align:center;font-size:calc(var(--base) * 1.16);padding-top:.2em}.description{text-align:center;font-size:calc(var(--base) * .8);max-width:unset;padding:0 3em}.hero-image{width:100%;height:50%;top:0%;right:8%}.cta{left:unset;top:calc(var(--base) * 28);justify-content:center;align-items:center;gap:calc(var(--base) * .4);transform-origin:50% 0;flex-direction:row-reverse;width:100%;scale:2}.cta-meta{font-size:calc(var(--base) * .8);flex-direction:row}.cta-meta-sep,.cta-meta>div:last-child{display:none}}#fishes-canvas{pointer-events:none;z-index:2;width:100%;height:100vh;position:fixed;top:0;left:0}.fish-label{color:#ffffffe6;pointer-events:none;white-space:nowrap;user-select:none;z-index:3;backdrop-filter:blur(4px);background:#00000080;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.4;display:none;position:fixed}#landing .bubbles-canvas{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#landing #bubbles-canvas-back{z-index:110}#landing #bubbles-canvas-front{z-index:146;transition:var(--transition);transition-duration:1s}#landing.has-scrolled #bubbles-canvas-front{opacity:0}.fish{z-index:5;pointer-events:none;opacity:0;visibility:hidden;position:fixed}.fish img{width:auto;max-width:8vw;height:auto;max-height:6vw;display:block}@keyframes fishSwimInArea{0%{transform:translateX(0) translateY(0) scaleX(var(--fish-direction))}25%{transform:translateX(8vw) translateY(-1vh) scaleX(var(--fish-direction))}50%{transform:translateX(15vw) translateY(.5vh) scaleX(var(--fish-direction))}75%{transform:translateX(8vw) translateY(-.8vh) scaleX(var(--fish-direction))}to{transform:translateX(0) translateY(0) scaleX(var(--fish-direction))}}@keyframes fishSwimInAreaReverse{0%{transform:translateX(0) translateY(0) scaleX(var(--fish-direction))}25%{transform:translateX(-8vw) translateY(.8vh) scaleX(var(--fish-direction))}50%{transform:translateX(-15vw) translateY(-.5vh) scaleX(var(--fish-direction))}75%{transform:translateX(-8vw) translateY(1vh) scaleX(var(--fish-direction))}to{transform:translateX(0) translateY(0) scaleX(var(--fish-direction))}}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.3}85%{opacity:.3}to{transform:translateY(-120vh) translateX(var(--bubble-drift));opacity:0}}.home-envelope{transform-origin:50%;bottom:calc(var(--initial-width) * -.55);left:calc(50% - var(--initial-width) * .75);right:calc(50% - var(--initial-width) * .75);z-index:10;border-radius:calc(var(--box-radius) * .25);translate:0 calc(var(--scroll) * .4px);rotate:calc(var(--initial-rotate));will-change:rotate, translate, opacity;z-index:113;aspect-ratio:1;background-image:url(envelope.avif);background-repeat:no-repeat;background-size:100% 700%;background-position:50% calc(var(--envelope-frame) * 16.6667%);color:#fff;transition:background-position;position:fixed;.has-scrolled &{pointer-events:none}}.home-envelope>.inner{flex-direction:column;justify-content:flex-start;align-items:center;height:100%;display:flex;position:relative}.home-envelope-title{font-size:calc(var(--initial-width) / 8);margin-top:calc(var(--initial-width) / 2.2);font-weight:700;& strong{font-size:1.5em;font-weight:700}& em{color:#0a85c2}& .bounce-chars{display:flex}& .bounce-chars span{animation:2s infinite char-bounce;display:inline-block;&:first-child{animation-delay:1s}&:nth-child(2){animation-delay:1.1s}&:nth-child(3){animation-delay:1.2s}&:nth-child(4){animation-delay:1.4s}}.has-scrolled & .bounce-chars span{animation:none}}@keyframes char-bounce{0%,23%,to{transform:translateY(0)}8%{transform:translateY(-.18em)scale(1.2)}15%{transform:translateY(.2em)scale(.9)}20%{transform:translateY(-.1em)}}.content-wrapper{perspective:100vh;z-index:112;justify-content:center;align-items:center;height:90vh;margin-top:100vh;display:flex;position:relative}.content-section{--bg-color:#ffe7e0;width:var(--final-width);perspective:1000vh;transform-origin:50%;--scale-start:calc(var(--scroll-end) - 13vh);will-change:transform;color:var(--secondary);transform:scale(min(calc(var(--initial-width) / var(--final-width) + max(var(--scroll) * 1px - var(--scale-start), 0px) / (var(--scroll-end) - var(--scale-start)) * (1 - var(--initial-width) / var(--final-width))), 1)) rotateZ(max(calc(( 1 - var(--scroll) * 1px / var(--scroll-end) ) * var(--initial-rotate)), 0deg)) rotateY(calc((var(--mouse-x) - .5 ) * 8deg)) rotateX(calc((var(--mouse-y) - .5 ) * -5deg));transform-style:preserve-3d;align-items:flex-start;margin:0 auto;scroll-margin-top:15vh;transition:transform .1s;position:relative}.features{text-align:center;z-index:114;border-radius:var(--box-radius);border-radius:calc(var(--box-radius)/4) calc(var(--box-radius)/4) var(--box-radius) var(--box-radius);background-color:var(--bg-color);background:linear-gradient(to bottom, var(--bg-color), #fff);background:#f3f3f3 top/cover;width:100%;position:relative;transform:translateZ(0);&:after,&:before{--width:2px;--border:0px;content:"";width:calc(100% - 2 * var(--border));height:calc(100% - 2 * var(--border));top:var(--border);left:var(--border);z-index:-1;will-change:opacity;border-radius:calc(var(--box-radius) / 4 - var(--border)) calc(var(--box-radius) / 4 - var(--border)) calc(var(--box-radius) - var(--border)) calc(var(--box-radius) - var(--border));border:1px solid #fff;display:block;position:absolute}&:after{opacity:calc((var(--mouse-x) - var(--mouse-y)) / 2 + .23);mix-blend-mode:color-dodge;background:url(pattern.avif) 0 0/cover no-repeat}&:before{opacity:calc((var(--mouse-x) + var(--mouse-y)) / 2 - .3);background:linear-gradient(calc(var(--mouse-x) * -40deg + var(--mouse-y) * 40deg + 175deg), var(--primary), #fff, var(--secondary))}}@media (orientation:portrait){.features{border-radius:calc(var(--box-radius) / 4) calc(var(--box-radius) / 4) calc(var(--box-radius) / 2) calc(var(--box-radius) / 2);&:before,&:after{border-radius:calc(var(--box-radius) / 4 - var(--border)) calc(var(--box-radius) / 4 - var(--border)) calc(var(--box-radius) / 2 - var(--border)) calc(var(--box-radius) / 2 - var(--border))}}}h2{color:#fff;padding:var(--margin) calc(var(--margin) * 2) calc(var(--margin) * 1.5);border-radius:calc(var(--box-radius) / 4) calc(var(--box-radius) / 4) 0 0;justify-content:center;align-items:center;gap:.15em;font-size:2rem;font-weight:700;display:flex;position:relative;transform:translateZ(0);&:before,&:after{content:"";will-change:opacity;background:var(--primary);z-index:-1;width:100%;height:100%;opacity:calc(.4 + var(--mouse-y) * .2 + var(--mouse-x) * .2);border-radius:calc(var(--box-radius) / 4) calc(var(--box-radius) / 4) 0 0;background:url(wave-pattern.avif) 0 0/contain;position:absolute;top:0;left:0}&:after{mix-blend-mode:overlay;opacity:calc(1 - var(--mouse-y) * .3);background-image:url(wave-pattern-2.avif)}}h2>span{will-change:opacity;opacity:calc(.5 + var(--mouse-y) * .5);text-shadow:0 -3px 0 var(--primary), 0 3px 0 var(--primary), 3px 0 0 var(--primary), -3px 0 0 var(--primary), 2px -2px 0 var(--primary), 2px 2px 0 var(--primary), -2px 2px 0 var(--primary), -2px -2px 0 var(--primary);&:before,&:after{content:" · ";color:var(--primary)}}.features-grid{padding:calc(var(--margin) * .5) calc(var(--margin) * 2) 0;grid-template-columns:5fr var(--margin) 2fr 2fr 2fr 2fr;grid-template-rows:auto auto 1fr;grid-template-areas:"local.online online online online""local-features sep history history weekly weekly""local-features sep chart chart chart chart""local-price sep online-price online-price online-price online-price""pricing-tip pricing-tip pricing-tip pricing-tip pricing-tip pricing-tip";gap:.75em;display:grid;position:relative;@media (width<=900px){grid-template-columns:1fr;grid-template-areas:"local""local-features""local-price""sep""online""history""weekly""chart""online-price""pricing-tip"}}.features-mask{z-index:-1;mix-blend-mode:color-dodge;width:100%;height:100%;opacity:calc(.6 - (.6 - var(--mouse-x)) * (.6 - var(--mouse-x)));border-radius:calc(var(--box-radius) / 4) calc(var(--box-radius) / 4) var(--box-radius) var(--box-radius);will-change:opacity;background:url(noise.avif) 0 0/5% 5%;position:absolute;top:0;left:0}@media (orientation:portrait){.features-mask{border-radius:calc(var(--box-radius) / 4) calc(var(--box-radius) / 4) calc(var(--box-radius) / 2) calc(var(--box-radius) / 2)}}.features-mask-2{opacity:calc(.3 - (.6 - var(--mouse-y)) * (.6 - var(--mouse-y)));background-image:url(noise-2.avif);display:none}.flare{opacity:1;pointer-events:none;z-index:2;mix-blend-mode:overlay;will-change:opacity, translate;background:url(flare.avif) 0 0/contain;width:20rem;height:4rem;position:absolute;@media (width<=900px){display:none}}.card-flare-1{opacity:calc(.1 + var(--mouse-y) * .9 - var(--mouse-x) * .3);translate:calc(100% - 80% * var(--mouse-x)) 0;top:-2rem;left:0}.card-flare-2{opacity:calc(1 - var(--mouse-y) * .9 + var(--mouse-x) * .3);translate:calc(-100% + 80% * var(--mouse-x)) 0;bottom:-2rem;right:0;rotate:180deg}.grid-sep{grid-area:sep;height:100%}.feature-header{text-align:center;opacity:calc(var(--mouse-y) * .3 + .7);justify-content:stretch;align-items:center;gap:.5em;padding:.5em 0;font-size:1rem;display:flex;transform:translateZ(0);@media (width<=900px){padding:0;font-size:.75rem}&>div{color:var(--secondary);opacity:.9;flex:none;justify-content:center;align-items:center;display:flex}&:before,&:after{content:"";background-color:hsla(var(--secondary-H), var(--secondary-S), var(--secondary-L), .4);opacity:.65;height:5px;image-rendering:smooth;flex:1 0 auto;display:block;-webkit-mask-image:url(wavy.svg);mask-image:url(wavy.svg);-webkit-mask-size:10px 5px;mask-size:10px 5px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}&.feature-online:before,&.feature-online:after{background-color:hsla(var(--primary-H), var(--primary-S), var(--primary-L), .4)}}.pricing-title{color:hsla(var(--secondary-H), var(--secondary-S), var(--secondary-L), 1);.feature-online &{color:hsla(var(--primary-H), var(--primary-S), var(--primary-L), 1)}}.feature-card{perspective:120vh;--initial-fold:1deg;--final-fold:150deg;--turn-duration:.3s;--turn-curve:ease-in-out;--turn-transition:all var(--turn-duration) var(--turn-curve);align-self:stretch;position:relative}.feature-fold{padding:var(--margin);transition:transform var(--turn-duration) var(--turn-curve), filter var(--turn-duration) var(--turn-curve), opacity var(--turn-duration) var(--turn-curve), filter var(--turn-duration) var(--turn-curve);transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--initial-fold)) translateZ(1px);transform-origin:50% 0;border-radius:var(--fold-radius);background:#fff9;border-bottom-right-radius:0;height:100%;.feature-local-features &{transform:rotateY(var(--initial-fold)) translateZ(1px);transform-origin:100%;border-bottom-right-radius:var(--fold-radius);border-bottom-left-radius:0}.feature-card:hover &{transform:rotateX(var(--final-fold)) translateZ(1px);background:#ffffffe6}.feature-card.feature-local-features:hover &{transform:rotateY(var(--final-fold)) translateZ(1px)}&:after{--corner-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNDAwIDEwMCI+PHBhdGggZmlsbD0iI2Q5ZDlkOSIgZD0iTTQwMCAwSDJoMzIuMjU2YTQyIDQyIDAgMCAxIDMyLjM0MSAxNS4yMDNsMjMuMjA4IDI4LjAxQTc0IDc0IDAgMCAwIDE0Ni43ODcgNzBIMzcwYzE2LjU2OSAwIDMwLTEzLjQzMSAzMC0zMHoiLz48L3N2Zz4=);content:"";pointer-events:none;transform-origin:100% 0;background-color:hsla(var(--primary-H), var(--primary-S), 80%, 1);width:1.6rem;height:.4rem;-webkit-mask-image:var(--corner-image);mask-image:var(--corner-image);border-radius:0 0 .25rem .25rem;margin:0;display:block;position:absolute;top:100%;right:0;-webkit-mask-size:contain;mask-size:contain}.feature-local-features &:after{right:100%;top:unset;background-color:hsla(var(--secondary-H), var(--secondary-S), 80%, 1);bottom:-.4rem;transform:rotate(90deg)}}.feature-fold>.inner{height:100%;opacity:calc(var(--mouse-y) * .3 + .7);grid-template:"icon title""icon description"1fr/auto 3fr;gap:.5em 1.5em;display:grid}@media (width<=1000px){.feature-fold>.inner{grid-template:"icon title""icon description"". ."/auto 4fr}}.feature-fold-back{transform:rotateX(var(--initial-fold)) rotateY(180deg) translateY(1px);backface-visibility:hidden;opacity:0;background:#fff;width:100%;height:100%;padding:0;display:none;position:absolute;top:0;left:0;overflow:hidden;.feature-local-features &{transform:rotateY(var(--initial-fold)) rotateX(180deg) translateZ(1px);transform-origin:100%}.feature-card:hover &{transform:rotateX(var(--final-fold)) rotateY(180deg) translateY(1px);opacity:.8}.feature-card.feature-local-features:hover &{transform:rotateY(var(--final-fold)) rotateX(180deg) translateZ(1px)}}.feature-shadow{filter:blur(8px);opacity:0;width:100%;height:100%;transition:var(--turn-transition);pointer-events:none;z-index:-1;will-change:filter, opacity, transform;transform-origin:top;transform-style:flat;background:#12679133;position:absolute;top:0;left:0;.feature-card:hover &{opacity:1;filter:blur(16px);transform:scaleY(-1)scaleX(1.1)translateY(20%)}.feature-local-features &{transform-origin:100%;transform:scaleX(1)}.feature-local-features:hover &{transform:rotateX(-13deg)rotateY(140deg)scaleX(.7)translate(-40%)}}.feature-base{background:hsla(var(--primary-H), var(--primary-S), var(--primary-L), .1);z-index:-1;will-change:filter;border-radius:var(--fold-radius);width:100%;height:100%;transition:var(--turn-transition);opacity:.1;box-shadow:0 0 0 2px hsla(var(--primary-H), 80%, 50%, .4);border-bottom-right-radius:3px;position:absolute;top:0;left:0;.feature-local-features &{background:hsla(var(--secondary-H), var(--secondary-S), var(--secondary-L), .1);box-shadow:0 0 0 2px hsla(var(--secondary-H), 80%, 50%, .4);border-bottom-right-radius:var(--fold-radius);border-bottom-left-radius:3px}.feature-history &{background:0 0}.feature-card:hover &{filter:none;opacity:1}}.feature-content{border-radius:var(--fold-radius);width:100%;height:100%;overflow:hidden;& img{object-fit:cover;object-position:center center;width:100%;height:100%}.feature-local-features &{background:#fff;border-bottom-left-radius:3px}.feature-local-features & img{object-position:bottom center}}.feature-icon{background:hsla(var(--secondary-H), var(--secondary-S), var(--secondary-L), .15);will-change:opacity;width:3rem;height:3rem;transition:opacity var(--turn-duration) var(--turn-curve);border-radius:.5rem;grid-area:icon;justify-content:center;align-items:center;padding:.5em;display:flex;position:relative;overflow:hidden;&>*{color:var(--secondary)}& path{fill:var(--secondary)}.cloud-feature-card &{background:hsla(var(--primary-H), var(--primary-S), var(--primary-L), .15)}.cloud-feature-card & path{fill:var(--primary)}.feature-card:hover &{opacity:.3}&:before{content:"";width:calc(100% + 2px);height:120%;translate:calc(var(--mouse-x) * -2px + 1px);will-change:translate;border:1px solid #0000000f;border-radius:8px;position:absolute;top:.8px;left:-1px}@media (width<=900px){width:2rem;height:2rem}}.feature-title{text-align:left;color:var(--primary);will-change:opacity;transition:opacity var(--turn-duration) var(--turn-curve);grid-area:title;align-items:flex-start;font-size:1.25rem;font-weight:700;display:flex;.feature-local-features &{color:var(--secondary)}.feature-card:hover &{opacity:.3}@media (width<=1000px){font-size:1.1rem}@media (width<=900px){font-size:1rem}}.feature-local{grid-area:local}.feature-online{grid-area:online}.feature-local-features{z-index:222;grid-area:local-features;display:flex;&>.feature-fold{flex:auto}}.feature-weekly{grid-area:weekly}.feature-history{grid-area:history}.feature-chart{grid-area:chart}.feature-description{text-align:left;font-size:.75rem;line-height:1.6;font-family:var(--system-font);color:#1f2c47b3;will-change:opacity;transition:opacity var(--turn-duration) var(--turn-curve);grid-area:description;align-items:flex-start;list-style-position:outside;.feature-card:hover &{opacity:.3}&>li::marker{color:var(--primary);content:"• "}.feature-local-features &>li::marker{color:var(--secondary)}}.local-price{grid-area:local-price}.online-price{grid-area:online-price}.card-actions{margin-top:1em;font-size:1.7rem;&>.inner{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (width<=900px){margin-top:0;font-size:1rem}}.pricing-number{color:var(--primary);align-items:center;font-weight:700;display:flex;&>i{color:var(--secondary);margin-left:.2em;font-size:.9em;font-style:normal;font-weight:400}}.pricing-number .currency{color:var(--primary);font-size:.9em;font-weight:400}.card-btn{background:var(--secondary);color:#fff;border-radius:var(--box-radius);width:100%;transition:var(--transition);opacity:calc(.7 + .3 * var(--mouse-y));justify-content:center;align-items:center;gap:.5em;padding:.3em .6em;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateZ(0);&.primary{background:var(--primary)}main:hover &{will-change:filter}&:hover{filter:brightness(1.2);opacity:1}&:active{filter:brightness(.9);opacity:1}& svg{width:1em;height:1em}& svg path{fill:#fff;opacity:.5}}.card-btn-text{color:#fff;text-align:left;font-size:1rem;font-weight:700;@media (width<=900px){font-size:.75rem}}.card-btn-desc{color:#fff;opacity:.7;margin-left:1em;font-weight:400;display:inline-block}.pricing-tip{color:#1f2c4799;padding:calc(var(--margin) * .2) calc(var(--margin) * 2) calc(var(--margin) * 1.2);grid-area:pricing-tip;font-size:.75rem;transform:translateZ(0)}.scroll-indicator{bottom:calc(var(--base) * 4);z-index:100;opacity:.8;text-align:center;opacity:calc(1 - var(--scroll) / 300);transition:var(--transition);position:absolute;left:50%;transform:translate(-50%);.has-scrolled &{opacity:0}}@media (width<=1000px){.scroll-indicator{display:none}}.scroll-indicator-text{color:#ffffffb3;font-size:calc(var(--base) * .4);margin-bottom:calc(var(--base) * .1);letter-spacing:.05em;font-weight:400}.scroll-arrow{width:calc(var(--base) * .25);height:calc(var(--base) * .25);border-left:3px solid var(--primary);border-bottom:3px solid var(--primary);margin:0 auto;animation:2s .5s infinite bounce;rotate:-45deg}@keyframes bounce{0%,20%,50%,80%,to{translate:-50%}40%{translate:-50% 50%}60%{translate:-50% 50%}}.footer{text-align:center;z-index:100;justify-content:center;align-items:center;margin:5vh 0 4vh;display:flex;position:relative;left:0;right:0}.footer>.inner{color:#ffffffb3;text-shadow:0 1px 3px #0046ff4d;box-shadow:inset 0 calc(var(--base) * .3) calc(var(--base) * .6) #fff3, inset calc(var(--base) * .05 * ( 1 - var(--mouse-x))) calc(var(--base) * .05) calc(var(--base) * .05) #ffffff40, 0 0 calc(var(--base) * .3) #0000001a;border-radius:2em;padding:.6em;font-size:.875rem;&>em{opacity:.35;margin:0 .1em;font-style:normal;font-weight:400}}.footer a{color:#fff9;text-decoration-skip-ink:none;text-underline-offset:.2em;transition:var(--transition);font-weight:400;text-decoration:none}.footer a:hover{color:hsl(var(--primary-H), var(--primary-S), var(--primary-L));text-decoration:underline wavy hsla(var(--primary-H), var(--primary-S), var(--primary-L), .5)}.footer a:active{color:hsla(var(--primary-H), var(--primary-S), var(--primary-L), .6);text-decoration:underline wavy hsla(var(--primary-H), var(--primary-S), var(--primary-L), .3)}.app-icon{width:40vw;height:40vw;margin:0 auto;overflow:hidden}.app-icon img{object-fit:contain;width:100%;height:100%}.custom-cursor{width:var(--cursor-size,48px);height:var(--cursor-size,48px);z-index:500;pointer-events:none;will-change:transform;opacity:1;user-select:none;transition:opacity .2s;display:none;position:fixed;top:0;left:0;overflow:visible;transform:translate(-9999px,-9999px);&.is-hidden{opacity:0}}.custom-cursor .cursor-state{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.custom-cursor .cursor-state-2,.custom-cursor .cursor-state-3{opacity:0}body:has(.hero-image:hover){& .cursor-state-3{opacity:0}& .cursor-state-2{opacity:1}& .cursor-state-1{opacity:0}}body:has(.hero-image:active){& .cursor-state-3{opacity:1}& .cursor-state-2,& .cursor-state-1{opacity:0}}@media (pointer:coarse){.custom-cursor{display:none}}.modal{z-index:200;opacity:0;visibility:hidden;transition:var(--transition);pointer-events:none;grid-template-rows:1fr auto 1fr;grid-template-columns:1fr min(92vw,720px) 1fr;display:grid;position:fixed;inset:0}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-backdrop{background:#00143c73;position:fixed;inset:0}.modal-dialog{color:#fff;border-radius:calc(var(--base) * .4);padding:calc(var(--base) * .8);transition:var(--transition);background:linear-gradient(to bottom right,#104eb4f2,#0c3082f2);outline:none;flex-direction:column;grid-area:2/2/span 1/span 1;max-height:80vh;display:flex;position:relative;transform:scale(.92)translateY(10%);box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff14}.modal.is-open .modal-dialog{transform:none}.modal-header{margin-bottom:calc(var(--base) * .4);padding-bottom:calc(var(--base) * .2);text-align:center;flex:none;justify-content:space-between;align-items:center;gap:.5rem;line-height:1;display:flex;position:relative}.modal-icon{width:calc(var(--base) * 3.2);height:calc(var(--base) * 3.2);left:calc(var(--base) * -2.2);top:calc(var(--base) * -2.2);object-fit:contain;border-radius:50%;position:absolute;overflow:hidden}.modal-title{letter-spacing:.02em;width:100%;font-size:1.5rem;font-weight:700}.modal-header:after{content:"";opacity:.5;filter:invert();pointer-events:none;mix-blend-mode:overlay;background-image:url(sep.png);background-position:50%;background-repeat:repeat-x;background-size:auto 50%;height:10px;position:absolute;bottom:-10px;left:0;right:0}.modal-close{-webkit-appearance:none;appearance:none;color:#fff;width:2rem;height:2rem;transition:var(--transition);background:#ffffff1f;border:none;border-radius:999px}.modal-close:hover{background:#fff3;transform:scale(1.05)}.modal-close:active{background:#ffffff47;transform:scale(.98)}.modal-content{color:#ffffffe6;font-size:.875rem;line-height:1.8;font-family:var(--system-font);flex:auto;overflow-y:auto}@media (width<=1000px){.modal-content{font-size:.75rem}}.modal-content p{margin:0 0 .8em}.modal-content ul{margin:.5em 0 .8em 1.2em}.modal-content li{margin:.2em 0}#modal-history .modal-content img{display:none}.modal-actions{margin-top:calc(var(--base) * .6);justify-content:flex-end;gap:.6rem;display:flex}.modal li::marker{content:"• ";color:#f15520;font-size:1.4em}.modal{& h3{color:#ffffff80;font-weight:400;& b{color:#fff;font-weight:700}}}.btn{border:none;border-radius:.6rem;padding:.5rem 1rem;font-size:1rem;text-decoration:none}.btn-ghost{color:#fff;background:#ffffff1f}.btn-ghost:hover{background:#fff3}body.modal-open{overflow:hidden}.in-wechat .hide-in-wechat{display:none}@media (width<=1200px){:root{--base:4vmin}.footer>.inner{font-size:.75rem}}@media (width<=900px){:root{--base:3.2vmin;--margin:.5rem}.content-section{padding:calc(var(--base) * 1) 0}h2{font-size:calc(var(--base) * 1.5)}}@font-face{font-family:title;src:url(momoyu-title.woff2)format("woff2");font-display:block;font-weight:400}.preview-btn{color:#fff;background:var(--primary);transition:var(--transition);border:none;border-radius:2em;outline:none;justify-content:center;align-items:center;gap:.2em;padding:.4em 1em;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;bottom:.8em;right:.8em;overflow:hidden;.feature-card:hover &{will-change:transform, opacity}&:hover{transform:scale(1.05)}&:active{opacity:.8;transform:scale(.98)}}@keyframes preview-icon-hover{0%,to{transform:none}20%,40%{translate:3px}}.preview-icon{width:1em;height:1em;transition:var(--transition);opacity:.5;display:inline-block;position:relative;.preview-btn:hover &{opacity:1;translate:2px}&:before,&:after{content:"";width:75%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}&:before{transform-origin:100% 0;border-top:.2em solid #fff;border-bottom:none;border-left:none;border-right:.2em solid #fff;border-radius:2px;width:50%;height:50%;transform:translate(100%)translateY(100%)rotate(45deg)}.preview-btn:hover &:before{transform:translate(120%)translateY(100%)rotate(45deg)scale(.85)}&:after{transform-origin:0%;background:#fff;border-radius:2px;scale:1 .2}.preview-btn:hover &:after{scale:1.25 .2}}.aquarium-preview-exit{z-index:1000;padding-bottom:calc(var(--base) * 2);pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:flex-end;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.aquarium-preview-exit[aria-hidden=false]{pointer-events:auto;opacity:1;visibility:visible}.aquarium-preview-exit .exit-hint{backdrop-filter:blur(10px);color:#ffffffe6;font-size:calc(var(--base) * .4);transition:var(--transition);background:#00143c99;border-radius:2em;padding:.8em 1.6em;font-weight:500;animation:3s ease-in-out infinite hint-float;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@media (orientation:portrait){.aquarium-preview-exit .exit-hint{font-size:calc(var(--base) * 1.2)}}.aquarium-preview-exit .exit-hint:hover{background:#00143ccc;transform:scale(1.05)}@keyframes hint-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}html.aquarium-preview-mode .hide-when-preview{opacity:0;pointer-events:none;transition:opacity .25s ease-out}html.aquarium-preview-mode .bg-top{opacity:.6;transition:opacity .5s ease-out}html.aquarium-preview-mode,html.aquarium-preview-mode body{overflow:hidden}.hero-clouds{pointer-events:none;justify-content:center;align-items:flex-end;display:flex}.hero-cloud{bottom:calc(var(--initial-width) * -.1);width:calc(var(--initial-width) * .7);object-fit:contain;height:auto;opacity:calc(1 - var(--scroll) * 1px / 100px);z-index:114;transform-origin:50% 100%;transition:opacity .3s,transform .3s;transition:var(--transition);will-change:transform, opacity;animation:12s infinite home-cloud-shaking;position:fixed}.hero-cloud-left{right:calc(50% + var(--initial-width) * .6);bottom:calc(var(--initial-width) * -.25);--offset-x:calc(var(--scroll) * -1px * 1.6);scale:calc(2.8 + var(--scroll) / 200);animation-duration:18s;animation-delay:-2s}.hero-cloud-left-2{right:calc(48% + var(--initial-width) * .5);bottom:calc(var(--initial-width) * -.1);--offset-x:calc(var(--scroll) * -1px * .8);scale:calc(1.2 + var(--scroll) / 300);z-index:0;animation-duration:16s;animation-delay:-4s}.hero-cloud-right{left:calc(50% + var(--initial-width) * .3);bottom:calc(var(--initial-width) * -.7);--offset-x:calc(var(--scroll) * 1px * 1.7);scale:calc(2.5 + var(--scroll) / 140);animation-duration:17s;animation-delay:-7s}.hero-cloud-right-2{left:calc(50% + var(--initial-width) * .2);bottom:calc(var(--initial-width) * -.18);--offset-x:calc(var(--scroll) * 1px * .5);scale:calc(1 + var(--scroll) / 320);z-index:0;animation-duration:19s;animation-delay:-12s}@keyframes home-cloud-shaking{0%{translate:var(--offset-x) 0}25%{translate:var(--offset-x) 10%}50%{translate:var(--offset-x) -12%}75%{translate:var(--offset-x) 11%}to{translate:var(--offset-x) 0}}.has-scrolled .hero-cloud{pointer-events:none}.cta-toast{top:calc(var(--base) * 2);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:9999;background:#000000d1;border-radius:3em;padding:1em;font-size:1rem;transition:none;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.cta-toast-show{animation:.3s forwards ctaToastIn}.cta-toast-hide{animation:.3s forwards ctaToastOut}.cta-toast-error{background:#b42828e0}@keyframes ctaToastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes ctaToastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}