.banner-swiper{position:absolute;width:100%;height:100%;z-index:9999;background-image:linear-gradient(180deg,#2256ff,#bfd0fc 50%,#e3eafe 55%,#fafbff 90%)}.banner-swiper .banner{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 52px;overflow:hidden}.banner-swiper .banner-bg{width:520px;height:520px;margin-top:37px}.banner-swiper .banner-bg img{width:100%;height:100%}.banner-swiper .banner .tip-box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.banner-swiper .banner .title{display:flex;color:#000;font-size:24px;font-weight:500;line-height:36px;margin-top:-80px}.banner-swiper .banner .title .blue{color:#2155ff}.banner-swiper .banner .des{margin-top:18px;text-align:center;color:#091e4bb3;font-size:14px;font-weight:400;line-height:26px;letter-spacing:4.06px}.banner-swiper .banner .gradient-btn{display:flex;width:100%;height:39px;padding:8px;margin-top:30px;justify-content:center;align-items:center;border-radius:19px;background-image:url(./static/btn-border.60757d16.svg);background-size:contain;background-position:center;background-repeat:no-repeat;color:#40404a;font-size:16px;font-weight:500;line-height:24px}.percent-progress{color:#11206d99;font-size:14px;font-weight:500}.animated-transition{position:absolute;width:100vw;height:100vh;--swiper-pagination-bottom: 34px}.animated-transition .animated-transition-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:500px}@keyframes opacityIn{0%{opacity:var(--opacity-in)}to{opacity:1}}.animated-transition .pending-text{position:absolute;top:36px;left:103px;color:#000;font-family:Noto Sans SC;font-size:16px;font-weight:500;animation:opacityIn 3s ease-in-out forwards;animation-delay:0s;--opacity-in: 0}.animated-transition .center{display:flex;justify-content:center;align-items:center}.animated-transition .avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:382px;height:382px}.animated-transition .avatar .bg{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.2;background:linear-gradient(136deg,#7d3dff 7.59%,#377dff 68.96%);filter:blur(150px)}.animated-transition .avatar .circle-large{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid #113bf60d;border-radius:50%;animation:borderColorLarge 2s ease-in-out infinite;animation-delay:0s}@keyframes borderColorLarge{0%{border-color:#113bf60d}61%{border-color:#113bf60d}62%{border-color:#113bf659}to{border-color:#113bf659}}@keyframes borderColorMiddle{0%{border-color:#113bf60d}39%{border-color:#113bf60d}40%{border-color:#113bf659}50%{border-color:#113bf659}60%{border-color:#113bf659}61%{border-color:#113bf60d}to{border-color:#113bf60d}}@keyframes borderColorSmall{0%{border-color:#113bf659}38%{border-color:#113bf659}39%{border-color:#113bf60d}to{border-color:#113bf60d}}.animated-transition .avatar .circle-large .circle-middle{display:flex;justify-content:center;align-items:center;width:304px;height:304px;border:1px solid #113bf61a;border-radius:50%;animation:borderColorMiddle 2s ease-in-out infinite;animation-delay:0s}.animated-transition .avatar .circle-large .circle-middle .circle-small{display:flex;justify-content:center;align-items:center;width:230px;height:230px;border:1px solid #113bf61a;border-radius:50%;animation:borderColorSmall 2s ease-in-out infinite;animation-delay:0s}@keyframes borderColorLarge{0%{border-color:#113bf61a}61%{border-color:#113bf61a}62%{border-color:#113bf659}to{border-color:#113bf659}}@keyframes borderColorMiddle{0%{border-color:#113bf61a}39%{border-color:#113bf61a}40%{border-color:#113bf659}50%{border-color:#113bf659}60%{border-color:#113bf659}61%{border-color:#113bf61a}to{border-color:#113bf61a}}@keyframes borderColorSmall{0%{border-color:#113bf659}38%{border-color:#113bf659}39%{border-color:#113bf61a}to{border-color:#113bf61a}}.animated-transition .avatar .circle-large .circle-middle .circle-small .robot{position:relative;width:130px;height:130px;border-radius:50%;box-shadow:0 0 16px 18px #dee1f5;background:linear-gradient(180deg,#bad8ff6e .23%,#a5beff6e);overflow:hidden;z-index:1}.animated-transition .avatar .circle-large .circle-middle .circle-small .robot img{margin-top:10px;width:100%}@keyframes avatar{0%{width:130px;height:130px}to{width:45px;height:45px}}.animated-transition .avatar.shrink{animation:transformScale-68px 2s ease-in-out forwards;animation-delay:0s}@keyframes transformScale-68px{0%{top:50%;left:50%}to{top:48px;left:54px;width:68px;height:68px}}.animated-transition .avatar.shrink .circle-large{animation:transformScaleBorder-100%-borderColorLarge 2s ease-in-out forwards,borderColorLarge 2s ease-in-out infinite;animation-delay:0s,0s}@keyframes transformScaleBorder-100%-borderColorLarge{from {top: 50%; left: 50%;} to {top: 48px; left: 54px; width: 100%; height: 100%;}}.animated-transition .avatar.shrink .circle-large .circle-middle{animation:transformScaleBorder-56px-borderColorMiddle 2s ease-in-out forwards,borderColorMiddle 2s ease-in-out infinite;animation-delay:0s,0s}@keyframes transformScaleBorder-56px-borderColorMiddle{0%{top:50%;left:50%}to{top:48px;left:54px;width:56px;height:56px}}.animated-transition .avatar.shrink .circle-large .circle-middle .circle-small{animation:transformScaleBorder-45px-borderColorSmall 2s ease-in-out forwards,borderColorSmall 2s ease-in-out infinite;animation-delay:0s,0s}@keyframes transformScaleBorder-45px-borderColorSmall{0%{top:50%;left:50%}to{top:48px;left:54px;width:45px;height:45px}}.animated-transition .avatar.shrink .circle-large .circle-middle .circle-small .robot{animation:avatar 2s ease-in-out forwards;animation-delay:0s;box-shadow:unset}.animated-transition .avatar.shrink .circle-large .circle-middle .circle-small .robot img{margin-top:4px}.animated-transition .agent{width:calc(100% - 54px)}.animated-transition .agent-item{position:absolute;color:#02266a;font-family:PingFang SC;font-size:14px;font-weight:400}.animated-transition .agent-item .bearing{position:relative;box-sizing:border-box;display:flex;align-items:center;height:36px;white-space:nowrap;padding:4px 16px 4px 4px;border-radius:20px;max-width:446px;background:#ffffff80;box-shadow:0 2px 2px #fff9 inset,0 2px 6px #c5d1e34d;backdrop-filter:blur(2px);opacity:0;z-index:1}.animated-transition .agent-item .bearing .img-box{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;margin-right:6px}.animated-transition .agent-item-4{top:36.33%;left:2.09%}.animated-transition .agent-item-7{top:68.47%;left:30.4%}.animated-transition .agent-item-4 .bearing,.animated-transition .agent-item-7 .bearing{animation:fadeIn-0-3 1s ease-in forwards;animation-delay:1.5s}.animated-transition .agent-item-1{top:16.13%;left:49.87%}.animated-transition .agent-item-8{top:75.12%;left:44%}.animated-transition .agent-item-1 .bearing,.animated-transition .agent-item-8 .bearing{animation:fadeIn-0-6 1s ease-in forwards;animation-delay:1s}.animated-transition .agent-item-3{top:29.93%;left:47.2%}.animated-transition .agent-item-6{top:60.59%;left:3.2%}.animated-transition .agent-item-9{top:83.5%;left:9.6%}.animated-transition .agent-item-3 .bearing,.animated-transition .agent-item-6 .bearing,.animated-transition .agent-item-9 .bearing{animation:fadeIn-0-9 1s ease-in forwards;animation-delay:.5s}.animated-transition .agent-item-2{top:23.27%;left:10.93%}.animated-transition .agent-item-5{top:56.16%;left:47%}.animated-transition .agent-item-2 .bearing,.animated-transition .agent-item-5 .bearing{animation:fadeIn-1 1s ease-in forwards;animation-delay:0s}@keyframes fadeIn-0-3{0%{opacity:0}to{opacity:.3}}@keyframes fadeIn-0-6{0%{opacity:0}to{opacity:.6}}@keyframes fadeIn-0-9{0%{opacity:0}to{opacity:.9}}@keyframes fadeIn-1{0%{opacity:0}to{opacity:1}}@keyframes transformMove{to{top:var(--move-to-y);left:var(--move-to-x)}}@keyframes opacityWithWidth{0%{opacity:var(--opacity-in);width:200px}to{opacity:1;width:calc(100vw - 54px)}}.animated-transition .agent.order .agent-item-1{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 452px}.animated-transition .agent.order .agent-item-2{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 162px}.animated-transition .agent.order .agent-item-3{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 278px}.animated-transition .agent.order .agent-item-4{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 568px}.animated-transition .agent.order .agent-item-5{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 104px}.animated-transition .agent.order .agent-item-6{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 336px}.animated-transition .agent.order .agent-item-7{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 510px}.animated-transition .agent.order .agent-item-8{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 394px}.animated-transition .agent.order .agent-item-9{animation:transformMove 2s ease-in-out forwards;animation-delay:0s;--move-to-x: 27px;--move-to-y: 220px}.animated-transition .agent.order .agent-item-4 .bearing,.animated-transition .agent.order .agent-item-7 .bearing{animation:opacityWithWidth 2s ease-in-out forwards;animation-delay:0s;--opacity-in: .3}.animated-transition .agent.order .agent-item-1 .bearing,.animated-transition .agent.order .agent-item-8 .bearing{animation:opacityWithWidth 2s ease-in-out forwards;animation-delay:0s;--opacity-in: .6}.animated-transition .agent.order .agent-item-3 .bearing,.animated-transition .agent.order .agent-item-6 .bearing,.animated-transition .agent.order .agent-item-9 .bearing{animation:opacityWithWidth 2s ease-in-out forwards;animation-delay:0s;--opacity-in: .9}.animated-transition .agent.order .agent-item-2 .bearing,.animated-transition .agent.order .agent-item-5 .bearing{animation:opacityWithWidth 2s ease-in-out forwards;animation-delay:0s;--opacity-in: 1}.animated-transition .agent.extend{position:relative;height:100%;margin-top:104px;padding:0 27px}.animated-transition .agent.extend .agent-item{position:relative;top:unset!important;left:unset!important;margin-top:22px}.animated-transition .agent.extend .agent-item .bearing .percent{position:absolute;right:16px}.animated-transition .agent.extend .agent-item .detail{display:flex;flex-direction:column;margin-top:-18px;padding:18px 41px 12px;border-radius:10px;background-color:#fcfcff;color:#8d91a5;font-family:Noto Sans SC;font-size:14px;font-weight:400;max-height:0;opacity:0;overflow:hidden;animation:expandDetailHeight 4s ease-in-out forwards;will-change:transform,opacity;backface-visibility:hidden}.animated-transition .agent.extend .agent-item .detail-item{margin-top:12px}@keyframes expandDetailHeight{0%{max-height:0;opacity:0}33.33%{max-height:50px;opacity:.6}66.66%{max-height:100px;opacity:.8}to{max-height:500px;opacity:1}}