.fx-sem-zero-code-page .dp-template-section{padding:100px 0 80px}.fx-sem-zero-code-page .dp-template-section .bricks{width:1230px;max-width:100%}.fx-sem-zero-code-page .dp-template-section .section-title{font-size:36px;line-height:50px;font-weight:500;color:#1f2d3d;text-align:center;margin:0 0 24px}.fx-sem-zero-code-page .dp-template-section .template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.fx-sem-zero-code-page .dp-template-section .template-card{border-radius:8px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);background:-webkit-gradient(linear,left bottom,left top,from(#f3f6fa),to(#fff));background:linear-gradient(1turn,#f3f6fa,#fff);min-height:264px;position:relative;overflow:hidden;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fx-sem-zero-code-page .dp-template-section .template-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.fx-sem-zero-code-page .dp-template-section .template-card:hover:after{display:block;opacity:1}.fx-sem-zero-code-page .dp-template-section .template-card:after{content:"";width:84px;height:73px;position:absolute;right:16px;bottom:9px;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/section5-bg-img.1939232a.webp) no-repeat 50%;background-size:contain;pointer-events:none;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.fx-sem-zero-code-page .dp-template-section .template-card .card-inner{padding:28px 36px;position:relative;z-index:1}.fx-sem-zero-code-page .dp-template-section .template-card h3{font-size:20px;line-height:28px;color:#1f2d3d;margin-bottom:16px}.fx-sem-zero-code-page .dp-template-section .template-card ul{margin-bottom:24px}.fx-sem-zero-code-page .dp-template-section .template-card li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;font-size:16px;line-height:24px;color:#4b5f73}.fx-sem-zero-code-page .dp-template-section .template-card li .iconfont{color:#0db3a6;font-size:20px;margin-top:2px}.fx-sem-zero-code-page .dp-template-section .template-card li+li{margin-top:14px}.fx-sem-zero-code-page .dp-template-section .template-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px;margin-top:22px}.fx-sem-zero-code-page .dp-template-section .template-pagination .switch-btn{width:56px;height:56px;border:0;border-radius:50%;background:-webkit-gradient(linear,left top,right top,from(#ffa700),to(#ff6f00));background:linear-gradient(90deg,#ffa700,#ff6f00);color:#fff;cursor:pointer}.fx-sem-zero-code-page .dp-template-section .template-pagination .switch-btn .iconfont{font-size:24px}.fx-sem-zero-code-page .dp-template-section .template-pagination .switch-btn:disabled{background:#d9d9d9;cursor:not-allowed}@media screen and (max-width:980px){.fx-sem-zero-code-page .dp-template-section{padding:44px 0}.fx-sem-zero-code-page .dp-template-section .section-title{font-size:22px;line-height:30px}.fx-sem-zero-code-page .dp-template-section .template-grid{grid-template-columns:1fr;gap:16px}.fx-sem-zero-code-page .dp-template-section .template-card{min-height:auto}.fx-sem-zero-code-page .dp-template-section .template-card .card-inner{padding:20px}.fx-sem-zero-code-page .dp-template-section .template-card h3{font-size:24px;line-height:30px}.fx-sem-zero-code-page .dp-template-section .template-card li{font-size:14px;line-height:22px}.fx-sem-zero-code-page .dp-template-section .template-pagination{margin-top:20px}.fx-sem-zero-code-page .dp-template-section .template-pagination .switch-btn{width:46px;height:46px}}.fx-sem-zero-code-page{color:#1f2937;background:#fff}.fx-sem-zero-code-page .bricks{width:1200px;margin:0 auto}.fx-sem-zero-code-page .fx-theme-btn.type-primary .ant-btn{padding:0 32px}.fx-sem-zero-code-page .fx-theme-btn.type-primary .ant-btn,.fx-sem-zero-code-page .fx-theme-btn.type-primary .ant-btn:hover{background:-webkit-gradient(linear,left top,right top,from(#ffa700),to(#ff6f00))!important;background:linear-gradient(90deg,#ffa700,#ff6f00)!important}.fx-sem-zero-code-page .fx-theme-btn.type-primary .ant-btn:hover{-webkit-box-shadow:0 0 12px 0 #ffa73f;box-shadow:0 0 12px 0 #ffa73f}@media screen and (max-width:1200px){.fx-sem-zero-code-page .bricks{width:100%;padding-left:24px;padding-right:24px}}@media screen and (max-width:980px){.fx-sem-zero-code-page .bricks{padding-left:16px;padding-right:16px}}.fx-sem-zero-code-page .feature-section{padding:50px 0 85px;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/function-bg-decoration.d9d132d2.webp) no-repeat 100% 100%,#f2fafd}.fx-sem-zero-code-page .feature-section .section-title{margin:0;text-align:center;font-size:36px;line-height:50px;color:#141e31;font-weight:500}.fx-sem-zero-code-page .feature-section .feature-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 30px}.fx-sem-zero-code-page .feature-section .feature-card{height:255px;border-radius:8px;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-sem-zero-code-page .feature-section .feature-card:hover{background:-webkit-gradient(linear,left bottom,left top,from(#f3f6fa),to(#fff));background:linear-gradient(1turn,#f3f6fa,#fff);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.05);box-shadow:0 4px 16px rgba(0,0,0,.05)}.fx-sem-zero-code-page .feature-section .item-icon-wrapper{width:151px;height:151px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/function-icon.36a540f3.webp) no-repeat 50%;background-size:380px 65px;margin:auto}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-0{background-position:0 0;height:65px;width:56px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-1{background-position:-56px 0;height:65px;width:62px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-2{background-position:-118px 0;height:64px;width:66px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-3{background-position:-184px 0;height:63px;width:66px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-4{background-position:-250px 0;height:65px;width:56px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-5{background-position:-306px 0;height:57px;width:74px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper .item-icon.icon-6{background-position:-380px 0;height:65px;width:56px}.fx-sem-zero-code-page .feature-section .item-title{margin:0 0 12px;font-size:20px;line-height:28px;color:#141e31}.fx-sem-zero-code-page .feature-section .item-desc{margin:0;text-align:center;font-size:16px;line-height:24px;color:#5e6d82;padding:0 16px}.fx-sem-zero-code-page .feature-section .install-btn-wrapper{margin-top:38px;text-align:center}@media screen and (max-width:980px){.fx-sem-zero-code-page .feature-section{padding:40px 0 48px;background-size:180px auto,auto}.fx-sem-zero-code-page .feature-section .section-title{font-size:24px;line-height:34px}.fx-sem-zero-code-page .feature-section .feature-grid{margin-top:20px;grid-template-columns:1fr;gap:14px}.fx-sem-zero-code-page .feature-section .feature-card{height:auto;min-height:190px;padding-bottom:18px}.fx-sem-zero-code-page .feature-section .item-icon-wrapper{height:106px}.fx-sem-zero-code-page .feature-section .item-title{font-size:18px;line-height:26px;margin-bottom:8px}.fx-sem-zero-code-page .feature-section .item-desc{font-size:14px;line-height:22px}.fx-sem-zero-code-page .feature-section .install-btn-wrapper{margin-top:22px}}@-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fx-sem-zero-code-page .szc-material-section{padding:60px 0 83px;background:#fff}.fx-sem-zero-code-page .szc-material-section .section-title{margin:0;text-align:center;font-size:36px;line-height:50px;color:#141e31;font-weight:500}.fx-sem-zero-code-page .szc-material-section .material-grid{margin-top:47px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:36px}.fx-sem-zero-code-page .szc-material-section .material-main-card{width:533px;-ms-flex-negative:0;flex-shrink:0;height:432px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;background:linear-gradient(40deg,#aeeddf,rgba(191,242,229,0) 25%),linear-gradient(313deg,#ebf5fd,#f3f6f9 33%,#f4f6f9 68%,#ebf5fd),linear-gradient(232deg,#e7f6ff,rgba(215,235,246,0))}.fx-sem-zero-code-page .szc-material-section .material-main-card .left-wrapper{width:267px;padding:93px 0 0 37px}.fx-sem-zero-code-page .szc-material-section .material-main-card .right-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:20px}.fx-sem-zero-code-page .szc-material-section .material-main-card .right-title{margin:101px 0 20px;font-size:20px;line-height:28px;font-weight:500;color:#141e31}.fx-sem-zero-code-page .szc-material-section .material-main-card .right-desc{margin:0 0 48px;color:#5e6d82;font-size:16px;line-height:22px;white-space:pre-line}.fx-sem-zero-code-page .szc-material-section .material-side-card{height:432px;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:8px;background:-webkit-gradient(linear,left bottom,left top,from(#f3f6fa),to(#fff));background:linear-gradient(1turn,#f3f6fa,#fff);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);padding-bottom:20px}.fx-sem-zero-code-page .szc-material-section .material-side-card .picture-wrapper{width:200px;height:224px;margin:15px auto 0}.fx-sem-zero-code-page .szc-material-section .material-side-card .item-desc{margin:17px auto 25px;width:208px;text-align:center;color:#5e6d82;font-size:16px;line-height:22px;white-space:pre-line}.fx-sem-zero-code-page .szc-material-section .download-btn{width:168px;height:48px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,from(#ffa700),to(#ff6f00));background:linear-gradient(90deg,#ffa700,#ff6f00);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.fx-sem-zero-code-page .szc-material-section .download-btn span{font-size:18px;line-height:24px;font-weight:500}.fx-sem-zero-code-page .szc-material-section .download-btn .iconfont{margin-left:8px;margin-top:2px;font-size:24px;line-height:24px}.fx-sem-zero-code-page .szc-material-section .material-side-card .download-btn{margin:0 auto}.fx-sem-zero-code-page .szc-material-section .material-side-swiper-wrapper{width:calc(100% - 557px);min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fx-sem-zero-code-page .szc-material-section .material-side-swiper{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.fx-sem-zero-code-page .szc-material-section .material-swiper-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;margin-top:16px}.fx-sem-zero-code-page .szc-material-section .material-swiper-nav .swiper-btn{width:40px;height:40px;border:0;border-radius:20px;background:-webkit-gradient(linear,left top,right top,from(#ffa700),to(#ff6f00));background:linear-gradient(90deg,#ffa700,#ff6f00);color:#fff;cursor:pointer}.fx-sem-zero-code-page .szc-material-section .material-swiper-nav .swiper-btn.swiper-button-disabled{background:#d9d9d9;cursor:not-allowed}@media screen and (max-width:980px){.fx-sem-zero-code-page .szc-material-section{padding:40px 0 48px}.fx-sem-zero-code-page .szc-material-section .section-title{font-size:24px;line-height:34px}.fx-sem-zero-code-page .szc-material-section .material-grid{margin-top:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.fx-sem-zero-code-page .szc-material-section .material-side-swiper-wrapper{width:100%}.fx-sem-zero-code-page .szc-material-section .material-main-card,.fx-sem-zero-code-page .szc-material-section .material-side-card{height:auto}.fx-sem-zero-code-page .szc-material-section .material-main-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fx-sem-zero-code-page .szc-material-section .material-main-card .left-wrapper{width:100%;padding:20px 0 0;text-align:center}.fx-sem-zero-code-page .szc-material-section .material-main-card .right-wrapper{padding:12px 16px 20px}.fx-sem-zero-code-page .szc-material-section .material-main-card .right-title{margin:0 0 10px;font-size:18px;line-height:26px}.fx-sem-zero-code-page .szc-material-section .material-main-card .right-desc{margin-bottom:16px;font-size:14px;line-height:22px}.fx-sem-zero-code-page .szc-material-section .material-side-card{padding-bottom:18px}.fx-sem-zero-code-page .szc-material-section .material-side-card .picture-wrapper{margin-top:12px}.fx-sem-zero-code-page .szc-material-section .material-side-card .item-desc{margin:12px auto 14px;font-size:14px;line-height:22px}.fx-sem-zero-code-page .szc-material-section .material-swiper-nav{margin-top:12px}.fx-sem-zero-code-page .szc-material-section .download-btn{width:148px;height:40px}.fx-sem-zero-code-page .szc-material-section .download-btn span{font-size:16px}.fx-sem-zero-code-page .szc-material-section .download-btn .iconfont{font-size:20px}}