.developer-introduction-container{width:100%;background-color:transparent;overflow:hidden;z-index:3}.developer-introduction-container .introduction-banner-container{width:100%;height:496px;background-color:transparent;transition:transform .5s ease-in-out;display:flex}.developer-introduction-container .introduction-banner-container .padding-box-left,.developer-introduction-container .introduction-banner-container .padding-box-right{width:135px;height:100%;background-color:transparent;z-index:2}.developer-introduction-container .introduction-banner-container ul{flex:1 1;list-style:none;padding:0;margin:0;display:flex;position:relative}.developer-introduction-container .introduction-banner-container ul li{display:flex;flex:1 1}.developer-introduction-container .introduction-banner-container ul li .li-main-container,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last{width:368px;height:100%;border-radius:24px;position:relative;background:linear-gradient(42deg,rgba(0,223,191,.2),rgba(0,181,255,.2) 30.02%,rgba(29,152,255,.2) 53.71%,rgba(192,95,253,.2));box-shadow:2px 8px 16px 0 rgba(0,0,0,.08);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);padding:40px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .li-num-title,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .li-num-title{font-size:20px;line-height:32px;letter-spacing:5px;text-transform:uppercase;background:linear-gradient(90deg,#00dfbf,#00b5ff 42.93%,#1d98ff 70.16%,#c05ffd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.developer-introduction-container .introduction-banner-container ul li .li-main-container h1,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last h1{margin:16px 0 20px;color:var(--white,#fff);font-size:20px;font-weight:700;line-height:32px;text-align:start}.developer-introduction-container .introduction-banner-container ul li .li-main-container span,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last span{color:var(--white,#fff);font-size:16px;line-height:28px;opacity:.8}.developer-introduction-container .introduction-banner-container ul li .li-main-container .start-span,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .start-span{position:absolute;color:hsla(0,0%,100%,.2);font-size:16px;line-height:28px;bottom:71px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .docs-container-arrow{position:absolute;width:16px;height:20px;left:110px;bottom:75px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-right{position:absolute;width:231px;bottom:77px;right:0}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-last,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-last{position:absolute;width:231px;bottom:77px;left:70px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .last-span-em,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .last-span-em{position:absolute;color:#262630;font-size:16px;line-height:28px;right:40px;bottom:71px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-left{position:absolute;width:231px;left:-115px;bottom:77px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .first-docs,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .first-docs{position:absolute;width:231px;bottom:77px;right:45px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .li-card-button,.developer-introduction-container .introduction-banner-container ul li .li-main-container .li-card-button-last,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .li-card-button,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .li-card-button-last{display:flex;padding:12px 20px;margin-top:40px;justify-content:center;align-items:center;border-radius:48px;background:linear-gradient(31deg,#00dfbf,#1d98ff 50.52%,#c05ffd),#1176ff}.developer-introduction-container .introduction-banner-container ul li .li-main-container .li-card-button-last,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .li-card-button-last{margin-left:auto;margin-right:auto}.developer-introduction-container .introduction-banner-container ul li .li-main-container .li-last-subtitle,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .li-last-subtitle{margin-top:16px;text-align:center;font-size:16px;line-height:28px}.developer-introduction-container .introduction-banner-container ul li .li-main-container:last-child h1{margin:0}.developer-introduction-container .introduction-banner-container ul li .li-main-container:last-child{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.developer-introduction-container .introduction-banner-container ul li .li-dividing{position:relative;width:24px;height:100%;background-color:#020824;z-index:3}.developer-introduction-container .introduction-banner-container ul li .li-dividing .banner-clip-left{position:absolute;width:56px;height:56px;bottom:-24px;left:-38px;z-index:3}.developer-introduction-container .introduction-banner-container ul li .li-dividing .banner-clip-top-left{position:absolute;width:56px;height:56px;top:-24px;transform:scaleY(-1);left:-38px;z-index:4}.developer-introduction-container .introduction-banner-container ul li .li-dividing .banner-clip-right{position:absolute;width:56px;height:56px;bottom:-24px;right:-42px;z-index:3}.developer-introduction-container .introduction-banner-container ul li .li-dividing .banner-clip-top-right{position:absolute;width:56px;height:56px;top:-24px;right:-42px;transform:scaleY(-1);z-index:3}.developer-introduction-container .introduction-banner-container ul .introduction-image-group{position:absolute;top:308px;left:262px;height:188px;display:flex;overflow:hidden;z-index:2}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box{height:100%;width:282px;margin-right:110px;border-radius:8px;margin-top:10px;overflow:hidden}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box .image-banner-style{width:100%}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box:first-child{height:100%;width:328px}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box:last-child{height:100%;width:328px;margin-right:0}.developer-introduction-container .banner-controller{margin:40px auto 0;width:108px;height:24px}.developer-introduction-container .banner-controller .icons_banner{width:24px;height:24px;cursor:pointer}.developer-introduction-container .banner-controller .icons_banner:nth-child(2){margin-left:60px}@media only screen and (max-width:1024px){.developer-introduction-container .introduction-banner-container .padding-box-left,.developer-introduction-container .introduction-banner-container .padding-box-right{width:32px}.developer-introduction-container .introduction-banner-container ul li .li-main-container,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last{width:314px;padding:24px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .start-span,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .start-span{left:24px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .first-docs,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .first-docs{right:5px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-left{left:-130px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .docs-container-arrow{left:90px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-right{right:-30px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .first-docs,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .first-docs{right:0}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-last,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-last{left:15px}.developer-introduction-container .introduction-banner-container ul li .li-dividing{width:16px}.developer-introduction-container .introduction-banner-container ul .introduction-image-group{left:142px}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box{margin-right:53px;width:282px!important}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box:last-child{width:300px!important}}@media(max-width:480px){.developer-introduction-container .introduction-banner-container .padding-box-left,.developer-introduction-container .introduction-banner-container .padding-box-right{width:16px}.developer-introduction-container .introduction-banner-container ul li .li-main-container,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last{width:280px;padding:16px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .li-num-title,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .li-num-title{font-size:18px;line-height:32px;letter-spacing:5px;text-transform:uppercase}.developer-introduction-container .introduction-banner-container ul li .li-main-container h1,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last h1{font-size:18px;font-weight:700;line-height:32px;margin:8px 0 16px}.developer-introduction-container .introduction-banner-container ul li .li-main-container span,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last span{font-size:14px;line-height:24px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .start-span,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .start-span{left:16px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-left{left:-150px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .docs-container-arrow{left:70px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-right{right:-42px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .first-docs,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .first-docs{right:-10px}.developer-introduction-container .introduction-banner-container ul li .li-main-container .banner-docs-last,.developer-introduction-container .introduction-banner-container ul li .li-main-container-last .banner-docs-last{left:-10px}.developer-introduction-container .introduction-banner-container ul li .li-dividing{width:12px}.developer-introduction-container .introduction-banner-container ul li:nth-child(4) .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li:nth-child(4) .li-main-container-last .docs-container-arrow{left:98px}.developer-introduction-container .introduction-banner-container ul li:nth-child(4) .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li:nth-child(4) .li-main-container-last .banner-docs-left{left:-120px}.developer-introduction-container .introduction-banner-container ul li:nth-child(4) .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li:nth-child(4) .li-main-container-last .banner-docs-right{right:-70px}.developer-introduction-container .introduction-banner-container ul li:nth-child(5) .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li:nth-child(5) .li-main-container-last .docs-container-arrow{left:128px}.developer-introduction-container .introduction-banner-container ul li:nth-child(5) .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li:nth-child(5) .li-main-container-last .banner-docs-left{left:-88px}.developer-introduction-container .introduction-banner-container ul li:nth-child(5) .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li:nth-child(5) .li-main-container-last .banner-docs-right{right:-101px}.developer-introduction-container .introduction-banner-container ul li:nth-child(6) .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li:nth-child(6) .li-main-container-last .docs-container-arrow{left:158px}.developer-introduction-container .introduction-banner-container ul li:nth-child(6) .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li:nth-child(6) .li-main-container-last .banner-docs-left{left:-60px}.developer-introduction-container .introduction-banner-container ul li:nth-child(6) .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li:nth-child(6) .li-main-container-last .banner-docs-right{right:-130px}.developer-introduction-container .introduction-banner-container ul li:nth-child(7) .li-main-container .docs-container-arrow,.developer-introduction-container .introduction-banner-container ul li:nth-child(7) .li-main-container-last .docs-container-arrow{left:188px}.developer-introduction-container .introduction-banner-container ul li:nth-child(7) .li-main-container .banner-docs-left,.developer-introduction-container .introduction-banner-container ul li:nth-child(7) .li-main-container-last .banner-docs-left{left:-28px}.developer-introduction-container .introduction-banner-container ul li:nth-child(7) .li-main-container .banner-docs-right,.developer-introduction-container .introduction-banner-container ul li:nth-child(7) .li-main-container-last .banner-docs-right{right:-159px}.developer-introduction-container .introduction-banner-container ul .introduction-image-group{left:81px;display:flex;gap:40px}.developer-introduction-container .introduction-banner-container ul .introduction-image-group .image-box{margin-right:0;flex-grow:1}.developer-introduction-container .banner-controller{margin-top:24px}}