.page1{height:100%;background-color:#f6f6f6;background-image:url(../img/beijing.829436fc.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#f6f6f6;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.logo{margin-top:30px;margin-left:20px;position:absolute;top:0;left:0;width:180px}.zhubiao1{margin-bottom:470px;top:150px;width:230px}.zhubiao1,.zhubiao2{position:absolute;bottom:0}.zhubiao2{margin-bottom:430px;top:200px;width:250px}.xiaozi{margin-bottom:390px;top:250px}.logoA,.xiaozi{position:absolute;bottom:0;width:100px}.logoA{margin-bottom:80px}.page2{height:100%;background-color:#e2e2e2;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.CONTENTS{top:8vh;width:25vw;max-width:120px}.CONTENTS,.xingzhuang7{position:absolute;left:5vw}.xingzhuang7{top:13vh;width:10vw;max-width:40px}.chanpin{top:18vh}.chanpin,.konngjian{position:absolute;width:90vw;max-width:350px}.konngjian{top:41vh}.changjing{position:absolute;top:64vh;width:90vw;max-width:350px}@keyframes customFadeOut{0%{opacity:1}to{opacity:0}}.custom-fadeOut{animation:customFadeOut 1.2s ease-in-out}.fade-slow{--animate-duration:4s}@keyframes custom-fadeInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.custom-fadeInRight-05{animation:custom-fadeInRight .7s ease-in-out}.custom-fadeInRight-07{animation:custom-fadeInRight 1s ease-in-out}.custom-fadeInRight-1{animation:custom-fadeInRight 1.5s ease-in-out}.click[data-v-0fb4d038]{width:40px;margin-left:70%;margin-top:50px}.pulse-animation[data-v-0fb4d038]{animation:pulse-0fb4d038 1.5s ease-in-out infinite}@keyframes pulse-0fb4d038{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.wenzi[data-v-0fb4d038]{position:absolute;top:22vh;width:80vw;max-width:300px}.wenzi2[data-v-0fb4d038]{position:absolute;top:44vh;width:80vw;max-width:300px}.wenzi3[data-v-0fb4d038]{position:absolute;top:67vh;width:80vw;max-width:300px}.one[data-v-0fb4d038]{position:absolute;top:0;right:0;height:30px}.Product[data-v-0fb4d038]{position:absolute;top:85px;left:0;height:18.75px}.MANSION[data-v-0fb4d038]{position:absolute;top:20px;left:0;height:9px}.Productview[data-v-0fb4d038]{position:absolute;top:5px;left:0;height:9px}.gohomeImage[data-v-0fb4d038]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.xingzhuang[data-v-0fb4d038]{position:absolute;top:60px;left:0;width:15px}.two[data-v-0fb4d038]{position:absolute;top:0;right:0;height:30px}.Space[data-v-0fb4d038]{position:absolute;top:85px;left:0;height:18.75px}.SpaceScript[data-v-0fb4d038]{position:absolute;top:5px;left:0;height:9px}.MANSION2[data-v-0fb4d038]{position:absolute;top:20px;left:0;height:9px}.xingzhuang2[data-v-0fb4d038]{position:absolute;top:60px;left:0;width:15px}.three[data-v-0fb4d038]{position:absolute;top:0;right:0;height:30px}.Scene[data-v-0fb4d038]{position:absolute;top:85px;left:0;height:18.75px}.SceneDisplay[data-v-0fb4d038]{position:absolute;top:5px;left:0;height:9px}.MANSION3[data-v-0fb4d038]{position:absolute;top:20px;left:0;height:9px}.xingzhuang3[data-v-0fb4d038]{position:absolute;top:60px;left:0;width:15px}.page3[data-v-14567c3a]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.产品观[data-v-14567c3a]{position:absolute;top:7vh;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-14567c3a]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.图片[data-v-14567c3a]{position:absolute;bottom:7vh;width:90%;right:0}.SpaceConcept[data-v-14567c3a]{position:absolute;top:11rem;left:10%;z-index:1;width:80%}.xingzhuang[data-v-14567c3a]{position:absolute;top:13.5rem;left:10%;z-index:1;width:80%}.word2[data-v-14567c3a]{position:absolute;top:15rem;left:10%;z-index:1;width:80%}.word4[data-v-14567c3a]{position:absolute;top:17rem;left:10%;z-index:1;width:15.8rem}.word3[data-v-14567c3a]{position:absolute;top:69vh;left:10%;z-index:1;width:15%}.page31[data-v-6f6f231a]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.产品观[data-v-6f6f231a]{position:absolute;top:7vh;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-6f6f231a]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.图片[data-v-6f6f231a]{position:absolute;bottom:7vh;width:90%;right:0}.DecorationConcept[data-v-6f6f231a]{position:absolute;top:10rem;right:10%;z-index:1;width:12rem;height:3.3rem}.xingzhuang[data-v-6f6f231a]{position:absolute;top:14rem;right:10%;z-index:1;width:16rem}.word2[data-v-6f6f231a]{top:15rem}.word2[data-v-6f6f231a],.word4[data-v-6f6f231a]{position:absolute;right:10%;z-index:1;width:15rem}.word4[data-v-6f6f231a]{top:17rem}.word3[data-v-6f6f231a]{position:absolute;top:69vh;left:10%;z-index:1;width:15%}.page4[data-v-6d537210]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.空间剧本[data-v-6d537210]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-6d537210]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.shijingtu[data-v-6d537210]{position:absolute;bottom:3rem;width:60%;right:10%}.LifeIllustrated[data-v-6d537210]{position:absolute;top:11rem;left:10%;z-index:1;width:80%}.xingzhuang[data-v-6d537210]{position:absolute;top:13.5rem;left:10%;z-index:1;width:80%}.word2[data-v-6d537210]{position:absolute;top:15rem;left:10%;z-index:1;width:4rem}.word4[data-v-6d537210]{position:absolute;top:17rem;left:10%;z-index:1;width:11rem}.word3[data-v-6d537210]{position:absolute;bottom:3rem;left:10%;z-index:1;width:15%}.page4[data-v-74998275]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.空间剧本[data-v-74998275]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-74998275]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.tu1[data-v-74998275]{position:absolute;top:25vh;left:5%;width:40%}.垂钓[data-v-74998275]{position:absolute;top:28vh;left:52%;width:35%}.闲适[data-v-74998275]{position:absolute;top:57vh;left:5%;width:40%}.tu3[data-v-74998275]{position:absolute;top:67vh;left:5%;width:40%}.tu2[data-v-74998275]{position:absolute;top:47vh;right:5%;width:43%}.亲子[data-v-74998275]{position:absolute;top:84vh;left:52%;width:43%}.page43[data-v-33d50f72]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.空间剧本[data-v-33d50f72]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-33d50f72]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.tu1[data-v-33d50f72]{position:absolute;top:25vh;left:5%;z-index:1;width:45%}.欢聚[data-v-33d50f72]{position:absolute;top:27vh;right:7%;z-index:1;width:38%}.tu2[data-v-33d50f72]{position:absolute;top:41vh;right:5%;z-index:1;width:40%}.归家[data-v-33d50f72]{position:absolute;top:53vh;left:12.2%;z-index:1;width:38%}.tu3[data-v-33d50f72]{position:absolute;top:73vh;left:5%;z-index:1;width:45%}.晚间[data-v-33d50f72]{position:absolute;top:74vh;left:55%;z-index:1;width:38%}.page44[data-v-9c0ba848]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.空间剧本[data-v-9c0ba848]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-9c0ba848]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.shijingtu[data-v-9c0ba848]{position:absolute;bottom:3rem;width:90%}.HouseType[data-v-9c0ba848]{position:absolute;top:11rem;z-index:1;width:60%}.xingzhuang[data-v-9c0ba848]{position:absolute;top:13.5rem;left:10%;z-index:1;width:80%}.word2[data-v-9c0ba848]{position:absolute;top:15rem;z-index:1;width:4rem}.word4[data-v-9c0ba848]{position:absolute;top:17rem;z-index:1;width:50%}.page51[data-v-1fc7ae64]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-1fc7ae64]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-1fc7ae64]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-1fc7ae64]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-1fc7ae64]{position:absolute;top:15rem;width:100%;height:15.6rem}.竖线1[data-v-1fc7ae64]{position:absolute;top:10.7rem;left:9%;height:13rem;width:.5px;z-index:1}.椭圆黑[data-v-1fc7ae64]{position:absolute;top:23.6rem;left:8.8%;width:2.5px;z-index:1}.烹饪[data-v-1fc7ae64]{position:absolute;top:11rem;left:13%;width:6.01rem;z-index:1}.厨房[data-v-1fc7ae64]{position:absolute;top:11rem;left:45%;width:4.7rem;z-index:1}.竖线2[data-v-1fc7ae64]{position:absolute;top:10.7rem;left:43%;height:6rem;width:.5px;z-index:1}.椭圆黑2[data-v-1fc7ae64]{position:absolute;top:16.6rem;left:42.8%;width:2.5px;z-index:1}.深u[data-v-1fc7ae64]{position:absolute;top:11rem;left:73%;width:3.8rem;z-index:1}.竖线3[data-v-1fc7ae64]{position:absolute;top:10.7rem;left:67%;height:14rem;width:.5px;z-index:1}.椭圆黑3[data-v-1fc7ae64]{position:absolute;top:24.7rem;left:66.8%;width:2.5px;z-index:1}.大冰箱[data-v-1fc7ae64]{position:absolute;top:21rem;right:1%;width:5rem;z-index:1}.椭圆白[data-v-1fc7ae64]{position:absolute;top:25.8rem;right:17%;width:2.5px;z-index:1}.折线白[data-v-1fc7ae64]{position:absolute;top:21rem;right:17%;height:5rem;z-index:1}.整体定制橱柜[data-v-1fc7ae64]{position:absolute;top:31.5rem;left:13%;width:5.4rem;z-index:1}.竖线4[data-v-1fc7ae64]{position:absolute;top:29rem;left:10%;height:5.3rem;width:.25px;z-index:1}.椭圆黑4[data-v-1fc7ae64]{position:absolute;top:28.8rem;left:9.8%;width:2.5px;z-index:1}.地砖[data-v-1fc7ae64]{position:absolute;top:31.5rem;left:45%;width:5.1rem;z-index:1}.竖线5[data-v-1fc7ae64]{position:absolute;top:29rem;left:42%;height:5.3rem;width:.25px;z-index:1}.椭圆黑5[data-v-1fc7ae64]{position:absolute;top:28.8rem;left:41.8%;width:2.5px;z-index:1}.移门[data-v-1fc7ae64]{position:absolute;top:31.5rem;left:65%;width:7.3rem;z-index:1}.折线黑[data-v-1fc7ae64]{position:absolute;top:25.3rem;left:97%;height:9rem;z-index:1}.椭圆黑6[data-v-1fc7ae64]{position:absolute;top:25.3rem;left:63.8%;width:2.5px;z-index:1}.page51[data-v-09a29f32]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-09a29f32]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-09a29f32]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-09a29f32]{position:absolute;top:6.8rem;left:10%;width:7rem}.wenzi2[data-v-09a29f32]{position:absolute;top:8.5rem;left:10%;width:19rem}.vs[data-v-09a29f32]{position:absolute;top:14.5rem;left:47%;width:1.2rem;z-index:1}.矢量智能对象[data-v-09a29f32]{position:absolute;top:11.5rem;left:22%;width:3rem;z-index:1}.a组1[data-v-09a29f32]{left:5%}.a组1[data-v-09a29f32],.a组2[data-v-09a29f32]{position:absolute;top:13rem;height:87px;width:22.5%}.a组2[data-v-09a29f32]{right:5%}.a组3[data-v-09a29f32]{left:27.5%}.a组3[data-v-09a29f32],.a组4[data-v-09a29f32]{position:absolute;top:13rem;height:87px;width:22.5%}.a组4[data-v-09a29f32]{left:50%}.two[data-v-09a29f32]{position:relative;margin-top:6rem}.three[data-v-09a29f32]{position:relative;margin-top:12rem}.four[data-v-09a29f32]{position:relative;margin-top:18rem}.five[data-v-09a29f32]{position:relative;margin-top:24rem}.page51[data-v-2c57b410]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-2c57b410]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-2c57b410]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-2c57b410]{position:absolute;top:6.8rem;left:10%;width:7rem}.wenzi2[data-v-2c57b410]{position:absolute;top:8.5rem;left:10%;width:19rem}.vs[data-v-2c57b410]{position:absolute;top:14.5rem;left:47%;width:1.2rem;z-index:1}.矢量智能对象[data-v-2c57b410]{position:absolute;top:11.5rem;left:20%;width:2.2rem;z-index:1}.a组1[data-v-2c57b410]{left:5%}.a组1[data-v-2c57b410],.a组2[data-v-2c57b410]{position:absolute;top:13rem;height:87px;width:22.5%}.a组2[data-v-2c57b410]{right:5%}.a组3[data-v-2c57b410]{left:27.5%}.a组3[data-v-2c57b410],.a组4[data-v-2c57b410]{position:absolute;top:13rem;height:87px;width:22.5%}.a组4[data-v-2c57b410]{left:50%}.two[data-v-2c57b410]{position:relative;margin-top:6rem}.three[data-v-2c57b410]{position:relative;margin-top:12rem}.four[data-v-2c57b410]{position:relative;margin-top:18rem}.five[data-v-2c57b410]{position:relative;margin-top:24rem}.page51[data-v-d2ee110e]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-d2ee110e]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-d2ee110e]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-d2ee110e]{position:absolute;top:6.8rem;left:10%;width:7rem}.wenzi2[data-v-d2ee110e]{position:absolute;top:8.5rem;left:10%;width:19rem}.vs[data-v-d2ee110e]{position:absolute;top:14.5rem;left:47%;width:1.2rem;z-index:1}.矢量智能对象[data-v-d2ee110e]{position:absolute;top:11.5rem;left:20%;width:2.2rem;z-index:1}.a组1[data-v-d2ee110e]{left:5%}.a组1[data-v-d2ee110e],.a组2[data-v-d2ee110e]{position:absolute;top:13rem;height:87px;width:22.5%}.a组2[data-v-d2ee110e]{right:5%}.a组3[data-v-d2ee110e]{left:27.5%}.a组3[data-v-d2ee110e],.a组4[data-v-d2ee110e]{position:absolute;top:13rem;height:87px;width:22.5%}.a组4[data-v-d2ee110e]{left:50%}.two[data-v-d2ee110e]{position:relative;margin-top:6rem}.three[data-v-d2ee110e]{position:relative;margin-top:12rem}.four[data-v-d2ee110e]{position:relative;margin-top:18rem}.five[data-v-d2ee110e]{position:relative;margin-top:24rem}.page51[data-v-1a033e1a]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-1a033e1a]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-1a033e1a]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-1a033e1a]{position:absolute;top:6.8rem;left:10%;width:7.4rem}.wenzi2[data-v-1a033e1a]{position:absolute;top:8.5rem;left:10%;width:19rem}.vs[data-v-1a033e1a]{position:absolute;top:14.5rem;left:47%;width:1.2rem;z-index:1}.矢量智能对象[data-v-1a033e1a]{position:absolute;top:11.5rem;left:20%;width:2.2rem;z-index:1}.a组1[data-v-1a033e1a]{left:5%}.a组1[data-v-1a033e1a],.a组2[data-v-1a033e1a]{position:absolute;top:13rem;height:87px;width:22.5%}.a组2[data-v-1a033e1a]{right:5%}.a组3[data-v-1a033e1a]{left:27.5%}.a组3[data-v-1a033e1a],.a组4[data-v-1a033e1a]{position:absolute;top:13rem;height:87px;width:22.5%}.a组4[data-v-1a033e1a]{left:50%}.two[data-v-1a033e1a]{position:relative;margin-top:6rem}.three[data-v-1a033e1a]{position:relative;margin-top:12rem}.four[data-v-1a033e1a]{position:relative;margin-top:18rem}.five[data-v-1a033e1a]{position:relative;margin-top:24rem}.page52[data-v-f8f96f54]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-f8f96f54]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-f8f96f54]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-f8f96f54]{position:absolute;top:7rem;left:10%;width:10.9rem}.图[data-v-f8f96f54]{position:absolute;top:15rem;width:100%;height:15.6rem}.竖线1[data-v-f8f96f54]{position:absolute;top:10.7rem;left:8%;height:5rem;width:.25px;z-index:1}.椭圆黑1[data-v-f8f96f54]{position:absolute;top:15.7rem;left:7.8%;width:2.5px;z-index:1}.全屋[data-v-f8f96f54]{position:absolute;top:11rem;left:11%;width:6.2rem;z-index:1}.中央空调[data-v-f8f96f54]{position:absolute;top:11rem;left:42%;width:5rem;z-index:1}.竖线2[data-v-f8f96f54]{position:absolute;top:10.7rem;left:30%;height:7.5rem;z-index:1}.椭圆黑2[data-v-f8f96f54]{position:absolute;top:18rem;left:30%;width:2.5px;z-index:1}.预留[data-v-f8f96f54]{position:absolute;top:11rem;left:70%;width:5.5rem;z-index:1}.竖线3[data-v-f8f96f54]{position:absolute;top:10.7rem;left:67%;height:14.5rem;width:.25px;z-index:1}.椭圆黑3[data-v-f8f96f54]{position:absolute;top:25.1rem;left:66.8%;width:2.5px;z-index:1}.竖线4[data-v-f8f96f54]{position:absolute;top:29.9rem;left:10%;height:4.4rem;width:.25px;z-index:1}.椭圆黑4[data-v-f8f96f54]{position:absolute;top:29.9rem;left:9.8%;width:2.5px;z-index:1}.地暖[data-v-f8f96f54]{position:absolute;top:32rem;left:13%;width:9rem;z-index:1}.地砖[data-v-f8f96f54]{position:absolute;top:31.93rem;left:62%;width:5rem;z-index:1}.椭圆黑5[data-v-f8f96f54]{position:absolute;top:28.7rem;left:58.8%;width:2.5px;z-index:1}.竖线5[data-v-f8f96f54]{position:absolute;top:28.7rem;left:59%;height:6.5rem;width:.5px;z-index:1}.page53[data-v-6071ea83]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-6071ea83]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-6071ea83]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-6071ea83]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-6071ea83]{position:absolute;top:15rem;width:100%;height:15.6rem}.竖线1[data-v-6071ea83]{position:absolute;top:10.7rem;left:41%;height:5rem;width:.25px;z-index:1}.椭圆黑1[data-v-6071ea83]{position:absolute;top:15.7rem;left:40.8%;width:2.5px;z-index:1}.阳台面宽[data-v-6071ea83]{position:absolute;top:11rem;left:16%;width:4.9rem}.预留洗衣机[data-v-6071ea83]{position:absolute;top:11rem;left:68%;width:5.5rem}.竖线2[data-v-6071ea83]{position:absolute;top:10.7rem;left:64%;height:10rem;width:.5px;z-index:1}.椭圆黑2[data-v-6071ea83]{position:absolute;top:20.7rem;left:63.8%;width:2.5px;z-index:1}.大尺寸地砖[data-v-6071ea83]{position:absolute;top:32rem;left:26.6%;width:4.6rem}.椭圆黑5[data-v-6071ea83]{position:absolute;top:30.1rem;left:46.8%;width:2.5px;z-index:1}.竖线5[data-v-6071ea83]{position:absolute;top:30.2rem;left:47%;height:5rem;width:.25px;z-index:1}.预留洗手池[data-v-6071ea83]{position:absolute;top:32rem;left:67.5%;width:4rem}.椭圆黑6[data-v-6071ea83]{position:absolute;top:24.2rem;left:63.8%;width:2.5px;z-index:1}.竖线6[data-v-6071ea83]{position:absolute;top:24.2rem;left:64%;height:11rem;width:.5px;z-index:1}.page53[data-v-78353b41]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-78353b41]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-78353b41]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-78353b41]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-78353b41]{position:absolute;top:15rem;width:100%;height:15.6rem}.竖线1[data-v-78353b41]{position:absolute;top:10.7rem;left:30%;height:8rem;width:.25px;z-index:1}.椭圆黑1[data-v-78353b41]{position:absolute;top:18.7rem;left:29.8%;width:2.5px;z-index:1}.阳台mini[data-v-78353b41]{position:absolute;top:11rem;left:5%;width:5.1rem}.双边床头[data-v-78353b41]{position:absolute;top:11rem;left:57.5%;width:7.5rem}.竖线2[data-v-78353b41]{position:absolute;top:10.7rem;left:54%;height:11rem;width:.5px;z-index:1}.椭圆黑2[data-v-78353b41]{position:absolute;top:21.7rem;left:53.8%;width:2.5px;z-index:1}.zhexian[data-v-78353b41]{position:absolute;top:28.1rem;left:2.6%;height:7rem}.椭圆黑3[data-v-78353b41]{position:absolute;top:28.1rem;left:2.4%;width:2.5px;z-index:1}.预留灵活空间[data-v-78353b41]{position:absolute;top:32rem;left:8.8%;width:5.8rem}.椭圆黑5[data-v-78353b41]{position:absolute;top:30.1rem;left:40.8%;width:2.5px;z-index:1}.竖线5[data-v-78353b41]{position:absolute;top:30.2rem;left:41%;height:5rem;width:.25px;z-index:1}.尊享[data-v-78353b41]{position:absolute;top:32rem;left:44%;width:4.6rem}.预留男女[data-v-78353b41]{position:absolute;top:32rem;left:72%;width:5.1rem}.椭圆黑6[data-v-78353b41]{position:absolute;top:29.7rem;left:95.8%;width:2.5px;z-index:1}.竖线6[data-v-78353b41]{position:absolute;top:29.7rem;left:96%;height:6rem;width:.25px;z-index:1}.page53[data-v-7984a4b2]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-7984a4b2]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-7984a4b2]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-7984a4b2]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-7984a4b2]{position:absolute;top:15rem;width:100%;height:15.6rem}.zhexian[data-v-7984a4b2]{position:absolute;top:10.7rem;left:38%;height:8rem;z-index:1}.椭圆黑1[data-v-7984a4b2]{position:absolute;top:18.6rem;left:46.6%;width:2.5px;z-index:1}.沐光[data-v-7984a4b2]{position:absolute;top:11rem;left:13%;width:5rem}.阳台推拉门[data-v-7984a4b2]{position:absolute;top:11rem;left:58.6%;width:5.7rem}.竖线2[data-v-7984a4b2]{position:absolute;top:10.7rem;left:55%;height:7.6rem;width:.5px;z-index:1}.椭圆黑2[data-v-7984a4b2]{position:absolute;top:18.2rem;left:54.8%;width:2.5px;z-index:1}.地砖[data-v-7984a4b2]{position:absolute;top:32rem;left:20.6%;width:6rem}.椭圆黑5[data-v-7984a4b2]{position:absolute;top:24.2rem;left:16.8%;width:2.5px;z-index:1}.竖线5[data-v-7984a4b2]{position:absolute;top:24.2rem;left:17%;height:11rem;width:.25px;z-index:1}.成长[data-v-7984a4b2]{position:absolute;top:32rem;left:67.5%;width:6.2rem}.椭圆黑6[data-v-7984a4b2]{position:absolute;top:24.2rem;left:63.8%;width:2.5px;z-index:1}.竖线6[data-v-7984a4b2]{position:absolute;top:24.2rem;left:64%;height:11rem;width:.5px;z-index:1}.page53[data-v-ef215796]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-ef215796]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-ef215796]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-ef215796]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-ef215796]{position:absolute;top:15rem;width:100%;height:15.6rem}.灵感[data-v-ef215796]{position:absolute;top:11rem;left:65%;width:5rem}.竖线2[data-v-ef215796]{position:absolute;top:10.7rem;left:62%;height:9.6rem;width:.5px;z-index:1}.椭圆黑2[data-v-ef215796]{position:absolute;top:20.3rem;left:61.8%;width:2.5px;z-index:1}.灵动[data-v-ef215796]{position:absolute;top:32rem;left:20.6%;width:6rem}.椭圆黑5[data-v-ef215796]{position:absolute;top:24.6rem;left:16.8%;width:2.5px;z-index:1}.竖线5[data-v-ef215796]{position:absolute;top:24.6rem;left:17%;height:10.3rem;width:.25px;z-index:1}.page57[data-v-48915f98]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-48915f98]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-48915f98]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-48915f98]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-48915f98]{position:absolute;top:15rem;width:100%;height:15.6rem}.竖线1[data-v-48915f98]{position:absolute;top:10.7rem;left:23%;height:9rem;width:.5px;z-index:1}.椭圆黑1[data-v-48915f98]{position:absolute;top:19.7rem;left:22.8%;width:2.5px;z-index:1}.沐浴区[data-v-48915f98]{position:absolute;top:11rem;left:7%;width:3rem}.竖线11[data-v-48915f98]{position:absolute;top:10.7rem;left:28%;height:6rem;width:.25px;z-index:1}.椭圆黑11[data-v-48915f98]{position:absolute;top:16.7rem;left:27.8%;width:2.5px;z-index:1}.窄边[data-v-48915f98]{position:absolute;top:11.1rem;left:30%;width:3.4rem}.zuozhexian[data-v-48915f98]{position:absolute;top:10.9rem;left:49%;width:2.7rem;z-index:1}.椭圆黑12[data-v-48915f98]{top:21.4rem;left:60%}.镜柜壁龛[data-v-48915f98]{position:absolute;top:11rem;left:52%;width:4.5rem}.无影美妆灯[data-v-48915f98]{position:absolute;top:11rem;left:77%;width:2.6rem}.竖线12[data-v-48915f98]{position:absolute;top:10.7rem;left:74%;height:8.4rem;width:.25px;z-index:1}.椭圆黑12[data-v-48915f98]{position:absolute;top:19rem;left:73.8%;width:2.5px;z-index:1}.竖线2[data-v-48915f98]{position:absolute;top:10.7rem;left:54%;height:11rem;width:.5px;z-index:1}.椭圆黑2[data-v-48915f98]{position:absolute;top:21.4rem;left:60%;width:2.5px;z-index:1}.youzhexian[data-v-48915f98]{position:absolute;top:30.1rem;left:5.6%;height:5rem}.地漏[data-v-48915f98]{position:absolute;top:26rem;left:11.6%;width:3.4rem}.椭圆黑3[data-v-48915f98]{position:absolute;top:30rem;left:12.4%;width:2.5px;z-index:1}.淋浴区整面踏板[data-v-48915f98]{position:absolute;top:32rem;left:9%;width:3.4rem}.马桶上方收纳[data-v-48915f98]{position:absolute;top:32rem;left:28%;width:3.4rem}.youzhexian2[data-v-48915f98]{position:absolute;top:25.1rem;left:45%;height:10.2rem}.椭圆黑51[data-v-48915f98]{position:absolute;top:25rem;left:49.8%;width:2.5px;z-index:1}.椭圆黑5[data-v-48915f98]{position:absolute;top:27.2rem;left:48.8%;width:2.5px;z-index:1}.竖线5[data-v-48915f98]{position:absolute;top:27.2rem;left:49%;height:8rem;width:.25px;z-index:1}.轻智能壁挂式马桶[data-v-48915f98]{position:absolute;top:32rem;left:52%;width:4.2rem}.尊享星级卫浴[data-v-48915f98]{position:absolute;top:32rem;left:76.7%;width:4.8rem}.椭圆黑6[data-v-48915f98]{position:absolute;top:27.7rem;left:73.7%;width:2.5px;z-index:1}.竖线6[data-v-48915f98]{position:absolute;top:27.7rem;left:74%;height:7.4rem;width:.25px;z-index:1}.page57[data-v-fc16fcfa]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-fc16fcfa]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-fc16fcfa]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-fc16fcfa]{position:absolute;top:7rem;left:10%;width:10rem}.图[data-v-fc16fcfa]{position:absolute;top:15rem;width:100%;height:15.6rem}.竖线11[data-v-fc16fcfa]{position:absolute;top:10.9rem;left:32%;height:10.8rem;width:.25px;z-index:1}.椭圆黑11[data-v-fc16fcfa]{position:absolute;top:21.4rem;left:31.8%;width:2.5px;z-index:1}.窄边[data-v-fc16fcfa]{position:absolute;top:11.1rem;left:35%;width:3.5rem}.竖线112[data-v-fc16fcfa]{position:absolute;top:10.9rem;left:7%;width:.5px;height:18rem;z-index:1}.椭圆黑112[data-v-fc16fcfa]{position:absolute;top:28.9rem;left:6.8%;width:2.5px;z-index:1}.沐浴[data-v-fc16fcfa]{position:absolute;top:11rem;left:10%;width:4.3rem}.定制[data-v-fc16fcfa]{position:absolute;top:11rem;left:70%;width:6.3rem}.竖线12[data-v-fc16fcfa]{position:absolute;top:10.7rem;left:67%;height:7rem;width:.25px;z-index:1}.椭圆黑12[data-v-fc16fcfa]{position:absolute;top:17.7rem;left:66.8%;width:2.5px;z-index:1}.竖线2[data-v-fc16fcfa]{position:absolute;top:10.7rem;left:54%;height:11rem;width:.5px;z-index:1}.椭圆黑2[data-v-fc16fcfa]{position:absolute;top:21.4rem;left:60%;width:2.5px;z-index:1}.椭圆黑5[data-v-fc16fcfa]{position:absolute;top:25.2rem;left:47.7%;width:2.5px;z-index:1}.竖线5[data-v-fc16fcfa]{position:absolute;top:25.2rem;left:48%;height:10rem;width:.5px;z-index:1}.品牌[data-v-fc16fcfa]{position:absolute;top:32rem;left:26%;width:4.5rem}.台下[data-v-fc16fcfa]{position:absolute;top:32rem;left:65%;width:7.2rem}.椭圆黑6[data-v-fc16fcfa]{position:absolute;top:25rem;left:62.7%;width:2.5px;z-index:1}.竖线6[data-v-fc16fcfa]{position:absolute;top:25rem;left:63%;height:10.1rem;width:.25px;z-index:1}.page53[data-v-03e310e4]{height:100%;background-color:#667eea;background-image:url(../img/beijing.522cf166.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.场景展示[data-v-03e310e4]{position:absolute;top:3rem;left:0;z-index:1;width:8.672rem}.gohomeImage[data-v-03e310e4]{position:absolute;top:8vh;right:2vw;width:20vw;max-width:80px;z-index:10;cursor:pointer}.wenzi1[data-v-03e310e4]{position:absolute;top:7rem;left:10%;width:8.8rem}.图[data-v-03e310e4]{position:absolute;top:15rem;width:100%;height:15.6rem}.预留[data-v-03e310e4]{position:absolute;top:11rem;left:15%;width:5.5rem}.竖线2[data-v-03e310e4]{position:absolute;top:10.7rem;left:11%;height:9.6rem;width:.5px;z-index:1}.椭圆黑2[data-v-03e310e4]{position:absolute;top:20.3rem;left:10.7%;width:2.5px;z-index:1}.超低[data-v-03e310e4]{position:absolute;top:32rem;left:12.6%;width:5.8rem}.椭圆黑5[data-v-03e310e4]{position:absolute;top:30.1rem;left:8.6%;width:2.5px;z-index:1}.竖线5[data-v-03e310e4]{position:absolute;top:30.1rem;left:8.8%;height:5.3rem;width:.25px;z-index:1}.收纳[data-v-03e310e4]{position:absolute;top:32rem;left:56%;width:5rem}.椭圆黑6[data-v-03e310e4]{position:absolute;top:28.6rem;left:51.8%;width:2.5px;z-index:1}.竖线6[data-v-03e310e4]{position:absolute;top:28.6rem;left:52%;height:6.7rem;width:.5px;z-index:1}img[data-v-65f4d59b]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}.music-button[data-v-65f4d59b]{position:absolute;top:20px;right:20px;width:30px;height:30px;cursor:pointer;z-index:1000}.music-button img[data-v-65f4d59b]{width:100%;height:100%}.music-button img.rotating[data-v-65f4d59b]{animation:rotate360-65f4d59b 2s linear infinite}@keyframes rotate360-65f4d59b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scroll-container[data-v-65f4d59b]{height:100vh;min-height:667px;max-width:450px;margin:0 auto;overflow:hidden;position:relative}.page[data-v-65f4d59b]{height:-webkit-fill-available;height:100vh;display:flex;justify-content:center;align-items:center;font-size:2rem;background-color:#f0f0f0;border:1px solid #ccc;box-sizing:border-box;position:relative;overflow:hidden}.content[data-v-65f4d59b]{font-size:1.5rem;padding:20px;background:#fff;color:#000;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}@keyframes bounce-65f4d59b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.content[data-v-65f4d59b]{box-shadow:0 0 0 2px red}#loader-wrapper[data-v-65f4d59b]{background:#e1dede;height:100vh;max-width:450px;margin:0 auto;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.progress-bar[data-v-65f4d59b]{margin-top:12px;width:200px;height:8px;background-color:#eee;border-radius:4px;overflow:hidden;display:flex}.progress-inner[data-v-65f4d59b]{height:100%;background-color:#2a9d8f;width:0;transition:width .3s ease;display:flex}@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:400;src:url(https://assets.codepen.io/16327/PPMori-Regular.woff) format("woff")}@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:600;src:url(https://assets.codepen.io/16327/PPMori-SemiBold.woff) format("woff")}@font-face{font-display:block;font-family:Fraktion Mono;font-style:normal;font-weight:400;src:url(https://assets.codepen.io/16327/PPFraktionMono-Bold.woff) format("woff")}:root{--color-shockingly-green:#0ae448;--color-just-black:#0e100f;--color-surface-white:#fffce1;--color-pink:#fec5fb;--color-shockingly-pink:#f100cb;--color-orangey:#ff8709;--color-lilac:#9d95ff;--color-lt-green:#abff84;--color-blue:#00bae2;--color-grey:grey;--color-surface75:#bbbaa6;--color-surface50:#7c7c6f;--color-surface25:#42433d;--gradient-macha:linear-gradient(114.41deg,var(--color-shockingly-green) 20.74%,var(--color-lt-green) 65.5%);--gradient-orange-crush:linear-gradient(111.45deg,var(--color-orangey) 19.42%,#f7bdf8 73.08%);--gradient-lipstick:linear-gradient(165.72deg,#f7bdf8 21.15%,#cd237f 81.93%);--gradient-purple-haze:linear-gradient(153.58deg,#f7bdf8 32.25%,#2f3cc0 92.68%);--gradient-skyfall:linear-gradient(131.77deg,#0a157a 30.82%,#15bfe4 81.82%);--gradient-emerald-city:linear-gradient(166.9deg,var(--color-shockingly-green) 53.19%,#0085d0 107.69%);--gradient-summer-fair:linear-gradient(144.02deg,var(--color-blue) 4.56%,var(--color-pink) 72.98%);--color-core-green:#dfffd1;--color-core-green-lt:#f3ffee;--color-core-gradient:radial-gradient(89.08% 84.62% at 16.54% 78.46%,#fbfefa 0%,#c9f6b4 39.58%,#abff84 77.6%,#2fee65 100%);--color-core-button-gradient:linear-gradient(114.41deg,#0ae448 20.74%,#abff84 65.5%);--color-core-heading-gradient:linear-gradient(180deg,#d6ffc3,rgba(214,255,195,0)),#f3ffee;--color-core-intro-gradient:linear-gradient(144.5deg,#e8ffdd 65.09%,#7dea7b 122.73%),linear-gradient(311.31deg,#7ef89e 36.08%,#e5ffd9 106.98%);--color-text-purple:#d2ceff;--color-text-purple-lt:#dfdcff;--color-text-gradient:radial-gradient(129.03% 100% at 120.97% 81.45%,#dfdcff 27.08%,#a69eff 100%);--color-svg-tangerine:#ffe3c7;--color-svg-tangerine-lt:#fff0e0;--color-svg-gradient:radial-gradient(70.77% 70.77% at 0% 70.77%,#ffd9b0 0%,#fd9f3b 80.73%,#ff8709 100%);--color-svg-heading-gradient:linear-gradient(180deg,#ffbd77,rgba(254,197,251,0)),#ffe4c7;--color-ui-blue:#bef3fe;--color-ui-blue-lt:#e1faff;--color-ui-blue-codeblk:#f6feff;--color-ui-text-gradient:linear-gradient(168.89deg,#fec5fb -21.3%,#00bae2 89.88%);--color-ui-code-blocktext-gradient:linear-gradient(142.91deg,#cef6ff 18.75%,#a6efff 54.93%);--color-ui-gradient:radial-gradient(78.77% 78.77% at 71.71% 30.77%,#f0fcff 0%,#9bedff 67.21%,#98ecff 76.04%,#5be1ff 84.9%,#00bae2 94.79%);--color-ui-gradient-background:linear-gradient(137.1deg,#ecfcff 27.5%,#a6efff 94.09%);--color-ui-gradient-flip-background:radial-gradient(140% 190% at 117.54% 131.12%,#f0fcff 0%,#9bedff 25.52%,#98ecff 42.71%,#5be1ff 60.94%,#00bae2 94.79%);--color-scroll-pink:#ffd7fd;--color-scroll-pink-lt:#ffe9fe;--color-scroll-gradient:linear-gradient(317.42deg,#ffe9fe 10.4%,#ff96f9 83.03%);--ease-in:cubic-bezier(0.755,0.05,0.855,0.06);--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.86,0,0.07,1);--ease-out-quart:cubic-bezier(0.175,0.79,0.38,0.905);--ease-in-out-quart:cubic-bezier(0.645,0.045,0.355,1);--dark:var(--color-just-black);--grey-dark:#42433d;--light:var(--color-surface-white);--mid:#7c7c6f;--grey:#gray;--gray:#gray;--green:var(--color-shockingly-green);--green-dark:#0ae448;--green-light:var(--color-lt-green);--blue:var(--color-blue);--purple:var(--color-lilac);--red:#cd237f;--orange:var(--color-orangey);accent-color:var(--color-shockingly-green);--f-0-min:16;--f-0-max:18;--step-0:calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:16;--f-1-max:22.5;--step-1:calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:23.04;--f-2-max:28.13;--step-2:calc(var(--f-2-min)/16*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:27.65;--f-3-max:35.16;--step-3:calc(var(--f-3-min)/16*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:33.18;--f-4-max:46;--step-4:calc(var(--f-4-min)/16*1rem + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--fluid-min-width:320;--fluid-max-width:1140;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1140px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--fc-s-min:(var(--f-0-min,21));--fc-s-max:(var(--f-0-max,24));--fc-m-min:(var(--fc-s-min) * 6);--fc-m-max:(var(--fc-s-max) * 6);--fc-l-min:(var(--fc-s-min) * 8);--fc-l-max:(var(--fc-s-max) * 8);--fc-xl-min:(var(--fc-s-min) * 10);--fc-xl-max:(var(--fc-s-max) * 10);--space-s:calc(var(--fc-s-min)/16*1rem + (var(--fc-s-max) - var(--fc-s-min))*var(--fluid-bp));--space-m:calc(var(--fc-m-min)/16*1rem + (var(--fc-m-max) - var(--fc-m-min))*var(--fluid-bp));--space-l:calc(var(--fc-l-min)/16*1rem + (var(--fc-l-max) - var(--fc-l-min))*var(--fluid-bp));--space-xl:calc(var(--fc-xl-min)/16*1rem + (var(--fc-xl-max) - var(--fc-xl-min))*var(--fluid-bp));--space-s-m:calc(var(--fc-s-min)/16*1rem + (var(--fc-m-max) - var(--fc-s-min))*var(--fluid-bp));--space-m-l:calc(var(--fc-m-min)/16*1rem + (var(--fc-l-max) - var(--fc-m-min))*var(--fluid-bp));--space-l-xl:calc(var(--fc-l-min)/16*1rem + (var(--fc-xl-max) - var(--fc-l-min))*var(--fluid-bp))}.pad-s{padding-top:var(--space-s);padding-bottom:var(--space-s)}.pad-m{padding-top:var(--space-m);padding-bottom:var(--space-m)}.pad-l{padding-top:var(--space-l);padding-bottom:var(--space-l)}.pad-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.flow>*+*{margin-top:1em}.text-center{text-align:center}.box{border-radius:12px}.box,.circle{width:75px;height:75px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--green);font-weight:600;color:var(--dark);line-height:1.2;will-change:transform}.circle{border-radius:99px}.flex-row{width:100%;justify-content:space-around}.center,.flex-row{display:flex;align-items:center}.center{justify-content:center}.green{background-color:var(--green)}.blue{background-color:var(--blue)}.purple{background-color:var(--purple)}.red{background-color:var(--red)}.orange{background-color:var(--orange)}.dark{background-color:var(--dark);color:var(--light)}.light{background-color:var(--light);color:var(--dark)}.text-light{color:var(--light)}.text-dark{color:var(--dark)}.gray,.grey{background-color:var(--grey)}body{color:var(--color-surface-white);background-color:var(--dark);font-family:Mori,sans-serif;font-weight:400;margin:0;font-size:var(--step-0);line-height:1.45}h1,h2,h3,h4{margin:10px 0 10px 0;font-weight:400;line-height:1.2}.h1,h1{font-size:var(--step-4)}.h2,h2{font-size:var(--step-3)}.h3,h3{font-size:var(--step-2)}.h4,.lead,h4{font-size:var(--step-1)}a{color:var(--green);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.light a{color:var(--green-dark)}button{display:inline-block;outline:none;padding:8px 14px;background:var(--dark);border:solid 2px var(--light);color:var(--light);text-decoration:none;border-radius:99px;padding:12px 25px;text-transform:uppercase;font-weight:600;cursor:pointer;line-height:18px}.gsap-logo{width:20vw;max-width:150px;position:fixed;bottom:15px;right:15px;mix-blend-mode:difference;z-index:9999}.gsap-logo img{width:100%}.gsap-3-logo{width:20vw;max-width:150px;position:fixed;bottom:15px;right:15px}.panel{min-height:100vh;padding-left:.6rem;padding-right:.6rem}.panel.gray{background-color:#777;background-image:var(--gradient-macha)}.panel.blue{background-color:#2c7ad2;background-image:var(--gradient-summer-fair)}.panel.orange{background-color:#e77614;background-image:var(--gradient-orange-crush)}.panel.red{background-color:#c82736;background-image:var(--gradient-lipstick)}.panel.purple{background-color:#8d3dae;background-image:var(--gradient-purple-haze)}.panel.green{background-color:#28a92b;background-image:var(--gradient-macha)}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#000;font-weight:400;text-transform:uppercase;font-size:16px;overflow:visible}.scroll-down .arrow{position:relative;top:-4px;margin:0 auto;width:20px;height:20px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDgzLjIgMTkyLjJjLTIwLjUtMjAuNS01My41LTIwLjgtNzMuNy0uNkwyNTcgMzQ0LjEgMTA0LjUgMTkxLjZjLTIwLjItMjAuMi01My4yLTE5LjktNzMuNy42cy0yMC44IDUzLjUtLjYgNzMuN2wxOTAgMTkwYzEwLjEgMTAuMSAyMy40IDE1LjEgMzYuOCAxNSAxMy4zLjEgMjYuNy00LjkgMzYuOC0xNWwxOTAtMTkwYzIwLjEtMjAuMiAxOS45LTUzLjItLjYtNzMuN3oiLz48L3N2Zz4=);background-size:contain}.panel li strong,.panel p strong{color:#fff;font-weight:400}.panel li code,.panel p code{background-color:hsla(0,0%,100%,.15);padding:2px 4px;border-radius:5px}.panel li{margin:0}pre.prettyprint{max-width:100%;overflow:auto}ul pre.prettyprint{margin-left:-.5rem}pre{--ifm-pre-background:var(--ifm-color-gray-800)!important;--ifm-font-family-monospace:"Fraktion Mono"}code{border:none;border-radius:4px;padding:1rem;font-weight:700;font-size:1.2rem;vertical-align:baseline;background:#28292b;color:rgba(245,244,230,.8705882352941177)}code .token.comment{color:#9c9c9c;font-style:italic}code .token.inserted,code .token.string{color:#63d55a}code .token.number{color:#f78c6c}code .token.builtin,code .token.char,code .token.constant,code .token.function{color:#82aaff}code .token.punctuation,code .token.selector{color:#c792ea}code .token.variable{color:#bfc7d5}code .token.attr-name,code .token.class-name{color:#ffcb6b}code .token.deleted,code .token.tag{color:#ff5572}code .token.operator{color:#89ddff}code .token.boolean{color:#ff5874}code .token.keyword{font-style:italic}code .token.doctype{color:#c792ea;font-style:italic}code .token.namespace{color:#b2ccd6}code .token.url{color:#ddd}.vh{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.checkbox label{display:flex;align-items:center;flex-direction:row;justify-content:center}.checkbox label:before{content:"";width:20px;height:20px;border-radius:2px;background:var(--light);display:inline-block;margin-right:10px}.checkbox input[type=checkbox]:checked~label:before{background:var(--green) no-repeat 50%;background-size:12px 12px;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}.flair{width:100px;height:100px;background-image:url(https://assets.codepen.io/16327/flair.png);background-size:contain;background-repeat:no-repeat;will-change:transform}.flair--2{background-image:url(https://assets.codepen.io/16327/flair-2.png)}.flair--3{background-image:url(https://assets.codepen.io/16327/flair-3.png)}.flair--4{background-image:url(https://assets.codepen.io/16327/flair-4.png)}.flair--5{background-image:url(https://assets.codepen.io/16327/flair-5.png)}.flair--6{background-image:url(https://assets.codepen.io/16327/flair-6.png)}.flair--7{background-image:url(https://assets.codepen.io/16327/flair-7.png)}.flair--8{background-image:url(https://assets.codepen.io/16327/flair-8.png)}.flair--9{background-image:url(https://assets.codepen.io/16327/flair-9.png)}.flair--10{background-image:url(https://assets.codepen.io/16327/flair-10.png)}.flair--11{background-image:url(https://assets.codepen.io/16327/flair-11.png)}.flair--12{background-image:url(https://assets.codepen.io/16327/flair-12.png)}.flair--13{background-image:url(https://assets.codepen.io/16327/flair-13.png)}.flair--14{background-image:url(https://assets.codepen.io/16327/flair-14.png)}.flair--15{background-image:url(https://assets.codepen.io/16327/flair-15.png)}.flair--16{background-image:url(https://assets.codepen.io/16327/flair-16.png)}.flair--17{background-image:url(https://assets.codepen.io/16327/flair-17.png)}.flair--18{background-image:url(https://assets.codepen.io/16327/flair-18.png)}.flair--19{background-image:url(https://assets.codepen.io/16327/flair-19.png)}.flair--20{background-image:url(https://assets.codepen.io/16327/flair-20.png)}.flair--21{background-image:url(https://assets.codepen.io/16327/flair-21.png)}.flair--22{background-image:url(https://assets.codepen.io/16327/flair-22.png)}.flair--23{background-image:url(https://assets.codepen.io/16327/flair-23.png)}.flair--24{background-image:url(https://assets.codepen.io/16327/flair-24.png)}.flair--25{background-image:url(https://assets.codepen.io/16327/flair-25.png)}.flair--26{background-image:url(https://assets.codepen.io/16327/flair-26.png)}.flair--27{background-image:url(https://assets.codepen.io/16327/flair-27.png)}.flair--28{background-image:url(https://assets.codepen.io/16327/flair-28.png)}.flair--29{background-image:url(https://assets.codepen.io/16327/flair-29.png)}.flair--30{background-image:url(https://assets.codepen.io/16327/flair-30.png)}.flair--31{background-image:url(https://assets.codepen.io/16327/flair-31.png)}.flair--32{background-image:url(https://assets.codepen.io/16327/flair-32.png)}.flair--33{background-image:url(https://assets.codepen.io/16327/flair-33.png)}.flair--34{background-image:url(https://assets.codepen.io/16327/flair-34.png)}.flair--35{background-image:url(https://assets.codepen.io/16327/flair-35.png)}.flair-cont{display:flex;align-items:center;justify-content:space-around;gap:2rem;flex-wrap:wrap}.gradient-green{background:var(--gradient-macha),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.gradient-green-2{background:var(--gradient-emerald-city),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.gradient-orange{background:var(--gradient-orange-crush),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.gradient-purple{background:var(--gradient-purple-haze),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.gradient-blue-2{background:var(--gradient-summer-fair),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.gradient-blue{background:var(--color-ui-gradient),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.gradient-red{background:var(--gradient-lipstick),url(https://assets.codepen.io/16327/noise-e82662fe.png);background-blend-mode:color-dodge}.noise{position:relative}.noise:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:url(https://assets.codepen.io/16327/noise-e82662fe.png);opacity:.4;pointer-events:none}.boxes-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.box{margin-bottom:20px}button{margin:20px 0}