@charset "UTF-8";.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:"slick";font-weight:400;font-style:normal;src:url(static/slick.a4e97f5a.eot);src:url(static/slick.a4e97f5a.eot?#iefix) format("embedded-opentype"),url(static/slick.29518378.woff) format("woff"),url(static/slick.c94f7671.ttf) format("truetype"),url(static/slick.2630a3e3.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:"slick";font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}header{padding:0 60px;height:100px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:rgba(0,0,0,.8)}header .logo{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:28px;font-weight:700;color:#fff}header .logo .icon{width:54px;height:54px;border-radius:6px;border:1px solid var(--border)}footer{display:flex;align-items:center;justify-content:center;height:60px}footer a{text-decoration:none;font-size:14px;opacity:.8;color:var(--color)}.point{border-radius:50%;height:8px;margin:0 12px;width:8px}#intro{max-width:1920px;--size-h1:calc(42px + var(--view-minmax)*6);--size-h2:calc(20px + var(--view-minmax)*8);padding:60px;display:flex;justify-content:space-between;height:100vh;margin:0 auto}#intro h1{font-size:var(--size-h1);line-height:calc(var(--size-h1)*1.382);display:flex;align-items:center}#intro h1 .point{background:var(--color)}#intro h2{font-size:var(--size-h2);line-height:calc(var(--size-h2) + 10px);opacity:.8;letter-spacing:2px}#intro .qrcode{margin-top:60px;padding:10px;text-align:center;background:#fff;border-radius:10px;box-sizing:border-box;box-shadow:0 20px 90px 0 rgba(0,0,0,.08),0 9px 30px 0 rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:calc(16px + var(--view-minmax)*4);grid-gap:calc(10px + var(--view-minmax)*2);gap:calc(10px + var(--view-minmax)*2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:hidden}#intro .qrcode img{flex:0 0 auto;width:calc(170px + var(--view-minmax)*20);height:calc(170px + var(--view-minmax)*20)}#intro .phone-container{position:relative}#intro .phone-img{width:100%;height:100%;object-fit:contain;background:#fbfaff}#intro .phone1{position:relative;z-index:3}#intro .phone2{position:absolute;top:-40px;left:0;z-index:2;transform:rotate(-15deg) translateX(-56%) scale(.9)}#intro .phone3{position:absolute;top:-80px;left:0;z-index:1;transform:rotate(-20deg) translateX(-100%) scale(.8)}@media (max-width:990px){#intro{flex-direction:column;align-items:center;justify-content:flex-start;--view-minmax:calc(0.14493vw - 0.43478px);width:100vw;overflow:hidden;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-gap:60px;gap:60px}#intro h1{font-size:calc(25px + var(--view-minmax)*13)}#intro h2{font-size:calc(18px + var(--view-minmax)*12)}#intro .one{display:flex;flex-direction:column;align-items:center}#intro .phone-container .phone{height:100em}#intro .phone1{position:relative;z-index:3}#intro .phone3{position:absolute;top:-40px;left:0;z-index:2;transform:rotate(-15deg) translateX(-56%) scale(.9)}#intro .phone2{position:absolute;top:-40px;left:0;z-index:2;transform:rotate(15deg) translateX(56%) scale(.9)}}.iphone{--size:max(5px,1vmin);--height:80em;--pad:1.25em;--border-radius:6.666em;--gutter:calc(var(--pad)*2);--scene-pad:5vmin;--bg-blur:0.333em;--button-width:0.333em;--notch-height:3.33em;--notch-width:33.3%;--notch-radius:calc(var(--border-radius) - var(--pad)*2);--notch-duration:0.333s;--ease:cubic-bezier(.666,0,.4,1);--ease-spring:cubic-bezier(.666,0,.4,1.2);--ease-out:cubic-bezier(.15,0,.333,1);--border-width:0.4em;--deep-purple:284;--gold:22.5;--space-black:215;--silver:254;--c-h:var(--deep-purple);--c-s:100%;--c-l:50%}@keyframes appear{to{transform:scaleX(1);opacity:1}}.scene{display:flex;flex-wrap:wrap;grid-gap:3em 0;gap:3em 0;align-items:center;align-content:center;justify-content:center;font-family:Inter;font-size:var(--size);box-sizing:border-box}.phone-con{flex-basis:100%;display:flex;justify-content:center}.phone{position:relative;z-index:1;aspect-ratio:37/76;background:#000;height:var(--height);border-radius:var(--border-radius);box-shadow:0 0 .1em .25em hsl(var(--c-h),20%,25%),0 0 0 var(--border-width) hsl(var(--c-h),30%,85%);box-sizing:border-box;opacity:0;transform:scale3d(1.1,1.1,1);animation:appear 1s var(--ease-out) forwards;webkit-backface-visibility:hidden}.phone:before{content:"";position:absolute;top:var(--border-radius);right:calc(var(--border-width)*-1);bottom:var(--border-radius);left:calc(var(--border-width)*-1);border-color:hsl(var(--c-h),20%,30%);border-style:solid;border-width:.5em 0}.buttons{position:absolute;inset:calc(var(--border-width)*-1);pointer-events:none}.buttons .left,.buttons .right{position:absolute;width:var(--button-width);display:flex;flex-direction:column;align-items:stretch;grid-gap:1.5em;gap:1.5em}.buttons .left{right:100%;top:calc(var(--border-radius)*2)}.buttons .left .button:first-child{height:3em;margin-bottom:.5em}.buttons .right{left:100%;transform:scaleX(-1);top:calc(var(--border-radius)*3)}.buttons .right .button{height:9.5em}.buttons .button{background:hsl(var(--c-h),20%,95%);height:6em;box-shadow:inset -.15em 0 .1em #000,inset 0 0 .1em hsl(var(--c-h),30%,90%),inset 0 .2em .1em hsl(var(--c-h),30%,90%),inset 0 -.2em .1em hsl(var(--c-h),30%,90%),inset -.1em .333em .1em rgba(0,0,0,.5),inset -.1em -.333em .1em rgba(0,0,0,.5);border-top-left-radius:.2em;border-bottom-left-radius:.2em}.screen-container{position:absolute;inset:0;border-radius:var(--border-radius);border:var(--pad) solid #000;display:flex;flex-direction:column;align-items:center;grid-gap:calc(var(--pad)*2);gap:calc(var(--pad)*2)}.screen-container:before{content:"";position:absolute;z-index:2;background:#fff;width:36.6%;bottom:calc(var(--pad)*0.75);height:calc(var(--pad)*0.5);border-radius:calc(var(--pad)*0.25);-webkit-filter:drop-shadow(0 .1em .25em rgba(0,0,0,.1));filter:drop-shadow(0 .1em .25em rgba(0,0,0,.1))}.bg{position:absolute;inset:0;background:#000;border-radius:calc(var(--border-radius) - var(--pad));overflow:hidden;transform:translateZ(0)}.bg>*{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transition:opacity 1s var(--ease-out) .5s;background:#000}.bg .section{--g-h:var(--c-h);--g-s:var(--c-s);--g-l:var(--c-l);flex-grow:1;position:relative;overflow:hidden;border-radius:calc(var(--border-radius) - var(--pad));border-bottom-left-radius:20em;border-bottom-right-radius:20em}.bg .section:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 110% at 50% 92.5%,#000 33.3%,rgba(0,0,0,.738) 45.973%,rgba(0,0,0,.541) 55.978%,rgba(0,0,0,.382) 64.649%,rgba(0,0,0,.278) 70.9855%,rgba(0,0,0,.194) 76.655%,rgba(0,0,0,.126) 81.991%,rgba(0,0,0,.075) 86.7934%,rgba(0,0,0,.042) 90.7287%,rgba(0,0,0,.021) 93.997%,rgba(0,0,0,.008) 96.7984%,rgba(0,0,0,.002) 98.7994%,transparent 100%),radial-gradient(100% 66.6% at 110% 100%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,1) 33.3%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.738) 45.973%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.541) 55.978%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.382) 64.649%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.278) 70.9855%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.194) 76.655%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.126) 81.991%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.075) 86.7934%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.042) 90.7287%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.021) 93.997%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.008) 96.7984%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.002) 98.7994%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,0) 100%),radial-gradient(100% 66.6% at -10% 100%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,1) 33.3%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.738) 45.973%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.541) 55.978%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.382) 64.649%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.278) 70.9855%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.194) 76.655%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.126) 81.991%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.075) 86.7934%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.042) 90.7287%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.021) 93.997%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.008) 96.7984%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,.002) 98.7994%,hsla(calc(var(--g-h) - var(--g-hue-adjust)),100%,50%,0) 100%),radial-gradient(150% 100% at 50% 80%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,0) 35%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.262) 47.35%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.459) 57.1%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.618) 65.55%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.722) 71.725%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.806) 77.25%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.874) 82.45%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.925) 87.13%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.958) 90.965%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.979) 94.15%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.992) 96.88%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,.998) 98.83%,hsla(calc(var(--g-h) + 33.3),100%,82.5%,1) 100%);background:radial-gradient(120% 110% at 50% 92.5%,#000 33.3%,rgba(0,0,0,.738) 45.973%,rgba(0,0,0,.541) 55.978%,rgba(0,0,0,.382) 64.649%,rgba(0,0,0,.278) 70.9855%,rgba(0,0,0,.194) 76.655%,rgba(0,0,0,.126) 81.991%,rgba(0,0,0,.075) 86.7934%,rgba(0,0,0,.042) 90.7287%,rgba(0,0,0,.021) 93.997%,rgba(0,0,0,.008) 96.7984%,rgba(0,0,0,.002) 98.7994%,transparent 100%),radial-gradient(100% 66.6% at 110% var(--g-hue-adjust-2-y,100%),hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,1) 33.3%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.738) 45.973%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.541) 55.978%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.382) 64.649%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.278) 70.9855%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.194) 76.655%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.126) 81.991%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.075) 86.7934%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.042) 90.7287%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.021) 93.997%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.008) 96.7984%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.002) 98.7994%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,0) 100%),radial-gradient(100% 66.6% at -10% var(--g-hue-adjust-2-y,100%),hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,1) 33.3%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.738) 45.973%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.541) 55.978%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.382) 64.649%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.278) 70.9855%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.194) 76.655%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.126) 81.991%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.075) 86.7934%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.042) 90.7287%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.021) 93.997%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.008) 96.7984%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,.002) 98.7994%,hsla(calc(var(--g-h) - var(--g-hue-adjust-2, var(--g-hue-adjust))),100%,50%,0) 100%),radial-gradient(150% 100% at 50% 80%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),0) 35%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.262) 47.35%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.459) 57.1%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.618) 65.55%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.722) 71.725%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.806) 77.25%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.874) 82.45%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.925) 87.13%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.958) 90.965%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.979) 94.15%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.992) 96.88%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),.998) 98.83%,hsla(calc(var(--g-h) + 33.3),100%,var(--g-lightness,82.5%),1) 100%);background-color:hsl(var(--g-h),var(--g-s),var(--g-l));transform:scale3d(1.1,1.25,1);transform-origin:bottom;transition:transform 1s var(--ease-out) .5s}.bg .section:after{content:"";position:absolute;inset:0;border:var(--border-width) solid hsla(0,0%,100%,.8);border-radius:inherit;-webkit-filter:blur(.05em);filter:blur(.05em);-webkit-mask-image:radial-gradient(100% 100% at 50% 70%,#000 30%,transparent 50%);mask-image:radial-gradient(100% 100% at 50% 70%,#000 30%,transparent 50%);transform:translatez(2px)}.bg .section .glow{position:absolute;inset:0;border-radius:inherit;mix-blend-mode:overlay;z-index:1;background:radial-gradient(80% 150% at 50% 100%,hsl(var(--g-h),100%,var(--g-l)),transparent 70%)}.bg .section:last-of-type{--g-h:calc(var(--c-h) - var(--g-hue-adjust, 0));--g-l:calc(var(--c-l) + 40%);--g-lightness:95%;transform:scaleY(-1) translateZ(1px)}.notch-container{position:absolute;z-index:3;top:var(--pad);right:var(--pad);left:var(--pad);display:flex;justify-content:center;height:100%;max-height:calc(var(--notch-radius)*2);pointer-events:none;outline:none;transition:var(--notch-duration) var(--ease);transition-property:max-height,max-width,transform,-webkit-filter;transition-property:max-height,max-width,filter,transform;transition-property:max-height,max-width,filter,transform,-webkit-filter;will-change:max-width,max-height,filter}.is-resizing .notch-container,.is-resizing .notch-container *{transition:none}.notch-container:focus-within,.notch-container:hover{--shadow-opacity:0.5;transition-timing-function:var(--ease-spring)}.notch-container:focus-within .content,.notch-container:hover .content{--content-padding:2em}.notch-container:focus-within .content .text,.notch-container:hover .content .text{opacity:1}.notch-container:focus-within .notch,.notch-container:hover .notch{max-width:100%;max-height:100%;pointer-events:all;transform:scaleX(1)}.notch-container:focus-within~.notch-blur,.notch-container:hover~.notch-blur{opacity:1;max-height:calc(var(--notch-radius)*3.333 + var(--pad))}.notch-container:focus-within{max-height:calc(var(--notch-radius)*3);--bar-height:1em;--bar-opacity:1}.notch-container:focus-within .left,.notch-container:focus-within .right{max-height:calc(100% - var(--content-gap));max-height:calc(100% - var(--bar-height, 0%) - var(--content-gap))}.notch-container:focus-within~.notch-blur{max-height:calc(var(--notch-radius)*5);opacity:1}.notch-blur{position:absolute;z-index:2;top:calc(var(--pad) - 3px);right:calc(var(--pad) - 3px);left:calc(var(--pad) - 3px);height:100%;max-height:calc(var(--notch-radius)*1.5);-webkit-backdrop-filter:blur(.2em);backdrop-filter:blur(.2em);-webkit-mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.738) 67.6%,rgba(0,0,0,.541) 73.6%,rgba(0,0,0,.382) 78.8%,rgba(0,0,0,.278) 82.6%,rgba(0,0,0,.194) 86%,rgba(0,0,0,.126) 89.2%,rgba(0,0,0,.075) 92.08%,rgba(0,0,0,.042) 94.44%,rgba(0,0,0,.021) 96.4%,rgba(0,0,0,.008) 98.08%,rgba(0,0,0,.002) 99.28%,transparent);mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.738) 67.6%,rgba(0,0,0,.541) 73.6%,rgba(0,0,0,.382) 78.8%,rgba(0,0,0,.278) 82.6%,rgba(0,0,0,.194) 86%,rgba(0,0,0,.126) 89.2%,rgba(0,0,0,.075) 92.08%,rgba(0,0,0,.042) 94.44%,rgba(0,0,0,.021) 96.4%,rgba(0,0,0,.008) 98.08%,rgba(0,0,0,.002) 99.28%,transparent);opacity:0;border-radius:calc(var(--border-radius) - var(--pad));transition:var(--notch-duration) var(--ease);transition-property:max-height,max-width,opacity,transform;will-change:max-width,max-height}.notch{position:relative;border-radius:var(--notch-radius);pointer-events:all;overflow:hidden;color:#fff;display:flex;cursor:pointer;width:100%;transition:inherit;transition-property:inherit;will-change:inherit;-webkit-filter:drop-shadow(0 1em 2em hsla(0 0% 0%/0));filter:drop-shadow(0 1em 2em hsla(0 0% 0%/0));-webkit-filter:drop-shadow(0 1em 2em hsla(0 0% 0%/var(--shadow-opacity,0)));filter:drop-shadow(0 1em 2em hsla(0 0% 0%/var(--shadow-opacity,0)));transform:scale3d(.375,.4,1);transform-origin:top}.notch:before{content:"";position:absolute;inset:0;background:#000;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1'><defs><filter id='round'><feGaussianBlur in='SourceGraphic' stdDeviation='5' result='blur' /><feColorMatrix in='blur' mode='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9' result='goo'/><feComposite in='SourceGraphic' in2='goo' operator='atop'/></filter></defs></svg>#round");border-radius:inherit}.content{--content-padding:1.75em;--duration-height:0.5em;--content-gap:1em;width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:stretch;padding:var(--content-padding);grid-gap:var(--content-gap);gap:var(--content-gap);font-size:125%;transition-property:padding;will-change:padding;position:relative}.content .left,.content .right{height:100%;max-height:100%;max-height:calc(100% - var(--bar-height, 0%));display:flex;align-items:center;grid-gap:1em;gap:1em}.content,.content .bar,.content .left,.content .right,.content .text{transition:var(--notch-duration) var(--ease-out)}.content .bar,.content .left,.content .right{transition-property:max-height,opacity;will-change:max-height}.content .left{flex-grow:2}.content .text{display:flex;flex-direction:column;grid-gap:.333em;gap:.333em;transition-property:opacity;opacity:0;opacity:var(--bar-opacity,0)}.content .text:before{content:"一顿";order:1;text-transform:uppercase}.content .text:after{order:2;content:"收集UP们的美食探店";opacity:.5}.content .right{flex-grow:1}.content .tile{background:#1a1ab3;height:100%;aspect-ratio:1;border-radius:33.3%;position:relative}.content .tile:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(50% 50% at 55% 40%,#131386,#cd1385 75%,transparent) 50%/133.3% 133.3%;background-color:#ff0;-webkit-filter:blur(.05em);filter:blur(.05em)}.content .bar{display:flex;align-items:center;grid-gap:1em;gap:1em;flex-basis:100%;height:100%;max-height:0%;max-height:var(--bar-height,0%);color:hsla(0,0%,100%,.5);opacity:0;opacity:var(--bar-opacity,0)}.content .bar .duration{position:relative;height:var(--duration-height);background:hsla(0,0%,100%,.25);border-radius:calc(var(--duration-height)*0.5);overflow:hidden;flex-grow:1}.content .bar .duration:before{content:"";height:100%;background:#fff;width:25%;position:absolute}.content .bar:before{content:"1:20"}.content .bar:after{content:"-1:48"}.camera{display:flex;justify-content:center;align-items:center;height:var(--notch-height);aspect-ratio:1/1;border-radius:50%;pointer-events:none;position:absolute;z-index:4;top:calc(var(--pad)*2);right:calc(50% - var(--notch-width)*0.5);margin-right:calc(var(--pad)*0.333)}.camera:before{content:"";height:33.3%;aspect-ratio:1;border-radius:inherit;box-shadow:inset 0 0 .25em #4c4da3;background:radial-gradient(#6667ac,transparent 50%) no-repeat 33.3% 10%/75% 50%,radial-gradient(#454680,transparent 50%) no-repeat 60% 85%/50% 50%;background-color:#080928}.screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;border-radius:calc(var(--border-radius) - var(--pad));overflow:hidden;transform:translateZ(0)}.app{--col:4;aspect-ratio:1;border-radius:20%;flex-basis:15%;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;grid-gap:2%;gap:2%;padding:5%;box-sizing:border-box;font-size:1.5em;--scale:1.5;--duration:0.8s;transform:scale3d(var(--scale),var(--scale),1);animation:appear var(--duration) var(--ease-out) forwards}.app:first-child,.app:nth-child(2){flex-basis:40%;border-radius:15%;background:linear-gradient(190deg,#fff 33.3%,#fff) top/100% 125%;background:linear-gradient(190deg,var(--app-bg-s1,#fff) 33.3%,var(--app-bg-s2,var(--app-bg-s1,#fff))) top/100% 125%}.app:not(:first-child):not(:nth-child(2)):before{content:"";background:linear-gradient(190deg,#fff,#fff) top/100% 125%;background:linear-gradient(190deg,var(--app-bg-s1,#fff),var(--app-bg-s2,var(--app-bg-s1,#fff))) top/100% 125%;border-radius:inherit;position:absolute;inset:0;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1'><defs><filter id='round'><feGaussianBlur in='SourceGraphic' stdDeviation='5' result='blur' /><feColorMatrix in='blur' mode='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9' result='goo'/><feComposite in='SourceGraphic' in2='goo' operator='atop'/></filter></defs></svg>#round")}.app:first-child,.app:nth-child(2),.app:nth-child(3),.app:nth-child(6),.app:nth-child(7),.app:nth-child(10){--scale:1.75;--duration:1s}.app:first-child{--app-bg-s1:#3c74c7;--app-bg-s2:#6490d2;color:#fff;transform-origin:125% 200%}.app:first-child:after{content:"Sunny"}.app:first-child .weather{display:flex;flex-direction:column;grid-gap:2%;gap:2%}.app:first-child .weather:before{content:"Oakland"}.app:first-child .weather:after{font-size:225%;content:"80°"}.app:nth-child(2){--app-bg-s1:#cbe2ae;--app-bg-s2:#eff6e6;transform-origin:-25% 200%}.app:nth-child(2):before{content:"";align-self:flex-end;width:40%;background:#f8d7a2;border:var(--border-width) solid #fff;aspect-ratio:1;border-radius:50%}.app:nth-child(2):after{content:"Hudson Ave";font-weight:500;margin-top:auto}.app:nth-child(3){--app-bg-s1:#a7f88f;--app-bg-s2:#41c144;transform-origin:175% 200%}.app:nth-child(4){transform-origin:75% 230%}.app:nth-child(5){--app-bg-s1:#cecdd5;--app-bg-s2:#89888d;transform-origin:-25% 230%}.app:nth-child(6){--app-bg-s1:#1ac5fb;--app-bg-s2:#1d71f2;transform-origin:-125% 200%}.app:nth-child(7){--app-bg-s1:#fe9b01;--app-bg-s2:#f67324;transform-origin:175% 80%}.app:nth-child(8){--app-bg-s1:#cb65f0;--app-bg-s2:#8628bb;transform-origin:75% 100%}.app:nth-child(9){--app-bg-s1:#1d71f2;--app-bg-s2:#1ac8fd;transform-origin:-25% 100%}.app:nth-child(10){transform-origin:-125% 80%}.pallette{position:relative;z-index:1;order:1;display:flex;grid-gap:2em;gap:2em;margin-right:2.25em;margin-bottom:-.25em}.pallette:hover~.phone-con .screen{transition-delay:.5s;opacity:0}.zoom-con{order:1}input[type=checkbox],input[type=radio]{display:none}.swatch{--swatch-size:max(30px,5em);--border-opacity:0;background:#fff;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;position:relative;cursor:pointer;border:max(1.5px,var(--border-width)) solid #000;box-sizing:border-box;background:radial-gradient(100% 100% at 50% 30%,var(--swatch-s1),var(--swatch-s2));opacity:0;transform:translate3d(0,20%,0) scale3d(.75,.75,1);animation:appear .333s var(--ease-out) forwards .75s;display:flex;align-items:center;color:#fff;justify-content:center;outline:none}.swatch:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:var(--border-width) solid #000;background-image:radial-gradient(400% 300% at 50% 225%,transparent 20%,#fff)}.swatch:not([for=zoom]):after{content:"";position:absolute;inset:calc(var(--border-width)*-1);border-width:inherit;border-style:inherit;opacity:var(--border-opacity);transition:.25s var(--ease-out);transition-property:opacity;border-radius:inherit}.swatch:not([for=zoom]):hover{--border-opacity:0.666}.swatch:not([for=zoom]):focus{--border-opacity:1}.swatch:first-child{transform-origin:100% 200%}.swatch:nth-child(2){animation-delay:.8s;transform-origin:80% 200%}.swatch:nth-child(3){animation-delay:.85s;transform-origin:50% 200%}.swatch:nth-child(4){animation-delay:.9s;transform-origin:40% 200%}.swatch:nth-child(5){animation-delay:.95s;transform-origin:20% 200%}.swatch[for=deep-purple]{--swatch-s1:hsl(var(--deep-purple),100%,50%);--swatch-s2:hsl(calc(var(--deep-purple) - 60),100%,20%)}.swatch[for=deep-purple]:before{opacity:.5}.swatch[for=gold]{--swatch-s1:hsl(var(--gold),100%,50%);--swatch-s2:hsl(var(--gold),100%,50%)}.swatch[for=space-black]{--swatch-s1:hsl(var(--space-black),50%,20%);--swatch-s2:hsl(var(--space-black),50%,10%)}.swatch[for=space-black]:before{opacity:.5}.swatch[for=silver]{--swatch-s1:hsl(var(--silver),50%,80%);--swatch-s2:hsl(var(--silver),50%,10%)}.swatch[for=silver]:before{opacity:.75}.swatch[for=random]{border-color:hsla(0,0%,100%,.25);transition:border-color .2s var(--ease-out)}.swatch[for=random]:before{background:none}.swatch[for=random]:hover{border-color:hsla(0,0%,100%,.75)}.swatch[for=random]:hover .icon{opacity:1}.swatch[for=random] .icon{position:absolute;inset:22.5%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15l3 3m0 0l-3 3m3-3h-4l-1-1-1-1h-1m4-13l3 3m0 0l-3 3m3-3h-4l-1 1-1 1-6 8-1 1-1 1H3M3 6h4l1 1 1 1 1 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/contain;opacity:.75;transition:opacity .2s var(--ease-out)}#random:not(:checked)~.scene .swatch[for=random]:after{border:none}#random:checked~.scene .swatch[for=random]{--swatch-s1:hsl(var(--r-h),var(--r-s),var(--r-l));--swatch-s2:hsl(var(--r-h),var(--r-s),calc(min(98%, var(--r-l) + 10%)))}#random:checked~.scene .swatch[for=random]:after{border-color:hsl(var(--r-h),50%,75%)}#random:checked~.scene .swatch[for=random] .icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15l3 3m0 0l-3 3m3-3h-4l-1-1-1-1h-1m4-13l3 3m0 0l-3 3m3-3h-4l-1 1-1 1-6 8-1 1-1 1H3M3 6h4l1 1 1 1 1 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/contain}#random:checked~.scene .swatch[for=random]:focus .tooltip,#random:checked~.scene .swatch[for=random]:hover .tooltip{pointer-events:all;opacity:1}.swatch[for=zoom]{--zoom-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 27l9-9m-9 9v-9m0 9h9M27 5l-9 9m9-9v9m0-9h-9' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation-delay:1s;transform-origin:40% 200%;border-color:hsla(0,0%,100%,.25);transition:border-color .2s var(--ease-out)}.swatch[for=zoom]:before{background:none}.swatch[for=zoom]:after{content:"";position:absolute;inset:22.5%;background:var(--zoom-icon) 50%/cover;opacity:.75;transition:opacity .2s var(--ease-out)}.swatch[for=zoom]:hover{border-color:hsla(0,0%,100%,.5)}.swatch[for=zoom]:hover:after{opacity:1}.swatch[for=zoom]:focus{border-color:hsla(0,0%,100%,.75)}.swatch[for=zoom]:focus:after{opacity:1}.deep-purple{--c-h:var(--deep-purple);--g-hue-adjust:40;--g-hue-adjust-2:45}.deep-purple .section:last-of-type{--g-hue-adjust-2-y:85%}.gold{--c-h:var(--gold);--g-hue-adjust:0}.gold .section:last-of-type{--g-hue-adjust:15;--g-hue-adjust-2:-190;--g-lightness:82.5%}.space-black{--c-h:var(--space-black);--g-hue-adjust:0;--g-lightness:95%}.space-black .section:last-of-type{--g-hue-adjust:215;--g-hue-adjust-2:-215}.silver{--c-h:var(--silver);--c-s:10%;--g-hue-adjust:40;--g-lightness:95%;--g-hue-adjust-2-y:85%}.silver .section:last-of-type{--g-hue-adjust-2:15}.silver .glow{opacity:.25}label[for=deep-purple]:after{border-color:hsl(var(--deep-purple),50%,75%)}#deep-purple:checked~.scene .phone .bg .deep-purple{opacity:1;z-index:1;transition-delay:0s}#deep-purple:checked~.scene .phone .bg .deep-purple .section:before{transition-delay:0s;transform:scaleX(1) translateZ(0)}#deep-purple:checked~.scene .pallette label[for=deep-purple]{--border-opacity:1!important}label[for=gold]:after{border-color:hsl(var(--gold),50%,75%)}#gold:checked~.scene .phone .bg .gold{opacity:1;z-index:1;transition-delay:0s}#gold:checked~.scene .phone .bg .gold .section:before{transition-delay:0s;transform:scaleX(1) translateZ(0)}#gold:checked~.scene .pallette label[for=gold]{--border-opacity:1!important}label[for=space-black]:after{border-color:hsl(var(--space-black),50%,75%)}#space-black:checked~.scene .phone .bg .space-black{opacity:1;z-index:1;transition-delay:0s}#space-black:checked~.scene .phone .bg .space-black .section:before{transition-delay:0s;transform:scaleX(1) translateZ(0)}#space-black:checked~.scene .pallette label[for=space-black]{--border-opacity:1!important}label[for=silver]:after{border-color:hsl(var(--silver),50%,75%)}#silver:checked~.scene .phone .bg .silver{opacity:1;z-index:1;transition-delay:0s}#silver:checked~.scene .phone .bg .silver .section:before{transition-delay:0s;transform:scaleX(1) translateZ(0)}#silver:checked~.scene .pallette label[for=silver]{--border-opacity:1!important}label[for=random]:after{border-color:hsl(var(--random),50%,75%)}#random:checked~.scene .phone .bg .random{opacity:1;z-index:1;transition-delay:0s}#random:checked~.scene .phone .bg .random .section:before{transition-delay:0s;transform:scaleX(1) translateZ(0)}#random:checked~.scene .pallette label[for=random]{--border-opacity:1!important}#zoom:checked~.scene{--size:max(5px,2vmin);opacity:0;animation:appear .5s var(--ease-out) forwards}#zoom:checked~.scene .phone{order:1}#zoom:checked~.scene .pallette,#zoom:checked~.scene .zoom-con{order:0;font-size:50%}#zoom:checked~.scene label[for=zoom]{--zoom-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 18l-9 9m9-9v9m0-9H5m13-4l9-9m-9 9V5m0 9h9' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}#zoom:not(:checked)~.scene{opacity:0;animation:appear-again .5s var(--ease-out) forwards}@keyframes appear-again{to{transform:scaleX(1);opacity:1}}.random{background:hsl(var(--r-h),var(--r-s),var(--r-l))}.random--colourful{--bm-outer:overlay;--bm-inner:difference}.random--moody{--bm-outer:exclusion;--bm-inner:multiply}.random--neon{--bm-outer:hue;--bm-inner:multiply}.random--abstract{--bm-outer:color-burn;--bm-inner:difference}.random--grayscale{--bm-outer:color-burn;--bm-inner:difference;-webkit-filter:brightness(1.2) grayscale(100%) contrast(2);filter:brightness(1.2) grayscale(100%) contrast(2)}.random--light-leak{--bm-outer:color-burn;--bm-inner:multiply}.shapes{mix-blend-mode:overlay;mix-blend-mode:var(--bm-outer,overlay);background:hsl(var(--r-h),var(--r-s),85%);position:absolute;inset:0;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.shape{position:absolute;pointer-events:none;transition-property:background,inset,border-radius,transform,-webkit-filter;transition-property:background,inset,border-radius,filter,transform;transition-property:background,inset,border-radius,filter,transform,-webkit-filter;will-change:inset,border-radius,filter;mix-blend-mode:difference;mix-blend-mode:var(--bm-inner,difference);top:50%;left:50%;aspect-ratio:1/1;background:hsl(var(--r-h),var(--r-s),var(--r-l));width:99%;width:var(--w,99%);border-radius:55%;border-radius:var(--b-r,55%);-webkit-filter:blur(var(--b));filter:blur(var(--b));transform:translate3d(-51%,-58%,0) scale3d(1.9,1.15,1) rotate(260deg);transform:translate3d(calc(var(--x, -1%) - 50%),calc(var(--y, -8%) - 50%),0) scale3d(var(--s-x,1.9),var(--s-y,1.15),1) rotate(var(--r,260deg))}.tooltip{--t-caret:0.5em;position:absolute;z-index:1;top:calc(100% + var(--t-caret) + .5em);white-space:nowrap;background:#000;color:hsla(0,0%,100%,.75);padding:.25em;font-size:max(11px,1em);border-radius:.25em;border:1px solid #404040;pointer-events:none;opacity:0;transition:opacity .25s var(--ease)}.tooltip:after{content:"";position:absolute;bottom:calc(100% - var(--t-caret)/2 - 1px);left:calc(50% - var(--t-caret)/2);border-radius:inherit;height:var(--t-caret);width:var(--t-caret);background:inherit;border:inherit;border-top-color:transparent;border-left-color:transparent;transform:rotate(-135deg)}#zoom:checked~.scene .tooltip{top:unset;bottom:calc(100% + var(--t-caret) + .5em)}#zoom:checked~.scene .tooltip:after{transform:rotate(45deg);top:calc(100% - var(--t-caret)/2 - 1px);bottom:unset}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:"yidun-cn";font-weight:400;font-style:normal;src:url(/SourceHanSerifCN-SemiBold.otf)}:root{--color:#404040;--bg:#fdfdfd;--border:#eaeaea;--view-minmax:calc(0.07042vw - 0.35211px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#404040;color:var(--color);background:#fdfdfd;background:var(--bg);overflow-x:hidden}.slick-slide div{outline:none}