.about-page{background-color:#f0ecfa;background-image:url(../_image/about/pic_about_bg.png);background-repeat:no-repeat;background-size:100% 1000px}.about-page .about-banner{align-items:center;display:flex;justify-content:center;padding:60px 20px 90px}.about-page .about-banner .gradient-text{background:linear-gradient(73deg,#9438d9,#f07aff);-webkit-background-clip:text;position:relative;-webkit-text-fill-color:transparent;background-clip:text;font-size:64px;font-weight:700}.about-page .about-banner .gradient-text:before{background:linear-gradient(90deg,#9438d933,#9438d900);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.about-page .about-banner .gradient-text:after{background-image:url(../_image/about/pic_about_star.svg);content:"";font-size:24px;height:40px;position:absolute;right:-70px;top:5px;width:56px;z-index:1}.about-page .about-banner .about-banner-container{max-width:1000px;text-align:center}.about-page .about-banner .about-banner-container .header-text{color:#1d1c20;font-size:18px;font-weight:700;margin-bottom:25px}.about-page .about-banner .about-banner-container .main-title{color:#1d1c20;font-size:64px;font-weight:700;line-height:74px;margin-bottom:40px}.about-page .about-banner .about-banner-container .description{color:#434250;font-size:16px;font-weight:500;line-height:24px;margin-bottom:80px;margin-left:auto;margin-right:auto;max-width:1000px}.about-page .about-banner .about-banner-container .mission-container{background:linear-gradient(180deg,#f8f4fb,#ece8fa00);border-radius:24px 24px 0 0;padding:6px}.about-page .about-banner .about-banner-container .mission-container .mission-section{background:linear-gradient(180deg,#f2e8f8,#ece8fa00);border-radius:24px 24px 0 0;padding:40px 50px 0}.about-page .about-banner .about-banner-container .mission-container .mission-section .mission-title{color:#8b5cf6;font-size:32px;font-weight:600;margin-bottom:16px}.about-page .about-banner .about-banner-container .mission-container .mission-section .mission-text{color:#434250;font-size:16px;line-height:1.4;padding-bottom:40px}.about-page .about-banner .about-banner-container .mission-container .mission-section .cta-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.about-page .about-banner .about-banner-container .mission-container .mission-section .cta-button:hover{box-shadow:0 6px 20px #8b5cf666;opacity:.9}@media(max-width:768px){.about-page .about-banner{padding:40px 20px 60px}.about-page .about-banner .header-text{font-size:16px}.about-page .about-banner .about-banner-container .main-title{font-size:36px;line-height:normal}.about-page .about-banner .about-banner-container .main-title .gradient-text{font-size:36px}.about-page .about-banner .about-banner-container .main-title .gradient-text:after,.about-page .about-banner .about-banner-container .main-title .gradient-text:before{display:none}.about-page .about-banner .about-banner-container .description{font-size:14px}.about-page .about-banner .about-banner-container .mission-container .mission-section{padding:30px 20px}.about-page .about-banner .about-banner-container .mission-container .mission-section .mission-title{font-size:24px}.about-page .about-banner .about-banner-container .mission-container .mission-section .mission-text{font-size:14px}}.about-page .introduct-container{margin:0 auto;max-width:1200px;padding:120px 20px 80px}.about-page .introduct-container .section-title{margin-bottom:100px;text-align:center}.about-page .introduct-container .section-title h2{color:#1d1c20;font-size:56px;font-weight:600}.about-page .introduct-container .solution-section{margin-bottom:60px}.about-page .introduct-container .solution-section .solution-content{align-items:center;display:flex;gap:80px}.about-page .introduct-container .solution-section .solution-content .solution-text{flex:1}.about-page .introduct-container .solution-section .solution-content .solution-text .solution-title{color:#1d1c20;font-size:34px;font-weight:700;line-height:normal;margin-bottom:24px}.about-page .introduct-container .solution-section .solution-content .solution-text .solution-description{color:#434250;font-size:20px;line-height:normal}.about-page .introduct-container .solution-section .solution-content .solution-image{display:flex;flex:1;justify-content:center}.about-page .introduct-container .solution-section .solution-content .solution-image img{height:auto;max-width:100%}.about-page .introduct-container .subscribe-section{margin-bottom:60px}.about-page .introduct-container .subscribe-section .subscribe-content{align-items:center;display:flex;gap:80px}.about-page .introduct-container .subscribe-section .subscribe-content .subscribe-image{display:flex;flex:1;justify-content:center}.about-page .introduct-container .subscribe-section .subscribe-content .subscribe-image img{border-radius:20px;height:auto;max-width:100%}.about-page .introduct-container .subscribe-section .subscribe-content .subscribe-text{flex:1}.about-page .introduct-container .subscribe-section .subscribe-content .subscribe-text .subscribe-title{color:#1d1c20;font-size:34px;font-weight:700;line-height:normal;margin-bottom:24px}.about-page .introduct-container .subscribe-section .subscribe-content .subscribe-text .subscribe-description{color:#434250;font-size:20px;line-height:normal}.about-page .introduct-container .easiest-section{margin-bottom:100px}.about-page .introduct-container .easiest-section .easiest-content{align-items:center;display:flex;gap:80px}.about-page .introduct-container .easiest-section .easiest-content .easiest-text{flex:1}.about-page .introduct-container .easiest-section .easiest-content .easiest-text .easiest-title{color:#1d1c20;font-size:34px;font-weight:700;line-height:normal;margin-bottom:24px}.about-page .introduct-container .easiest-section .easiest-content .easiest-text .easiest-description{color:#434250;font-size:20px;line-height:normal;margin:0}.about-page .introduct-container .easiest-section .easiest-content .easiest-image{display:flex;flex:1;justify-content:center}.about-page .introduct-container .easiest-section .easiest-content .easiest-image img{height:auto;max-width:100%}.about-page .introduct-container .gradient-text{background:linear-gradient(73deg,#9438d9,#f07aff);-webkit-background-clip:text;position:relative;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.about-page .introduct-container .easiest-content,.about-page .introduct-container .solution-content,.about-page .introduct-container .subscribe-content{gap:40px}.about-page .introduct-container .easiest-title,.about-page .introduct-container .solution-title,.about-page .introduct-container .subscribe-title{font-size:32px}.about-page .introduct-container .section-title h2{font-size:36px}}@media(max-width:768px){.about-page .introduct-container{padding:60px 20px}.about-page .introduct-container .section-title{margin-bottom:50px}.about-page .introduct-container .section-title h2{font-size:32px}.about-page .introduct-container .easiest-content,.about-page .introduct-container .solution-content,.about-page .introduct-container .subscribe-content{flex-direction:column;gap:40px}.about-page .introduct-container .subscribe-content{flex-direction:column-reverse}.about-page .introduct-container .easiest-title,.about-page .introduct-container .solution-title,.about-page .introduct-container .subscribe-title{font-size:28px;text-align:center}.about-page .introduct-container .easiest-description,.about-page .introduct-container .solution-description,.about-page .introduct-container .subscribe-description{font-size:16px;text-align:center}.about-page .introduct-container .solution-section,.about-page .introduct-container .subscribe-section{margin-bottom:80px}}@media(max-width:480px){.about-page .introduct-container{padding:40px 16px}.about-page .introduct-container .section-title{margin-bottom:50px}.about-page .introduct-container .section-title h2{font-size:28px}.about-page .introduct-container .easiest-title,.about-page .introduct-container .solution-title,.about-page .introduct-container .subscribe-title{font-size:24px}.about-page .introduct-container .easiest-description,.about-page .introduct-container .solution-description,.about-page .introduct-container .subscribe-description{font-size:14px}}.about-page .user-section{background:linear-gradient(180deg,#dfdfff,#f0edf9);padding:170px 20px 100px;position:relative}.about-page .user-section:before{background-image:url(../_image/about/pic_join_bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.about-page .user-section .user-container{align-items:center;display:flex;gap:36px;justify-content:center;margin-bottom:120px;position:relative;z-index:2}.about-page .user-section .user-container .user-content{flex:1;max-width:600px}.about-page .user-section .user-container .user-content .user-title{color:#1d1c20;font-size:40px;font-weight:600;line-height:58px;margin-bottom:40px}.about-page .user-section .user-container .user-content .get-started-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:50px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .3s ease}.about-page .user-section .user-container .user-content .get-started-btn:hover{box-shadow:0 6px 20px #8b5cf666;opacity:.9}.about-page .user-section .user-container .user-content .get-started-btn:active{opacity:.8;transform:translateY(0)}.about-page .user-section .user-container .people-image{align-items:center;display:flex;flex:1;justify-content:center;max-width:600px}.about-page .user-section .user-container .people-image img{height:auto;max-width:500px;width:100%}.about-page .user-section .contact-section{cursor:pointer;margin:auto;max-width:1200px;position:relative;z-index:2}.about-page .user-section .contact-section .contact-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:24px;box-shadow:0 8px 32px #ece7f8;display:flex;justify-content:space-between;padding:24px}.about-page .user-section .contact-section .contact-card:hover{box-shadow:0 12px 40px #ece7f8}.about-page .user-section .contact-section .contact-card:hover .contact-arrow{transform:translate(4px)}.about-page .user-section .contact-section .contact-card .contact-info{align-items:center;display:flex;gap:16px}.about-page .user-section .contact-section .contact-card .contact-info .contact-text h3{color:#000;font-size:20px;font-weight:500;margin:0 0 4px}.about-page .user-section .contact-section .contact-card .contact-info .contact-text p{color:#918fa1;font-size:16px}.about-page .user-section .contact-section .contact-card .contact-arrow{padding:8px;transition:transform .2s ease}@media(max-width:1024px){.about-page .user-section .user-container{gap:40px}.about-page .user-section .user-container .user-content .user-title{font-size:40px;line-height:normal}.about-page .user-section .user-container .people-image img{max-width:400px}}@media(max-width:768px){.about-page .user-section{padding:60px 20px 40px}.about-page .user-section .user-container{flex-direction:column;gap:60px;text-align:center}.about-page .user-section .user-container .user-content{max-width:100%}.about-page .user-section .user-container .user-content .user-title{font-size:32px;line-height:normal}.about-page .user-section .user-container .people-image{max-width:100%}.about-page .user-section .user-container .people-image img{max-width:350px}.about-page .user-section .contact-section .contact-card{padding:20px 24px}}@media(max-width:480px){.about-page .user-section{padding:40px 16px 30px}.about-page .user-section .user-container .user-content .user-title{font-size:28px}.about-page .user-section .user-container .user-content .get-started-btn{font-size:16px;padding:14px 32px}.about-page .user-section .user-container .people-image img{max-width:280px}.about-page .user-section .contact-section .contact-card{flex-direction:column;gap:16px;text-align:center}.about-page .user-section .contact-section .contact-card .contact-info .contact-text h3{text-align:start}.about-page .user-section .contact-section .contact-card .contact-arrow{display:none}}