@charset "UTF-8";.demo-hero{min-height:7.6rem;background-image:url("../assets/images/about/01-hero-company-team-shanghai.webp");background-position:center 30%}.demo-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:.72rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.demo-side h2{font-size:.3rem;font-weight:700;margin-bottom:.32rem}.demo-side .demo-gains{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.28rem;margin-bottom:.56rem}.demo-side .demo-gains .demo-gain{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.18rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.demo-side .demo-gains .demo-gain .icon-box{width:.56rem;height:.56rem}.demo-side .demo-gains .demo-gain .icon-box .ico{width:.26rem;height:.26rem}.demo-side .demo-gains .demo-gain b{display:block;font-size:.19rem;font-weight:600;margin-bottom:.06rem}.demo-side .demo-gains .demo-gain span{font-size:.15rem;color:#9aa9c0}.demo-contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.18rem}.demo-contacts .demo-contact-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.14rem;font-size:.17rem;color:#d7e0ef}.demo-contacts .demo-contact-item .ico{width:.22rem;height:.22rem;color:#ff7a1a}.demo-form{padding:.44rem .48rem}.demo-form .form-intro{margin-bottom:.32rem;padding-bottom:.24rem;border-bottom:.01rem solid rgba(255,255,255,.08)}.demo-form .form-intro h2{margin:0 0 .08rem;font-size:.28rem;font-weight:700}.demo-form .form-intro p{margin:0;color:#9aa9c0;font-size:.14rem}.demo-form .form-row{margin-bottom:.26rem}.demo-form .form-row.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.24rem}.demo-form .form-field label{display:block;font-size:.16rem;color:#dfe7f5;margin-bottom:.12rem}.demo-form .form-field label i{color:#ff7a1a}.demo-form .form-field input,.demo-form .form-field select,.demo-form .form-field textarea{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:.54rem;padding:0 .18rem;border-radius:.02rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);font-size:.16rem;color:#eef3fb;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.demo-form .form-field input::-webkit-input-placeholder,.demo-form .form-field select::-webkit-input-placeholder,.demo-form .form-field textarea::-webkit-input-placeholder{color:#64748c}.demo-form .form-field input::-moz-placeholder,.demo-form .form-field select::-moz-placeholder,.demo-form .form-field textarea::-moz-placeholder{color:#64748c}.demo-form .form-field input:-ms-input-placeholder,.demo-form .form-field select:-ms-input-placeholder,.demo-form .form-field textarea:-ms-input-placeholder{color:#64748c}.demo-form .form-field input::-ms-input-placeholder,.demo-form .form-field select::-ms-input-placeholder,.demo-form .form-field textarea::-ms-input-placeholder{color:#64748c}.demo-form .form-field input::placeholder,.demo-form .form-field select::placeholder,.demo-form .form-field textarea::placeholder{color:#64748c}.demo-form .form-field input:focus,.demo-form .form-field select:focus,.demo-form .form-field textarea:focus{border-color:#ff7a1a}.demo-form .form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:.52rem;color-scheme:dark;background-image:url("../assets/icons/ui/form-select-chevron.svg");background-repeat:no-repeat;background-position:right .2rem center;background-size:.24rem}.demo-form .form-field select option{background:#0d1626;color:#eef3fb}.demo-form .form-field textarea{height:auto;padding:.14rem .18rem;line-height:1.7;resize:vertical}.demo-form .form-field .sms-control{display:grid;grid-template-columns:minmax(0,1fr) 1.32rem;gap:.1rem}.demo-form .form-field .sms-button{min-width:0;height:.54rem;padding:0 .12rem;border:1px solid rgba(255,122,26,.7);border-radius:.02rem;color:#ff7a1a;background:rgba(255,122,26,.08);font-size:.14rem;white-space:nowrap;-webkit-transition:border-color .2s ease,background .2s ease,opacity .2s ease;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.demo-form .form-field .sms-button:hover:not(:disabled){border-color:#ff7a1a;background:rgba(255,122,26,.15)}.demo-form .form-field .sms-button:disabled{cursor:not-allowed;opacity:.58}.demo-form .form-field .form-chips{margin-top:.14rem;gap:.1rem}.demo-form .form-field .form-chips .chip{height:.4rem;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease}.demo-form .form-field .form-chips .chip:hover{border-color:rgba(255,138,61,.5)}.demo-form .form-field .form-chips .chip.is-active{border-color:#ff7a1a;color:#ff7a1a;background:rgba(255,122,26,.1)}.demo-form .form-field .form-counter{margin-top:.08rem;text-align:right;font-size:.13rem;color:#64748c}.demo-form .form-field.is-invalid label{color:#ff9a63}.demo-form .form-field.is-invalid input,.demo-form .form-field.is-invalid select,.demo-form .form-field.is-invalid textarea{border-color:#ff744f;-webkit-box-shadow:0 0 0 .02rem rgba(255,116,79,.12);box-shadow:0 0 0 .02rem rgba(255,116,79,.12)}.demo-form .form-agree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.1rem;font-size:.14rem;color:#9aa9c0;line-height:1.7;cursor:pointer;margin-bottom:.28rem}.demo-form .form-agree input{width:.16rem;height:.16rem;margin-top:.04rem;accent-color:#ff7a1a;-ms-flex-negative:0;flex-shrink:0}.demo-form .form-agree a{color:#ff7a1a}.demo-form .form-agree.is-invalid{color:#ff9a63}.demo-form .demo-submit{width:100%;height:.6rem;font-size:.2rem;letter-spacing:.06rem}.demo-form .demo-submit:disabled{cursor:wait;opacity:.68}.faq-card{text-align:center}.faq-card h4{font-size:.21rem;margin-bottom:.22rem}.faq-card .icon-ring{margin:0 auto .22rem}.faq-card p{font-size:.15rem;text-align:left}.hq-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:.64rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:linear-gradient(92deg,rgba(5,8,15,.94) 30%,rgba(5,8,15,.7) 100%),url("../assets/images/common/city-skyline-wide.webp");background-size:cover;background-position:center}.hq-panel .hq-info h2{font-size:.34rem;font-weight:700;margin-bottom:.16rem}.hq-panel .hq-info>p{font-size:.17rem;color:#9aa9c0;margin-bottom:.3rem}.hq-panel .hq-map{height:3.4rem;min-width:0;position:relative;overflow:hidden;isolation:isolate;background:#08111f}.hq-panel .hq-map .hq-map-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media (min-width:1025px){.demo-main{padding-top:.8rem;padding-bottom:.8rem}.demo-side{position:sticky;top:calc(var(--hh) + .28rem);-ms-flex-item-align:start;align-self:start}.demo-form{padding:.56rem}.demo-form .form-row{margin-bottom:.3rem}.demo-form .form-field input,.demo-form .form-field select{height:.6rem}.demo-form .form-field .sms-button{height:.6rem}.faq-card{min-height:3rem;padding:.48rem .34rem}.hq-panel .hq-map{height:3.8rem}}@media (max-width:1024px){.demo-grid{grid-template-columns:1fr;gap:.36rem}.demo-side h2{font-size:.22rem;margin-bottom:.2rem}.demo-side .demo-gains{gap:.18rem;margin-bottom:.32rem}.demo-side .demo-gains .demo-gain{gap:.14rem}.demo-side .demo-gains .demo-gain .icon-box{width:.44rem;height:.44rem}.demo-side .demo-gains .demo-gain .icon-box .ico{width:.2rem;height:.2rem}.demo-side .demo-gains .demo-gain b{font-size:.15rem;margin-bottom:.04rem}.demo-side .demo-gains .demo-gain span{font-size:.12rem}.demo-contacts{gap:.12rem}.demo-contacts .demo-contact-item{font-size:.14rem}.demo-contacts .demo-contact-item .ico{width:.18rem;height:.18rem}.demo-form{padding:.28rem .24rem}.demo-form .form-intro{margin-bottom:.24rem;padding-bottom:.18rem}.demo-form .form-intro h2{font-size:.22rem}.demo-form .form-intro p{font-size:.12rem}.demo-form .form-row{margin-bottom:.18rem}.demo-form .form-row.form-row-2{gap:.14rem}.demo-form .form-field label{font-size:.13rem;margin-bottom:.08rem}.demo-form .form-field input,.demo-form .form-field select,.demo-form .form-field textarea{height:.44rem;padding:0 .14rem;font-size:.13rem}.demo-form .form-field select{padding-right:.44rem;background-position:right .18rem center;background-size:.2rem}.demo-form .form-field textarea{padding:.12rem .14rem}.demo-form .form-field .form-chips{margin-top:.1rem;gap:.08rem}.demo-form .form-field .form-chips .chip{height:.32rem;font-size:.12rem;padding:0 .12rem}.demo-form .form-field .form-counter{font-size:.11rem}.demo-form .form-field .sms-control{grid-template-columns:minmax(0,1fr) 1.16rem;gap:.08rem}.demo-form .form-field .sms-button{height:.44rem;font-size:.12rem}.demo-form .form-agree{font-size:.12rem;margin-bottom:.2rem}.demo-form .demo-submit{height:.48rem;font-size:.16rem;letter-spacing:.04rem}.faq-card h4{font-size:.17rem;margin-bottom:.16rem}.faq-card p{font-size:.13rem}.hq-panel{grid-template-columns:1fr;gap:.28rem}.hq-panel .hq-info h2{font-size:.24rem;margin-bottom:.1rem}.hq-panel .hq-info>p{font-size:.14rem;margin-bottom:.2rem}.hq-panel .hq-map{height:2.4rem}}@media (max-width:768px){.demo-side h2{font-size:.36rem;margin-bottom:.32rem}.demo-side .demo-gains{gap:.3rem;margin-bottom:.52rem}.demo-side .demo-gains .demo-gain{gap:.22rem}.demo-side .demo-gains .demo-gain .icon-box{width:.76rem;height:.76rem}.demo-side .demo-gains .demo-gain .icon-box .ico{width:.36rem;height:.36rem}.demo-side .demo-gains .demo-gain b{font-size:.27rem;margin-bottom:.06rem}.demo-side .demo-gains .demo-gain span{font-size:.21rem}.demo-contacts{gap:.22rem}.demo-contacts .demo-contact-item{font-size:.25rem}.demo-contacts .demo-contact-item .ico{width:.3rem;height:.3rem}.demo-form{padding:.44rem .36rem}.demo-form .form-intro{margin-bottom:.34rem;padding-bottom:.28rem}.demo-form .form-intro h2{font-size:.36rem}.demo-form .form-intro p{font-size:.21rem}.demo-form .form-row{margin-bottom:.3rem}.demo-form .form-row.form-row-2{grid-template-columns:1fr;gap:.3rem}.demo-form .form-field label{font-size:.24rem;margin-bottom:.14rem}.demo-form .form-field input,.demo-form .form-field select,.demo-form .form-field textarea{height:.8rem;padding:0 .24rem;font-size:.24rem;border-radius:.02rem}.demo-form .form-field textarea{padding:.2rem .24rem}.demo-form .form-field select{padding-right:.68rem;background-size:.32rem;background-position:right .32rem center}.demo-form .form-field .form-chips{margin-top:.16rem;gap:.12rem}.demo-form .form-field .form-chips .chip{height:.56rem;font-size:.22rem;padding:0 .22rem}.demo-form .form-field .form-counter{font-size:.19rem}.demo-form .form-field .sms-control{grid-template-columns:minmax(0,1fr) 1.9rem;gap:.14rem}.demo-form .form-field .sms-button{height:.8rem;padding:0 .16rem;font-size:.21rem}.demo-form .form-agree{font-size:.21rem;margin-bottom:.36rem;gap:.14rem}.demo-form .form-agree input{width:.28rem;height:.28rem;margin-top:.06rem}.demo-form .demo-submit{height:.88rem;font-size:.3rem;letter-spacing:.08rem}.faq-card h4{font-size:.3rem;margin-bottom:.26rem}.faq-card p{font-size:.23rem}.hq-panel{gap:.4rem}.hq-panel .hq-info h2{font-size:.4rem;margin-bottom:.16rem}.hq-panel .hq-info>p{font-size:.25rem;margin-bottom:.32rem}.hq-panel .hq-map{height:3.8rem}}