html{font-size:10px}body{font-size:16px;background-color:#fff}body picture{display:inline-block}h1{font-weight:700;font-size:48px;line-height:67.2px;margin:0;text-align:center}h2{font-weight:700;font-size:34px;line-height:48px;margin:0 0 60px;text-align:center;color:#161616}h2~p{font-weight:400;font-size:18px;line-height:21.6px;color:#16161699;margin:30px 0 0;text-align:center}h3{font-weight:700;font-size:24px;line-height:32px;margin:0}.base-width{max-width:1300px;padding:100px 20px;margin:0 auto}.mobile{display:none}.pc{display:block}@media (max-width:1024px){h1{font-size:32px;line-height:38.4px}h2{font-size:28px;line-height:33.6px;margin-bottom:20px}h2~p{margin:20px 0 0}h3{font-size:20px}.base-width{padding:50px 20px}}@media (max-width:768px){.mobile{display:block}.pc{display:none}}.banner{width:100%;position:relative}.banner h2{margin-bottom:30px}.banner .banner-nav{display:flex;align-items:center;gap:5px;position:absolute;left:60px;top:20px}.banner .banner-nav>svg{min-width:10px;min-height:10px;width:10px;height:10px}.banner .banner-nav p{font-weight:400;font-size:16px;line-height:25.6px;color:#FFFFFF80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner .banner-nav p>span{color:#DD3BFF}.banner .banner-nav a{display:flex;align-items:center;gap:8px;color:#FFFFFF80}.banner .banner-nav a>svg{width:16px;height:16px}.banner .banner-nav a:hover,.banner .banner-nav a:hover p{color:#DD3BFF}.banner .banner-content{width:100%;position:absolute;top:50%;transform:translateY(-50%);padding:0 20px}.banner .banner-content h1,.banner .banner-content h2{color:#FFF}.banner .banner-content h2{font-weight:600;font-size:20px;line-height:28px;margin-top:10px}.banner .banner-content p{color:#FFF9}.banner .banner-writer{padding:8px;display:flex;align-items:center;border-radius:16px;border:1px solid #333;background-color:#000000B2;backdrop-filter:blur(8px);position:absolute;left:60px;bottom:60px}.banner .banner-writer picture{width:40px;height:40px;margin-right:10px}.banner .banner-writer .typewriter{font-weight:600;font-size:18px;line-height:26px;color:#FFF;text-align:left}.banner .banner-writer .typewriter>span{width:2px;height:20px;background-color:#30BDFF;display:inline-block;margin-left:8px;margin-right:10px;vertical-align:middle}@media (max-width:768px){.banner h2{margin-bottom:20px}.banner .banner-nav{left:20px;top:30px;padding-right:20px;gap:3px;max-width:100%}.banner .banner-nav>p{padding-right:20px}.banner .banner-content{top:20%;transform:translateY(0)}.banner .banner-writer{left:20px;margin-right:20px;max-width:100%;font-size:14px}.banner .banner-writer img{min-width:40px;min-height:40px}}.what-is{position:relative;z-index:3}.what-is .base-width>p{max-width:1000px;margin-left:auto;margin-right:auto}.what-is picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.what-is img{width:auto;height:100%}.what-is h2{margin-bottom:0}.what-is h2>mark{background-color:transparent;color:#6D4FFF}@media (max-width:768px){.what-is img{width:100%}}.how-to-work{background:#C299FF}.how-to-work .base-width{padding-top:0}.how-to-work h2{color:#FFF;padding:100px 0 60px;margin-bottom:0;background:#C299FF;position:relative;z-index:3}.how-to-work .timeline-component{margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(2,1fr);column-gap:96px;row-gap:68px;padding-top:20px;padding-bottom:8px}.how-to-work .timeline-component .tiemline-box{position:absolute;top:0;width:4px;left:50%;transform:translateX(-50%);height:100%}.how-to-work .timeline-component .tiemline-progress{height:100%;background:#C8A6FF}.how-to-work .timeline-component .progress-line-top{position:absolute;top:0;width:4px;left:50%;transform:translateX(-50%);height:10%;background:#FFF}.how-to-work .timeline-component .progress-line{width:4px;background:#FFF;height:50vh;margin-top:-50vh;position:sticky;top:0;z-index:2}.how-to-work .timeline-component .progress-line-bottom{position:absolute;bottom:0;width:4px;background-image:linear-gradient(180deg,#C8A6FF 0%,#C299FF 100%);height:5%;z-index:1}.how-to-work .timeline-component .timeline-component-item{display:flex;align-items:center;gap:20px;position:relative}.how-to-work .timeline-component .timeline-component-item .timeline-point{height:32px;width:16px;z-index:2;position:absolute;display:flex;align-items:center;top:0}.how-to-work .timeline-component .timeline-component-item .timeline-point .white-point{width:16px;height:16px;background:#FFF;border-radius:50%;position:relative}.how-to-work .timeline-component .timeline-component-item .timeline-point .white-point::before{content:'';width:6px;height:6px;background:#7B39FF;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to-work .timeline-component .timeline-component-item .timeline-point{background:#C299FF}.how-to-work .timeline-component .timeline-component-item:nth-of-type(odd) .timeline-point{left:-56px}.how-to-work .timeline-component .timeline-component-item:nth-of-type(even) .timeline-point{right:-56px}.how-to-work .timeline-component .timeline-component-item:nth-of-type(1){grid-column:2 / 3;grid-row:1 / 2}.how-to-work .timeline-component .timeline-component-item:nth-of-type(2){grid-column:1 / 2;grid-row:2 / 3}.how-to-work .timeline-component .timeline-component-item:nth-of-type(3){grid-column:2 / 3;grid-row:3 / 4}.how-to-work .timeline-component .timeline-component-item:nth-of-type(4){grid-column:1 / 2;grid-row:4 / 5}.how-to-work .timeline-component .timeline-component-item:nth-of-type(odd){justify-content:flex-start}.how-to-work .timeline-component .timeline-component-item:nth-of-type(odd) .timeline-content-text h3,.how-to-work .timeline-component .timeline-component-item:nth-of-type(odd) .timeline-content-text p{text-align:left}.how-to-work .timeline-component .timeline-component-item:nth-of-type(even){justify-content:flex-end}.how-to-work .timeline-component .timeline-component-item:nth-of-type(even) .timeline-content-text h3,.how-to-work .timeline-component .timeline-component-item:nth-of-type(even) .timeline-content-text p{text-align:right}.how-to-work .timeline-component .timeline-content{display:flex;align-items:center;gap:16px;max-width:476px}.how-to-work .timeline-component .timeline-content img{min-width:80px;min-height:80px;width:80px;height:80px}.how-to-work .timeline-component .timeline-content-text h3{color:#FFF}.how-to-work .timeline-component .timeline-content-text p{font-weight:400;font-size:18px;line-height:21.6px;color:#FFFC}@media (max-width:1024px){.how-to-work .timeline-component .timeline-content-text p{font-size:16px}}@media (max-width:768px){.how-to-work h2{padding:50px 0 40px}.how-to-work .timeline-component{grid-template-columns:repeat(1,1fr);gap:57px}.how-to-work .timeline-component .tiemline-box{left:4px;transform:translateX(0)}.how-to-work .timeline-component .timeline-component-item:nth-of-type(1),.how-to-work .timeline-component .timeline-component-item:nth-of-type(2),.how-to-work .timeline-component .timeline-component-item:nth-of-type(3),.how-to-work .timeline-component .timeline-component-item:nth-of-type(4){grid-column:1 / 2;margin-left:36px}.how-to-work .timeline-component .timeline-component-item:nth-of-type(even){justify-content:flex-start}.how-to-work .timeline-component .timeline-component-item:nth-of-type(even) .timeline-content-text h3,.how-to-work .timeline-component .timeline-component-item:nth-of-type(even) .timeline-content-text p{text-align:left}.how-to-work .timeline-component .timeline-component-item:nth-of-type(odd) .timeline-point,.how-to-work .timeline-component .timeline-component-item:nth-of-type(even) .timeline-point{left:-38px}}.product-use{position:relative}.product-use>picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.product-use>picture img{width:100%;height:100%}.product-use .product-container .product-wrapper{position:sticky;top:0;display:flex;flex-direction:column;grid-row-gap:64px}.product-use .product-wrapper .product-slide{width:96.5%;position:sticky;top:10%;overflow:hidden;will-change:transform;transform-style:preserve-3d;margin:0 auto;transition:all .1 ease}.product-use .product-use-item{margin:0 auto;display:flex;gap:52px;align-items:center;justify-content:center;padding:70px 64px;background:linear-gradient(180deg,#7F58FF 0%,#BBA7FF 100%);border:1px solid #D6D0FF;border-radius:32px}.product-use .product-use-item .text-content h3{font-weight:700;font-size:28px;line-height:36px;color:#fff;text-align:left}.product-use .product-use-item .text-content p{font-weight:400;font-size:18px;line-height:21.6px;text-align:left;color:#FFF;margin-top:32px}.product-use .product-use-item .img-content{border-radius:16px;overflow:hidden}@media (max-width:1024px){.product-use .product-use-item .text-content h3{font-size:24px}.product-use .product-use-item .text-content p{font-size:16px}}@media (max-width:768px){.product-use .product-use-item{flex-direction:column;padding:30px 20px;gap:30px;border-radius:24px}.product-use .product-use-item .text-content p{margin-top:16px}}.create-step{background:linear-gradient(180deg,#D5D8FF 0%,#F5E8FF 100%)}.create-step h2{margin-bottom:0}.create-step .base-width>p{margin-bottom:60px}.create-step .step-container{display:flex;justify-content:center;position:relative;gap:60px}.create-step .step-container .step-content{display:flex;gap:24px;padding:16px 0}.create-step .step-container .step-content .step-process{width:27px;height:100%;display:flex;justify-content:center;position:relative}.create-step .step-container .step-process .process-line,.create-step .step-container .step-process .process-light{width:4px;border-radius:2px}.create-step .step-container .step-process .process-line{height:100%;background:#D6D0FF;position:absolute;top:0}.create-step .step-container .step-process .process-light{width:4px;background:linear-gradient(180deg,#563BFF 0%,#983BFF 50%,#E43BFF 100%);position:relative;transition:all 0.3s linear}.create-step .step-container .step-process .process-light svg{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.create-step .step-container .step-content .step-list{display:flex;flex-direction:column;gap:40px;max-width:509px;position:relative}.create-step .step-container .step-content .step-list .step-item{text-align:left;cursor:pointer}.create-step .step-container .step-content .step-list em{text-align:left;font-style:normal;font-weight:700;font-size:20px;line-height:28px;color:#161616}.create-step .step-container .step-content .step-list em.step-active{color:#DD3BFF}.create-step .step-container .step-content .step-list p{text-align:left;font-weight:400;font-size:16px;line-height:24px;color:#161616CC;margin-top:10px}.create-step .step-container .swiper{width:50.9%}.create-step .step-container .swiper .swiper-scrollbar{position:absolute}.create-step .base-width .create-step-btn{text-align:center}.create-step .base-width .create-step-btn>a{display:inline-block;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);border-radius:6px;font-weight:600;font-size:20px;line-height:24px;text-align:center;color:#FFF;margin:60px auto 0;padding:13px 30px}.create-step .base-width>a:hover{background:linear-gradient(180deg,#C344FF 0%,#6E2AFF 100%)}@media (max-width:1024px){.create-step .step-container{flex-wrap:wrap;gap:40px}.create-step .step-container .swiper{width:80%;min-width:335px}.create-step .base-width>a{margin-top:40px}}@media (max-width:768px){.create-step .step-container .step-content .step-list{gap:16px}}.why-choose .card-item{border-radius:24px;overflow:hidden;height:auto}.why-choose .card-item img{width:100%}.why-choose .card-item .card-text{padding:24px;height:100%}.why-choose .card-item .card-text h3{font-weight:700;font-size:20px;line-height:28px;color:#161616;text-align:left}.why-choose .card-item .card-text p{font-weight:400;font-size:16px;line-height:24px;color:#16161699;margin-top:10px;text-align:left}.why-choose .control{display:flex;justify-content:center;align-items:center;margin-top:24px}.why-choose .control .button-prev.swiper-button-disabled,.why-choose .control .button-next.swiper-button-disabled{cursor:not-allowed}.why-choose .control .button-next,.why-choose .control .button-prev{border-radius:50%;width:48px;height:48px;cursor:pointer;border:1px solid #DDD;display:flex;align-items:center;justify-content:center;color:#666}.why-choose .control .button-next svg,.why-choose .control .button-prev svg{width:18px;height:15px}.why-choose .control .button-next,.why-choose .control .button-next-disable{transform:rotate(-180deg)}.why-choose .control .button-next:hover,.why-choose .control .button-prev:hover{border:1px solid #F5C5FF;background:#FCECFF;color:#DD3BFF}.why-choose .control .button-next:hover.swiper-button-disabled,.why-choose .control .button-prev:hover.swiper-button-disabled{color:#CCC;border:1px solid #DDD;background:transparent}.why-choose .control .swiper-pagination-bullets{display:flex;width:88px;height:8px;margin:0 30px;justify-content:space-evenly}.why-choose .control .swiper-pagination-bullets .swiper-pagination-bullet{background:#DDD;border-radius:50%;width:8px;height:8px;transition:all .3s ease-in-out;cursor:pointer;opacity:1}.why-choose .control .swiper-pagination-bullets .swiper-pagination-bullet-active{width:40px;background:#DD3BFF;border-radius:4px}@media (max-width:768px){.why-choose h2{margin-bottom:32px}.why-choose .swiper-slide-active{height:100%}.why-choose .control{margin-top:30px}}.create-project .base-width{padding-top:0;padding-bottom:0}.create-project .project-container{min-height:160px;border-radius:24px;background:linear-gradient(180deg,#A250FF 0%,#6D4FFF 100%);padding:27px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.create-project .project-container .project-content{display:flex;align-items:center;gap:16px}.create-project .project-container .project-content img{width:64px;height:64px;min-width:64px;min-height:64px}.create-project .project-content .project-content-text h2{font-weight:700;font-size:20px;line-height:28px;color:#FFF;margin-bottom:10px;text-align:left}.create-project .project-content .project-content-text p{font-weight:400;font-size:16px;line-height:24px;color:#FFFC;text-align:left;margin:0}.create-project .project-content .project-content-text p>a{color:#6DE9FF}.create-project .project-btn{display:inline-block;width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#FFF;color:#6D4FFF;transform:rotate(180deg)}.create-project .project-btn>svg{width:18px;height:15px}@media (max-width:768px){.create-project .project-container,.create-project .project-container .project-content{flex-wrap:wrap}.create-project .project-container{justify-content:flex-end;padding:30px 20px}.create-project .project-container .project-content{gap:20px}}.faq h2{margin-bottom:60px}.faq ul{padding:30px;border-radius:30px;background:#F8F5FF}.faq ul li{margin-bottom:30px;padding:0 0 30px;border-bottom:1px solid #CBCBCB;cursor:pointer}.faq ul li b{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#161616}.faq ul li p{display:none;font-size:18px;color:#161616CC;margin-top:24px;text-align:left}.faq ul li b span{position:relative;display:inline-block;width:32px;height:32px;border:1px solid #161616;cursor:pointer;border-radius:100%;flex-shrink:0;margin-left:10px}.faq ul li b span:before,.faq ul li b span:after{content:'';width:12px;height:3px;border-radius:3px;background:#161616;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq ul li b span:after{transform:rotate(90deg) translate(-50%,-60%);transform-origin:0 0}.faq ul li.active b{color:#DD3BFF}.faq ul li.active p{display:block}.faq ul li.active b span:before{background:#2C2935}.faq ul li.active b span:after{display:none}.faq ul li p a{cursor:pointer;text-decoration:underline}.faq ul li p a:hover{color:#DD3BFF}@media (max-width:1024px){.faq{padding:0 0 32px}.faq h2{margin-bottom:40px}.faq ul{padding:30px 20px}.faq ul li{margin-bottom:20px;padding:0 0 20px}}.choose-us{position:relative}.choose-us>picture{position:absolute;z-index:-1;width:100%;height:100%}.choose-us>picture img{width:100%;height:100%}.choose-us h2{color:#fff;margin-bottom:0}.choose-us h2+p{color:#FFFC}.choose-us .choose-us-btn{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:40px}.choose-us .choose-us-btn .left-btn,.choose-us .choose-us-btn .right-btn{font-weight:600;font-size:20px;line-height:24px;padding:15px 0;border-radius:6px;width:240px;text-align:center;white-space:nowrap}.choose-us .choose-us-btn .left-btn{background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);color:#FFF}.choose-us .choose-us-btn .left-btn:hover{background:linear-gradient(180deg,#C344FF 0%,#6E2AFF 100%)}.choose-us .choose-us-btn .right-btn{background:#FFF;color:#DD3BFF}.choose-us .choose-us-btn .right-btn:hover{background:#F8D8FF}@media (max-width:768px){.choose-us .choose-us-btn{flex-wrap:wrap;gap:20px}}