@-webkit-keyframes borderAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes borderAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}*{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}:root{--primary-color:#007aff;--primary-hover-color:#0056b3;--text-primary-color:rgba(51, 51, 51, 1);--text-secondary-color:rgba(102, 102, 102, 1);--text-gray-color:rgba(153, 153, 153, 1);--bg-light-color:rgba(248, 250, 252, 1);--bg-gradient-start:rgba(221, 236, 255, 1);--bg-gradient-end:rgba(255, 255, 255, 1);--border-color:rgba(221, 229, 237, 1);--feature-icon-bg:#4cd964;--border-radius-small:6px;--border-radius-medium:8px;--border-radius-large:12px;--border-radius-xlarge:16px;--border-radius-circle:50%;--border-radius-full:100px;--box-shadow-light:0 2px 8px rgba(0, 0, 0, 0.05);--box-shadow-medium:0 2px 8px rgba(0, 0, 0, 0.1);--box-shadow-button:0px 1px 0.7px rgba(180, 185, 199, 0.5), 0px 1px rgba(180, 185, 198, 0.25),
        0px 2px 2.7px rgba(148, 154, 170, 0.1)}.animate-on-scroll{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;transition:opacity .6s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out}.animate-on-scroll.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}.animate-delay-5{transition-delay:.5s}.container{position:relative;z-index:0;background:url(/static/image/background-img-2f0f2602fb.png),rgba(221,236,255,.9)}.container::before{content:"";position:absolute;background:linear-gradient(180deg,rgba(198,220,247,.7) 0,#fff 12%);top:0;left:0;width:100%;height:100%;z-index:-1}section{padding:100px 50px}.section-top-btn,.section-top-btn-container{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-top-btn{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--border-radius-full);border:1px solid var(--border-color);background:var(--bg-light-color);color:var(--text-primary-color);font-weight:400;font-size:18px}.floating-btn img,.section-top-btn img{width:24px;height:24px}.section-title{text-align:center;font-size:68px;font-weight:700;color:var(--text-primary-color);margin:10px 0 14px;line-height:120%}.section-subtitle{text-align:center;color:var(--text-secondary-color);font-weight:400;font-size:18px;line-height:150%}@media (min-width:1200px){section{margin:0 auto;max-width:1200px}.section-title{font-size:68px}}@media (max-width:1199px) and (min-width:992px){.section-title{font-size:56px}}@media (max-width:991px) and (min-width:768px){section{padding:80px 30px}.section-title{font-size:48px}}@media (max-width:767px) and (min-width:576px){section{padding:70px 20px}.section-top-btn{padding:6px 10px;font-size:16px}.section-title{font-size:34px;margin:8px 0 12px}.section-subtitle{font-size:16px}}@media (max-width:575px){section{padding:60px 16px}.section-top-btn-container{margin-bottom:10px}.section-top-btn{padding:5px 8px;font-size:16px}.section-title{font-size:34px;margin:6px 0 10px}.section-subtitle{font-size:16px;padding:0 10px}}.compare-section{margin:60px 0}.compare-section,.vs-title{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.vs-title .yxm{width:268px}.vs-title .trash{font-size:40px;text-align:center;line-height:1.3;font-weight:700;color:var(--text-primary-color)}.vs-title .vs{width:53px;height:174px;margin:0 28px}.vs-title .vs .yxm{width:275px;height:76px}.compare-section .compare-card{width:418px;padding:2px;background-color:#fff;border-radius:22px;box-shadow:4px 6px 18px rgba(0,0,0,.08);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out}.compare-section .compare-card.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.compare-section .compare-card+.compare-card{margin-left:30px}.compare-section .compare-inner{border:1px solid var(--border-color);background:var(--bg-light-color);border-radius:20px;overflow:hidden}.compare-section .compare-inner .compare-card-header,.compare-section .compare-inner ol li{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.compare-section .compare-inner .compare-card-header{height:83px;border-bottom:1px solid var(--border-color);-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:700;background-color:#dde5ed}.compare-section .compare-inner .compare-card-header img{width:127px;height:35px}.compare-section .compare-inner ol{padding:20px}.compare-section .compare-inner ol li{height:47px;padding:0 10px;font-size:18px;font-weight:500}.compare-section .compare-inner ol li img{width:20px;height:20px;margin-right:12px}@media (max-width:991px) and (min-width:768px){.compare-section .compare-card{width:366px}.compare-section .compare-inner ol li{font-size:15px}}@media (max-width:767px){.compare-section,.vs-title{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.compare-section .compare-card{width:316px}.compare-section .compare-card+.compare-card{margin-left:0;margin-top:20px}.compare-section .compare-inner ol li{font-size:14px}}.cta-section{background:linear-gradient(to bottom,var(--primary-color),var(--primary-color));color:#fff;text-align:center;padding:60px 40px;margin:60px auto;border-radius:var(--border-radius-large);position:relative;overflow:hidden;opacity:0;-webkit-transform:scale(.95);transform:scale(.95);transition:all .7s ease-out}.cta-section.animate{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.cta-section h3{font-size:68px;margin-bottom:8px}.cta-btn,.cta-section p{font-size:18px}.cta-btn{background-color:#fff;color:var(--primary-color);border:0;padding:12px 30px;border-radius:var(--border-radius-small);cursor:pointer;transition:background-color .3s;margin-top:30px}.cta-btn:hover{background-color:#f0f0f0}.cta-decoration-top-left{position:absolute;top:-30px;left:-40px;width:200px;height:200px}.cta-decoration-bottom-right{position:absolute;top:100px;right:-100px;width:332px;height:317px}@media (max-width:1199px) and (min-width:992px){.cta-section{margin:60px 80px}}@media (max-width:991px) and (min-width:768px){.cta-section{margin:50px 40px;padding:50px 30px}.cta-section h3{font-size:40px}}@media (max-width:767px) and (min-width:576px){.cta-section{margin:40px 20px;padding:40px 20px;border-radius:var(--border-radius-large)}.cta-section h3{font-size:32px;margin-bottom:8px}.cta-section p{font-size:14px}.cta-btn{padding:10px 24px;font-size:15px}.cta-decoration-top-left{top:-20px;left:-30px;width:150px;height:150px}.cta-decoration-bottom-right{top:80px;right:-80px;width:250px;height:240px}}@media (max-width:575px){.cta-section{margin:30px 15px;padding:30px 15px;border-radius:var(--border-radius-large)}.cta-section h3{font-size:28px;margin-bottom:8px}.cta-section p{font-size:13px}.cta-btn{padding:8px 20px;font-size:14px}.cta-decoration-bottom-right,.cta-decoration-top-left{display:none}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.feature-item{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:204px;padding:20px;border-radius:var(--border-radius-xlarge);border:1px solid var(--border-color);background:var(--bg-light-color);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out}.feature-item.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.feature-icon-large{width:54px;height:54px;margin:0 auto 10px}.feature-title{font-size:22px;font-weight:700;color:var(--text-primary-color);margin-bottom:10px}.feature-desc{font-size:18px;color:var(--text-secondary-color)}@media (max-width:1199px) and (min-width:992px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px) and (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:15px}.feature-item{height:180px;padding:15px}}@media (max-width:767px) and (min-width:576px){.features-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:30px 0}.feature-item{height:180px;padding:15px}}@media (max-width:575px){.features-grid{grid-template-columns:1fr;gap:12px;margin:25px 0}.feature-item{height:auto;min-height:160px;padding:15px}.feature-title{font-size:20px;margin-bottom:8px}.feature-desc{font-size:14px}}.floating-btn-container{position:fixed;bottom:40px;right:40px;z-index:1000}.floating-btn{width:56px;height:56px;border-radius:50%;background-color:#0065f9;color:#fff;border:0;cursor:pointer;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:all .3s ease;pointer-events:auto}.floating-btn:hover,.header .nav-links a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.floating-btn img{-webkit-filter:invert(100%);filter:invert(100%);pointer-events:none}.floating-btn-tooltip{position:absolute;right:70px;bottom:0;width:180px;background-color:#fff;color:#333;border-radius:var(--border-radius-small);padding:15px 0;box-shadow:0 2px 16px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .3s ease;-webkit-transform:translateY(10px);transform:translateY(10px);pointer-events:none}.floating-btn-container:hover .floating-btn-tooltip,.floating-btn-tooltip.show{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}.tooltip-content{text-align:center}.tooltip-content p:first-child{margin-bottom:5px;font-weight:700}.tooltip-content p:nth-child(2){margin-bottom:10px;font-size:14px}.tooltip-content span{color:var(--primary-color);font-weight:700}.tooltip-content .wechat-qr{width:150px;height:150px;margin:0 auto}@media (max-width:767px) and (min-width:576px){.floating-btn-container{bottom:20px;right:20px}.floating-btn{width:50px;height:50px}}@media (max-width:575px){.floating-btn-container{bottom:15px;right:15px}.floating-btn{width:45px;height:45px}.floating-btn-tooltip{right:55px;width:160px}.tooltip-content .wechat-qr{width:100px;height:100px}}.footer{text-align:center;font-size:12px;color:#666;padding:20px 0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out}.copyright{width:16px;vertical-align:middle}.copyright img,.hamburger span{width:100%;height:auto;display:block}.footer a,.footer-link{color:#666;text-decoration:none}.footer-link:hover{color:#3498db;text-decoration:underline}.yxm-hide{display:none;font-size:0}@media (max-width:575px){.footer{font-size:11px;padding:15px 0}.copyright{width:14px}}.header{padding:16px;position:fixed;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;height:72px}.header section{-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:0}.header .logo{height:38px;margin-right:70px;position:relative}.header .logo img{width:auto;height:100%;display:block}.header .trial{position:absolute;top:6px;left:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:28px;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;white-space:nowrap;place-items:center;font-size:16px;font-weight:600;margin-left:8px;padding:6px 8px;border-radius:10px 10px 10px 2px;border:2px solid #93c4ff;-moz-box-sizing:border-box;box-sizing:border-box;background:#c8e1ff;color:#0070fa}.header section,.nav-links{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.header .nav-links a{text-decoration:none;color:var(--text-primary-color);font-weight:500;font-size:16px;padding:8px 16px;border-radius:var(--border-radius-large);transition:all .2s ease-in-out}.hamburger{display:none;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:101}.hamburger span{height:2px;background-color:var(--text-primary-color);border-radius:1px;transition:all .3s ease}.btn-group{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.header .btn-primary{background-color:var(--primary-color);color:#fff;border:0;padding:8px 16px;border-radius:var(--border-radius-small);font-size:14px;cursor:pointer;transition:background-color .3s}.header .btn-primary:hover{background-color:var(--primary-hover-color)}.dropdown{position:relative;display:inline-block}.dropdown-menu a,.header .nav-links .dropdown-toggle{text-decoration:none;color:var(--text-primary-color);transition:all .2s ease-in-out}.header .nav-links .dropdown-toggle{position:relative;display:inline-block;font-weight:500;font-size:16px;padding:8px 16px;border-radius:var(--border-radius-large)}.header .nav-links .dropdown-toggle::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-primary-color);transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;min-width:160px;border-radius:var(--border-radius-small);box-shadow:0 8px 16px rgba(0,0,0,.1);z-index:100;opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .3s ease-in-out;padding:8px 0}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.dropdown-menu a{display:block;font-size:14px;margin-left:12px}@media (max-width:991px) and (min-width:768px){.header{padding:12px;height:64px}.header .nav-links .dropdown-toggle,.header .nav-links a{font-size:14px;padding:8px}}@media (max-width:767px) and (min-width:576px){.header{padding:10px 16px;height:60px}.header .logo{height:30px}.hamburger{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.header .nav-links{position:fixed;top:60px;left:0;width:100%;background-color:rgba(255,255,255,.98);-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-150%);transform:translateY(-150%);transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:99}.header .nav-links.active{-webkit-transform:translateY(0);transform:translateY(0)}.header .nav-links a{margin:8px 0;font-size:16px}}@media (max-width:575px){.header{padding:8px 12px;height:56px}.header .logo{height:30px}.logo img{height:100%}.trial{font-size:12px!important;padding:4px 6px!important;margin-left:4px!important}.hamburger{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.header .nav-links{position:fixed;top:56px;left:0;width:100%;background-color:rgba(255,255,255,.98);-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-150%);transform:translateY(-150%);transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:99}.header .nav-links.active{-webkit-transform:translateY(0);transform:translateY(0)}.header .nav-links a{margin:8px 0;font-size:16px}.btn-group{width:auto}.header .btn-primary{font-size:12px;padding:6px 12px}}.hero{text-align:center;padding:132px 0 60px}.hero .btn-hero,.hero .btn-hero-content{display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-radius:var(--border-radius-full);border:0}.hero .btn-hero{padding:2px;overflow:hidden;background-color:transparent;position:relative}.hero .btn-hero-content{place-content:flex-start;place-items:center;gap:4px;padding:8px 12px;background-color:#fff;z-index:2}.hero .btn-hero::before{content:"";position:absolute;top:-90px;left:0;height:230px;width:230px;border-radius:var(--border-radius-full);z-index:1;background:conic-gradient(#0070fa ,rgba(175,215,255,.8),rgba(225,240,255,.6),rgba(255,255,255,.4),rgba(255,255,255,.2),rgba(255,255,255,0),#0070fa);-webkit-animation:borderAnimation 3s linear infinite;animation:borderAnimation 3s linear infinite;-webkit-transform-origin:center;transform-origin:center}.hero h2,.learning-text h3{font-weight:700;color:var(--text-primary-color)}.hero h2{margin-top:10px;font-size:78px;line-height:120%}.hero p{margin-top:14px;color:var(--text-secondary-color);font-weight:400;font-size:18px;line-height:150%}.download-btn{background-color:var(--primary-color);color:#fff;border:0;padding:12px 30px;border-radius:var(--border-radius-small);font-size:18px;cursor:pointer;transition:background-color .3s;margin-top:40px}.download-btn:hover,.pricing-section .joint.pricing-card .intro button:hover{background-color:var(--primary-hover-color)}.screenshot{padding:0 50px;margin-bottom:100px}.benefit-icon img,.process-icon img,.process-image img,.screenshot img{width:100%;height:auto;display:block}@media (max-width:1199px) and (min-width:992px){.hero h2{font-size:64px}}@media (max-width:991px) and (min-width:768px){.hero{padding:120px 0 50px}.hero h2{font-size:52px}}@media (max-width:767px) and (min-width:576px){.hero{padding:100px 0 40px}.hero .btn-hero-content{padding:6px 10px;font-size:14px}.hero h2{font-size:42px;margin-top:8px}.hero p{font-size:16px;margin-top:12px}.download-btn{margin-top:30px;padding:10px 24px;font-size:15px}.screenshot{padding:0 20px;margin-bottom:80px}}@media (max-width:575px){.hero{padding:90px 0 30px}.hero .btn-hero{margin-bottom:10px}.hero .btn-hero-content{padding:5px 8px;font-size:13px}.hero h2{font-size:36px;margin-top:6px}.hero p{font-size:15px;margin-top:10px;padding:0 15px}.download-btn{margin-top:25px;padding:9px 20px;font-size:14px}.screenshot{padding:0 15px;margin-bottom:60px}}.learning-section{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:50px;overflow:hidden}.learning-text{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);transition:all .6s ease-out}.learning-text.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.learning-text h3{font-size:58px;margin-bottom:10px}.learning-text p{font-size:18px;color:var(--text-secondary-color);margin-bottom:20px}.benefit,.learning-benefits{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.learning-benefits{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-bottom:20px}.benefit{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius-full);border:1px solid var(--border-color);background:var(--bg-light-color);padding:6px 12px;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .5s ease-out}.benefit.animate,.order-section .advantage-list .advantage-card.animate,.order-section .flow-list li.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.benefit-icon{width:20px;height:20px;border-radius:var(--border-radius-circle);margin-right:8px}.benefit-text{font-size:16 px;color:#333}@media (max-width:991px) and (min-width:768px){.learning-section{text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}}@media (max-width:767px) and (min-width:576px){.learning-section{text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.learning-text h3{font-size:26px;margin-bottom:8px}.learning-text p{font-size:13px;margin-bottom:15px}.learning-benefits{gap:15px;margin-bottom:15px}.benefit{padding:5px 10px}}@media (max-width:575px){.learning-section{text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.learning-text h3{font-size:30px;margin-bottom:6px}.learning-text p{font-size:16px;margin-bottom:12px}.learning-benefits{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:12px}.benefit{padding:4px 8px}.benefit-icon{width:16px;height:16px}.benefit-text{font-size:16px}}.order-section{margin:60px 0}.order-section .flow-list,.order-section .flow-list li{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.order-section .flow-list{gap:20px}.order-section .flow-list li{width:260px;height:231px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-light-color);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out;overflow:hidden;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.order-section .flow-list li:nth-child(1){transition-delay:.1s}.order-section .flow-list li:nth-child(2){transition-delay:.2s}.order-section .flow-list li:nth-child(3){transition-delay:.3s}.order-section .advantage-list .advantage-card:nth-child(1),.order-section .flow-list li:nth-child(4){transition-delay:.4s}.order-section .advantage-list,.order-section .flow-list li .num{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.order-section .flow-list li .num{width:54px;height:54px;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:24px;font-weight:700;font-size:24px;color:#fff;border-radius:16px}.order-section .flow-list li .num.first{background-color:#6f65f2}.order-section .flow-list li .num.second{background-color:#2f3a4e}.order-section .flow-list li .num.third{background:linear-gradient(#00db99,#00db99),#6f65f2}.order-section .flow-list li .num.fouth{background-color:#ff9c41}.order-section .flow-list li .step-name{font-size:22px;line-height:1.5;font-weight:700;color:var(--text-primary-color);margin-bottom:6px}.order-section .flow-list li p{max-width:212px;text-align:center;font-size:18px;color:var(--text-secondary-color)}.order-section .advantage-list{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:20px;gap:20px}.order-section .advantage-list .advantage-card{width:540px;height:247px;padding:30px 24px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-light-color);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out;overflow:hidden}.order-section .advantage-list .advantage-card:nth-child(2){transition-delay:.6s}.order-section .advantage-list .advantage-card .advantage{height:54px;margin-bottom:24px;font-size:22px;font-weight:700;color:var(--text-primary-color)}.order-section .advantage-list .advantage-card .advantage .icon{width:54px;height:54px;border-radius:16px;margin-right:8px;background-color:#0070fa;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.order-section .advantage-list .advantage-card .advantage .icon img{width:32px;height:32px}.order-section .advantage-list .advantage-card ol,.pricing-section .joint.pricing-card .services ul{list-style:none}.order-section .advantage-list .advantage-card .advantage,.order-section .advantage-list .advantage-card ol li,.order-section .dispute{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.order-section .advantage-list .advantage-card ol li{height:27px;margin-bottom:14px}.order-section .advantage-list .advantage-card ol li img{width:20px;height:20px;margin-right:4px}.order-section .dispute{width:100%;height:93px;border:1px solid var(--border-color);background:var(--bg-light-color);-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;color:var(--text-primary-color);font-weight:700;border-radius:16px;margin-top:20px;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out;overflow:hidden;transition-delay:.7s}.order-section .dispute.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.order-section .dispute img{width:32px;height:32px;margin-right:8px}@media (max-width:991px) and (min-width:768px){.order-section .flow-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.order-section .flow-list li{width:calc(50% - 10px)}}@media (max-width:767px){.order-section .advantage-list,.order-section .flow-list{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.order-section .advantage-list .advantage-card{width:82%}.order-section .dispute{padding:0 20px;font-size:16px}}.platforms-container{margin-top:40px}.platform-card,.platforms{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.platforms{gap:20px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}.platform-card{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:260px;padding:20px;border-radius:var(--border-radius-large);background:linear-gradient(var(--bg-light-color),var(--bg-light-color)),#fff;text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid var(--border-color);text-decoration:none;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out;position:relative}.platform-card.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.platform-card:not(.windows-platform):not(.android-card):not(.ios-card){background:linear-gradient(rgba(200,200,200,.3),rgba(200,200,200,.3)),#fff}.platform-card:not(.windows-platform):not(.android-card):not(.ios-card):hover{cursor:not-allowed;background:linear-gradient(rgba(200,200,200,.5),rgba(200,200,200,.5)),#fff;border:1px solid var(--border-color);transition:all .2s ease-in-out}.dev-tag{position:absolute;top:10px;right:10px;background-color:rgba(200,200,200,.8);color:#333;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:1}.platform-card.windows-platform{cursor:pointer}.platform-card.windows-platform:hover{background:linear-gradient(#fff ,#fff),#fff;border:1px solid var(--primary-color);transition:all .2s ease-in-out}.platform-card.windows-platform:hover .platform-icon{content:url(/static/image/downloadOutlined-d68b522b1d.svg);width:90px;height:90px;transition:all .2s ease-in-out}.platform-card.windows-platform:hover .platform-desc,.platform-card.windows-platform:hover .platform-name{height:0;visibility:hidden}.platform-card.windows-platform .platform-desc-hover{visibility:hidden}.platform-card.windows-platform:hover .platform-desc-hover{visibility:visible}.platform-icon{width:90px;height:90px;margin:0 auto 10px}.platform-desc,.platform-name{color:var(--text-primary-color);font-weight:600;font-size:20px;line-height:150%}.platform-desc{color:var(--text-gray-color);font-weight:500;font-size:14px}.android-card{cursor:pointer;overflow:hidden}.android-card .qr-code-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s ease-in-out;border-radius:var(--border-radius-large)}.android-card:hover .qr-code-overlay,.pricing-section .pricing-card.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.android-card .qr-code-overlay,.pricing-section .joint.pricing-card .intro button,.pricing-section .joint.pricing-card .services ul li,.qr-code-content{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.qr-code-content{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.qr-code-img{width:120px;height:120px}.process-desc h3,.qr-code-text{color:var(--text-primary-color);font-weight:500;font-size:16px}@media (max-width:1199px) and (min-width:992px){.platform-card{min-width:365px;max-width:365px}}@media (max-width:991px) and (min-width:768px){.platform-card{min-width:365px;max-width:365px}}@media (max-width:767px) and (min-width:576px){.platforms{margin-top:20px;gap:15px}.platform-card{min-width:358px;max-width:358px;padding:15px}.platform-icon{width:70px;height:70px}.platform-name{font-size:18px}.platform-card.windows-platform:hover .platform-name::after{bottom:50px;font-size:18px}}@media (max-width:575px){.platforms{margin-top:20px;gap:12px}.platform-card{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;height:auto;min-height:180px;max-width:358px;padding:15px}.platform-icon{width:60px;height:60px}.platform-name{font-size:16px}.platform-desc{font-size:13px}.platform-card.windows-platform:hover .platform-name::after{bottom:45px;font-size:16px}}.pricing-section{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin:60px 0}.pricing-section .pricing-card{width:440px;border-radius:var(--border-radius-large);background-color:#fff;border:1px solid var(--border-color);background:var(--bg-light-color);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .6s ease-out;overflow:hidden}.pricing-section .pricing-card.joint{transition-delay:.1s}.pricing-section .pricing-card.wechat{transition-delay:.3s}.pricing-section .pricing-card.sms{transition-delay:.5s}.pricing-section .pricing-card h3{font-size:24px;line-height:29px;margin-bottom:20px;color:var(--text-primary-color)}.pricing-section .joint.pricing-card .intro{height:305px;padding:30px;border-bottom:1px solid var(--border-color)}.pricing-section .pricing-card .fee{font-size:55px;font-weight:700;line-height:1;margin-bottom:20px}.pricing-section .pricing-card .fee small{font-size:18px;font-weight:400}.pricing-section .joint.pricing-card .intro p{font-size:18px;line-height:27px;color:var(--text-secondary-color)}.pricing-section .joint.pricing-card .intro button,.pricing-section .joint.pricing-card .services ul li{font-size:18px}.pricing-section .joint.pricing-card .intro button{width:100%;height:59px;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:0;background-color:var(--primary-color);margin-top:24px;border-radius:12px;color:#fff;transition:background-color .3s;cursor:pointer}.pricing-section .joint.pricing-card .services{height:251px;padding:30px;background-color:#fff}.pricing-section .joint.pricing-card .services ul li{height:27px;margin-bottom:14px}.pricing-section .joint.pricing-card .services ul li img{width:24px;height:24px;margin-right:8px}.pricing-section .others{margin-left:20px}.pricing-section .others .wechat.pricing-card{height:268px;padding:30px;margin-bottom:20px}.pricing-section .others .sms.pricing-card p,.pricing-section .others .wechat.pricing-card p{font-size:16px;color:var(--text-secondary-color);line-height:1.8}.pricing-section .others .sms.pricing-card{height:268px;padding:30px}@media (max-width:991px) and (min-width:768px){.pricing-section .pricing-card{width:360px}.pricing-section .joint.pricing-card .intro{height:305px;padding:28px}.pricing-section .joint.pricing-card .services{height:251px;padding:28px}.pricing-section .others .wechat.pricing-card{height:268px;padding:28px;margin-bottom:20px}.pricing-section .others .sms.pricing-card{height:268px;padding:30px}}@media (max-width:767px){.pricing-section{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pricing-section .pricing-card{width:320px}.pricing-section .others{margin-left:0}}.process-section{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:50px;overflow:hidden}.process-desc{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);transition:all .6s ease-out}.process-desc.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.process-desc h3{font-size:58px;font-weight:700;margin-bottom:10px}.process-desc p{font-size:18px;color:var(--text-secondary-color);margin-bottom:20px}.process,.processes{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.processes{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-bottom:20px}.process{-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius-full);border:1px solid var(--border-color);background:var(--bg-light-color);padding:6px 12px;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .5s ease-out}.process.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.process-icon{width:20px;height:20px;border-radius:var(--border-radius-circle);margin-right:8px}.process-image{-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-light-color);opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);transition:all .6s ease-out}.process-image.animate{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:991px) and (min-width:768px){.process-section{text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}.process-image{width:100%}}@media (max-width:767px) and (min-width:576px){.process-section{text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.process-desc h3{font-size:26px;margin-bottom:8px}.process-desc p{font-size:13px;margin-bottom:15px}.processes{gap:15px;margin-bottom:15px}.process{padding:5px 10px}}@media (max-width:575px){.process-section{text-align:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.process-desc h3{font-size:30px;margin-bottom:6px}.process-desc p{font-size:16px;margin-bottom:12px}.processes{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:12px}.process{padding:4px 8px}.process-icon{width:16px;height:16px}.process-text{font-size:16px}}.quick-links{position:fixed;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:12px 0;z-index:1000;border:1px solid #e0e0e0}.quick-links a{display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.quick-links a:hover{background-color:#f5f5f5;color:#007bff;padding-left:25px}.quick-links a::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background-color:transparent;transition:all .3s ease}.quick-links a.active::before,.quick-links a:hover::before{background-color:#007bff}.quick-links a.active{color:#007bff;background-color:#f0f8ff}@media (max-width:768px){.quick-links{position:fixed;left:0;bottom:0;top:auto;-webkit-transform:none;transform:none;width:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding:8px 0;border-radius:8px 8px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.1)}.quick-links a{padding:10px 15px;font-size:12px;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center}.quick-links a:hover{padding-left:15px}.quick-links a::before{width:100%;height:3px;top:0;left:0}}@media (min-width:769px) and (max-width:1024px){.quick-links{left:10px;padding:8px 0}.quick-links a{padding:10px 15px;font-size:13px}.quick-links a:hover{padding-left:20px}}