:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.introduce-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;background:#fff;width:100%;padding:110px 80px 0;height:660px;background-image:url(https://mdn.alipayobjects.com/huamei_6d8et6/afts/img/A*ggBjQ5HROvMAAAAAAAAAAAAADk_5AQ/original);background-size:contain}.main-left-wrapper{width:500px}.main-left-wrapper .title{font-size:56px;color:#000a1a;line-height:64px;font-weight:900;margin-bottom:14px}.main-left-wrapper .desc{font-size:16px;color:#000a1aad;line-height:24px;max-width:500px}.main-left-wrapper .feature{display:flex;flex-direction:row;margin:48px 0 0}.main-left-wrapper .feature .item{margin-right:16px;display:flex;flex-direction:row}.main-left-wrapper .feature .item .item-text{width:150px}.main-left-wrapper .feature .item .title{margin-bottom:4px;font-size:19px;color:#000a1ae6;line-height:26px;font-weight:600}.main-left-wrapper .feature .item .desc{font-size:13px;color:#000a1aad;line-height:22px}.main-left-wrapper .feature .item .divider{width:2px;height:20px;border-radius:1px;border:1px solid #d4e0ed}.main-right-wrapper{width:759px}.lottie-title{text-align:center;margin-bottom:50px}.lottie-title h1{margin:0;font-size:40px;font-weight:500;line-height:48px;color:#000a1a}.lottie-container{position:relative;margin:0 auto}.lottie-container .text-wrapper{position:absolute;top:0;left:0;width:100%}.lottie-container .item-wrapper-1{width:296px;height:108px;position:relative;left:80%;top:-120px}.lottie-container .item-wrapper-2{width:296px;height:108px;position:relative;left:2%;top:-150px}.lottie-container .item-wrapper-3{width:296px;height:108px;position:relative;left:76.5%;top:50px}.lottie-container .item-wrapper-4{width:296px;height:108px;position:relative;left:-3.6%;top:-85px}.lottie-container .item-box{background:#fff;border:2px solid #1677ff3d;border-radius:24px 24px 4px;width:162px;height:60px;padding:16px;display:flex;flex-direction:column;position:absolute;cursor:pointer;transition:all .5s ease;transform-origin:left bottom}.lottie-container .item-box.right{border-radius:24px 24px 24px 4px}.lottie-container .item-box:hover{width:258px;height:104px}.lottie-container .item-box.right:hover{width:258px;height:120px}.lottie-container .item-box:hover .omit-wrap{height:24px}.lottie-container .item-box .omit-wrap{position:relative;min-height:24px;text-align:center}.lottie-container .item-box:hover .omit{left:0;transform:translateY(-50%)}.lottie-container .item-box .omit{font-size:16px;color:#000a1ae3;line-height:24px;font-weight:600;transition:all .5sease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.lottie-container .item-box:hover .detail-txt{display:inline-block;font-size:14px;color:#000a1aad;line-height:22px;text-align:left;margin-top:4px}.lottie-container .item-box .detail-txt{display:none}.lottie-container .item-box .divider{position:absolute;bottom:-52px;right:0;width:2px;pointer-events:none}.lottie-container .item-box.right .divider{left:0}.lottie-container .item-box .txt-content{opacity:0;animation:fade-in 4s ease .17s 1;-webkit-animation:fade-in 4s ease .17s 1;-moz-animation:fade-in 4s ease .17s 1;-o-animation:fade-in 4s ease .17s 1;-ms-animation:fade-in 4s ease .17s 1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}@media screen and (max-width: 1680px){.lottie-container{width:1200px}}@media (min-width: 1680px){.lottie-container{width:1520px;padding:0}.lottie-container .item-wrapper-1{left:80%;top:-100px}.lottie-container .item-wrapper-2{left:84px;top:-108px}.lottie-container .item-wrapper-3{left:76.5%;top:155px}.lottie-container .item-wrapper-4{left:20px;top:-10px}}.footer-container{position:relative;display:flex;width:100%;padding:24px 80px}.footer-container .footer-box{width:100%;margin:0 auto;display:flex;justify-content:flex-end;border-top:1px solid #c4ccd8;border-bottom:1px solid #c4ccd8;padding:36px 0 16px}.footer-container .about-me{position:relative;width:450px;margin-bottom:20px}.footer-container .about-me .title{font-size:16px;color:#000;line-height:28px;font-weight:900;margin-bottom:22px;min-height:28px}.copy-right{position:relative;padding-bottom:20px;display:flex;justify-content:center}.copy-right a{font-size:14px;color:#495770;line-height:28px;font-weight:500}.copy-right a:hover{color:#0052d9;text-decoration:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#root{width:100%}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.top-menu-wrapper{display:flex;flex-direction:row;height:60px;position:fixed;top:0;z-index:1000;width:100%;line-height:normal;border-bottom:1px solid rgba(5,5,5,.06)}.top-menu-wrapper .ant-menu-title-content{font-size:16px;font-weight:500}.top-menu-wrapper .ant-menu-horizontal{line-height:60px;border-bottom:none}.top-menu-wrapper .ant-menu{background:none}.menu-left-logo{width:150px;height:100%;padding-left:80px;padding-right:50px}.menu-left-logo img{height:100%}.main-wrapper{height:calc(100vh - 60px)}