@media (min-width:1200px){.mobile[data-v-5aadfe0b]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-5aadfe0b]{display:none!important}}@media (max-width:440px){.pc[data-v-5aadfe0b]{display:none!important}}html[data-v-5aadfe0b] ::-webkit-scrollbar{display:none}.button-style-default[data-v-5aadfe0b]{background:#0d172b;color:#fff}.button-style-gradient[data-v-5aadfe0b]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-5aadfe0b]{background:#eee;color:#aaa}body[data-v-5aadfe0b]{font-size:14px;font-weight:330;line-height:22px;touch-action:pan-x pan-y;--tw-text-opacity:1;background-color:#fcfcfc;color:rgb(15 23 42/var(--tw-text-opacity,1))}[data-v-5aadfe0b]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-5aadfe0b]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-5aadfe0b]::placeholder{color:#94a3b8;overflow:hidden}.dot-title[data-v-5aadfe0b]{align-items:center;color:var(--23a3278d);display:inline-flex;justify-content:center}@media (min-width:440px){.dot-title[data-v-5aadfe0b]{font-size:30px;font-weight:520;line-height:38px}}@media (max-width:440px){.dot-title[data-v-5aadfe0b]{font-size:18px;font-weight:520;line-height:26px}}.dot-title .dot[data-v-5aadfe0b]{height:16px;margin-right:12px;position:relative;width:16px}.dot-title .dot[data-v-5aadfe0b]:before{background-color:var(--23a3278d);border-radius:50%;content:"";display:block;height:100%;opacity:.5;position:absolute;width:100%}.dot-title .dot[data-v-5aadfe0b]:after{background-color:var(--23a3278d);border-radius:50%;content:"";display:block;height:12px;inset:0;margin:auto;position:absolute;width:12px}@media (min-width:1200px){.mobile[data-v-fc212c39]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-fc212c39]{display:none!important}}@media (max-width:440px){.pc[data-v-fc212c39]{display:none!important}}html[data-v-fc212c39] ::-webkit-scrollbar{display:none}.button-style-default[data-v-fc212c39]{background:#0d172b;color:#fff}.button-style-gradient[data-v-fc212c39]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-fc212c39]{background:#eee;color:#aaa}body[data-v-fc212c39]{font-size:14px;font-weight:330;line-height:22px;touch-action:pan-x pan-y;--tw-text-opacity:1;background-color:#fcfcfc;color:rgb(15 23 42/var(--tw-text-opacity,1))}[data-v-fc212c39]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-fc212c39]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-fc212c39]::placeholder{color:#94a3b8;overflow:hidden}#rollcode-banner-container[data-v-fc212c39]{left:50%;min-height:236px;position:absolute;top:100px;transform:translate(-50%);width:350px}#rollcode-main-container[data-v-fc212c39]{min-height:200px}@media (max-width:440px){.introduce[data-v-fc212c39]{height:100%;width:100%}.introduce .part-banner[data-v-fc212c39]{height:636px;overflow:hidden;perspective:1000px;position:relative}.introduce .part-banner .banner-title[data-v-fc212c39]{text-align:center}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .banner-title[data-v-fc212c39]{font-size:48px;font-weight:520;line-height:56px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .banner-title[data-v-fc212c39]{font-size:30px;font-weight:520;line-height:38px;width:240px}}@media (max-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{text-align:center}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{font-size:12px;font-weight:330;line-height:20px;width:176px}}@media (max-width:440px){.introduce .part-banner .content[data-v-fc212c39]{position:relative;z-index:1}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .content[data-v-fc212c39]{gap:24px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .content .banner-desc[data-v-fc212c39]{margin-top:12px}.introduce .part-banner .content .button[data-v-fc212c39]{margin-top:60px}}@media (max-width:440px){.introduce .part-banner .banner-tiny-icons[data-v-fc212c39]{height:138px;left:0;position:absolute;top:267px;width:100%}.introduce .part-banner .banner-tiny-icons img[data-v-fc212c39]{position:absolute}.introduce .part-banner .banner-tiny-icons .banner-dev-mode-img[data-v-fc212c39]{bottom:0;left:6px;width:39px}.introduce .part-banner .banner-tiny-icons .banner-grid-img[data-v-fc212c39]{bottom:4px;right:0;width:36px}.introduce .part-banner .banner-tiny-icons .banner-seo-folder-img[data-v-fc212c39]{left:38px;top:18px;width:52px}.introduce .part-banner .banner-tiny-icons .banner-swiper-multiple-img[data-v-fc212c39]{right:42px;top:0;width:44px}.introduce .part-banner .perspective-container[data-v-fc212c39]{perspective-origin:50% 82%;-webkit-perspective-origin:50% 82%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container[data-v-fc212c39]{bottom:0;height:922px;left:-80px;perspective:3000px;-webkit-perspective:3000px;width:1280px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container[data-v-fc212c39]{bottom:0;overflow:hidden;perspective:424px;-webkit-perspective:424px}}@media (max-width:440px){.introduce .part-banner .perspective-container .editor-img[data-v-fc212c39]{pointer-events:none}.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{box-shadow:0 0 3.754px #00000026;transform:rotateX(30deg) rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{border-radius:24px;height:922px;margin:auto;transform-origin:bottom;-webkit-transform-origin:bottom}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{border-radius:12px;transform-origin:center}}@media (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]{border-radius:12px;position:absolute;transform-origin:bottom;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{cursor:-webkit-grab;cursor:grab;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{width:108px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{width:34px}}@media (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]:active{cursor:-webkit-grabbing;cursor:grabbing}.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:before{content:"";display:block;height:0;inset:0;margin:auto;position:absolute;width:0}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover .add-component-item[data-v-fc212c39]{transform:translateZ(20px);-webkit-transform:translateZ(20px)}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover.image-trigger img[data-v-fc212c39]{opacity:1}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:hover:before{box-shadow:0 0 24px 32px #302e2e}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:hover:before{box-shadow:0 0 24px 4px #302e2e}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.rich-text-trigger[data-v-fc212c39]{left:292px;top:174px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.rich-text-trigger[data-v-fc212c39]{left:88px;top:56px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.button-trigger[data-v-fc212c39]{left:413px;top:174px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.button-trigger[data-v-fc212c39]{left:126px;top:56px}}@media (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger img[data-v-fc212c39]{opacity:.3}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-fc212c39]{left:413px;top:298px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-fc212c39]{left:126px;top:100px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.video-trigger[data-v-fc212c39]{left:292px;top:298px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.video-trigger[data-v-fc212c39]{left:88px;top:100px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.animation-trigger[data-v-fc212c39]{left:413px;top:422px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.animation-trigger[data-v-fc212c39]{left:126px;top:144px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.img-switcher-trigger[data-v-fc212c39]{left:292px;top:422px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.img-switcher-trigger[data-v-fc212c39]{left:88px;top:144px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.swiper-trigger[data-v-fc212c39]{left:413px;top:546px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.swiper-trigger[data-v-fc212c39]{left:126px;top:188px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.poster-trigger[data-v-fc212c39]{left:292px;top:546px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.poster-trigger[data-v-fc212c39]{left:88px;top:188px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{left:292px;top:794px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{left:88px;top:276px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{top:708px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{top:668px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{left:413px;top:794px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{left:126px;top:276px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{top:708px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{top:668px}}@media (max-width:440px){.introduce .part-banner .button[data-v-fc212c39]{align-items:center;background:linear-gradient(113deg,#505cf4 32.88%,#5b9bff 80.23%);border-radius:999px;box-shadow:0 0 24.1px #505cf4,inset 2px 2px 8px #fff9;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:520;gap:10px;height:52px;justify-content:center;line-height:26px;padding:10px 20px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .button[data-v-fc212c39]{width:200px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .button[data-v-fc212c39]{width:160px}}@media (max-width:440px){.introduce .part-banner .play-button-container[data-v-fc212c39]{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .play-button-container[data-v-fc212c39]{opacity:0}}@media (max-width:440px){.introduce .part-banner .play-button-container .play-button[data-v-fc212c39]{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;padding:0;pointer-events:auto;transition:all .3s ease;width:80px}.introduce .part-banner .play-button-container .play-button[data-v-fc212c39]:hover{transform:scale(1.1)}.introduce .part-banner .play-button-container .play-button .play-icon[data-v-fc212c39]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.introduce .part-banner .perspective-container:hover .play-button-container[data-v-fc212c39]{opacity:1}.introduce .part-banner .gradient-mask[data-v-fc212c39]{background:radial-gradient(50% 50% at 50% 50%,#4d5cfd 0,#4d5cfdb3 30%,#4d5cfd4d 70%,#fff);height:440px;left:0;margin:auto;opacity:.5;position:absolute;right:0;width:100%}.introduce .part-banner .opacity-mask[data-v-fc212c39]{background:linear-gradient(180deg,transparent,#fff 64%);bottom:0;height:110px;margin:auto;pointer-events:none;position:absolute;width:100%}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .opacity-mask[data-v-fc212c39]{bottom:0}}@media (max-width:440px){.introduce .quick-build[data-v-fc212c39]{margin-top:0}.introduce .quick-build .quick-build-title[data-v-fc212c39]{color:#1e2129}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .quick-build-title[data-v-fc212c39]{font-size:48px;font-weight:520;line-height:56px;margin-bottom:40px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .quick-build-title[data-v-fc212c39]{font-size:24px;font-weight:520;line-height:32px;margin-bottom:20px;margin-left:20px}}@media (max-width:440px){.introduce .quick-build .card-list[data-v-fc212c39]{display:flex;flex-direction:column}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list[data-v-fc212c39]{gap:40px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{background-size:cover;overflow:hidden;position:relative}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{border-radius:24px;height:600px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{height:640px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item .card-content[data-v-fc212c39]{align-items:flex-start;display:flex;flex-direction:column;position:absolute}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item .card-content[data-v-fc212c39]{width:calc(100% - 40px)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{max-width:520px;text-align:justify}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{font-size:18px;font-weight:330;line-height:26px;margin-top:32px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px;margin-top:20px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text .highlight[data-v-fc212c39]{font-weight:520}.introduce .quick-build .card-list .card-item.small .card-content-text[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px;margin-top:20px;max-width:460px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item.small .dot-title[data-v-fc212c39]{font-size:20px;font-weight:520;line-height:28px}.introduce .quick-build .card-list .card-item-1[data-v-fc212c39]{background-image:url(/_astro/pc.CAzaVo7d.png);height:660px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-1[data-v-fc212c39]{background-image:url(/_astro/mobile.zCipJZ5E.png);height:640px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-fc212c39]{right:20px;top:60px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-fc212c39]{align-items:flex-end}.introduce .quick-build .card-list .card-item-2[data-v-fc212c39]{background:linear-gradient(121deg,#fde1ff 12.67%,#fdf7fd 87.33%)}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2[data-v-fc212c39]{background:linear-gradient(326deg,#fdf7fd 20.27%,#fde1ff 79.73%)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-2 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-2 .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .resource-setting-img[data-v-fc212c39]{left:120px;top:192px;width:284px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .resource-setting-img[data-v-fc212c39]{left:180px;top:219px;width:176px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .right-bar-img[data-v-fc212c39]{left:120px;top:320px;width:288px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .right-bar-img[data-v-fc212c39]{left:26px;top:246px;width:180px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .media-library-img[data-v-fc212c39]{left:459px;top:223px;width:750px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .media-library-img[data-v-fc212c39]{left:75px;top:408px;width:390px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container[data-v-fc212c39]{height:291px;left:40px;position:absolute;top:318px;width:431px}.introduce .quick-build .card-list .card-item-2 .cloud-container .img-1[data-v-fc212c39]{left:0;top:0;width:100%}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-2[data-v-fc212c39]{left:442px;top:24px;width:50px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-2[data-v-fc212c39]{left:204px;top:14px;width:36px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-3[data-v-fc212c39]{left:540px;top:24px;width:50px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-3[data-v-fc212c39]{left:274px;top:14px;width:36px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-4[data-v-fc212c39]{left:366px;top:90px;width:276px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-4[data-v-fc212c39]{left:172px;top:67px;width:174px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-5[data-v-fc212c39]{left:400px;top:55px;width:100px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-5[data-v-fc212c39]{left:180px;top:35px;width:64px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-6[data-v-fc212c39]{left:478px;top:55px;width:100px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-6[data-v-fc212c39]{left:226px;top:35px;width:64px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-7[data-v-fc212c39]{left:556px;top:55px;width:100px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-7[data-v-fc212c39]{left:272px;top:35px;width:64px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-3 img[data-v-fc212c39]{position:absolute}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-fc212c39]{background:linear-gradient(176deg,#fff5d7 2.25%,#ffecc2 97.75%)}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-fc212c39]{background:linear-gradient(145deg,#fff4d3 19.37%,#ffecc2 91.05%)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-fc212c39]{right:20px;top:60px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-fc212c39]{align-items:flex-end}.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-fc212c39]{left:120px;top:80px;width:310px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-fc212c39]{right:0;top:344px;width:194px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-3 .custom-component-style-img[data-v-fc212c39]{left:393px;top:400px;width:126px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .rollcode-mode-switch-img[data-v-fc212c39]{left:448px;top:294px;width:215px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .rollcode-mode-switch-img[data-v-fc212c39]{left:135px;top:440px;width:134px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .code-img[data-v-fc212c39]{left:620px;top:245px;width:526px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .code-img[data-v-fc212c39]{right:60px;top:272px;width:372px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-fc212c39]{background:linear-gradient(139deg,#6ec1ff40 3.33%,#cce7fe40 96.67%)}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-fc212c39]{background:linear-gradient(0deg,#6fc1ff40,#f2f9fe40)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-4 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-4 .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px}.introduce .quick-build .card-list .card-item-4 .wave-background-img[data-v-fc212c39]{bottom:0;left:0;width:620px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .publish-img[data-v-fc212c39]{left:158px;top:230px;width:360px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .publish-img[data-v-fc212c39]{left:42px;top:244px;width:260px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-1[data-v-fc212c39]{left:646px;top:127px;width:480px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-1[data-v-fc212c39]{left:208px;top:378px;width:282px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-2[data-v-fc212c39]{left:505px;top:290px;width:280px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-2[data-v-fc212c39]{left:72px;top:485px;width:162px}}@media (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{display:flex}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{flex-direction:row;gap:40px;height:600px}.introduce .quick-build .card-list .list-bottom-container>section[data-v-fc212c39]{flex:1}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{flex-direction:column}}@media (max-width:440px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-fc212c39]{display:flex;flex:1;flex-direction:column}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-fc212c39]{gap:40px}.introduce .quick-build .card-list .card-item-5[data-v-fc212c39]{background:linear-gradient(120deg,#bcfaf1 13.53%,#defbf7 86.47%)}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5[data-v-fc212c39]{background:linear-gradient(0deg,#bcfaf1,#dffbf6)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-5 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-5 .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-5 .component-template-img[data-v-fc212c39]{left:16px;top:306px;width:232px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5 .component-template-img[data-v-fc212c39]{left:32px;top:265px;width:200px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-5 .page-template-img[data-v-fc212c39]{left:282px;top:218px;width:280px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5 .page-template-img[data-v-fc212c39]{left:130px;top:310px;width:247px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-fc212c39]{background:linear-gradient(120deg,#ffd9d0 13.53%,#fff 149.18%)}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-fc212c39]{background:linear-gradient(85deg,#fff 6.8%,#ffd9d0 93.2%)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-6 .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px}.introduce .quick-build .card-list .card-item-6 img[data-v-fc212c39]{position:absolute}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-fc212c39]{left:90px;top:140px;width:150px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-fc212c39]{left:10px;top:217px;width:195px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .tooltip-img[data-v-fc212c39]{left:150px;top:186px;width:68px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .tooltip-img[data-v-fc212c39]{left:87px;top:272px;width:92px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .data-package-img[data-v-fc212c39]{left:295px;top:132px;width:223px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .data-package-img[data-v-fc212c39]{right:0;top:300px;width:178px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-fc212c39]{background:linear-gradient(120deg,#d6daff 13.53%,#fff 149.18%)}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-fc212c39]{background:linear-gradient(0deg,#fff,#d6daffcc)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-7 .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px}.introduce .quick-build .card-list .card-item-7 img[data-v-fc212c39]{position:absolute}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-fc212c39]{bottom:0;height:100%;pointer-events:none;right:0;width:auto}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-fc212c39]{top:171px;width:100%}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-fc212c39]{left:75px;top:120px;width:284px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-fc212c39]{left:71px;top:376px;width:290px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-dialog-img[data-v-fc212c39]{left:400px;top:58px;width:140px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-dialog-img[data-v-fc212c39]{left:32px;top:197px;width:250px}}@media (max-width:440px){.introduce .card-item-private[data-v-fc212c39]{overflow:hidden;position:relative}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private[data-v-fc212c39]{background:linear-gradient(75deg,#d0eeff,#d1f1fb 61.84%,#f1fbff 96.07%);background:linear-gradient(75deg,#d0eeff,#d1f1fb 61.84%,color(display-p3 .9515 .9812 1) 96.07%);height:600px}.introduce .card-item-private .dot-title[data-v-fc212c39]{justify-content:flex-end;width:100%}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private[data-v-fc212c39]{background:linear-gradient(0deg,#d9eefb,#d7f0f8 71%,#eafaff);height:640px}}@media (max-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{display:flex;flex-direction:column;position:absolute;z-index:10}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{align-items:flex-end;right:40px;top:32px;width:500px}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px;width:350px}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private .card-content .card-content-text[data-v-fc212c39]{font-size:18px;line-height:1.444;text-align:right}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private .card-content .card-content-text[data-v-fc212c39]{font-size:16px;line-height:1.5;text-align:justify}}@media (max-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{left:0;position:absolute;top:0}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{height:100%;width:712px}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{height:391px;left:-54px;top:222px;width:458.45px}}@media (max-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{display:block}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{display:none}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private .main-background img.pc[data-v-fc212c39]{display:block}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private .main-background img.pc[data-v-fc212c39]{display:none}}@media (max-width:440px) and (min-width:440px){.introduce .card-item-private .main-background img.mobile[data-v-fc212c39]{display:none}}@media (max-width:440px) and (max-width:440px){.introduce .card-item-private .main-background img.mobile[data-v-fc212c39]{display:block}}@media (min-width:440px) and (max-width:1200px){.introduce[data-v-fc212c39]{height:100%;width:100%}.introduce .part-banner[data-v-fc212c39]{height:992px;overflow:hidden;perspective:1000px;position:relative}.introduce .part-banner .banner-title[data-v-fc212c39]{text-align:center}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .banner-title[data-v-fc212c39]{font-size:48px;font-weight:520;line-height:56px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .banner-title[data-v-fc212c39]{font-size:30px;font-weight:520;line-height:38px;width:240px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .banner-desc[data-v-fc212c39]{text-align:center}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{font-size:12px;font-weight:330;line-height:20px;width:176px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .content[data-v-fc212c39]{position:relative;z-index:1}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .content[data-v-fc212c39]{gap:24px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .content .banner-desc[data-v-fc212c39]{margin-top:12px}.introduce .part-banner .content .button[data-v-fc212c39]{margin-top:60px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .banner-tiny-icons[data-v-fc212c39]{height:138px;left:0;position:absolute;top:267px;width:100%}.introduce .part-banner .banner-tiny-icons img[data-v-fc212c39]{position:absolute}.introduce .part-banner .banner-tiny-icons .banner-dev-mode-img[data-v-fc212c39]{bottom:0;left:6px;width:39px}.introduce .part-banner .banner-tiny-icons .banner-grid-img[data-v-fc212c39]{bottom:4px;right:0;width:36px}.introduce .part-banner .banner-tiny-icons .banner-seo-folder-img[data-v-fc212c39]{left:38px;top:18px;width:52px}.introduce .part-banner .banner-tiny-icons .banner-swiper-multiple-img[data-v-fc212c39]{right:42px;top:0;width:44px}.introduce .part-banner .perspective-container[data-v-fc212c39]{perspective-origin:50% 82%;-webkit-perspective-origin:50% 82%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container[data-v-fc212c39]{bottom:0;height:922px;left:-80px;perspective:3000px;-webkit-perspective:3000px;width:1280px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container[data-v-fc212c39]{bottom:0;overflow:hidden;perspective:424px;-webkit-perspective:424px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .perspective-container .editor-img[data-v-fc212c39]{pointer-events:none}.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{box-shadow:0 0 3.754px #00000026;transform:rotateX(30deg) rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{border-radius:24px;height:922px;margin:auto;transform-origin:bottom;-webkit-transform-origin:bottom}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{border-radius:12px;transform-origin:center}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]{border-radius:12px;position:absolute;transform-origin:bottom;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{cursor:-webkit-grab;cursor:grab;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{width:108px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{width:34px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]:active{cursor:-webkit-grabbing;cursor:grabbing}.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:before{content:"";display:block;height:0;inset:0;margin:auto;position:absolute;width:0}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover .add-component-item[data-v-fc212c39]{transform:translateZ(20px);-webkit-transform:translateZ(20px)}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover.image-trigger img[data-v-fc212c39]{opacity:1}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:hover:before{box-shadow:0 0 24px 32px #302e2e}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:hover:before{box-shadow:0 0 24px 4px #302e2e}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.rich-text-trigger[data-v-fc212c39]{left:292px;top:174px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.rich-text-trigger[data-v-fc212c39]{left:88px;top:56px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.button-trigger[data-v-fc212c39]{left:413px;top:174px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.button-trigger[data-v-fc212c39]{left:126px;top:56px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger img[data-v-fc212c39]{opacity:.3}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-fc212c39]{left:413px;top:298px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-fc212c39]{left:126px;top:100px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.video-trigger[data-v-fc212c39]{left:292px;top:298px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.video-trigger[data-v-fc212c39]{left:88px;top:100px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.animation-trigger[data-v-fc212c39]{left:413px;top:422px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.animation-trigger[data-v-fc212c39]{left:126px;top:144px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.img-switcher-trigger[data-v-fc212c39]{left:292px;top:422px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.img-switcher-trigger[data-v-fc212c39]{left:88px;top:144px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.swiper-trigger[data-v-fc212c39]{left:413px;top:546px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.swiper-trigger[data-v-fc212c39]{left:126px;top:188px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.poster-trigger[data-v-fc212c39]{left:292px;top:546px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.poster-trigger[data-v-fc212c39]{left:88px;top:188px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{left:292px;top:794px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{left:88px;top:276px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{top:708px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{top:668px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{left:413px;top:794px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{left:126px;top:276px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{top:708px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{top:668px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .button[data-v-fc212c39]{align-items:center;background:linear-gradient(113deg,#505cf4 32.88%,#5b9bff 80.23%);border-radius:999px;box-shadow:0 0 24.1px #505cf4,inset 2px 2px 8px #fff9;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:520;gap:10px;height:52px;justify-content:center;line-height:26px;padding:10px 20px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .button[data-v-fc212c39]{width:200px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .button[data-v-fc212c39]{width:160px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .play-button-container[data-v-fc212c39]{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .play-button-container[data-v-fc212c39]{opacity:0}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .play-button-container .play-button[data-v-fc212c39]{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;padding:0;pointer-events:auto;transition:all .3s ease;width:80px}.introduce .part-banner .play-button-container .play-button[data-v-fc212c39]:hover{transform:scale(1.1)}.introduce .part-banner .play-button-container .play-button .play-icon[data-v-fc212c39]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.introduce .part-banner .perspective-container:hover .play-button-container[data-v-fc212c39]{opacity:1}.introduce .part-banner .gradient-mask[data-v-fc212c39]{background:radial-gradient(50% 50% at 50% 50%,#4d5cfd 0,#4d5cfdb3 30%,#4d5cfd4d 70%,#fff);height:892px;left:0;margin:auto;opacity:.5;position:absolute;right:0;width:748px}.introduce .part-banner .opacity-mask[data-v-fc212c39]{background:linear-gradient(180deg,transparent,#fff 64%);bottom:0;height:512px;margin:auto;pointer-events:none;position:absolute;width:100%}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .opacity-mask[data-v-fc212c39]{bottom:0}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build[data-v-fc212c39]{margin-top:18px}.introduce .quick-build .quick-build-title[data-v-fc212c39]{color:#1e2129}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .quick-build-title[data-v-fc212c39]{font-size:48px;font-weight:520;line-height:56px;margin-bottom:40px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .quick-build-title[data-v-fc212c39]{font-size:24px;font-weight:520;line-height:32px;margin-bottom:20px;margin-left:20px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list[data-v-fc212c39]{display:flex;flex-direction:column}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list[data-v-fc212c39]{gap:40px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{background-size:cover;overflow:hidden;position:relative}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{border-radius:24px;height:600px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{height:640px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item .card-content[data-v-fc212c39]{align-items:flex-start;display:flex;flex-direction:column;position:absolute}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item .card-content[data-v-fc212c39]{width:calc(100% - 40px)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{max-width:520px;text-align:justify}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{font-size:18px;font-weight:330;line-height:26px;margin-top:32px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px;margin-top:20px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item .card-content .card-content-text .highlight[data-v-fc212c39]{font-weight:520}.introduce .quick-build .card-list .card-item.small .card-content-text[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px;margin-top:20px;max-width:460px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item.small .dot-title[data-v-fc212c39]{font-size:20px;font-weight:520;line-height:28px}.introduce .quick-build .card-list .card-item-1[data-v-fc212c39]{background-image:url(/_astro/pc.CAzaVo7d.png);height:660px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-1[data-v-fc212c39]{background-image:url(/_astro/mobile.zCipJZ5E.png);height:640px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-fc212c39]{right:120px;top:32px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-fc212c39]{align-items:flex-end}.introduce .quick-build .card-list .card-item-2[data-v-fc212c39]{background:linear-gradient(121deg,#fde1ff 12.67%,#fdf7fd 87.33%)}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2[data-v-fc212c39]{background:linear-gradient(326deg,#fdf7fd 20.27%,#fde1ff 79.73%)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-2 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-2 .card-content[data-v-fc212c39]{align-items:flex-start;left:120px;top:32px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .resource-setting-img[data-v-fc212c39]{left:120px;top:192px;width:284px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .resource-setting-img[data-v-fc212c39]{left:176px;top:215px;width:176px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .right-bar-img[data-v-fc212c39]{left:120px;top:320px;width:288px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .right-bar-img[data-v-fc212c39]{left:22px;top:242px;width:180px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .media-library-img[data-v-fc212c39]{left:459px;top:223px;width:750px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .media-library-img[data-v-fc212c39]{left:71px;top:408px;width:390px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-2 .cloud-container[data-v-fc212c39]{height:548px;left:366px;position:absolute;top:58px;width:812px}.introduce .quick-build .card-list .card-item-2 .cloud-container .img-1[data-v-fc212c39]{left:0;top:0;width:100%}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-2[data-v-fc212c39]{left:442px;top:24px;width:50px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-2[data-v-fc212c39]{left:204px;top:14px;width:36px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-3[data-v-fc212c39]{left:540px;top:24px;width:50px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-3[data-v-fc212c39]{left:274px;top:14px;width:36px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-4[data-v-fc212c39]{left:388px;top:108px;width:276px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-4[data-v-fc212c39]{left:194px;top:85px;width:174px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-5[data-v-fc212c39]{left:400px;top:55px;width:100px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-5[data-v-fc212c39]{left:180px;top:35px;width:64px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-6[data-v-fc212c39]{left:478px;top:55px;width:100px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-6[data-v-fc212c39]{left:226px;top:35px;width:64px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-7[data-v-fc212c39]{left:556px;top:55px;width:100px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-7[data-v-fc212c39]{left:272px;top:35px;width:64px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-3 img[data-v-fc212c39]{position:absolute}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-fc212c39]{background:linear-gradient(176deg,#fff5d7 2.25%,#ffecc2 97.75%)}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-fc212c39]{background:linear-gradient(145deg,#fff4d3 19.37%,#ffecc2 91.05%)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-fc212c39]{right:120px;top:32px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-fc212c39]{align-items:flex-end}.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-fc212c39]{left:120px;top:80px;width:310px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-fc212c39]{right:0;top:344px;width:194px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-3 .custom-component-style-img[data-v-fc212c39]{left:393px;top:400px;width:126px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .rollcode-mode-switch-img[data-v-fc212c39]{left:448px;top:294px;width:215px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .rollcode-mode-switch-img[data-v-fc212c39]{left:135px;top:440px;width:134px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .code-img[data-v-fc212c39]{left:620px;top:245px;width:526px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .code-img[data-v-fc212c39]{right:60px;top:272px;width:372px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-fc212c39]{background:linear-gradient(139deg,#6ec1ff40 3.33%,#cce7fe40 96.67%)}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-fc212c39]{background:linear-gradient(0deg,#6fc1ff40,#f2f9fe40)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-4 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-4 .card-content[data-v-fc212c39]{align-items:flex-start;left:120px;top:32px}.introduce .quick-build .card-list .card-item-4 .wave-background-img[data-v-fc212c39]{bottom:0;left:0;width:620px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .publish-img[data-v-fc212c39]{left:158px;top:230px;width:360px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .publish-img[data-v-fc212c39]{left:42px;top:244px;width:260px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-1[data-v-fc212c39]{left:646px;top:127px;width:480px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-1[data-v-fc212c39]{left:208px;top:378px;width:282px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-2[data-v-fc212c39]{left:505px;top:290px;width:280px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-2[data-v-fc212c39]{left:72px;top:485px;width:162px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{display:flex}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{flex-direction:row;gap:40px;height:600px}.introduce .quick-build .card-list .list-bottom-container>section[data-v-fc212c39]{flex:1}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{flex-direction:column}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-fc212c39]{display:flex;flex:1;flex-direction:column}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-fc212c39]{gap:40px}.introduce .quick-build .card-list .card-item-5[data-v-fc212c39]{background:linear-gradient(120deg,#bcfaf1 13.53%,#defbf7 86.47%)}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5[data-v-fc212c39]{background:linear-gradient(0deg,#bcfaf1,#dffbf6)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-5 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-5 .card-content[data-v-fc212c39]{align-items:flex-start;left:40px;top:32px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-5 .component-template-img[data-v-fc212c39]{left:16px;top:306px;width:232px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5 .component-template-img[data-v-fc212c39]{left:32px;top:265px;width:200px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-5 .page-template-img[data-v-fc212c39]{left:282px;top:218px;width:280px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5 .page-template-img[data-v-fc212c39]{left:130px;top:310px;width:247px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-fc212c39]{background:linear-gradient(120deg,#ffd9d0 13.53%,#fff 149.18%)}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-fc212c39]{background:linear-gradient(85deg,#fff 6.8%,#ffd9d0 93.2%)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-6 .card-content[data-v-fc212c39]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-6 img[data-v-fc212c39]{position:absolute}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-fc212c39]{left:90px;top:140px;width:150px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-fc212c39]{left:10px;top:217px;width:195px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .tooltip-img[data-v-fc212c39]{left:150px;top:186px;width:68px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .tooltip-img[data-v-fc212c39]{left:87px;top:272px;width:92px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .data-package-img[data-v-fc212c39]{left:295px;top:132px;width:223px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .data-package-img[data-v-fc212c39]{right:0;top:300px;width:178px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-fc212c39]{background:linear-gradient(120deg,#d6daff 13.53%,#fff 149.18%)}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-fc212c39]{background:linear-gradient(0deg,#fff,#d6daffcc)}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item-7 .card-content[data-v-fc212c39]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-7 img[data-v-fc212c39]{position:absolute}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-fc212c39]{bottom:0;height:100%;pointer-events:none;right:0;width:auto}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-fc212c39]{top:171px;width:100%}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-fc212c39]{left:75px;top:120px;width:284px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-fc212c39]{left:71px;top:376px;width:290px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-dialog-img[data-v-fc212c39]{left:400px;top:58px;width:140px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-dialog-img[data-v-fc212c39]{left:32px;top:197px;width:250px}}@media (min-width:440px) and (max-width:1200px){.introduce .card-item-private[data-v-fc212c39]{overflow:hidden;position:relative}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private[data-v-fc212c39]{background:linear-gradient(75deg,#d0eeff,#d1f1fb 61.84%,#f1fbff 96.07%);background:linear-gradient(75deg,#d0eeff,#d1f1fb 61.84%,color(display-p3 .9515 .9812 1) 96.07%);height:600px}.introduce .card-item-private .dot-title[data-v-fc212c39]{justify-content:flex-end;width:100%}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private[data-v-fc212c39]{background:linear-gradient(0deg,#d9eefb,#d7f0f8 71%,#eafaff);height:640px}}@media (min-width:440px) and (max-width:1200px){.introduce .card-item-private .card-content[data-v-fc212c39]{display:flex;flex-direction:column;position:absolute;z-index:10}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{align-items:flex-end;right:40px;top:32px;width:500px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px;width:350px}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private .card-content .card-content-text[data-v-fc212c39]{font-size:18px;line-height:1.444;text-align:right}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private .card-content .card-content-text[data-v-fc212c39]{font-size:16px;line-height:1.5;text-align:justify}}@media (min-width:440px) and (max-width:1200px){.introduce .card-item-private .main-background[data-v-fc212c39]{left:0;position:absolute;top:0}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{height:100%;width:712px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{height:391px;left:-54px;top:222px;width:458.45px}}@media (min-width:440px) and (max-width:1200px){.introduce .card-item-private .main-background img[data-v-fc212c39]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{display:block}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{display:none}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background img.pc[data-v-fc212c39]{display:block}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background img.pc[data-v-fc212c39]{display:none}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background img.mobile[data-v-fc212c39]{display:none}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background img.mobile[data-v-fc212c39]{display:block}}@media (min-width:1200px){.introduce[data-v-fc212c39]{height:100%;width:100%}.introduce .part-banner[data-v-fc212c39]{height:992px;overflow:hidden;perspective:1000px;position:relative}.introduce .part-banner .banner-title[data-v-fc212c39]{text-align:center}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .banner-title[data-v-fc212c39]{font-size:48px;font-weight:520;line-height:56px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .banner-title[data-v-fc212c39]{font-size:30px;font-weight:520;line-height:38px;width:240px}}@media (min-width:1200px){.introduce .part-banner .banner-desc[data-v-fc212c39]{text-align:center}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .banner-desc[data-v-fc212c39]{font-size:12px;font-weight:330;line-height:20px;width:176px}}@media (min-width:1200px){.introduce .part-banner .content[data-v-fc212c39]{position:relative;z-index:1}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .content[data-v-fc212c39]{gap:24px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .content .banner-desc[data-v-fc212c39]{margin-top:12px}.introduce .part-banner .content .button[data-v-fc212c39]{margin-top:60px}}@media (min-width:1200px){.introduce .part-banner .banner-tiny-icons[data-v-fc212c39]{height:138px;left:0;position:absolute;top:267px;width:100%}.introduce .part-banner .banner-tiny-icons img[data-v-fc212c39]{position:absolute}.introduce .part-banner .banner-tiny-icons .banner-dev-mode-img[data-v-fc212c39]{bottom:0;left:6px;width:39px}.introduce .part-banner .banner-tiny-icons .banner-grid-img[data-v-fc212c39]{bottom:4px;right:0;width:36px}.introduce .part-banner .banner-tiny-icons .banner-seo-folder-img[data-v-fc212c39]{left:38px;top:18px;width:52px}.introduce .part-banner .banner-tiny-icons .banner-swiper-multiple-img[data-v-fc212c39]{right:42px;top:0;width:44px}.introduce .part-banner .perspective-container[data-v-fc212c39]{perspective-origin:50% 82%;-webkit-perspective-origin:50% 82%;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container[data-v-fc212c39]{bottom:0;height:922px;left:-80px;perspective:3000px;-webkit-perspective:3000px;width:1280px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container[data-v-fc212c39]{bottom:0;overflow:hidden;perspective:424px;-webkit-perspective:424px}}@media (min-width:1200px){.introduce .part-banner .perspective-container .editor-img[data-v-fc212c39]{pointer-events:none}.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{box-shadow:0 0 3.754px #00000026;transform:rotateX(30deg) rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{border-radius:24px;height:922px;margin:auto;transform-origin:bottom;-webkit-transform-origin:bottom}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container[data-v-fc212c39]{border-radius:12px;transform-origin:center}}@media (min-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]{border-radius:12px;position:absolute;transform-origin:bottom;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{cursor:-webkit-grab;cursor:grab;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{width:108px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]{width:34px}}@media (min-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-fc212c39]:active{cursor:-webkit-grabbing;cursor:grabbing}.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:before{content:"";display:block;height:0;inset:0;margin:auto;position:absolute;width:0}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover .add-component-item[data-v-fc212c39]{transform:translateZ(20px);-webkit-transform:translateZ(20px)}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover.image-trigger img[data-v-fc212c39]{opacity:1}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:hover:before{box-shadow:0 0 24px 32px #302e2e}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-fc212c39]:hover:before{box-shadow:0 0 24px 4px #302e2e}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.rich-text-trigger[data-v-fc212c39]{left:292px;top:174px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.rich-text-trigger[data-v-fc212c39]{left:88px;top:56px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.button-trigger[data-v-fc212c39]{left:413px;top:174px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.button-trigger[data-v-fc212c39]{left:126px;top:56px}}@media (min-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger img[data-v-fc212c39]{opacity:.3}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-fc212c39]{left:413px;top:298px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-fc212c39]{left:126px;top:100px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.video-trigger[data-v-fc212c39]{left:292px;top:298px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.video-trigger[data-v-fc212c39]{left:88px;top:100px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.animation-trigger[data-v-fc212c39]{left:413px;top:422px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.animation-trigger[data-v-fc212c39]{left:126px;top:144px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.img-switcher-trigger[data-v-fc212c39]{left:292px;top:422px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.img-switcher-trigger[data-v-fc212c39]{left:88px;top:144px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.swiper-trigger[data-v-fc212c39]{left:413px;top:546px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.swiper-trigger[data-v-fc212c39]{left:126px;top:188px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.poster-trigger[data-v-fc212c39]{left:292px;top:546px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.poster-trigger[data-v-fc212c39]{left:88px;top:188px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{left:292px;top:794px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{left:88px;top:276px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{top:708px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-fc212c39]{top:668px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{left:413px;top:794px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{left:126px;top:276px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{top:708px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-fc212c39]{top:668px}}@media (min-width:1200px){.introduce .part-banner .button[data-v-fc212c39]{align-items:center;background:linear-gradient(113deg,#505cf4 32.88%,#5b9bff 80.23%);border-radius:999px;box-shadow:0 0 24.1px #505cf4,inset 2px 2px 8px #fff9;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:520;gap:10px;height:52px;justify-content:center;line-height:26px;padding:10px 20px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .button[data-v-fc212c39]{width:200px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .button[data-v-fc212c39]{width:160px}}@media (min-width:1200px){.introduce .part-banner .play-button-container[data-v-fc212c39]{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .play-button-container[data-v-fc212c39]{opacity:0}}@media (min-width:1200px){.introduce .part-banner .play-button-container .play-button[data-v-fc212c39]{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;padding:0;pointer-events:auto;transition:all .3s ease;width:80px}.introduce .part-banner .play-button-container .play-button[data-v-fc212c39]:hover{transform:scale(1.1)}.introduce .part-banner .play-button-container .play-button .play-icon[data-v-fc212c39]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.introduce .part-banner .perspective-container:hover .play-button-container[data-v-fc212c39]{opacity:1}.introduce .part-banner .gradient-mask[data-v-fc212c39]{background:radial-gradient(50% 50% at 50% 50%,#4d5cfd 0,#4d5cfdb3 30%,#4d5cfd4d 70%,#fff);height:892px;left:0;margin:auto;opacity:.5;position:absolute;right:0;width:748px}.introduce .part-banner .opacity-mask[data-v-fc212c39]{background:linear-gradient(180deg,transparent,#fff 64%);bottom:0;height:512px;margin:auto;pointer-events:none;position:absolute;width:100%}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .opacity-mask[data-v-fc212c39]{bottom:0}}@media (min-width:1200px){.introduce .quick-build[data-v-fc212c39]{margin-top:18px}.introduce .quick-build .quick-build-title[data-v-fc212c39]{color:#1e2129}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .quick-build-title[data-v-fc212c39]{font-size:48px;font-weight:520;line-height:56px;margin-bottom:40px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .quick-build-title[data-v-fc212c39]{font-size:24px;font-weight:520;line-height:32px;margin-bottom:20px;margin-left:20px}}@media (min-width:1200px){.introduce .quick-build .card-list[data-v-fc212c39]{display:flex;flex-direction:column}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list[data-v-fc212c39]{gap:40px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{background-size:cover;overflow:hidden;position:relative}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{border-radius:24px;height:600px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-fc212c39]{height:640px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item .card-content[data-v-fc212c39]{align-items:flex-start;display:flex;flex-direction:column;position:absolute}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item .card-content[data-v-fc212c39]{width:calc(100% - 40px)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{max-width:520px;text-align:justify}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{font-size:18px;font-weight:330;line-height:26px;margin-top:32px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px;margin-top:20px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item .card-content .card-content-text .highlight[data-v-fc212c39]{font-weight:520}.introduce .quick-build .card-list .card-item.small .card-content-text[data-v-fc212c39]{font-size:16px;font-weight:330;line-height:24px;margin-top:20px;max-width:460px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item.small .dot-title[data-v-fc212c39]{font-size:20px;font-weight:520;line-height:28px}.introduce .quick-build .card-list .card-item-1[data-v-fc212c39]{background-image:url(/_astro/pc.CAzaVo7d.png);height:660px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-1[data-v-fc212c39]{background-image:url(/_astro/mobile.zCipJZ5E.png);height:640px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-fc212c39]{right:120px;top:32px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-fc212c39]{align-items:flex-end}.introduce .quick-build .card-list .card-item-2[data-v-fc212c39]{background:linear-gradient(121deg,#fde1ff 12.67%,#fdf7fd 87.33%)}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2[data-v-fc212c39]{background:linear-gradient(326deg,#fdf7fd 20.27%,#fde1ff 79.73%)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-2 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-2 .card-content[data-v-fc212c39]{align-items:flex-start;left:120px;top:32px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .resource-setting-img[data-v-fc212c39]{left:120px;top:192px;width:284px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .resource-setting-img[data-v-fc212c39]{left:176px;top:215px;width:176px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .right-bar-img[data-v-fc212c39]{left:120px;top:320px;width:288px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .right-bar-img[data-v-fc212c39]{left:22px;top:242px;width:180px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .media-library-img[data-v-fc212c39]{left:459px;top:223px;width:750px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .media-library-img[data-v-fc212c39]{left:71px;top:408px;width:390px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-2 .cloud-container[data-v-fc212c39]{height:548px;left:366px;position:absolute;top:58px;width:812px}.introduce .quick-build .card-list .card-item-2 .cloud-container .img-1[data-v-fc212c39]{left:0;top:0;width:100%}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-2[data-v-fc212c39]{left:442px;top:24px;width:50px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-2[data-v-fc212c39]{left:204px;top:14px;width:36px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-3[data-v-fc212c39]{left:540px;top:24px;width:50px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-3[data-v-fc212c39]{left:274px;top:14px;width:36px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-4[data-v-fc212c39]{left:388px;top:108px;width:276px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-4[data-v-fc212c39]{left:194px;top:85px;width:174px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-5[data-v-fc212c39]{left:400px;top:55px;width:100px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-5[data-v-fc212c39]{left:180px;top:35px;width:64px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-6[data-v-fc212c39]{left:478px;top:55px;width:100px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-6[data-v-fc212c39]{left:226px;top:35px;width:64px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-7[data-v-fc212c39]{left:556px;top:55px;width:100px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container .img-7[data-v-fc212c39]{left:272px;top:35px;width:64px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-3 img[data-v-fc212c39]{position:absolute}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-fc212c39]{background:linear-gradient(176deg,#fff5d7 2.25%,#ffecc2 97.75%)}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-fc212c39]{background:linear-gradient(145deg,#fff4d3 19.37%,#ffecc2 91.05%)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-fc212c39]{right:120px;top:32px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-fc212c39]{align-items:flex-end}.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-fc212c39]{left:120px;top:80px;width:310px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-fc212c39]{right:0;top:344px;width:194px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-3 .custom-component-style-img[data-v-fc212c39]{left:393px;top:400px;width:126px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .rollcode-mode-switch-img[data-v-fc212c39]{left:448px;top:294px;width:215px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .rollcode-mode-switch-img[data-v-fc212c39]{left:135px;top:440px;width:134px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .code-img[data-v-fc212c39]{left:620px;top:245px;width:526px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-3 .code-img[data-v-fc212c39]{right:60px;top:272px;width:372px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-fc212c39]{background:linear-gradient(139deg,#6ec1ff40 3.33%,#cce7fe40 96.67%)}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-fc212c39]{background:linear-gradient(0deg,#6fc1ff40,#f2f9fe40)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-4 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-4 .card-content[data-v-fc212c39]{align-items:flex-start;left:120px;top:32px}.introduce .quick-build .card-list .card-item-4 .wave-background-img[data-v-fc212c39]{bottom:0;left:0;width:620px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .publish-img[data-v-fc212c39]{left:158px;top:230px;width:360px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .publish-img[data-v-fc212c39]{left:42px;top:244px;width:260px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-1[data-v-fc212c39]{left:646px;top:127px;width:480px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-1[data-v-fc212c39]{left:208px;top:378px;width:282px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-2[data-v-fc212c39]{left:505px;top:290px;width:280px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-4 .seo-img-2[data-v-fc212c39]{left:72px;top:485px;width:162px}}@media (min-width:1200px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{display:flex}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{flex-direction:row;gap:40px;height:600px}.introduce .quick-build .card-list .list-bottom-container>section[data-v-fc212c39]{flex:1}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-fc212c39]{flex-direction:column}}@media (min-width:1200px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-fc212c39]{display:flex;flex:1;flex-direction:column}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-fc212c39]{gap:40px}.introduce .quick-build .card-list .card-item-5[data-v-fc212c39]{background:linear-gradient(120deg,#bcfaf1 13.53%,#defbf7 86.47%)}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5[data-v-fc212c39]{background:linear-gradient(0deg,#bcfaf1,#dffbf6)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-5 img[data-v-fc212c39]{position:absolute}.introduce .quick-build .card-list .card-item-5 .card-content[data-v-fc212c39]{align-items:flex-start;left:40px;top:32px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-5 .component-template-img[data-v-fc212c39]{left:16px;top:306px;width:232px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5 .component-template-img[data-v-fc212c39]{left:32px;top:265px;width:200px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-5 .page-template-img[data-v-fc212c39]{left:282px;top:218px;width:280px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-5 .page-template-img[data-v-fc212c39]{left:130px;top:310px;width:247px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-fc212c39]{background:linear-gradient(120deg,#ffd9d0 13.53%,#fff 149.18%)}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-fc212c39]{background:linear-gradient(85deg,#fff 6.8%,#ffd9d0 93.2%)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-6 .card-content[data-v-fc212c39]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-6 img[data-v-fc212c39]{position:absolute}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-fc212c39]{left:90px;top:140px;width:150px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-fc212c39]{left:10px;top:217px;width:195px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .tooltip-img[data-v-fc212c39]{left:150px;top:186px;width:68px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .tooltip-img[data-v-fc212c39]{left:87px;top:272px;width:92px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .data-package-img[data-v-fc212c39]{left:295px;top:132px;width:223px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-6 .data-package-img[data-v-fc212c39]{right:0;top:300px;width:178px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-fc212c39]{background:linear-gradient(120deg,#d6daff 13.53%,#fff 149.18%)}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-fc212c39]{background:linear-gradient(0deg,#fff,#d6daffcc)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-7 .card-content[data-v-fc212c39]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-7 img[data-v-fc212c39]{position:absolute}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-fc212c39]{bottom:0;height:100%;pointer-events:none;right:0;width:auto}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-fc212c39]{top:171px;width:100%}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-fc212c39]{left:75px;top:120px;width:284px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-fc212c39]{left:71px;top:376px;width:290px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-dialog-img[data-v-fc212c39]{left:400px;top:58px;width:140px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-dialog-img[data-v-fc212c39]{left:32px;top:197px;width:250px}}@media (min-width:1200px){.introduce .card-item-private[data-v-fc212c39]{overflow:hidden;position:relative}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private[data-v-fc212c39]{background:linear-gradient(75deg,#d0eeff,#d1f1fb 61.84%,#f1fbff 96.07%);background:linear-gradient(75deg,#d0eeff,#d1f1fb 61.84%,color(display-p3 .9515 .9812 1) 96.07%);height:600px}.introduce .card-item-private .dot-title[data-v-fc212c39]{justify-content:flex-end;width:100%}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private[data-v-fc212c39]{background:linear-gradient(0deg,#d9eefb,#d7f0f8 71%,#eafaff);height:640px}}@media (min-width:1200px){.introduce .card-item-private .card-content[data-v-fc212c39]{display:flex;flex-direction:column;position:absolute;z-index:10}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{align-items:flex-end;right:40px;top:32px;width:500px}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private .card-content[data-v-fc212c39]{align-items:flex-start;left:20px;top:60px;width:350px}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private .card-content .card-content-text[data-v-fc212c39]{font-size:18px;line-height:1.444;text-align:right}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private .card-content .card-content-text[data-v-fc212c39]{font-size:16px;line-height:1.5;text-align:justify}}@media (min-width:1200px){.introduce .card-item-private .main-background[data-v-fc212c39]{left:0;position:absolute;top:0}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{height:100%;width:712px}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background[data-v-fc212c39]{height:391px;left:-54px;top:222px;width:458.45px}}@media (min-width:1200px){.introduce .card-item-private .main-background img[data-v-fc212c39]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{display:block}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background img[data-v-fc212c39]{display:none}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background img.pc[data-v-fc212c39]{display:block}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background img.pc[data-v-fc212c39]{display:none}}@media (min-width:1200px) and (min-width:440px){.introduce .card-item-private .main-background img.mobile[data-v-fc212c39]{display:none}}@media (min-width:1200px) and (max-width:440px){.introduce .card-item-private .main-background img.mobile[data-v-fc212c39]{display:block}}.custom-video-modal[data-v-fc212c39]{align-items:center;background:#ffffffe6;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.custom-video-modal .video-modal-content[data-v-fc212c39]{cursor:default;position:relative}@media (min-width:440px){.custom-video-modal .video-modal-content[data-v-fc212c39]{max-height:900px;max-width:1200px;min-width:600px;width:50vw}}@media (max-width:440px){.custom-video-modal .video-modal-content[data-v-fc212c39]{width:90%}}.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]{border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:pointer;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls,.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-panel{display:none!important}.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-play-button,.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-timeline{display:none!important}.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-current-time-display,.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-time-remaining-display{display:none!important}.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-mute-button,.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-volume-slider{display:none!important}.custom-video-modal .video-modal-content .video-player[data-v-fc212c39]::-webkit-media-controls-fullscreen-button{display:none!important}.custom-video-modal .video-modal-content .video-placeholder[data-v-fc212c39]{align-items:center;background:#000;border-radius:8px;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.custom-video-modal .video-modal-content .video-placeholder .placeholder-content .placeholder-icon[data-v-fc212c39]{height:64px;margin-bottom:16px;opacity:.6;width:64px}.custom-video-modal .video-modal-content .video-placeholder .placeholder-content p[data-v-fc212c39]{color:#999;font-size:16px;margin:8px 0}.custom-video-modal .video-modal-content .video-placeholder .placeholder-content p.placeholder-hint[data-v-fc212c39]{color:#666;font-size:14px}@media (min-width:1200px){.mobile[data-v-0fa12143]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-0fa12143]{display:none!important}}@media (max-width:440px){.pc[data-v-0fa12143]{display:none!important}}html[data-v-0fa12143] ::-webkit-scrollbar{display:none}.button-style-default[data-v-0fa12143]{background:#0d172b;color:#fff}.button-style-gradient[data-v-0fa12143]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-0fa12143]{background:#eee;color:#aaa}body[data-v-0fa12143]{font-size:14px;font-weight:330;line-height:22px;touch-action:pan-x pan-y;--tw-text-opacity:1;background-color:#fcfcfc;color:rgb(15 23 42/var(--tw-text-opacity,1))}[data-v-0fa12143]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-0fa12143]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-0fa12143]::placeholder{color:#94a3b8;overflow:hidden}