.main-app{.qlist{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 15px;.item{margin:35px 0 0;width:100%;max-width:1200px;padding:0 0 20px;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s!important}}.action-row{.sp-action{font-weight:400;width:100%;max-width:300px;min-width:260px;color:#fff;background-color:#88619a;border-radius:40px;font-size:var(--font-btn-60-size);line-height:var(--font-btn-60-line-height);letter-spacing:var(--font-btn-60-spacing);height:60px;padding:14px 40px;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-text);transition:all .2s ease-in-out;cursor:pointer;border:1px solid transparent;.sp-icon{-webkit-margin-start:10px;margin-inline-start:10px;display:inline-flex;flex-shrink:0;width:18px;height:18px;max-width:60px;max-height:60px;>svg{width:100%;height:100%;path{fill:#fff;transition:fill .2s ease-in-out}}}}}.sexinfo{margin:20px auto;max-width:460px;padding:0 15px;.sex1{font-size:21px;color:#343c4b;font-weight:550;line-height:1.5;margin-bottom:15px}.sex1,.sex2{text-align:center}.sex2{color:#787f8d;margin-bottom:17px}select{width:100%;max-width:300px;font-weight:400;font-size:var(--font-p-md-size-bp-sm);line-height:var(--font-p-md-line-height-bp-sm);height:50px;border:1px solid #dddfe2;background-color:#f9fafa;border-radius:5px;box-shadow:0 1px 1px rgba(81,89,106,.05);color:#343c4b;padding-left:10px}}.share{text-align:center;margin:40px auto;.header{margin-bottom:20px}.list{a{display:inline-block;width:40px;height:40px;font-weight:400;font-size:var(--font-btn-50-size);line-height:var(--font-btn-50-line-height);letter-spacing:var(--font-btn-50-spacing);background-color:transparent;border-radius:100px;border:1px solid rgba(8,102,255,.5);margin:0 3px;span{display:block;height:100%;width:18px;height:18px}}}}header{background-color:#33a474;position:relative;padding:5px 15px 15px;h1{margin-bottom:10px;font-size:var(--font-h2-size-bp-sm);line-height:var(--font-h2-line-height-bp-sm);letter-spacing:var(--font-h2-spacing-bp-sm)}.trademark,h1{text-align:center;color:#fff}.trademark{font-size:var(--font-p-md-size-bp-sm);line-height:var(--font-p-md-line-height-bp-sm);letter-spacing:var(--font-p-md-spacing-bp-sm)}}section.tips{display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;padding:15px;overflow:hidden;background-color:#33a474;.tip-highlight{display:none;position:absolute;top:70px;height:240px;width:370px;z-index:3;border-radius:10px;mix-blend-mode:hue}.tip-highlight.first{inset-inline-start:calc(50% - 470px);background-color:#4298b4}.tip-highlight.second{inset-inline-start:calc(50% - 150px);background-color:#e4ae3a}.tip-highlight.third{background-color:#583f64;inset-inline-start:calc(50% + 170px)}.tip{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex:0 0 100%;width:100%;max-width:550px;margin-bottom:10px;padding:10px;background-color:hsla(0,0%,100%,.8);border-radius:10px;position:relative;z-index:4}.tip.last{margin-bottom:0}.tip img{height:30px;width:30px}.tip .text{-webkit-padding-start:10px;padding-inline-start:10px;max-width:100%}.tip .text .title{display:none;font-family:var(--font-family-titles);font-weight:var(--font-titles-weight);font-size:var(--font-p-lg-size-bp-sm);line-height:var(--font-p-lg-line-height-bp-sm);letter-spacing:var(--font-p-lg-spacing-bp-sm);margin-bottom:5px;display:block;margin:0;font-family:var(--font-family-text);font-weight:var(--font-text-regular-weight)}.tip .text .subtitle,.tip .text .title{font-size:var(--font-p-sm-size-bp-sm);line-height:var(--font-p-sm-line-height-bp-sm);letter-spacing:var(--font-p-sm-spacing-bp-sm)}.shape{background-color:#33a474;top:-1px;z-index:2;width:100%;height:230px;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),81% 100%,46% calc(100% - 32px),19% 100%,0 calc(100% - 15px));clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),81% 100%,46% calc(100% - 32px),19% 100%,0 calc(100% - 15px))}.shadow,.shape{display:none;position:absolute;left:0;right:0;bottom:0}.shadow{top:95px;z-index:1;background-color:#f9f9f9}}.progress-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:11;display:flex;align-items:center;justify-content:center;background-color:#576071;padding:15px 0;.percentage{font-size:.8em;color:#fff;width:30px;flex:0 0 30px;text-align:end}.progress-bar{flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 75px);height:4px;border-radius:10px;max-width:1000px;background-color:#fff;-webkit-margin-start:15px;margin-inline-start:15px;position:relative;overflow:hidden}.progress-bar .filler{position:absolute;left:0;top:0;bottom:0;background-color:#33a474;transition:all .2s ease-in-out}}.action-row{display:flex;align-items:center;justify-content:center;padding:15px 0 90px;margin:0 auto;width:100%;max-width:700px;border-bottom:1px solid #dddfe2}.action-row .sp-button{width:100%;max-width:300px}@media (min-width:400px){header{padding:15px 30px}}@media (min-width:460px){main.q-pt .tips{padding-top:20px}main.q-pt .tips .tip{padding:15px}main.q-pt .tips .tip img{height:40px;width:40px}main.q-pt .tips .tip .text{-webkit-padding-start:15px;padding-inline-start:15px}}@media (min-width:768px){main.q-pt header h1{margin-bottom:20px;font-size:var(--font-h1-size-bp-md);line-height:var(--font-h1-line-height-bp-md);letter-spacing:var(--font-h1-spacing-bp-md)}main.q-pt header .trademark{font-size:var(--font-p-md-size-bp-md);line-height:var(--font-p-md-line-height-bp-md);font-size:var(--font-p-lg-size-bp-md);line-height:var(--font-p-lg-line-height-bp-md);letter-spacing:var(--font-p-lg-spacing-bp-md)}main.q-pt .tips{flex-direction:row;align-items:stretch;justify-content:center;margin-top:-1px;padding:20px 10px 30px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px))}main.q-pt .tips .tip{flex-direction:column;flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3 - 20px);width:calc(100% / 3 - 20px);max-width:unset;margin:10px 10px 0;padding:25px 0}main.q-pt .tips .tip img{height:75px;width:75px;margin-bottom:15px}main.q-pt .tips .tip .text{padding:0 15px}main.q-pt .tips .tip .text .title{font-size:var(--font-p-lg-size-bp-md);line-height:var(--font-p-lg-line-height-bp-md);letter-spacing:var(--font-p-lg-spacing-bp-md);margin-bottom:10px;display:block;text-align:center}main.q-pt .tips .tip .text .subtitle{font-size:var(--font-p-sm-size-bp-md);line-height:var(--font-p-sm-line-height-bp-md);letter-spacing:var(--font-p-sm-spacing-bp-md);text-align:center}main.q-pt .gender.sp-select .input__label{font-size:1.2em}main.q-pt .gender.sp-select .input__note{font-size:var(--font-p-md-size-bp-md);line-height:var(--font-p-md-line-height-bp-md)}}@media (min-width:850px){main.q-pt .tips .tip .text{padding:0 30px}}@media (min-width:992px){main.q-pt header{padding:25px 0}main.q-pt .tips{background-color:#fff;-webkit-clip-path:none;clip-path:none;overflow:unset;padding:0 0 30px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px))}main.q-pt .tips .tip-highlight{display:block;width:300px;top:10px}main.q-pt .tips .tip{width:300px;flex:0 0 300px;margin:10px 10px 0;padding:20px 0}main.q-pt .tips .tip img{margin-bottom:30px;height:60px;width:60px}main.q-pt .tips .tip .text{padding:0 20px}main.q-pt .tips .shape{display:block;height:110px;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,35% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px));clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,35% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px))}main.q-pt .tips .shadow{display:block;box-shadow:none;bottom:0}main.q-pt .progress-wrapper.initial{padding:15px 0}main.q-pt .progress-wrapper{position:relative;margin-top:-30px;padding:25px 0;z-index:4;background-color:#f9f9f9}main.q-pt .progress-wrapper .percentage{color:rgb(var(--rgb-gray-10));font-size:1.2em;width:auto;flex:unset}main.q-pt .progress-wrapper .progress-bar{height:5px;flex:0 0 60%;background-color:#ddd}main.q-pt .gender.sp-select .input__label{font-size:1.3em}main.q-pt .gender.sp-select .group__options{max-width:350px}main.q-pt .action-row{padding:15px 0 60px;max-width:870px}main.q-pt .action-row .sp-button{min-width:350px}}@media (min-width:992px) and (min-height:900px){main.q-pt .tips{padding:20px 0 30px;background-color:#fff;-webkit-clip-path:none;clip-path:none;overflow:unset;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% 100%,70% calc(100% - 15px),25% 100%,0 calc(100% - 10px))}main.q-pt .tips .tip-highlight{top:30px;height:260px}main.q-pt .tips .tip{padding:25px 0}main.q-pt .tips .tip img{height:75px;width:75px}main.q-pt .tips .tip .text{padding:0 30px}main.q-pt .tips .shape{height:140px;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 320px) 100%,40% calc(100% - 40px),calc(50% - 310px) 100%,0 calc(100% - 30px));clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 320px) 100%,40% calc(100% - 40px),calc(50% - 310px) 100%,0 calc(100% - 30px))}main.q-pt .progress-wrapper,main.q-pt .progress-wrapper.initial{padding:40px 0}main.q-pt .gender.sp-select{padding-right:0;padding-left:0;margin-top:45px;margin-bottom:30px;max-width:900px}main.q-pt .gender.sp-select .input__label{font-size:1.4em}main.q-pt .action-row{padding-bottom:160px}}@media (min-width:1200px){main.q-pt header{padding:40px 30px}main.q-pt header h1{font-size:var(--font-h1-size-bp-lg);line-height:var(--font-h1-line-height-bp-lg);letter-spacing:var(--font-h1-spacing-bp-lg)}main.q-pt header .trademark{font-size:var(--font-p-md-size-bp-lg);line-height:var(--font-p-md-line-height-bp-lg);line-height:var(--font-p-lg-line-height-bp-lg)}main.q-pt .tips .tip-highlight{width:350px}main.q-pt .tips .tip-highlight.first{inset-inline-start:calc(50% - 545px)}main.q-pt .tips .tip-highlight.second{inset-inline-start:calc(50% - 175px)}main.q-pt .tips .tip-highlight.third{inset-inline-start:calc(50% + 195px)}main.q-pt .tips .tip{width:350px;flex:0 0 350px}main.q-pt .tips .tip .text .title{line-height:var(--font-p-lg-line-height-bp-lg)}main.q-pt .tips .shape{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,47% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px));clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(50% + 320px) 100%,47% calc(100% - 15px),calc(50% - 310px) 100%,0 calc(100% - 15px))}main.q-pt .gender.sp-select .input__note{font-size:var(--font-p-md-size-bp-lg);line-height:var(--font-p-md-line-height-bp-lg)}}@media (min-width:1200px) and (min-height:900px){main.q-pt .tips .tip img{height:90px;width:90px;margin-bottom:35px}main.q-pt .tips .shape{height:155px;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 370px) 100%,47% calc(100% - 27px),calc(50% - 370px) 100%,0 calc(100% - 30px));clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(50% + 370px) 100%,47% calc(100% - 27px),calc(50% - 370px) 100%,0 calc(100% - 30px))}}@media (min-width:1400px){main.q-pt .tips .tip .text{padding:0 20px}}.main-app{.item{margin:40px 20px;background:#fff;border-radius:16px;box-shadow:2px 3px 5px 0 rgba(25,59,61,.25);padding:20px 10px;.counter__wrapper{display:flex;align-items:center;margin:0 10px;.index{display:inline-block;font-size:26px;font-weight:600;color:#101314;border-bottom:4px solid #ffd200;padding-right:4px}.total{font-size:18px;font-weight:500;color:#9a9a9a}}.title{font-weight:550;height:64px;text-wrap:balance;padding:5px 15px;margin:0 auto;color:#576071;text-align:center;line-height:1.5}.options,.title{display:flex;justify-content:center;align-items:center}.options{margin:30px 10px 15px;span.a3,span.a_3{width:45px;height:45px;border-radius:45px}span.a_1,span.a_2,span.a_3{border-color:#33a474}span.a2,span.a_2{width:35px;height:35px;border-radius:35px}span.a1,span.a_1{width:30px;height:30px;border-radius:30px}span.a1,span.a2,span.a3{border-color:#88619a}span.a0{width:25px;height:25px;border-radius:25px;border-color:#9b9faa}div{flex-grow:1;height:50px;span{display:block;border:2px solid #ccc;svg{display:none}}span.a_1.current,span.a_2.current,span.a_3.current{background:#33a474;svg{display:block;fill:#fff;width:20px;height:20px}}span.a1.current,span.a2.current,span.a3.current{background:#88619a;svg{display:block;fill:#fff;width:20px;height:20px}}span.a0.current{background:#9b9faa;svg{display:block;fill:#fff;width:20px;height:20px}}}}.agreeand{display:flex;justify-content:space-between;.agree{color:#33a474}.notagree{color:#88619a}}}}}@media (max-width:600px){.page{padding:32px 32px 80px}.main{align-items:center}.main ol{text-align:center}.ctas{flex-direction:column}.ctas a{font-size:14px;height:40px;padding:0 16px}a.secondary{min-width:auto}.footer{flex-wrap:wrap;align-items:center;justify-content:center}}.nodone{opacity:.3!important}.done{opacity:1!important}.mbti_item{border-bottom:1px solid #dddfe2;padding:15px\0;max-width:1200px;.title{font-weight:550;height:64px;font-size:18px;text-wrap:balance;padding:5px 15px;margin:10px auto;color:#576071;text-align:center;line-height:1.5}.options,.title{display:flex;justify-content:center;align-items:center}.options{span.a3,span.a_3{width:45px;height:45px;border-radius:45px}span.a_1,span.a_2,span.a_3{border-color:#33a474}span.a2,span.a_2{width:35px;height:35px;border-radius:35px}span.a1,span.a_1{width:30px;height:30px;border-radius:30px}span.a1,span.a2,span.a3{border-color:#88619a}span.a0{width:25px;height:25px;border-radius:25px;border-color:#9b9faa}div{flex-grow:1;height:50px;span{display:block;border:2px solid #ccc;cursor:pointer;svg{display:none}}span.a_1:hover,span.a_2:hover,span.a_3:hover{background:#33a474}span.a_1.current,span.a_2.current,span.a_3.current{background:#33a474;svg{display:block;fill:#fff;width:20px;height:20px}}span.a1:hover,span.a2:hover,span.a3:hover{background:#88619a}span.a1.current,span.a2.current,span.a3.current{background:#88619a;svg{display:block;fill:#fff;width:20px;height:20px}}span.a0:hover{background:#9b9faa}span.a0.current{background:#9b9faa;svg{display:block;fill:#fff;width:20px;height:20px}}}}.agreeand{display:flex;justify-content:space-between;margin:15px 0;.agree{color:#33a474}.notagree{color:#88619a}}}@media screen and (min-width:640px){.qlist{.options{width:600px;margin:50px auto 30px;span{transform:scale(1.5)}}.agreeand{font-size:20px;line-height:1.36;font-weight:550;position:relative;z-index:-1;margin:0 auto;top:-65px;width:800px}}.mbti_item{.title{font-size:1.4em}}}.navbar.navbar-shadow{box-shadow:0 0 10px rgba(29,36,50,.1)}.navbar{display:flex;align-items:center;justify-content:space-between;transition:all .2s ease-in-out,border 0s;background-color:#fff;position:-webkit-sticky;position:sticky;top:var(--navbar-collapse-top)!important;left:0;z-index:100;right:0;margin:0;padding:0 10px;height:60px;.logo{display:flex;align-items:center;flex-shrink:0}.logo img{display:block;transition:all .2s ease-in-out;width:120px;height:auto}.title,ul.pc_menu{display:none}ul.pc_menu{list-style:none;height:100%;li.active:before,li:hover:before{position:absolute;content:" ";display:block;height:4px;background:rgb(var(--rgb-blue));width:85%;top:0}li.active{a{color:#343c4b}}li:hover{a{color:#343c4b}}li{position:relative;list-style:none;cursor:pointer;box-sizing:border-box;padding:0 5px;border-bottom:3px solid transparent;font-size:12px;height:100%;margin:0 5px;display:inline-flex;align-items:center;a{color:#51596a}}}.right-section{display:flex;position:relative;height:100%;height:18px;padding-right:63px;.language-link{position:relative;display:inline-flex;align-items:center;color:#343c4b;border-radius:25px;padding:6px 8px;justify-content:center;.lang-ch{display:none}.lang-en{display:inline}.sp-icon{width:18px;height:18px;-webkit-margin-end:8px;margin-inline-end:8px;max-width:60px;max-height:60px}}}.sp-nav__mobiletoggle{position:absolute;top:0;inset-inline-end:0;transition:all .2s ease-in-out;background-color:#4298b4;padding:0;box-shadow:0 0 0 transparent;border:0 solid transparent;text-shadow:0 0 0 transparent;cursor:pointer;-webkit-clip-path:polygon(18% 0,100% 0,100% 100%,0 78%);clip-path:polygon(18% 0,100% 0,100% 100%,0 78%);width:63px;height:60px;.sp-icon{position:absolute;top:20px;inset-inline-end:16px;width:20px;height:20px;color:#343c4b;display:inline-flex;max-width:60px;max-height:60px;>svg{width:100%;height:100%;path{transition:fill .2s ease-in-out;fill:#fff}}}}.menutoggle{position:absolute}}@media screen and (min-width:640px){.navbar{height:80px;.logo img{width:140px}}}@media screen and (min-width:990px){.navbar{.logo img{width:160px}}.sp-nav__mobiletoggle{display:none}ul.pc_menu{display:flex!important}.right-section{padding-right:0!important}.lang-ch{display:inline!important}.lang-en{display:none!important}}@media screen and (min-width:1200px){.navbar{.logo img{width:180px}}ul.pc_menu{display:flex!important;li{a{font-size:16px!important}}}}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-end;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-content{position:absolute;right:0;background-color:#fff;height:100%;max-width:330px;width:330px;flex:0 0 330px;overflow-y:auto;transform:translateX(100%);transition:transform .3s;display:flex;flex-wrap:wrap;.menu{background-color:#fff;flex-grow:1;display:flex;flex-direction:column;max-height:100vh;overflow-y:hidden}.nav_mobile{position:absolute;background-color:#f6f6f7;top:0;inset-inline-end:0;transition:all .2s ease-in-out;background-color:#4298b4;padding:0;box-shadow:0 0 0 transparent;border:0 solid transparent;text-shadow:0 0 0 transparent;cursor:pointer;-webkit-clip-path:polygon(18% 0,100% 0,100% 100%,0 78%);clip-path:polygon(18% 0,100% 0,100% 100%,0 78%);width:63px;height:60px;.sp-icon{position:absolute;top:20px;inset-inline-end:16px;transition:transform .3s ease-out;display:inline-flex;max-width:60px;max-height:60px;width:20px;height:20px;svg{width:100%;height:100%}}}.nav_mobile.isopen{background-color:#f6f6f7}.testbutton{padding-right:73px;border-bottom:1px solid #eeeff1;padding-block:10px;-webkit-padding-start:20px;padding-inline-start:20px;a{font-weight:400;width:100%;background-color:#88619a;border-radius:40px;font-size:var(--font-btn-50-size);line-height:var(--font-btn-50-line-height);letter-spacing:var(--font-btn-50-spacing);height:50px;padding:10px 25px;vertical-align:middle;display:inline-flex;align-items:center;color:#fff;justify-content:center;border:1px solid transparent;transition:all .2s ease-in-out}}.menu__scrollable{.part{padding:5px 0;a{color:#343c4b;font-size:var(--font-p-sm-size-bp-md);line-height:var(--font-p-sm-line-height-bp-md);letter-spacing:var(--font-p-sm-spacing-bp-md);display:flex;align-items:center;justify-content:flex-start;padding:8px 20px}a.current{color:rgb(var(--rgb-blue));background-color:#f5f5f5}}.nav__eng{padding:10px 20px;a{background-color:#fff;border:1px solid #dddfe2;display:flex;justify-content:center;height:40px;padding:6px 20px;border-radius:35px}}}}.drawer-overlay.open .drawer-content{transform:translateX(0)}.drawer-close{position:absolute;top:10px;right:10px;background-color:transparent;border:none;font-size:24px;font-weight:700;cursor:pointer}footer{padding-top:60px!important;background-color:#fff!important;border-top:1px solid #eeeff1!important;nav{display:flex;max-width:1300px;margin:0 auto 40px;justify-content:space-between;flex-wrap:wrap;font-size:var(--font-p-sm-size-bp-sm);line-height:var(--font-p-sm-line-height-bp-sm);letter-spacing:var(--font-p-sm-spacing-bp-sm);padding-bottom:20px!important;border-bottom:1px solid #eeeff1!important;div{width:50%;padding-left:20px}@media (min-width:768px){div{width:auto}}h3{font-size:var(--font-p-sm-size-bp-sm);line-height:var(--font-p-sm-line-height-bp-sm);letter-spacing:var(--font-p-sm-spacing-bp-sm);font-family:Noto Sans SC,Noto Sans,Inter,Helvetica Neue,Arial,sans-serif;font-weight:var(--font-text-semibold-weight)!important;font-stretch:var(--font-titles-stretch);color:#343c4b}ul{list-style-type:none!important;padding:0;margin:0;li{margin-top:10px!important;a{outline:0;font-family:var(--font-family-text);--font-family-text:"Noto Sans SC","Noto Sans","Inter","Helvetica Neue",Arial,sans-serif;transition:all .2s ease-in-out,padding 0s,margin 0s,font-size 0s;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;-webkit-text-decoration-skip:none;text-decoration-skip:none;text-decoration-thickness:1px;text-underline-offset:.32em;color:rgb(var(--rgb-blue))}}}}.beian{text-align:center;font-size:13px}.beian,.info{max-width:1300px;margin:0 auto}.info{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:55px!important;font-size:var(--font-p-tn-size-bp-sm);line-height:var(--font-p-tn-line-height-bp-sm);letter-spacing:var(--font-p-tn-spacing-bp-sm);.copyright{color:#abafb8!important}ul{padding:0;margin:0;display:flex;gap:20px!important;list-style:none;li{margin:10px 0 0;padding:0}}.d1{padding:0 20px}.footer__social{padding:0 20px;margin-top:20px;display:flex;gap:10px;a{width:40px;height:40px;border-radius:100px;background-color:#fff;border:1px solid #dddfe2;display:flex;justify-content:center;align-items:center;span{display:flex;justify-content:center;align-items:center;width:22px}}}}}.main-app{main .hero__shape{margin-top:-1px;display:block;width:100%;height:8px;background-color:#4298b4;transform:rotate(180deg) scaleY(-1);path{fill:#fff}}main .hero_text{background-color:#4298b4;padding:40px 15px;display:flex;flex-direction:column;align-items:center;text-align:center;h1{font-size:1.5rem;line-height:1.2;margin-bottom:10px;max-width:1080px;font-weight:700}h1,p{color:#fff;margin-top:0}p{max-width:800px;margin-bottom:20px;font-size:1rem;line-height:1.5}a{font-size:1.125rem;display:inline-flex;font-weight:600;background-color:#88619a;border-color:#88619a;border-radius:40px;color:#fff;height:60px;padding:0 40px;line-height:60px;display:flex;align-items:center;text-decoration:none;transition:all .2s ease;&:hover{background-color:#9a73ac;border-color:#9a73ac;transform:translateY(-2px)}svg{padding-left:10px;height:18px;path{fill:#fff}}}}main .main_bg{margin:-1px;img{width:100%;height:auto;object-fit:cover}}@media (min-width:768px){main .hero_text{padding:60px 30px;h1{font-size:2rem}p{font-size:1.125rem}}}@media (min-width:1200px){main .hero__shape{height:40px;background-color:#4298b4;transform:rotate(180deg) scaleY(-1)}main .hero_text{padding:80px 40px;h1{font-size:2.5rem}p{font-size:1.25rem}}}}.main-app{min-width:360px;main .hero__shape{margin-top:-1px;display:block;width:100%;height:8px;background-color:#33a474;transform:rotate(180deg) scaleY(-1);path{fill:#fff}}main .hero_text{background-color:#33a474;padding:40px 15px;display:flex;flex-direction:column;align-items:center;h1{font-size:1.5rem;line-height:1.2;color:#fff;margin-bottom:10px;max-width:1080px}h1,p{margin-top:0}p{max-width:800px;margin-bottom:20px}a{font-size:1.125rem;display:inline-flex;font-weight:400;background-color:#88619a;border-color:#88619a;border-radius:40px;color:#fff;height:60px;padding:0 40px;line-height:60px;display:flex;align-items:center;svg{padding-left:10px;height:18px;path{fill:#fff}}}}main .hero_text2{margin-top:-1px;margin-bottom:26px}main .hero_text2:after{content:"";position:absolute;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),81% 100%,42% calc(100% - 15px),22% 100%,0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),81% 100%,42% calc(100% - 15px),22% 100%,0 calc(100% - 10px));left:0;right:0;height:45px;background-color:#33a474}main .main_bg{margin:-1px;img{width:100%;height:auto;object-fit:cover}}@media (min-width:1200px){main .hero__shape{height:40px;background-color:#4298b4;transform:rotate(180deg) scaleY(-1)}}@media (min-width:992px){main .hero_text2:after{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),81% 100%,42% calc(100% - 50px),22% 100%,0 calc(100% - 30px));clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),81% 100%,42% calc(100% - 50px),22% 100%,0 calc(100% - 30px));height:70px}}@media (min-width:460px){main .hero_text2:after{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),81% 100%,42% calc(100% - 30px),22% 100%,0 calc(100% - 20px));clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),81% 100%,42% calc(100% - 30px),22% 100%,0 calc(100% - 20px));height:60px}}}.main-app{main{.hero{--font-family-text:"Noto Sans SC","Noto Sans","Inter","Helvetica Neue",Arial,sans-serif;font-family:var(--font-family-text);padding:0 15px;display:flex;align-items:center;justify-content:center;h1{text-align:center;margin:30px 0 20px;font-size:2rem;line-height:1.2;letter-spacing:-.02em;font-weight:700;color:#343c4b}}.type-group{padding:30px 15px 45px;h2{color:#fff;text-align:center;margin:0;pointer-events:none;z-index:2;font-size:3em;letter-spacing:-1px}.types,h2{position:relative}.types{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin-top:-25px;z-index:3;a{display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;outline:0;transition:all .1s ease-in-out;margin-bottom:30px;.sp-animation{display:block;max-width:unset;width:250px;height:250px;img,svg{width:100%;height:100%;transform:translateZ(0);content-visibility:visible}}h4{font-size:1.4em;margin:15px 0 3px;text-align:center;color:#88619a;font-weight:700}h5{margin:0 0 10px;color:#343c4b;font-size:.9em;font-weight:600}.snippet{color:#343c4b;line-height:1.7;text-align:center;font-size:.875em;max-width:500px;text-wrap:balance;padding:0 10px}}@media screen and (min-width:640px){a{width:50%}}@media screen and (min-width:1140px){a{width:25%}}}.svg{height:40px;width:100%;position:absolute;top:-30px;left:0;right:0}.svg1{fill:#e7dfea}}.type-group.analysts{background-color:#e7dfea;position:relative;margin-top:30px}.type-group.diplomats{background-color:#d6ece3;position:relative;a{h4{color:rgb(var(--rgb-green))}}}.type-group.sentinels{background-color:#d9eaf0;position:relative}.type-group.explorers{background-color:#f9eed7;position:relative;margin-top:30px}.type-group:after{transform:skewY(4deg);content:"";position:absolute;left:0;right:0;bottom:-40px;height:60px;background-color:#d6ece3;transform:skewY(2deg);z-index:1;box-sizing:border-box}.type-group.diplomats:after{background-color:#d9eaf0}.type-group.sentinels:after{background-color:#f9eed7;bottom:-40px}.type-group.explorers:after{background-color:#f9eed7;transform:skewY(-2deg);bottom:0}.findyourtype{margin:60px auto;text-align:center;a{color:#fff;background:#4298b4;border-radius:40px;padding:12px 32px;font-size:1.125rem;line-height:1.5;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-text);font-weight:600;transition:all .2s ease-in-out;cursor:pointer;text-decoration:none;&:hover{background:#55a9c3;transform:translateY(-2px)}}}}nav.personality{padding-bottom:calc(env(safe-area-inset-bottom, 15px) - 15px);display:flex;position:fixed;bottom:0;left:0;right:0;height:55px;z-index:10!important;background-color:#fff!important;--tw-shadow:0 0 10px rgba(29,36,50,.1)!important;--tw-shadow-colored:0 0 10px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;a{flex-grow:1;text-align:center;font-size:.6875rem!important;display:flex;justify-content:center;align-items:center;flex-direction:column;--font-family-text:"Noto Sans SC","Noto Sans","Inter","Helvetica Neue",Arial,sans-serif;font-family:var(--font-family-text);font-weight:var(--font-text-semibold-weight)!important;img{width:24px;height:24px}}a.current{background-color:#ecf4f7!important;--tw-text-opacity:1!important;color:#343c4b!important}}@media screen and (min-width:640px){nav.personality{display:none}main .hero h1{font-size:2.5rem;margin:40px 0 30px}}@media screen and (min-width:1024px){main .hero h1{font-size:3rem}main .type-group{padding:40px 15px 60px}main .findyourtype{margin:80px auto}}}