@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-e0fccc8f]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-e0fccc8f]{display:none!important}}@media (max-width:440px){.pc[data-v-e0fccc8f]{display:none!important}}html[data-v-e0fccc8f] ::-webkit-scrollbar{display:none}.button-style-default[data-v-e0fccc8f]{background:#0d172b;color:#fff}.button-style-gradient[data-v-e0fccc8f]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-e0fccc8f]{background:#eee;color:#aaa}body[data-v-e0fccc8f]{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-e0fccc8f]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-e0fccc8f]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-e0fccc8f]::placeholder{color:#94a3b8;overflow:hidden}#rollcode-banner-container[data-v-e0fccc8f]{height:236px;left:50%;position:absolute;top:216px;transform:translate(-50%);width:350px}#rollcode-main-container[data-v-e0fccc8f]{min-height:200px}@media (max-width:440px){.introduce[data-v-e0fccc8f]{height:100%;width:100%}.introduce .part-banner[data-v-e0fccc8f]{height:636px;overflow:hidden;perspective:1000px;position:relative}.introduce .part-banner .banner-title[data-v-e0fccc8f]{text-align:center}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .banner-title[data-v-e0fccc8f]{font-size:48px;font-weight:520;line-height:56px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .banner-title[data-v-e0fccc8f]{font-size:30px;font-weight:520;line-height:38px;width:240px}}@media (max-width:440px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{text-align:center}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{font-size:16px;font-weight:330;line-height:24px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{font-size:12px;font-weight:330;line-height:20px;width:176px}}@media (max-width:440px){.introduce .part-banner .content[data-v-e0fccc8f]{position:relative;z-index:1}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .content[data-v-e0fccc8f]{gap:24px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .content .banner-desc[data-v-e0fccc8f]{margin-top:12px}.introduce .part-banner .content .button[data-v-e0fccc8f]{margin-top:60px}}@media (max-width:440px){.introduce .part-banner .banner-tiny-icons[data-v-e0fccc8f]{height:138px;left:0;position:absolute;top:267px;width:100%}.introduce .part-banner .banner-tiny-icons img[data-v-e0fccc8f]{position:absolute}.introduce .part-banner .banner-tiny-icons .banner-dev-mode-img[data-v-e0fccc8f]{bottom:0;left:6px;width:39px}.introduce .part-banner .banner-tiny-icons .banner-grid-img[data-v-e0fccc8f]{bottom:4px;right:0;width:36px}.introduce .part-banner .banner-tiny-icons .banner-seo-folder-img[data-v-e0fccc8f]{left:38px;top:18px;width:52px}.introduce .part-banner .banner-tiny-icons .banner-swiper-multiple-img[data-v-e0fccc8f]{right:42px;top:0;width:44px}.introduce .part-banner .perspective-container[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{bottom:0;overflow:hidden;perspective:424px;-webkit-perspective:424px}}@media (max-width:440px){.introduce .part-banner .perspective-container .editor-img[data-v-e0fccc8f]{pointer-events:none}.introduce .part-banner .perspective-container .img-container[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{border-radius:12px;transform-origin:center}}@media (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{width:34px}}@media (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-e0fccc8f]:active{cursor:-webkit-grabbing;cursor:grabbing}.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]: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-e0fccc8f]{transform:translateZ(20px);-webkit-transform:translateZ(20px)}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover.image-trigger img[data-v-e0fccc8f]{opacity:1}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]: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-e0fccc8f]: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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:126px;top:56px}}@media (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger img[data-v-e0fccc8f]{opacity:.3}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{top:708px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-e0fccc8f]{top:668px}}@media (max-width:440px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{top:708px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-e0fccc8f]{top:668px}}@media (max-width:440px){.introduce .part-banner .button[data-v-e0fccc8f]{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-e0fccc8f]{width:200px}}@media (max-width:440px) and (max-width:440px){.introduce .part-banner .button[data-v-e0fccc8f]{width:160px}}@media (max-width:440px){.introduce .part-banner .gradient-mask[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(180deg,transparent,#fcfcfc 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-e0fccc8f]{bottom:0}}@media (max-width:440px){.introduce .quick-build[data-v-e0fccc8f]{margin-top:0}.introduce .quick-build .quick-build-title[data-v-e0fccc8f]{color:#1e2129}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .quick-build-title[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{display:flex;flex-direction:column}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list[data-v-e0fccc8f]{gap:40px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{background-size:cover;overflow:hidden;position:relative}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{border-radius:24px;height:600px}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{height:640px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item .card-content[data-v-e0fccc8f]{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-e0fccc8f]{width:calc(100% - 40px)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{font-weight:520}.introduce .quick-build .card-list .card-item.small .card-content-text[data-v-e0fccc8f]{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-e0fccc8f]{font-size:20px;font-weight:520;line-height:28px}.introduce .quick-build .card-list .card-item-1[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:20px;top:60px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-e0fccc8f]{align-items:flex-end}.introduce .quick-build .card-list .card-item-2[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-2 .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:75px;top:408px;width:390px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-2 .cloud-container[data-v-e0fccc8f]{height:291px;left:40px;position:absolute;top:318px;width:431px}.introduce .quick-build .card-list .card-item-2 .cloud-container .img-1[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:272px;top:35px;width:64px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-3 img[data-v-e0fccc8f]{position:absolute}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:20px;top:60px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-e0fccc8f]{align-items:flex-end}.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-e0fccc8f]{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-e0fccc8f]{right:0;top:344px;width:194px}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-3 .custom-component-style-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:60px;top:272px;width:372px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(0deg,#6fc1ff40,#f2f9fe40)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-4 img[data-v-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-4 .card-content[data-v-e0fccc8f]{align-items:flex-start;left:20px;top:60px}.introduce .quick-build .card-list .card-item-4 .wave-background-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:72px;top:485px;width:162px}}@media (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{display:flex}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{flex-direction:row;gap:40px;height:600px}.introduce .quick-build .card-list .list-bottom-container>section[data-v-e0fccc8f]{flex:1}}@media (max-width:440px) and (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{flex-direction:column}}@media (max-width:440px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-e0fccc8f]{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-e0fccc8f]{gap:40px}.introduce .quick-build .card-list .card-item-5[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(0deg,#bcfaf1,#dffbf6)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-5 img[data-v-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-5 .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:130px;top:310px;width:247px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{align-items:flex-start;left:20px;top:60px}.introduce .quick-build .card-list .card-item-6 img[data-v-e0fccc8f]{position:absolute}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:0;top:300px;width:178px}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(0deg,#fff,#d6daffcc)}}@media (max-width:440px){.introduce .quick-build .card-list .card-item-7 .card-content[data-v-e0fccc8f]{align-items:flex-start;left:20px;top:60px}.introduce .quick-build .card-list .card-item-7 img[data-v-e0fccc8f]{position:absolute}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-e0fccc8f]{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-e0fccc8f]{top:171px;width:100%}}@media (max-width:440px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:32px;top:197px;width:250px}}@media (min-width:440px) and (max-width:1200px){.introduce[data-v-e0fccc8f]{height:100%;width:100%}.introduce .part-banner[data-v-e0fccc8f]{height:992px;overflow:hidden;perspective:1000px;position:relative}.introduce .part-banner .banner-title[data-v-e0fccc8f]{text-align:center}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .banner-title[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{text-align:center}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:relative;z-index:1}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .part-banner .content[data-v-e0fccc8f]{gap:24px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .content .banner-desc[data-v-e0fccc8f]{margin-top:12px}.introduce .part-banner .content .button[data-v-e0fccc8f]{margin-top:60px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .banner-tiny-icons[data-v-e0fccc8f]{height:138px;left:0;position:absolute;top:267px;width:100%}.introduce .part-banner .banner-tiny-icons img[data-v-e0fccc8f]{position:absolute}.introduce .part-banner .banner-tiny-icons .banner-dev-mode-img[data-v-e0fccc8f]{bottom:0;left:6px;width:39px}.introduce .part-banner .banner-tiny-icons .banner-grid-img[data-v-e0fccc8f]{bottom:4px;right:0;width:36px}.introduce .part-banner .banner-tiny-icons .banner-seo-folder-img[data-v-e0fccc8f]{left:38px;top:18px;width:52px}.introduce .part-banner .banner-tiny-icons .banner-swiper-multiple-img[data-v-e0fccc8f]{right:42px;top:0;width:44px}.introduce .part-banner .perspective-container[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{pointer-events:none}.introduce .part-banner .perspective-container .img-container[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]:active{cursor:-webkit-grabbing;cursor:grabbing}.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]: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-e0fccc8f]{transform:translateZ(20px);-webkit-transform:translateZ(20px)}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover.image-trigger img[data-v-e0fccc8f]{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-e0fccc8f]: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-e0fccc8f]: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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{top:668px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .button[data-v-e0fccc8f]{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-e0fccc8f]{width:200px}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .part-banner .button[data-v-e0fccc8f]{width:160px}}@media (min-width:440px) and (max-width:1200px){.introduce .part-banner .gradient-mask[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(180deg,transparent,#fcfcfc 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-e0fccc8f]{bottom:0}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build[data-v-e0fccc8f]{margin-top:18px}.introduce .quick-build .quick-build-title[data-v-e0fccc8f]{color:#1e2129}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .quick-build-title[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{display:flex;flex-direction:column}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list[data-v-e0fccc8f]{gap:40px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{height:640px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .card-item .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{font-weight:520}.introduce .quick-build .card-list .card-item.small .card-content-text[data-v-e0fccc8f]{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-e0fccc8f]{font-size:20px;font-weight:520;line-height:28px}.introduce .quick-build .card-list .card-item-1[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{align-items:flex-end}.introduce .quick-build .card-list .card-item-2[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-2 .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{height:548px;left:366px;position:absolute;top:58px;width:812px}.introduce .quick-build .card-list .card-item-2 .cloud-container .img-1[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:absolute}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{align-items:flex-end}.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-4 .card-content[data-v-e0fccc8f]{align-items:flex-start;left:120px;top:32px}.introduce .quick-build .card-list .card-item-4 .wave-background-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:72px;top:485px;width:162px}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{display:flex}}@media (min-width:440px) and (max-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{flex-direction:row;gap:40px;height:600px}.introduce .quick-build .card-list .list-bottom-container>section[data-v-e0fccc8f]{flex:1}}@media (min-width:440px) and (max-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{flex-direction:column}}@media (min-width:440px) and (max-width:1200px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-e0fccc8f]{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-e0fccc8f]{gap:40px}.introduce .quick-build .card-list .card-item-5[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-5 .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-6 img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-7 img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:32px;top:197px;width:250px}}@media (min-width:1200px){.introduce[data-v-e0fccc8f]{height:100%;width:100%}.introduce .part-banner[data-v-e0fccc8f]{height:992px;overflow:hidden;perspective:1000px;position:relative}.introduce .part-banner .banner-title[data-v-e0fccc8f]{text-align:center}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .banner-title[data-v-e0fccc8f]{font-size:48px;font-weight:520;line-height:56px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .banner-title[data-v-e0fccc8f]{font-size:30px;font-weight:520;line-height:38px;width:240px}}@media (min-width:1200px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{text-align:center}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{font-size:16px;font-weight:330;line-height:24px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .banner-desc[data-v-e0fccc8f]{font-size:12px;font-weight:330;line-height:20px;width:176px}}@media (min-width:1200px){.introduce .part-banner .content[data-v-e0fccc8f]{position:relative;z-index:1}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .content[data-v-e0fccc8f]{gap:24px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .content .banner-desc[data-v-e0fccc8f]{margin-top:12px}.introduce .part-banner .content .button[data-v-e0fccc8f]{margin-top:60px}}@media (min-width:1200px){.introduce .part-banner .banner-tiny-icons[data-v-e0fccc8f]{height:138px;left:0;position:absolute;top:267px;width:100%}.introduce .part-banner .banner-tiny-icons img[data-v-e0fccc8f]{position:absolute}.introduce .part-banner .banner-tiny-icons .banner-dev-mode-img[data-v-e0fccc8f]{bottom:0;left:6px;width:39px}.introduce .part-banner .banner-tiny-icons .banner-grid-img[data-v-e0fccc8f]{bottom:4px;right:0;width:36px}.introduce .part-banner .banner-tiny-icons .banner-seo-folder-img[data-v-e0fccc8f]{left:38px;top:18px;width:52px}.introduce .part-banner .banner-tiny-icons .banner-swiper-multiple-img[data-v-e0fccc8f]{right:42px;top:0;width:44px}.introduce .part-banner .perspective-container[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{bottom:0;overflow:hidden;perspective:424px;-webkit-perspective:424px}}@media (min-width:1200px){.introduce .part-banner .perspective-container .editor-img[data-v-e0fccc8f]{pointer-events:none}.introduce .part-banner .perspective-container .img-container[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{border-radius:12px;transform-origin:center}}@media (min-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{width:34px}}@media (min-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger .add-component-item[data-v-e0fccc8f]:active{cursor:-webkit-grabbing;cursor:grabbing}.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]: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-e0fccc8f]{transform:translateZ(20px);-webkit-transform:translateZ(20px)}.introduce .part-banner .perspective-container .img-container .add-component-trigger:hover.image-trigger img[data-v-e0fccc8f]{opacity:1}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger[data-v-e0fccc8f]: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-e0fccc8f]: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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:126px;top:56px}}@media (min-width:1200px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger img[data-v-e0fccc8f]{opacity:.3}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.image-trigger[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{top:708px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.flex-trigger[data-v-e0fccc8f]{top:668px}}@media (min-width:1200px) and (min-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{top:708px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .perspective-container .img-container .add-component-trigger.grid-trigger[data-v-e0fccc8f]{top:668px}}@media (min-width:1200px){.introduce .part-banner .button[data-v-e0fccc8f]{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-e0fccc8f]{width:200px}}@media (min-width:1200px) and (max-width:440px){.introduce .part-banner .button[data-v-e0fccc8f]{width:160px}}@media (min-width:1200px){.introduce .part-banner .gradient-mask[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(180deg,transparent,#fcfcfc 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-e0fccc8f]{bottom:0}}@media (min-width:1200px){.introduce .quick-build[data-v-e0fccc8f]{margin-top:18px}.introduce .quick-build .quick-build-title[data-v-e0fccc8f]{color:#1e2129}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .quick-build-title[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{display:flex;flex-direction:column}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list[data-v-e0fccc8f]{gap:40px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{background-size:cover;overflow:hidden;position:relative}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{border-radius:24px;height:600px}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .card-item[data-v-e0fccc8f]{height:640px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item .card-content[data-v-e0fccc8f]{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-e0fccc8f]{width:calc(100% - 40px)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item .card-content .card-content-text[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{font-weight:520}.introduce .quick-build .card-list .card-item.small .card-content-text[data-v-e0fccc8f]{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-e0fccc8f]{font-size:20px;font-weight:520;line-height:28px}.introduce .quick-build .card-list .card-item-1[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:120px;top:32px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-1 .card-content[data-v-e0fccc8f]{align-items:flex-end}.introduce .quick-build .card-list .card-item-2[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-2 .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:71px;top:408px;width:390px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-2 .cloud-container[data-v-e0fccc8f]{height:548px;left:366px;position:absolute;top:58px;width:812px}.introduce .quick-build .card-list .card-item-2 .cloud-container .img-1[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:272px;top:35px;width:64px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-3 img[data-v-e0fccc8f]{position:absolute}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:120px;top:32px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-3 .card-content[data-v-e0fccc8f]{align-items:flex-end}.introduce .quick-build .card-list .card-item-3 .code-block-img[data-v-e0fccc8f]{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-e0fccc8f]{right:0;top:344px;width:194px}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-3 .custom-component-style-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:60px;top:272px;width:372px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-4[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(0deg,#6fc1ff40,#f2f9fe40)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-4 img[data-v-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-4 .card-content[data-v-e0fccc8f]{align-items:flex-start;left:120px;top:32px}.introduce .quick-build .card-list .card-item-4 .wave-background-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:72px;top:485px;width:162px}}@media (min-width:1200px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{display:flex}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{flex-direction:row;gap:40px;height:600px}.introduce .quick-build .card-list .list-bottom-container>section[data-v-e0fccc8f]{flex:1}}@media (min-width:1200px) and (max-width:440px){.introduce .quick-build .card-list .list-bottom-container[data-v-e0fccc8f]{flex-direction:column}}@media (min-width:1200px){.introduce .quick-build .card-list .list-bottom-container .list-bottom-right[data-v-e0fccc8f]{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-e0fccc8f]{gap:40px}.introduce .quick-build .card-list .card-item-5[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(0deg,#bcfaf1,#dffbf6)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-5 img[data-v-e0fccc8f]{position:absolute}.introduce .quick-build .card-list .card-item-5 .card-content[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:130px;top:310px;width:247px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-6 img[data-v-e0fccc8f]{position:absolute}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-6 .heatmap-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{right:0;top:300px;width:178px}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7[data-v-e0fccc8f]{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-e0fccc8f]{background:linear-gradient(0deg,#fff,#d6daffcc)}}@media (min-width:1200px){.introduce .quick-build .card-list .card-item-7 .card-content[data-v-e0fccc8f]{align-items:flex-start;left:40px;top:32px}.introduce .quick-build .card-list .card-item-7 img[data-v-e0fccc8f]{position:absolute}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .circle-background-img[data-v-e0fccc8f]{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-e0fccc8f]{top:171px;width:100%}}@media (min-width:1200px) and (min-width:440px){.introduce .quick-build .card-list .card-item-7 .ai-img[data-v-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{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-e0fccc8f]{left:32px;top:197px;width:250px}}@media (min-width:1200px){.mobile[data-v-deb8ec07]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-deb8ec07]{display:none!important}}@media (max-width:440px){.pc[data-v-deb8ec07]{display:none!important}}html[data-v-deb8ec07] ::-webkit-scrollbar{display:none}.button-style-default[data-v-deb8ec07]{background:#0d172b;color:#fff}.button-style-gradient[data-v-deb8ec07]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-deb8ec07]{background:#eee;color:#aaa}body[data-v-deb8ec07]{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-deb8ec07]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-deb8ec07]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-deb8ec07]::placeholder{color:#94a3b8;overflow:hidden}input[data-v-deb8ec07]{--background:214 32% 91%}@media (min-width:1200px){.mobile[data-v-3393d826]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-3393d826]{display:none!important}}@media (max-width:440px){.pc[data-v-3393d826]{display:none!important}}html[data-v-3393d826] ::-webkit-scrollbar{display:none}.button-style-default[data-v-3393d826]{background:#0d172b;color:#fff}.button-style-gradient[data-v-3393d826]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-3393d826]{background:#eee;color:#aaa}body[data-v-3393d826]{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-3393d826]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-3393d826]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-3393d826]::placeholder{color:#94a3b8;overflow:hidden}textarea[data-v-3393d826]{--background:214 32% 91%}@media (min-width:1200px){.mobile{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile{display:none!important}}@media (max-width:440px){.pc{display:none!important}}html ::-webkit-scrollbar{display:none}.button-style-default{background:#0d172b;color:#fff}.button-style-gradient{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled{background:#eee;color:#aaa}body{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))}::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}::-moz-placeholder{color:#94a3b8;overflow:hidden}*::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}*::-moz-placeholder{color:#94a3b8;overflow:hidden}::placeholder{color:#94a3b8;overflow:hidden}.zSelect{background:#e2e8f0;border:1px solid transparent;display:none;display:inline-flex;min-width:var(--6453cb6c);position:relative;width:var(--68368bee);z-index:2}.zSelect.in-container{background:#cbd5e1}.zSelect.active{z-index:3}.zSelect .optionList{left:0;position:absolute;top:calc(100% + 2px)}.zSelect.large{min-height:40px}.zSelect.large,.zSelect.large .optionItem,.zSelect.large .optionList{border-radius:var(--radius)}.zSelect.medium{min-height:32px}.zSelect.medium,.zSelect.medium .optionItem,.zSelect.medium .optionList{border-radius:calc(var(--radius) - 4px)}.zSelect.small{min-height:24px}.zSelect.small,.zSelect.small .optionItem,.zSelect.small .optionList{border-radius:calc(var(--radius) - 6px)}.zSelect .textContent{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:4px 8px;width:100%}.zSelect .textContent .select-tag-container{display:flex;flex-wrap:wrap;gap:4px}.zSelect .textContent .select-tag{align-items:center;background:#cbd5e1;border-radius:calc(var(--radius) - 4px);color:#0f172a;display:flex;font-size:12px;font-weight:330;gap:4px;line-height:20px;padding:0 4px}.zSelect .textContent .arrow{opacity:0}.zSelect .textContent:hover .arrow,.zSelect .textContent .arrow-show{opacity:1}.zSelect.medium .optionList::-webkit-scrollbar,.zSelect.small .optionList::-webkit-scrollbar{width:4px}.zSelect.large .optionList::-webkit-scrollbar{width:8px}.zSelect:not(.zSelect.disabled):hover{border:1px solid #505cf4;box-shadow:0 0 0 2px #c7cbff}.zSelect:not(.zSelect.disabled).active{border:1px solid #505cf4;box-shadow:0 0 0 2px #c7cbff}.zSelect.disabled{background-color:#f1f5f9;border:1px solid transparent;color:#94a3b8;cursor:not-allowed}.zSelect.disabled .select-tag{background:#cbd5e1;color:#0f172a}@media (min-width:1200px){.mobile[data-v-d18f96dc]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-d18f96dc]{display:none!important}}@media (max-width:440px){.pc[data-v-d18f96dc]{display:none!important}}html[data-v-d18f96dc] ::-webkit-scrollbar{display:none}.button-style-default[data-v-d18f96dc]{background:#0d172b;color:#fff}.button-style-gradient[data-v-d18f96dc]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-d18f96dc]{background:#eee;color:#aaa}body[data-v-d18f96dc]{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-d18f96dc]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-d18f96dc]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-d18f96dc]::placeholder{color:#94a3b8;overflow:hidden}.register[data-v-d18f96dc]{align-items:flex-start;display:flex;min-height:816px;padding-bottom:180px;position:relative;width:100%;--percent-origin:15%;--percent-step-start:21.5%;--percent-start:calc(var(--percent-origin) + var(--percent-step-start));--percent-step-end:24.5%;--percent-end:calc(var(--percent-start) + var(--percent-step-end))}@media (max-width:440px){.register[data-v-d18f96dc]{background:linear-gradient(180deg,transparent var(--percent-origin),#c5cbff var(--percent-origin),#c5cbff var(--percent-start),#fcfcfc var(--percent-end))}}@media (min-width:440px){.register[data-v-d18f96dc]{gap:88px}}@media (max-width:440px){.register[data-v-d18f96dc]{flex-direction:column}}@media (min-width:440px){.register .right-poster[data-v-d18f96dc]{left:614px;position:absolute;top:290px;width:622px}}@media (max-width:440px){.register .right-poster[data-v-d18f96dc]{order:-1;padding:0 12px}}.register .step[data-v-d18f96dc]{padding:0 0 0 2px}@media (min-width:440px){.register .step[data-v-d18f96dc]{margin-top:200px}}@media (max-width:440px){.register .step[data-v-d18f96dc]{margin-top:30px;padding:0 20px}}@media (min-width:440px){.register .step .congratulation-text[data-v-d18f96dc]{font-size:48px;font-weight:520;line-height:56px;width:544px}}@media (max-width:440px){.register .step .congratulation-text[data-v-d18f96dc]{font-size:30px;font-weight:520;line-height:38px}}.register .step-1 button[data-v-d18f96dc]{align-items:center;align-self:stretch;background:#c7cbff;border-radius:9999px;display:flex;font-size:18px;font-weight:520;gap:40px;height:60px;justify-content:center;line-height:26px;padding:8px 14px 8px 20px;width:100%}@media (min-width:440px){.register .register-content[data-v-d18f96dc]{width:530px}}@media (max-width:440px){.register .register-content[data-v-d18f96dc]{width:100%}}@media (min-width:440px){.register .rollcode-access[data-v-d18f96dc]{font-size:48px;font-weight:520;line-height:56px;margin-bottom:144px}}@media (max-width:440px){.register .rollcode-access[data-v-d18f96dc]{font-size:24px;font-weight:520;line-height:32px;margin-bottom:60px;margin-left:20px;margin-top:30px;order:-2}}.register .submit-button[data-v-d18f96dc]{align-items:center;display:flex;justify-content:center;margin-top:40px}.register .submit-button .submit-button-text[data-v-d18f96dc]{font-size:18px;font-weight:520;line-height:26px;margin-right:8px;width:134px}@media (min-width:1200px){.mobile[data-v-0acaffd6]{display:none!important}}@media (min-width:440px) and (max-width:1200px){.mobile[data-v-0acaffd6]{display:none!important}}@media (max-width:440px){.pc[data-v-0acaffd6]{display:none!important}}html[data-v-0acaffd6] ::-webkit-scrollbar{display:none}.button-style-default[data-v-0acaffd6]{background:#0d172b;color:#fff}.button-style-gradient[data-v-0acaffd6]{background:linear-gradient(112deg,#ff8d74 21.43%,#4d5cfd 78.57%);color:#fff}.button-style-disabled[data-v-0acaffd6]{background:#eee;color:#aaa}body[data-v-0acaffd6]{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-0acaffd6]::-webkit-input-placeholder{color:#94a3b8;overflow:hidden}[data-v-0acaffd6]::-moz-placeholder{color:#94a3b8;overflow:hidden}[data-v-0acaffd6]::placeholder{color:#94a3b8;overflow:hidden}