@charset "UTF-8";.page-view{position:relative;height:100%;overflow:hidden}.page-view-content{overflow:auto;-webkit-overflow-scrolling:touch;transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-property:transform;transition-duration:.3s}.page-header{height:44px}.page-header .page-header-warp{height:44px;position:relative;padding:0 16px;z-index:10;background-color:#fff}.page-header .page-header-warp>div{position:relative;z-index:1}.page-header .page-header-warp .page-header-text{position:absolute;left:0;top:0;height:100%;width:100%;font-weight:500;z-index:0;font-size:18px;color:#1f2329}.iphone-x .page-header{height:84px}.navigator-header{height:44px!important}.prompt-toast-warp{padding:12px 23px;box-sizing:border-box;background:rgba(0,0,0,.7);box-shadow:0 3px 8px rgba(0,0,0,.1);border-radius:6px}.prompt-toast-warp span{color:#fff;font-size:14px;line-height:20px;white-space:nowrap;text-align:center}.prompt-collection-warp{background:#fff;width:350px;border-radius:4px;padding-top:12px}.prompt-collection-warp .prompt-tips{margin-top:12px;margin-bottom:4px;font-weight:500;font-size:16px;color:#212121}.prompt-collection-warp .custom-content{font-weight:400;font-size:16px;color:#646a73}.prompt-collection-warp .prompt-content{text-align:center;line-height:24px;padding:0 5px}.prompt-collection-warp .prompt-img{margin-bottom:21px;margin-top:4px}.prompt-collection-warp .prompt-operate{height:48px;border-radius:0 0 4px 4px;font-weight:500;font-size:16px;color:#f99d35;width:100%;margin-top:21px}.prompt-collection-warp .prompt-operate .prompt-operate-del{width:50%;height:100%;line-height:48px;text-align:center}.prompt-collection-warp .prompt-operate .prompt-operate-cancel{position:relative;color:#666;width:50%;height:100%;line-height:48px;text-align:center}.prompt-collection-warp:after{content:"";display:inline-block;position:absolute;bottom:48px;left:0;height:.5px;width:100%;background:#e4e5e7}.loading-warp{width:110px;height:110px;background:rgba(0,0,0,.7);box-shadow:0 3px 8px rgba(0,0,0,.1);border-radius:6px}.loading-warp span{font-weight:400;font-size:12px;color:#fff;line-height:28px}.loading-animation{width:50px;height:50px}.home-warp{position:relative;height:100%;width:100%;overflow:hidden;background-color:#5dbdf0}.home-main-wrap{position:relative;height:100%;width:100%;overflow:hidden}.home-main-wrap .home-background{position:absolute;height:100%;width:100%;background:url(./home-bg-DJ8JRJYY.png) 100% 100% no-repeat;background-size:cover}.home-main-wrap .home-background .home-animation-img{width:100%;height:100%}.home-main-wrap .home-excessive-animation{position:absolute;height:100%;width:100%;background-color:#fff;opacity:1;animation:fadeWhite .3s linear forwards}.home-main-wrap .home-excessive-animation-end{position:absolute;height:100%;width:100%;background-color:#fff;opacity:0;animation:fadeWhiteEnd .3s linear forwards}.home-main-wrap .home-content-box-animation{opacity:0;animation:fadeWhite .3s linear forwards}@keyframes fadeWhite{0%{opacity:1}to{opacity:0}}@keyframes fadeWhiteEnd{0%{opacity:0}to{opacity:1}}.home-main-wrap .home-content-box{position:absolute;width:100%;height:100%;padding-top:0;box-sizing:border-box}.home-main-wrap .home-content-box .home-annual-title{position:absolute;width:375px;height:187px;margin-top:44px;left:50%;transform:translate(-50%)}.home-main-wrap .home-content-box .home-open{position:absolute;bottom:89px;width:323px;height:86px;left:50%;transform:translate(-50%)}.home-main-wrap .home-content-box .home-data{position:absolute;bottom:30px;font-size:12px;color:#fff;line-height:24px;width:100%}.home-main-wrap .home-content-box .home-data .home-agree-img{width:12px;height:12px;margin-right:4px}.home-main-wrap .home-content-box-iphone{padding-top:40px!important}.home-main-wrap .home-header-wrap{position:absolute;width:100%;height:44px;display:flex;align-items:center}.home-main-wrap .home-header-wrap .home-img{position:absolute;width:24px;height:24px}.home-main-wrap .home-header-wrap .back{left:11px}.home-main-wrap .home-header-wrap .music{right:57px}.home-main-wrap .home-header-wrap .share{right:19px}.home-main-wrap .specific-wrap-box{position:absolute;width:100%;height:100%;background-color:#5dbdf0}.home-main-wrap .specific-wrap-box .content-container{display:flex;flex-direction:column;width:100vw;height:100vh;transition:transform .3s ease-out}.home-main-wrap .specific-wrap-box .specific-tool-wrap{position:absolute;width:100%;height:44px;top:0}.home-main-wrap .specific-wrap-box .specific-tool-wrap-iphone{top:40px!important}.home-main-wrap .specific-wrap-box .swipe-up{position:absolute;bottom:34px;width:56px;height:56px;left:50%;transform:translate(-50%)}.home-main-wrap .specific-wrap-box .specific-appear-wrap,.home-main-wrap .specific-wrap-box .specific-appear-wrap .video-wrap{position:relative;width:100%;height:100%}.home-main-wrap .specific-wrap-box .specific-appear-wrap .text-upfade-wrap{position:absolute;width:100%;top:44px;display:flex;flex-direction:column;gap:10px;align-items:center}.home-main-wrap .specific-wrap-box .specific-appear-wrap .text-upfade-wrap-iphone{top:84px!important}.home-main-wrap .specific-wrap-box .specific-appear-wrap .text-upfade-wrap-left{align-items:start;padding-left:30px;padding-right:15px;box-sizing:border-box}.home-main-wrap .specific-wrap-box .specific-appear-wrap .video-animation{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.home-main-wrap .specific-wrap-box .specific-appear-wrap .video-animation::-webkit-media-controls{display:none!important}.home-main-wrap .specific-wrap-box .specific-appear-wrap .video-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.home-main-wrap .specific-wrap-box .specific-appear-wrap .video-img img{width:100%;height:100%}.emoji-wrap{position:absolute;bottom:120PX;width:100%;height:326PX;left:50%;transform:translate(-50%)}.emoji-wrap .emoji-left{position:absolute;left:34PX;top:27PX}.emoji-wrap .emoji-right{position:absolute;right:35PX;top:0}.emoji-wrap .emoji-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.emoji-wrap img{width:120PX;height:120PX}.emoji-wrap span{margin-top:4PX;font-weight:700;font-size:14PX;color:#1f2329;font-family:myfont}.summary-report-wrap{position:relative;width:100%;height:100%}.summary-report-wrap .bg-img{width:100%;height:100%}.summary-report-wrap .left-img{position:absolute;top:276px;left:0;width:48.21px;height:56px}.summary-report-wrap .right-img{position:absolute;top:258.7px;right:0;width:44px;height:44px}.summary-report-wrap .bottom-img{position:absolute;top:365px;left:87px;width:26px;height:26px}.summary-report-wrap .cloud-left-img{position:absolute;top:90px;left:0;width:90px;height:51.39px}.summary-report-wrap .cloud-right-img{position:absolute;top:163px;right:0;width:68.53px;height:63.72px}.summary-report-wrap .bg-bottom-img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:171px}.summary-report-wrap .content-img{position:absolute;width:343px;height:711px;bottom:-711px;left:50%;transform:translate(-50%);background:url(./summaryReport-content-DR_QtzF-.png) no-repeat;background-size:100% 100%;padding:32px;box-sizing:border-box}.summary-report-wrap .content-img-small{height:611px;bottom:-611px}.summary-report-wrap .content-text{opacity:0;color:#1f2329;font-size:14px;line-height:24px}.summary-report-wrap .content-text .content-name{font-weight:700;font-size:18px}.summary-report-wrap .content-text .content-data{margin:11px 0 8px}.summary-report-wrap .content-text .content-year{margin-top:14px;font-weight:700;font-size:16px;color:#f97034}.summary-report-wrap .content-text .content-line{width:279px;height:2px;background:#f97034;opacity:.97;margin-top:8px}.summary-report-wrap .content-text .content-details-wrap{width:100%;height:324px;overflow:auto;-webkit-overflow-scrolling:touch;font-size:12px;color:#541911;line-height:28px;padding-top:8px;box-sizing:border-box;overscroll-behavior:contain}.summary-report-wrap .content-text .content-details-wrap-small{height:224px}.summary-report-wrap .content-img-animate{animation:moveUp 1s ease-out forwards}.summary-report-wrap .content-img-animate-small{animation:moveUpSmall 1s ease-out forwards}@keyframes moveUp{0%{bottom:-711px}to{bottom:0}}@keyframes moveUpSmall{0%{bottom:-611px}to{bottom:0}}.summary-report-wrap .content-text-animate{animation:fadeOut 2s ease-out forwards}@keyframes fadeOut{0%{opacity:0}to{opacity:1}}.open-mbti-img{position:absolute;width:375px;height:112px;bottom:0;left:50%;transform:translate(-50%)}video::-webkit-media-controls-panel,video::-webkit-media-controls-overlay-play-button,video::-webkit-media-controls-timeline,video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-volume-slider,video::-webkit-media-controls-fullscreen-button{display:none!important}.mbti-warp{background-color:#123212}.mbti-warp .mbti-content-box{position:relative;box-sizing:border-box;padding-top:0;height:100%;width:100%;background:url(./mbti-bg-a-XYdoS5.png) 100% 100% no-repeat;background-size:cover}.mbti-warp .mbti-content-box-iphone{padding-top:40px!important}.mbti-warp .mbti-header-wrap{position:relative;width:100%;height:44px;display:flex;align-items:center}.mbti-warp .mbti-header-wrap .mbti-img{position:absolute;width:24px;height:24px}.mbti-warp .mbti-header-wrap .logo{position:absolute;width:75px;height:20px;left:50%;transform:translate(-50%)}.mbti-warp .mbti-header-wrap .back{left:11px}.mbti-warp .mbti-header-wrap .music{right:57px}.mbti-warp .mbti-header-wrap .share{right:19px}.mbti-info-wrap{position:relative;width:100%;height:calc(100% - 44px)}.mbti-info-wrap .title-img{position:absolute;top:11px;width:100%;height:88px}.mbti-info-wrap .medal-img{position:absolute;top:11px;width:100%;height:394px}.mbti-info-wrap .user-img{position:absolute;top:106px;width:271px;height:271px;left:50%;transform:translate(-50%);border-radius:135.5px}.mbti-info-wrap .pendant-img{position:absolute;top:106px;width:271px;height:271px;left:50%;transform:translate(-50%)}.mbti-info-wrap .people-info{position:absolute;top:360px;width:262px;height:33px;left:50%;transform:translate(-50%);background:#51abf5;border-radius:16px;color:#fff}.mbti-info-wrap .people-info .name{font-weight:700;font-size:17px}.mbti-info-wrap .people-info .line{width:1px;height:14px;margin:0 15px;background:#fff}.mbti-info-wrap .people-info .bu{font-size:14px}.mbti-info-wrap .mbti-info{position:absolute;top:376px;width:328px;height:211px;background:#fff;border-radius:16px;opacity:.8;backdrop-filter:blur(10px);left:50%;transform:translate(-50%)}.mbti-info-wrap .mbti-info .type{position:absolute;top:37px;left:24px;font-weight:700;font-size:22px;color:#06245e;line-height:32px;font-family:myfont}.mbti-info-wrap .mbti-info .desc-wrap{font-size:14px;color:#06245e;line-height:24px;position:absolute;top:76px;left:24px}.mbti-info-wrap .mbti-info .data{position:absolute;bottom:9px;left:24px;font-size:12px;color:#7f92b7;line-height:28px}.mbti-info-wrap .mbti-info .tips{position:absolute;bottom:0;height:44px;width:100%;padding:0 24px;box-sizing:border-box}.mbti-info-wrap .mbti-info .tips .line{position:relative;width:100%;height:1px;background-color:#8497bb}.mbti-info-wrap .mbti-info .tips .tips-info{font-size:10px;color:#7f92b7;line-height:44px}.mbti-info-wrap .mbti-info .tips .tips-img{width:82.38px;height:41px}.mbti-info-wrap .mbti-info-small{height:191px!important}.mbti-info-wrap .dress-talk{position:absolute;bottom:11px;width:100%;justify-content:space-evenly;display:flex}.mbti-info-wrap .dress-talk .dress{width:181px;height:62px}.mbti-info-wrap .dress-talk .talk{width:162px;height:62px}.mbti-info-wrap .dress-talk-small{bottom:0!important}.app-loading-warp{position:absolute;height:100%;width:100%;background:#5dbdf0}.app-loading-warp .app-logo{position:relative;width:198px;height:198px;margin-top:242px}.app-loading-warp .app-logo-iphone{margin-top:280px!important}.app-loading-warp .app-tips{font-weight:500;font-size:12px;color:#fff;line-height:20px;margin-top:8px}.app-loading-warp .app-progress{margin-top:8px;font-weight:600;font-size:20px;color:#fff;line-height:28px}@font-face{font-family:myfont;src:url(./Alimama_ShuHeiTi_Bold-IgCLZLJT.ttf) format("truetype")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{-webkit-backface-visibility:hidden;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{padding:0;margin:0;height:100%;overflow:hidden}#app{height:100%;overflow:hidden}#app>div{height:100%}input,textarea{text-indent:0;background:transparent;border:0 none;resize:none;outline:0;-webkit-appearance:none;appearance:none;line-height:normal;-webkit-font-smoothing:antialiased}/*! autoprefixer: off */.flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex}.flex-row{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-row-reverse{-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-column{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-column-reverse{-webkit-box-direction:reverse;-webkit-box-orient:vertical;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-nowrap{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-moz-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.flex-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.flex-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}.flex-justify-space-around{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}.flex-align-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.flex-align-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.flex-align-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end}.flex-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;-moz-align-items:baseline;align-items:baseline}.flex-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-box-center{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disabled{opacity:.5;pointer-events:none}