@font-face{font-family:Montserrat;src:url(//acc-1258344699.cos.ap-guangzhou.myqcloud.com/web/website/Montserrat-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat-Blod;src:url(//acc-1258344699.cos.ap-guangzhou.myqcloud.com/web/website/Montserrat-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html,body{position:relative;height:100%;scroll-behavior:smooth}.ide-page{position:relative;background:#000;overflow:hidden}.ide-page .font-m{font-family:Montserrat}.ide-page .font-m-blod{font-family:Montserrat-Blod}.ide-page .arrow{width:16px;height:16px;background-image:url(https://dscache.tencent-cloud.cn/upload/uploader/arrow-85b25673126d9108cd751f1ede62ed18a3e08f81.svg);background-size:100%;background-repeat:no-repeat;transition:transform .3s ease}.ide-page .ide-page-bg{background-image:url(https://dscache.tencent-cloud.cn/upload/uploader/ide-bg-dca053424c96f55a1163fe1e7e9e59638298d19d.png);background-size:100% 90%;background-repeat:no-repeat;padding-top:60px;padding-left:16px;padding-right:16px}.ide-page .header-card{padding:16px 16px 16px 24px;border-radius:80px;border:1px solid #32E6B9;background:#01302440;box-shadow:0 2px 2px -2px #0003,0 0 16px 4px #32e6b959 inset;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:border-radius .3s ease}.ide-page .header-card:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ide-page .header-card:hover .header-toggle-path-1{transform:translateY(-2px)}.ide-page .header-card:hover .header-toggle-path-2{transform:translateY(2px)}.ide-page .header-card .header-logo{font-weight:900;background:linear-gradient(180deg,var(--color-grey-96, #F5F5F5) 0%,#32E6B9 258.33%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ide-page .header-card .header-toggle{width:42px;height:32px;cursor:pointer}.ide-page .header-card .header-toggle .header-toggle-path-1,.ide-page .header-card .header-toggle .header-toggle-path-2{transition:transform .3s ease}.ide-page .header-card .header-title{color:#fff;border-radius:9999px;background:#fff0;box-shadow:0 0 3px 2px #fff3 inset,0 0 12px 4px #ffffff21 inset,0 4px 3px -4px #00000080}.ide-page .header-card .header-title:hover .arrow{transform:translate(3px)}.ide-page .header-card.open{border-radius:30px;margin-bottom:248px}.ide-page .header-card .header-card-menu{max-height:0;transition:max-height .3s ease,opacity .3s ease;overflow:hidden;opacity:0}.ide-page .header-card .header-card-menu li{line-height:32px;opacity:.8;transition:opacity .3s ease-out}.ide-page .header-card .header-card-menu.open{max-height:99px;opacity:1}.ide-page .header-card .header-card-menu:hover li:not(:hover){opacity:.6}.ide-page .main-title{max-width:fit-content}.ide-page .main-title .main-title-anchor{position:relative}.ide-page .main-title .main-title-anchor:before{content:"";position:absolute;bottom:23px;right:-143px;background-image:url(https://dscache.tencent-cloud.cn/upload/uploader/img-hero-c99b286901f9886e625adf6390827c597e16d7c9.png);background-size:100%;background-repeat:no-repeat;width:143px;height:87px}.ide-page .main-title .main-title-logo{position:relative}.ide-page .request-btn{position:relative;z-index:0;box-shadow:0 0 3px 2px #fff3 inset,0 0 12px 4px #ffffff21 inset,0 4px 3px -4px #00000080}.ide-page .request-btn:hover .arrow{transform:translate(3px)}.ide-page .main-button .request-btn:after{content:"";display:block;position:absolute;left:-1px;right:-1px;bottom:-1px;top:-1px;background:linear-gradient(135deg,#31e4c9,#fff,#31e4c9);background-size:400%;opacity:0;border-radius:99999px;z-index:-2;animation:glowing 6s ease-out infinite}.ide-page .main-button .request-btn:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:#000;opacity:0;border-radius:99999px;z-index:-1;box-shadow:0 0 3px 2px #fff3 inset,0 0 12px 4px #ffffff21 inset,0 4px 3px -4px #00000080}.ide-page .main-button .request-btn:hover:after,.ide-page .main-button .request-btn:hover:before{opacity:1}.ide-page .video-area{background-image:url(https://dscache.tencent-cloud.cn/upload/uploader/video-bg-4a7ffbe5ae99905093d07358e00115aeee451a2b.png);background-size:95% 100%;background-repeat:no-repeat;background-position:center;position:relative}.ide-page .video-area .video-wrapper{width:100%;max-width:1200px;box-sizing:border-box;flex-shrink:0;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:#efeeec0f}.ide-page .video-area .video-wrapper .video-container{border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden}.ide-page .feature-list{width:90%;margin:0 auto}.ide-page .feature-list .feature-item{max-width:350px;padding:18px 62px 18px 28px;box-sizing:border-box;border-radius:45px;background:#181818}.ide-page .feature-list .feature-item:after{border-radius:45px;opacity:.8;background:#181818;filter:blur(3.80620265px);content:"";position:absolute;display:block;left:0;right:0;top:0;bottom:0;z-index:-1}.ide-page .feature-list .feature-item .feature-text{white-space:nowrap}.ide-page .feature-list .feature-item .feature-close{position:absolute;right:0;top:0;background:linear-gradient(270deg,#181818 53.65%,#18181899)}.ide-page .description{position:relative}.ide-page .description:after{content:"";position:absolute;top:-104px;left:55%;transform:translate(-50%);background-image:url(https://dscache.tencent-cloud.cn/upload/uploader/desc-e6d4b412bd56c5c6aa0020cbeab0679d9acdbe7a.png);background-size:100%;background-repeat:no-repeat;width:223px;height:104px}.ide-page .card{border-radius:20px;border:1px solid rgba(255,255,255,.18);background:#efeeec0f;overflow:hidden;max-height:416px;padding-top:33px;box-sizing:border-box}.ide-page .card .card-img{width:100%;border-radius:5px}.ide-page .card .card-title{padding:10px 0}.ide-page .card .card-coding-title{border-radius:8px;border:var(--stroke-weight-1, .999px) solid var(--color-grey-9310, rgba(239, 238, 236, .1));background:var(--color-grey-7, #131313)}.ide-page .footer{position:relative}.ide-page .footer .footer-content{margin:0 16px;border-radius:20px;background:linear-gradient(180deg,#31e4c9,#000);box-sizing:border-box;position:relative}.ide-page .footer:before{border-radius:20px;background:linear-gradient(180deg,#31e4c9,#000 37.99%);content:"";position:absolute;width:80%;height:80%;left:50%;top:-36px;transform:translate(-50%)}.ide-page .footer .footer-logo{flex-shrink:0;border-radius:20px;border:1px solid rgba(255,255,255,.18);overflow:hidden;max-width:224px;max-height:224px;width:11.5vw;height:11.5vw;min-width:100px;min-height:100px}.ide-page .footer .footer-logo img{width:100%;height:100%}.ide-page .footer .footer-desc{color:#f5f5f599}@keyframes glowing{0%{background-position:400% 0}to{background-position:0 0}}@media (max-width: 414px){.main-title-logo:before{left:35%!important}}@media (max-width: 768px){.video-area .description:after{display:none}}