.container-E8kklT{margin:0 auto;min-height:600px}@media only screen and (max-width:768px){.container-E8kklT.withPadding-GWJXCg{padding-left:16px;padding-right:16px}}@media only screen and (min-width:768px) and (max-width:992px){.container-E8kklT.withPadding-GWJXCg{max-width:720px}}@media only screen and (min-width:992px) and (max-width:1200px){.container-E8kklT.withPadding-GWJXCg{max-width:960px}}@media only screen and (min-width:1200px) and (max-width:1440px){.container-E8kklT.withPadding-GWJXCg{max-width:1140px}}@media only screen and (min-width:1440px){.container-E8kklT.withPadding-GWJXCg{max-width:1320px}}.container-mUGwY1{align-items:center;display:flex;flex-direction:column;text-align:center}.container-mUGwY1 .lamp-qAPUEh{position:absolute}.container-mUGwY1 .item-otYOij{display:flex;justify-content:center;width:100%}.container-mUGwY1 .tag-pW2eLV{align-items:center;background:linear-gradient(180deg,rgba(40,81,254,.2),rgba(158,176,255,.15));border:.75px solid rgba(166,202,255,.3);border-radius:16px;color:#b9d5ff;display:inline-block;line-height:32px;padding:0 16px}.container-mUGwY1 .textContent-IFD3GW{margin-top:116px;z-index:1}@media (max-width:768px){.container-mUGwY1 .textContent-IFD3GW{margin-top:70px}}.container-mUGwY1 .title-sFP9uT{background:linear-gradient(180deg,#c9dfff,#ebf3ff);-webkit-background-clip:text;background-clip:text;color:#ebf3ff;font-size:56px;font-weight:600;letter-spacing:.003em;line-height:64px;margin:20px 0;max-width:1100px;padding:0 30px;text-align:center}.container-mUGwY1 .title-sFP9uT.cn-TliQtT{font-size:52px}@media (max-width:768px){.container-mUGwY1 .title-sFP9uT.cn-TliQtT{font-size:32px;line-height:40px}.container-mUGwY1 .title-sFP9uT{font-size:32px;line-height:40px;margin:12px 0}}.container-mUGwY1 .description-XWbvcg{color:hsla(0,0%,100%,.5);font-size:18px;font-weight:400;letter-spacing:.003em;line-height:32px;max-width:870px;padding:0 50px;text-align:center}@media (max-width:768px){.container-mUGwY1 .description-XWbvcg{font-size:16px;line-height:22px}}.container-mUGwY1 .moreContent-PhiwlL{margin-top:56px;width:100%}.container-mUGwY1 .moreContent-PhiwlL .intro-card-more-content{align-items:flex-end;display:flex;flex-direction:column;overflow:hidden}@media (max-width:768px){.container-mUGwY1 .moreContent-PhiwlL .intro-card-more-content{flex-direction:column!important}}.container-mUGwY1 .moreContent-PhiwlL .card-img{display:flex;flex:1 1;height:100%;overflow:hidden;width:100%}.container-mUGwY1 .moreContent-PhiwlL .card-img .img{height:auto;object-fit:contain;object-position:center;overflow:hidden;width:100%}@media (max-width:768px){.container-mUGwY1 .moreContent-PhiwlL .card-img .img{height:100%;width:auto}}.container-IGUzMj{align-items:flex-start;background:var(--white-6,hsla(0,0%,100%,.06));border:1px solid var(--white-20,hsla(0,0%,100%,.2));border-radius:3px;display:inline-flex;gap:8px;padding:0 8px}.content-xqDfMN{align-items:center;color:hsla(0,0%,100%,.85);display:flex;font-family:SF Pro Text;font-size:16px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:400;gap:10px;justify-content:center;letter-spacing:.048px;line-height:32px;padding:2px 16px;text-align:center}.mobile-hW6XuD{display:none;font-size:16px}.mobile-hW6XuD .tagRow-mTST7h{justify-content:center}.default-CxkUdm{color:hsla(0,0%,100%,.75);font-size:15px;font-weight:500}@media only screen and (max-width:768px){.default-CxkUdm{display:none}.mobile-hW6XuD{display:flex}}.mutipleIdesWrapper-IURW6t{background-image:url(https://lf-cdn.trae.com.cn/obj/trae-com-cn/trae_website_prod_cn/static/image/banner-bg.a3e29b4c.png);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;width:100%}.mutipleIdesWrapper-IURW6t .card-column{overflow:visible!important}.gradientBg-vn0D_G{background-image:linear-gradient(to top,transparent 0,var(--bg-color) 100%),url(https://lf-cdn.trae.com.cn/obj/trae-com-cn/trae_website_prod_cn/static/image/banner-bg.a3e29b4c.png);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;height:80px;margin:0 auto;max-width:717px;width:100%}.tagRow-mTST7h{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.tagRow-mTST7h:first-child{margin-bottom:24px}.multipleIdesCard-of8dvm{aspect-ratio:1;height:200px;margin:0 auto;width:200px}@media only screen and (max-width:768px){.multipleIdesCard-of8dvm{max-height:30vw;max-width:30vw}}.multipleIdesCard-of8dvm .intro-card-content{border:hsla(0,0%,100%,.2);flex-direction:column-reverse!important;padding:24px}@media only screen and (max-width:768px){.multipleIdesCard-of8dvm .intro-card-content{padding:16px}}.multipleIdesCard-of8dvm .intro-card-content .text-content{font-size:16px;padding:16px 0 0 0!important}.multipleIdesCard-of8dvm .intro-card-more-content{margin-left:auto;margin-right:auto;padding:0!important;width:100%}.multipleIdesCard-of8dvm .intro-card-more-content .card-img{flex:1 1;justify-content:center}.multipleIdesCard-of8dvm .intro-card-more-content .card-img .img{height:auto;max-height:100%;object-fit:contain;object-position:center;padding:0!important;width:100%}.container-obx1Me{display:flex;flex-direction:column;overflow:hidden;--common-card-border:conic-gradient(from 180deg at 50% 50%,hsla(0,0%,100%,.3) -16.8deg,rgba(233,242,255,.3) 102.57deg,rgba(120,162,243,.5) 119.39deg,rgba(120,162,243,.3) 134.11deg,hsla(0,0%,100%,.1) 167.4deg,hsla(0,0%,100%,.3) 285.07deg,rgba(120,162,243,.3) 312.16deg,hsla(0,0%,100%,.3) 325.92deg,hsla(0,0%,100%,.3) 343.2deg,rgba(233,242,255,.3) 462.57deg);--common-card-bg:linear-gradient(#0e0e0e,#0e0e0e);--intro-card-padding-top:33px;--intro-card-padding-bottom:0;--intro-card-padding-left:34px;--intro-card-padding-right:34px}.container-obx1Me.alignLeft-Nr9a7t{text-align:left}.container-obx1Me.alignLeft-Nr9a7t .description-elsMWN{max-width:456px}.container-obx1Me.alignCenter-mavRfZ{text-align:center}@media only screen and (max-width:768px),only screen and (min-width:768px) and (max-width:992px){.container-obx1Me{--intro-card-padding-top:24px!important;--intro-card-padding-bottom:24px!important;--intro-card-padding-left:20px!important;--intro-card-padding-right:20px!important}.container-obx1Me.marginTop-aHEMs3{--intro-card-padding-bottom:0!important}.container-obx1Me.marginBottom-o4d0Dm{--intro-card-padding-top:0!important}}.container-obx1Me .textContent-UuB6kW .title-p6YMBT{color:#fff;font-size:var(--intro-card-title-font-size);font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:600;letter-spacing:var(--intro-card-title-letter-spacing);line-height:36px}@media only screen and (min-width:768px) and (max-width:992px){.container-obx1Me .textContent-UuB6kW .title-p6YMBT{font-size:22px}}.container-obx1Me .textContent-UuB6kW .medium-title-AebDxL{font-size:20px;letter-spacing:.06px}.container-obx1Me .textContent-UuB6kW .description-elsMWN{color:hsla(0,0%,100%,.65);font-size:var(--intro-card-description-font-size);font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:400;letter-spacing:var(--intro-card-description-letter-spacing);line-height:var(--intro-card-description-line-height);margin-bottom:10px;margin-top:6px}.container-obx1Me .children-J40NMQ{flex:1 1;padding-left:var(--intro-card-padding-left);padding-right:var(--intro-card-padding-right)}@media only screen and (max-width:768px){.container-obx1Me .children-J40NMQ{margin-bottom:0}}.container-obx1Me .textContent-UuB6kW{padding:var(--intro-card-padding-top) var(--intro-card-padding-right) var(--intro-card-padding-bottom) var(--intro-card-padding-left)!important}.container-obx1Me .mediumTextContent-XThevN{padding:35px}.versionTag-WeX7x9{border:.75px solid #fff;border-radius:4px;color:#fff;display:inline-block;font-family:SF Pro Text;font-size:13px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:400;letter-spacing:.039px;line-height:24px;padding:0 8px;text-align:center;transform:translateY(-3px)}.container-TtmvfG{flex-direction:column}.container-TtmvfG,.container-TtmvfG .row-q2cVXf{display:flex;gap:24px}.container-TtmvfG .row-q2cVXf .card-column{overflow:hidden}@media only screen and (max-width:768px){.container-TtmvfG .row-q2cVXf .card-column{flex:unset!important;width:100%!important}.container-TtmvfG .row-q2cVXf .card-column .intro-card{aspect-ratio:1}}@media (max-width:480px){.container-TtmvfG .row-q2cVXf{flex-direction:column}}.medium-container-j1BPBg{margin:auto;width:66%}.small-container-kQLQVD{margin:auto;width:35%}.small-container-kQLQVD .row-q2cVXf{gap:60px}.container-AZjInO{border:1px solid var(--border-border-neutral-l2,hsla(0,0%,100%,.12));border-radius:6px;display:flex;flex-direction:column;overflow:hidden;position:relative;--common-card-border:1px solid var(--white-20,hsla(0,0%,100%,.2));--common-card-bg:linear-gradient(#0e0e0e,#0e0e0e);background:var(--white-6,var(--white-6)) padding-box,var(--common-card-border) border-box;--intro-card-padding-top:33px;--intro-card-padding-bottom:0;--intro-card-padding-left:34px;--intro-card-padding-right:34px}.container-AZjInO .mask-tjlRrB{background-color:hsla(0,0%,100%,.08);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.container-AZjInO:hover .mask-tjlRrB{display:block}.container-AZjInO.alignLeft-xYkMkn{background:linear-gradient(17deg,hsla(0,0%,100%,.1) 8.58%,transparent 50.55%),#18191d;text-align:left}.container-AZjInO.alignLeft-xYkMkn .description-H1ozfB{max-width:456px}.container-AZjInO.alignCenter-evyzVq{text-align:center}@media only screen and (max-width:768px),only screen and (min-width:768px) and (max-width:992px){.container-AZjInO{--intro-card-padding-top:24px!important;--intro-card-padding-bottom:24px!important;--intro-card-padding-left:20px!important;--intro-card-padding-right:20px!important}.container-AZjInO.marginTop-lUzKpt{--intro-card-padding-bottom:0!important}.container-AZjInO.marginBottom-jJi0yo{--intro-card-padding-top:0!important}}.container-AZjInO .textContent-rBPbM0 .title-b_Jtr8{color:#fff;font-size:24px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:600;letter-spacing:.072px;line-height:36px}@media only screen and (min-width:768px) and (max-width:992px){.container-AZjInO .textContent-rBPbM0 .title-b_Jtr8{font-size:22px}}.container-AZjInO .textContent-rBPbM0 .title-b_Jtr8.cn-CrrNsT{font-size:22px;line-height:32px}@media only screen and (max-width:768px){.container-AZjInO .textContent-rBPbM0 .title-b_Jtr8.cn-CrrNsT{font-size:20px;line-height:28px}}.container-AZjInO .textContent-rBPbM0 .description-H1ozfB{color:hsla(0,0%,100%,.65);font-size:14px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:400;letter-spacing:.042px;line-height:22px;margin-bottom:10px;margin-top:6px}.container-AZjInO .textContent-rBPbM0 .description-H1ozfB.cn-CrrNsT{font-size:16px;line-height:24px}@media only screen and (max-width:768px){.container-AZjInO .textContent-rBPbM0 .description-H1ozfB.cn-CrrNsT{font-size:14px;line-height:22px}}.container-AZjInO .children-kDbaix{flex:1 1;padding-left:var(--intro-card-padding-left);padding-right:var(--intro-card-padding-right)}@media only screen and (max-width:768px){.container-AZjInO .children-kDbaix{margin-bottom:0}}.container-AZjInO .textContent-rBPbM0{padding:var(--intro-card-padding-top) var(--intro-card-padding-right) var(--intro-card-padding-bottom) var(--intro-card-padding-left)!important}.container-AZjInO .mediumTextContent-tzv1Ns{padding:35px}.versionTag-pDYpZt{border:.75px solid #fff;border-radius:4px;color:#fff;display:inline-block;font-family:SF Pro Text;font-size:13px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:400;letter-spacing:.039px;line-height:24px;padding:0 8px;text-align:center;transform:translateY(-3px)}.container-FK98hY{flex-direction:column}.container-FK98hY,.container-FK98hY .row-Iw5dax{display:flex;gap:24px}.container-FK98hY .row-Iw5dax .card-column{overflow:hidden}@media only screen and (max-width:768px){.container-FK98hY .row-Iw5dax{flex-direction:column}.container-FK98hY .row-Iw5dax .card-column{flex:unset!important;width:100%!important}.container-FK98hY .row-Iw5dax .card-column .intro-card{aspect-ratio:1}}.medium-container-OksUM1{margin:auto;width:66%}.small-container-SjAPEE{margin:auto;width:35%}.small-container-SjAPEE .row-Iw5dax{gap:60px}.codeCompletionCard-CInzaa{aspect-ratio:1.62;background:conic-gradient(from 111deg at 59.41% 103.87%,#fff 64.31011319deg,#fff 74.88500118deg,#06f 180.1738286deg,#aa0afa 283.39744091deg,#f55200 319.17087793deg),linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.056) 49.32%,rgba(6,5,5,.16))!important;border:none!important;overflow:unset}.codeCompletionCard-CInzaa .intro-card-description{max-width:600px!important;min-height:64px}.codeCompletionCard-CInzaa .intro-card-more-content{margin-bottom:-2px;padding-left:19px!important;padding-right:17px!important}.codeCompletionCard-CInzaa .intro-card-more-content .card-img{height:100%}.codeCompletionCard-CInzaa .intro-card-more-content .card-img.card-img-safari{position:relative}.codeCompletionCard-CInzaa .intro-card-more-content .card-img.card-img-safari .img{bottom:0;position:absolute;top:0}@media only screen and (max-width:768px){.codeCompletionCard-CInzaa{aspect-ratio:1.02!important}.codeCompletionCard-CInzaa .intro-card-more-content{padding-right:0!important;padding-top:10px}.codeCompletionCard-CInzaa .intro-card-more-content .card-img .img{height:100%;width:auto}}@media only screen and (min-width:768px) and (max-width:992px){.codeCompletionCard-CInzaa{aspect-ratio:1!important}.codeCompletionCard-CInzaa .intro-card-more-content{padding-right:0!important}.codeCompletionCard-CInzaa .intro-card-more-content .card-img .img{height:100%;width:auto}}.codeGenerationCard-zfl7g7{aspect-ratio:1.13;background:linear-gradient(224.3deg,rgba(40,81,254,.15) -3.48%,transparent 47.61%) padding-box,linear-gradient(0deg,#0d0e0e,#0d0e0e) padding-box,var(--common-card-border) border-box!important}.codeGenerationCard-zfl7g7 .intro-card-description{min-height:79px}.codeGenerationCard-zfl7g7 .intro-card-more-content{padding-left:19px!important;padding-right:0!important}.codeGenerationCard-zfl7g7 .intro-card-more-content .card-img .img{height:100%!important;width:auto!important}.codeGenerationCard-zfl7g7 .intro-card-more-content .card-img.card-img-safari{position:relative}.codeGenerationCard-zfl7g7 .intro-card-more-content .card-img.card-img-safari .img{bottom:0;position:absolute;top:0}@media only screen and (min-width:768px) and (max-width:992px){.codeGenerationCard-zfl7g7{aspect-ratio:.7!important}.codeGenerationCard-zfl7g7 .card-img .img{height:100%!important;width:auto!important}}@media only screen and (max-width:768px){.codeGenerationCard-zfl7g7{aspect-ratio:1!important}.codeGenerationCard-zfl7g7 .intro-card-more-content .card-img .img{height:100%!important;width:auto!important}}.aiCard-rVY5rG,.codeExplainCard-dqMYl1{aspect-ratio:.712}.aiCard-rVY5rG .intro-card-more-content,.codeExplainCard-dqMYl1 .intro-card-more-content{margin-left:auto;margin-right:auto;width:100%}.aiCard-rVY5rG .intro-card-more-content .img,.codeExplainCard-dqMYl1 .intro-card-more-content .img{object-position:top}@media only screen and (min-width:768px) and (max-width:992px){.aiCard-rVY5rG,.codeExplainCard-dqMYl1{aspect-ratio:.512!important}}.bugfixCard-vHJZ2z{aspect-ratio:532.52/518}@media only screen and (min-width:768px) and (max-width:992px){.bugfixCard-vHJZ2z{aspect-ratio:.737!important}}.bugfixCard-vHJZ2z .intro-card-description{min-height:80px}.bugfixCard-vHJZ2z .card-img{align-items:center;justify-content:center}.bugfixCard-vHJZ2z .card-img .img{height:auto!important;max-height:100%!important;object-fit:contain!important;object-position:top center!important;width:100%!important}.codeExplainCard-dqMYl1{background:linear-gradient(29.58deg,rgba(40,81,254,.15) 15.39%,transparent 48.13%) padding-box,linear-gradient(0deg,#0d0e0e,#0d0e0e) padding-box,var(--common-card-border) border-box!important}.codeExplainCard-dqMYl1 .intro-card-description{min-height:67px}.codeExplainCard-dqMYl1 .intro-card-more-content{margin-left:auto;margin-right:auto;width:100%}.codeExplainCard-dqMYl1 .intro-card-more-content .card-img{align-items:flex-end;display:flex;margin:0 auto;max-height:100%}.codeExplainCard-dqMYl1 .intro-card-more-content .card-img .img{margin-left:auto;margin-right:auto}@media only screen and (max-width:768px){.codeExplainCard-dqMYl1{aspect-ratio:.7867!important}}.aiCard-rVY5rG .intro-card-more-content{padding-top:10px}.aiCard-rVY5rG .intro-card-more-content .card-img{max-height:100%}.aiCard-rVY5rG .intro-card-more-content .card-img .img{margin-left:auto;margin-right:auto}@media only screen and (max-width:768px){.aiCard-rVY5rG{aspect-ratio:.862!important}.aiCard-rVY5rG .intro-card-more-content{padding-top:20px}}.bugfixCard-vHJZ2z{background:linear-gradient(270.88deg,rgba(40,81,254,.08) -8.95%,transparent 64.69%) padding-box,linear-gradient(0deg,#0d0e0e,#0d0e0e) padding-box,var(--common-card-border) border-box!important}@media only screen and (max-width:768px){.bugfixCard-vHJZ2z{aspect-ratio:.962!important}}.bugfixCard-vHJZ2z .intro-card-more-content{align-items:center!important}.createInMulPrjWay-x2imOm{aspect-ratio:1.222;background:conic-gradient(from -44.73deg at 60.34% 50%,#f55200 -49.59deg,#aa0afa 9.4deg,#06f 155.37deg,#fff 215.4deg,#f55200 310.41deg,#aa0afa 369.4deg),linear-gradient(180deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.056) 49.32%,hsla(0,0%,100%,.16))!important;border:none!important}.createInMulPrjWay-x2imOm .intro-card-description{min-height:60px}.createInMulPrjWay-x2imOm .intro-card-more-content{display:flex;padding-left:19px!important;padding-right:0!important}.createInMulPrjWay-x2imOm .intro-card-more-content .card-img .img{border-radius:12px 0 0 0;width:100%!important}.createInMulPrjWay-x2imOm .intro-card-more-content .card-img.card-img-safari{position:relative;width:100%}.createInMulPrjWay-x2imOm .intro-card-more-content .card-img.card-img-safari .img{bottom:0;position:absolute;top:0}@media only screen and (max-width:768px){.createInMulPrjWay-x2imOm{aspect-ratio:.8!important}.createInMulPrjWay-x2imOm .intro-card-more-content .card-img .img{height:100%!important;width:auto!important}}@media only screen and (min-width:768px) and (max-width:992px){.createInMulPrjWay-x2imOm{aspect-ratio:1.5!important}}@media only screen and (min-width:992px) and (max-width:1200px){.createInMulPrjWay-x2imOm{aspect-ratio:1.5!important}}@media only screen and (min-width:1440px){.createInMulPrjWay-x2imOm .intro-card-more-content .card-img .img{height:100%!important;width:auto!important}}.outOfBoxCard-icslG2{aspect-ratio:.589}@media only screen and (max-width:768px){.outOfBoxCard-icslG2{aspect-ratio:.8!important}}@media only screen and (min-width:768px) and (max-width:992px){.outOfBoxCard-icslG2{aspect-ratio:.9!important}}@media only screen and (min-width:992px) and (max-width:1200px){.outOfBoxCard-icslG2{aspect-ratio:.9!important}}.outOfBoxCard-icslG2 .intro-card-description{min-height:70px}@media only screen and (min-width:768px) and (max-width:992px){.outOfBoxCard-icslG2 .intro-card-description{min-height:40px}}.outOfBoxCard-icslG2 .intro-card-more-content{margin-left:auto;margin-right:auto;width:100%}.outOfBoxCard-icslG2 .intro-card-more-content .card-img{height:100%}.outOfBoxCard-icslG2 .intro-card-more-content .card-img .img{margin-left:auto;margin-right:auto;object-fit:contain;object-position:center}.quickStableCard-g3hNmg{aspect-ratio:.589;background:linear-gradient(#141414,#141414) padding-box,conic-gradient(from 180deg at 50% 50%,#78a2f3 -4.74deg,hsla(0,0%,100%,.16) 46.65deg,hsla(0,0%,100%,.16) 65.18deg,rgba(233,242,255,.85) 126.05deg,rgba(120,162,243,.86) 142.43deg,rgba(120,162,243,.65) 163.82deg,hsla(0,0%,100%,.16) 192.78deg,hsla(0,0%,100%,.36) 305.58deg,#78a2f3 355.26deg,hsla(0,0%,100%,.16) 406.65deg) border-box!important;border:1px solid transparent}@media only screen and (max-width:768px){.quickStableCard-g3hNmg{aspect-ratio:.8!important}}@media only screen and (min-width:768px) and (max-width:992px){.quickStableCard-g3hNmg{aspect-ratio:.9!important}}@media only screen and (min-width:992px) and (max-width:1200px){.quickStableCard-g3hNmg{aspect-ratio:.9!important}}.quickStableCard-g3hNmg .intro-card-description{min-height:70px}@media only screen and (min-width:768px) and (max-width:992px){.quickStableCard-g3hNmg .intro-card-description{min-height:40px}}.quickStableCard-g3hNmg .intro-card-more-content{margin-left:auto;margin-right:auto;padding:0;width:100%}.quickStableCard-g3hNmg .intro-card-more-content .card-img{height:100%}.quickStableCard-g3hNmg .intro-card-more-content .card-img .img{margin-left:auto;margin-right:auto;object-fit:contain;object-position:center}.variousToolsCard-WJ6a8r .intro-card-more-content{margin-bottom:0;margin-right:0}.trustableSection-oo8CHD{flex-direction:row!important}.trustableSection-oo8CHD .card-row:nth-child(0){flex:6.48 1}.trustableSection-oo8CHD .card-row:first-child,.trustableSection-oo8CHD .card-row:nth-child(2){flex:3.12 1}@screen-small , only screen and (min-width: 768px) and (max-width: 992px), only screen and (min-width: 992px) and (max-width: 1200px){flex-direction:column!important}.codeExplainExtensionCard-k8Gn5H{aspect-ratio:.9;background:linear-gradient(17deg,hsla(0,0%,100%,.1) 8.58%,transparent 50.55%),#18191d}.codeExplainExtensionCard-k8Gn5H .intro-card-description{min-height:67px}.codeExplainExtensionCard-k8Gn5H .intro-card-more-content{padding-left:0!important;padding-right:0!important}.codeExplainExtensionCard-k8Gn5H .intro-card-more-content .card-img{align-items:flex-end;display:flex;margin:0 auto;max-height:100%}.codeExplainExtensionCard-k8Gn5H .intro-card-more-content .card-img .img{margin-left:auto;margin-right:auto;max-width:100%}@media only screen and (min-width:768px) and (max-width:992px){.codeExplainExtensionCard-k8Gn5H{aspect-ratio:.7!important}.codeExplainExtensionCard-k8Gn5H .intro-card-more-content .card-img .img{height:100%!important;width:auto!important}}@media only screen and (min-width:992px) and (max-width:1200px){.codeExplainExtensionCard-k8Gn5H{aspect-ratio:.807!important}}@media only screen and (min-width:1200px) and (max-width:1440px){.codeExplainExtensionCard-k8Gn5H{aspect-ratio:.8567!important}}@media only screen and (max-width:768px){.codeExplainExtensionCard-k8Gn5H{aspect-ratio:.83!important}.codeExplainExtensionCard-k8Gn5H .intro-card-more-content{padding-left:20px!important;padding-right:20px!important}.codeExplainExtensionCard-k8Gn5H .intro-card-more-content .card-img .img{height:auto;width:100%}}.codeRecommandationCard-unAqd9{aspect-ratio:1.85!important}.codeRecommandationCard-unAqd9 video{border-radius:12px}.codeRecommandationCard-unAqd9 .intro-card-description{max-width:unset!important;min-height:67px}.codeRecommandationCard-unAqd9 .intro-card-more-content{padding-left:19px!important;padding-right:1px!important;width:100%}.codeRecommandationCard-unAqd9 .intro-card-more-content .card-img{align-items:flex-end;display:flex;max-height:100%}.codeRecommandationCard-unAqd9 .intro-card-more-content .card-img .img{border-radius:12px 0 0 0;height:auto;width:100%}@media only screen and (max-width:768px){.codeRecommandationCard-unAqd9{aspect-ratio:1.56!important}.codeRecommandationCard-unAqd9 .card-img .img{height:100%!important;width:auto!important}}@media (max-width:600px){.codeRecommandationCard-unAqd9{aspect-ratio:1.3!important}}@media only screen and (min-width:992px) and (max-width:1200px){.codeRecommandationCard-unAqd9{aspect-ratio:1.66!important}}@media only screen and (min-width:1200px) and (max-width:1440px){.codeRecommandationCard-unAqd9{aspect-ratio:1.77!important}}@media only screen and (min-width:768px) and (max-width:992px){.codeRecommandationCard-unAqd9{aspect-ratio:1.439!important}.codeRecommandationCard-unAqd9 .card-img .img{height:100%!important;width:auto!important}}.unitTestCard-HLicAY{aspect-ratio:1.32;background:linear-gradient(17deg,hsla(0,0%,100%,.1) 8.58%,transparent 50.55%),#18191d}.unitTestCard-HLicAY .intro-card-description{min-height:54px}.unitTestCard-HLicAY .intro-card-more-content{padding-left:19px!important;padding-right:0!important}.unitTestCard-HLicAY .intro-card-more-content .card-img.card-img-safari{position:relative}.unitTestCard-HLicAY .intro-card-more-content .card-img.card-img-safari .img{bottom:0;position:absolute;top:0}@media only screen and (min-width:768px) and (max-width:992px){.unitTestCard-HLicAY{aspect-ratio:1!important}.unitTestCard-HLicAY .intro-card-description{min-height:72px}.unitTestCard-HLicAY .card-img .img{height:auto!important;width:100%!important}}@media only screen and (max-width:768px){.unitTestCard-HLicAY{aspect-ratio:1.316!important}.unitTestCard-HLicAY .intro-card-more-content .card-img .img{height:auto!important;width:100%!important}}.codeCompletionExtensionCard-ZpQbkZ{aspect-ratio:1.31!important}.codeCompletionExtensionCard-ZpQbkZ .intro-card-description{max-width:600px!important;min-height:54px}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content{padding-left:34px!important;padding-right:0!important}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content .card-img{height:100%}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content .card-img.card-img-safari{position:relative}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content .card-img.card-img-safari .img{bottom:0;height:100%;left:0;position:absolute;width:auto}@media only screen and (max-width:768px){.codeCompletionExtensionCard-ZpQbkZ{aspect-ratio:1.33!important}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content{padding-left:20px!important;padding-right:0!important;padding-top:10px}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content .card-img .img{height:auto;width:100%}}@media only screen and (min-width:768px) and (max-width:992px){.codeCompletionExtensionCard-ZpQbkZ{aspect-ratio:1!important}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content{padding-right:0!important}.codeCompletionExtensionCard-ZpQbkZ .intro-card-more-content .card-img .img{height:auto;width:100%}}.codeLastRowExtensionCard-lUBkHP{aspect-ratio:.87;background:linear-gradient(17deg,hsla(0,0%,100%,.1) 8.58%,transparent 50.55%),#18191d}.codeLastRowExtensionCard-lUBkHP .intro-card-description{min-height:67px}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content{padding-left:0!important;padding-right:0!important}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content .card-img{align-items:flex-end;display:flex;margin:0 auto;max-height:100%}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content .card-img .img{height:100%;margin-left:auto;margin-right:auto;max-width:100%}@media only screen and (min-width:768px) and (max-width:992px){.codeLastRowExtensionCard-lUBkHP{aspect-ratio:.7!important}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content{padding-left:24px!important;padding-right:24px!important}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content .card-img .img{height:auto!important;width:100%!important}}@media only screen and (max-width:768px){.codeLastRowExtensionCard-lUBkHP{aspect-ratio:.96!important}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content{padding-left:20px!important;padding-right:20px!important}.codeLastRowExtensionCard-lUBkHP .intro-card-more-content .card-img .img{height:100%;width:auto}}.dataSecuritySection-KQN2i1 .intro-card-description{color:hsla(0,0%,100%,.45)!important}.container-azGin9{display:grid;grid-template-areas:"header" "content" "footer";grid-template-rows:54px auto auto;min-height:100vh}@media (min-width:768px){.container-azGin9{grid-template-rows:80px auto auto}}.container-azGin9 .header-oH7zDc{grid-area:header;position:-webkit-sticky;position:sticky;top:0;z-index:10}.container-azGin9 .content-pBy0QK{background-color:#000;grid-area:content;overflow-x:hidden;padding-bottom:60px;z-index:1}@media (min-width:480px){.container-azGin9 .content-pBy0QK{padding-bottom:130px}}.container-azGin9 .getStartWrapper-PqlEbI{width:100%}.container-azGin9 .footerHelper-r3a185{overflow:hidden}.container-azGin9 .footer-H5grbW{grid-area:footer}body{--column-gap:24px;--header-padding:197px;--common-card-border:conic-gradient(from 180deg at 50% 50%,hsla(0,0%,100%,.3) -16.8deg,rgba(233,242,255,.3) 102.57deg,rgba(120,162,243,.5) 119.39deg,rgba(120,162,243,.3) 134.11deg,hsla(0,0%,100%,.1) 167.4deg,hsla(0,0%,100%,.3) 285.07deg,rgba(120,162,243,.3) 312.16deg,hsla(0,0%,100%,.3) 325.92deg,hsla(0,0%,100%,.3) 343.2deg,rgba(233,242,255,.3) 462.57deg);--background-container:linear-gradient(#111212,#111212) padding-box,var(--common-card-border) border-box}@media only screen and (max-width:768px){body body{--header-padding:120px}}@media only screen and (min-width:768px) and (max-width:992px){body{--column-width:69px}}@media only screen and (min-width:992px) and (max-width:1200px){body{--column-width:58px}}@media only screen and (min-width:1200px) and (max-width:1440px){body{--column-width:73px}}@media only screen and (min-width:1440px){body{--column-width:88px}}.aiContainer-dolDpC{background-size:100% 100%}.builderContainer-sZ6FzJ{animation:fadeIn-R4rzlB 1.5s ease-in-out;aspect-ratio:1320/540!important;background-image:url(https://lf-cdn.trae.com.cn/obj/trae-com-cn/trae_website_prod_cn/static/image/builder_bg_green.ee87114f.png)!important;background-size:cover!important;border:1px solid transparent;border:1px solid var(--border-border-neutral-l2,hsla(0,0%,100%,.12));border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1320px;padding:33px 34px 0 34px;width:100%}@keyframes fadeIn-R4rzlB{0%{opacity:0;transform:translateY(30px)}to{opacity:1}}@media only screen and (max-width:768px),only screen and (min-width:768px) and (max-width:992px){.builderContainer-sZ6FzJ{padding:24px 20px 0 20px}}.builderContainer-sZ6FzJ .title-KObkSu{color:#fff;font-size:22px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:600;letter-spacing:.072px;line-height:32px}@media only screen and (max-width:768px){.builderContainer-sZ6FzJ .title-KObkSu{font-size:20px;line-height:28px}}.builderContainer-sZ6FzJ .description-_i6TXI{color:hsla(0,0%,100%,.65);font-size:16px;font-style:normal;font-variant-numeric:lining-nums proportional-nums;font-weight:400;letter-spacing:.042px;line-height:24px;margin-bottom:10px;margin-top:6px;min-height:44px}@media only screen and (max-width:768px){.builderContainer-sZ6FzJ .description-_i6TXI{font-size:14px;line-height:22px}}.builderImageContainer-sLEk6m{align-items:center;display:flex;flex:1 1;justify-content:center}.builderImage-tKyakR{height:auto;max-width:1320px;width:100%}.container-Tn5t6c{align-items:center;display:flex;flex-direction:column;text-align:center}.container-Tn5t6c .lamp-cUszXY{position:absolute}.container-Tn5t6c .item-E3xN90{display:flex;justify-content:center;width:100%}.container-Tn5t6c .tag-Dqx639{align-items:center;background:linear-gradient(180deg,rgba(40,81,254,.2),rgba(158,176,255,.15));border:.75px solid rgba(166,202,255,.3);border-radius:16px;color:#b9d5ff;display:inline-block;line-height:32px;padding:0 16px}.container-Tn5t6c .textContent-f78RSd{z-index:1}.container-Tn5t6c .title-KObkSu{background:linear-gradient(180deg,#c9dfff,#ebf3ff);-webkit-background-clip:text;background-clip:text;color:#ebf3ff;font-size:56px;font-weight:600;letter-spacing:.003em;line-height:64px;margin:12px 0;max-width:1100px;padding:0 30px;text-align:center}.container-Tn5t6c .title-KObkSu.cn-qpRSNV{font-size:52px}@media only screen and (max-width:768px){.container-Tn5t6c .title-KObkSu.cn-qpRSNV{font-size:32px;line-height:40px}.container-Tn5t6c .title-KObkSu{font-size:32px;line-height:40px;margin:12px 0}}.container-Tn5t6c .description-_i6TXI{color:rgba(198,215,239,.65);font-size:20px;font-weight:500;letter-spacing:.003em;line-height:32px;max-width:870px;padding:0 50px;text-align:center}@media only screen and (max-width:768px){.container-Tn5t6c .description-_i6TXI{font-size:16px;line-height:22px}}.container-Tn5t6c .moreContent-Z5lorc{width:100%}.container-Tn5t6c .moreContent-Z5lorc .intro-card-more-content{align-items:flex-end;display:flex;flex-direction:column;overflow:hidden}.container-Tn5t6c .moreContent-Z5lorc .card-img{display:flex;flex:1 1;height:100%;overflow:hidden;width:100%}.container-Tn5t6c .moreContent-Z5lorc .card-img .img{height:100%;margin:0 auto;object-fit:cover;object-position:left top;overflow:hidden;width:auto}@media only screen and (max-width:768px),only screen and (min-width:768px) and (max-width:992px){.container-Tn5t6c .moreContent-Z5lorc .card-img .img{width:100%}.container-Tn5t6c .moreContent-Z5lorc .card-img .img.codeExplainImg{height:auto}}.topContainer-_N56GC{flex:1 1}