@media(min-width:768px){.data-showcase-swiper-wrapper[data-v-94803db1]{max-width:1200px;position:relative;width:100%}.data-showcase-section[data-v-94803db1] .section-content{width:min(1200px,100vw - 80px)}.switch[data-v-94803db1]{align-items:center;background-color:var(--x-white-9);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:54px;justify-content:center;transition:all .3s ease-in-out;width:54px}.switch[data-v-94803db1]:hover{background-color:#ffffff4d}.switch.disabled[data-v-94803db1]{background-color:var(--x-white-10);color:#ffffff4d;cursor:not-allowed}.data-showcase-wrapper[data-v-94803db1]{align-items:center;background:#1b1e27;display:flex;flex-direction:column;height:811px;justify-content:flex-start;overflow:hidden;padding:125px 0;position:relative;width:100vw}.data-showcase-title[data-v-94803db1]{color:#fff;font-size:32px;font-weight:400;margin-bottom:44px}.swiper-container[data-v-94803db1]{flex:1;margin-bottom:32px;max-width:1200px;position:relative;width:100%}.data-showcase-swiper[data-v-94803db1]{height:100%;width:100%}.data-showcase-card[data-v-94803db1]{align-items:center;background:var(--x-purple-1);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:483px;padding:56px 32px;position:relative;width:100%}.data-showcase-card-logo[data-v-94803db1]{height:48px}.data-showcase-card-num-trend[data-v-94803db1]{align-items:center;display:flex;justify-content:center;margin-right:8px}.data-showcase-card-num-trend-arrow[data-v-94803db1]{font-size:32px}.data-showcase-card-num[data-v-94803db1]{color:var(--x-purple-8);font-size:64px;font-weight:400;line-height:78px;margin-bottom:12px;margin-top:24px}.data-showcase-card-label[data-v-94803db1]{color:var(--x-text-1);font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-align:center}.data-showcase-card-desc[data-v-94803db1]{color:var(--x-text-3);display:-webkit-box;font-size:14px;font-style:normal;font-weight:400;height:112px;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;text-align:left;text-align:justify;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:28px;margin-top:24px;white-space:pre-line}.data-showcase-btn-wrapper[data-v-94803db1]{display:flex;justify-content:center;margin-top:48px;width:100%}.btn-for-more[data-v-94803db1]{align-items:center;background:transparent;border:1px solid var(--x-white-8);border-radius:8px;box-shadow:0 2px 2px #1219260f;color:var(--x-white-1);display:flex;font-size:20px;font-style:normal;font-weight:400;gap:12px;justify-content:center;line-height:28px;padding:9px 31px;text-align:center;transition:all .3s ease-in-out}.btn-for-more[data-v-94803db1]:hover{background:var(--x-back-3);background:var(--x-white-10)}.btn-for-more .btn-for-more-arrow[data-v-94803db1]{font-size:22px}.card-btn[data-v-94803db1]{align-items:center;color:var(--x-purple-6);display:flex;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;gap:8px;justify-content:flex-start;line-height:22px;margin-top:24px}.card-btn[data-v-94803db1]:hover{color:var(--x-purple-8)}}@media(max-width:767px){.data-showcase-section[data-v-94803db1]{padding-left:0;padding-right:0}.data-showcase-swiper-wrapper[data-v-94803db1]{overflow:hidden;position:relative;width:100%}.switch[data-v-94803db1]{align-items:center;background-color:var(--x-white-9);border-radius:50%;color:#fff;cursor:pointer;display:none!important;display:flex;flex-shrink:0;height:1.44rem;justify-content:center;transition:all .3s ease-in-out;width:1.44rem}.switch[data-v-94803db1]:hover{background-color:#ffffff4d}.switch.disabled[data-v-94803db1]{background-color:var(--x-white-10);color:#ffffff4d;cursor:not-allowed}.data-showcase-wrapper[data-v-94803db1]{align-items:center;background:#1b1e27;display:flex;flex-direction:column;height:21.62667rem;justify-content:flex-start;overflow:hidden;padding:3.33333rem 0;position:relative;width:100vw}.data-showcase-title[data-v-94803db1]{color:#fff;font-size:.85333rem;font-weight:400;margin-bottom:1.17333rem}.swiper-container[data-v-94803db1]{flex:1;overflow:hidden;position:relative;width:100%}.data-showcase-swiper[data-v-94803db1]{height:100%;overflow:hidden;padding:0;width:100%}.data-showcase-swiper[data-v-94803db1] .swiper-slide{width:-moz-fit-content;width:fit-content}.data-showcase-card[data-v-94803db1]{align-items:center;background:var(--x-purple-1);border-radius:.21333rem;box-sizing:border-box;display:flex;flex-direction:column;height:9.73333rem;padding:.85333rem .42667rem;position:relative;width:8.10667rem}.data-showcase-card-logo[data-v-94803db1]{height:1.06667rem}.data-showcase-card-num-trend[data-v-94803db1]{align-items:center;display:flex;justify-content:center;margin-right:.21333rem}.data-showcase-card-num-trend-arrow[data-v-94803db1]{font-size:.64rem}.data-showcase-card-num[data-v-94803db1]{color:var(--x-purple-8);font-size:1.28rem;font-weight:400;line-height:normal;margin-bottom:.21333rem;margin-top:.42667rem}.data-showcase-card-label[data-v-94803db1]{color:var(--x-text-1);font-size:.42667rem;font-style:normal;font-weight:400;line-height:.58667rem;text-align:center}.data-showcase-card-desc[data-v-94803db1]{color:var(--x-text-3);display:-webkit-box;font-size:.37333rem;font-style:normal;font-weight:400;height:2.8rem;line-height:.56rem;margin-top:.42667rem;overflow:hidden;text-align:left;text-align:justify;text-overflow:ellipsis;white-space:pre-line}.data-showcase-btn-wrapper[data-v-94803db1]{display:flex;justify-content:center;margin-top:.42667rem;width:100%}.btn-for-more[data-v-94803db1]{align-items:center;background:transparent;border:.02667rem solid var(--x-white-8);border-radius:.21333rem;box-shadow:0 .05333rem .05333rem #1219260f;color:var(--x-white-1);display:flex;font-size:.37333rem;font-weight:400;gap:.16rem;justify-content:center;line-height:.53333rem;padding:.29333rem .61333rem;text-align:center;transition:all .3s ease-in-out;width:8.93333rem}.btn-for-more[data-v-94803db1]:hover{background:var(--x-back-3);background:var(--x-white-10)}.btn-for-more .btn-for-more-arrow[data-v-94803db1]{font-size:.42667rem}.card-btn[data-v-94803db1]{align-items:center;color:var(--x-purple-6);display:flex;font-size:.37333rem;font-weight:400;gap:.21333rem;justify-content:flex-start;line-height:.53333rem;margin-top:.42667rem}.card-btn[data-v-94803db1]:hover{color:var(--x-purple-8)}}@media(min-width:768px){.data-showcase-swiper-wrapper[data-v-fc33f2d5]{max-width:1440px;position:relative;width:1200px}.switch[data-v-fc33f2d5]{align-items:center;background-color:var(--x-white-9);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:54px;justify-content:center;transition:all .3s ease-in-out;width:54px}.switch[data-v-fc33f2d5]:hover{background-color:#ffffff4d}.switch.disabled[data-v-fc33f2d5]{background-color:var(--x-white-10);color:#ffffff4d;cursor:not-allowed}.data-showcase-wrapper[data-v-fc33f2d5]{align-items:center;background:#1b1e27;display:flex;flex-direction:column;height:811px;justify-content:flex-start;overflow:hidden;padding:125px 0;position:relative;width:100vw}.data-showcase-title[data-v-fc33f2d5]{color:#fff;font-size:32px;font-weight:400;margin-bottom:44px}.swiper-container[data-v-fc33f2d5]{flex:1;margin-bottom:32px;max-width:1440px;position:relative;width:100%}.data-showcase-swiper[data-v-fc33f2d5]{height:100%;width:100%}.data-showcase-card[data-v-fc33f2d5]{align-items:center;background:var(--x-purple-1);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:483px;padding:56px 32px;position:relative;width:384px}.data-showcase-card-logo[data-v-fc33f2d5]{height:48px}.data-showcase-card-num-trend[data-v-fc33f2d5]{align-items:center;display:flex;justify-content:center;margin-right:8px}.data-showcase-card-num-trend-arrow[data-v-fc33f2d5]{font-size:32px}.data-showcase-card-num[data-v-fc33f2d5]{color:var(--x-purple-8);font-size:64px;font-weight:400;line-height:78px;margin-bottom:12px;margin-top:24px}.data-showcase-card-label[data-v-fc33f2d5]{color:var(--x-text-1);font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-align:center}.data-showcase-card-desc[data-v-fc33f2d5]{color:var(--x-text-3);display:-webkit-box;font-size:14px;font-style:normal;font-weight:400;height:112px;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;text-align:left;text-align:justify;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:28px;margin-top:24px;white-space:pre-line}.data-showcase-btn-wrapper[data-v-fc33f2d5]{display:flex;justify-content:center;margin-top:48px;width:100%}.btn-for-more[data-v-fc33f2d5]{align-items:center;background:transparent;border:1px solid var(--x-white-8);border-radius:8px;box-shadow:0 2px 2px #1219260f;color:var(--x-white-1);display:flex;font-size:20px;font-style:normal;font-weight:400;gap:12px;justify-content:center;line-height:28px;padding:9px 31px;text-align:center;transition:all .3s ease-in-out}.btn-for-more[data-v-fc33f2d5]:hover{background:var(--x-back-3);background:var(--x-white-10)}.btn-for-more .btn-for-more-arrow[data-v-fc33f2d5]{font-size:22px}.card-btn[data-v-fc33f2d5]{align-items:center;color:var(--x-purple-6);display:flex;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;gap:8px;justify-content:flex-start;line-height:22px;margin-top:24px}.card-btn[data-v-fc33f2d5]:hover{color:var(--x-purple-8)}}@media(max-width:767px){.data-showcase-section[data-v-fc33f2d5]{padding-left:0;padding-right:0}.data-showcase-swiper-wrapper[data-v-fc33f2d5]{overflow:hidden;position:relative;width:100%}.switch[data-v-fc33f2d5]{align-items:center;background-color:var(--x-white-9);border-radius:50%;color:#fff;cursor:pointer;display:none!important;display:flex;flex-shrink:0;height:1.44rem;justify-content:center;transition:all .3s ease-in-out;width:1.44rem}.switch[data-v-fc33f2d5]:hover{background-color:#ffffff4d}.switch.disabled[data-v-fc33f2d5]{background-color:var(--x-white-10);color:#ffffff4d;cursor:not-allowed}.data-showcase-wrapper[data-v-fc33f2d5]{align-items:center;background:#1b1e27;display:flex;flex-direction:column;height:21.62667rem;justify-content:flex-start;overflow:hidden;padding:3.33333rem 0;position:relative;width:100vw}.data-showcase-title[data-v-fc33f2d5]{color:#fff;font-size:.85333rem;font-weight:400;margin-bottom:1.17333rem}.swiper-container[data-v-fc33f2d5]{flex:1;overflow:hidden;position:relative;width:100%}.data-showcase-swiper[data-v-fc33f2d5]{height:100%;overflow:hidden;padding:0;width:100%}.data-showcase-swiper[data-v-fc33f2d5] .swiper-slide{width:-moz-fit-content;width:fit-content}.data-showcase-card[data-v-fc33f2d5]{align-items:center;background:var(--x-purple-1);border-radius:.21333rem;box-sizing:border-box;display:flex;flex-direction:column;height:9.73333rem;padding:.85333rem .42667rem;position:relative;width:8.10667rem}.data-showcase-card-logo[data-v-fc33f2d5]{height:1.06667rem}.data-showcase-card-num-trend[data-v-fc33f2d5]{align-items:center;display:flex;justify-content:center;margin-right:.21333rem}.data-showcase-card-num-trend-arrow[data-v-fc33f2d5]{font-size:.64rem}.data-showcase-card-num[data-v-fc33f2d5]{color:var(--x-purple-8);font-size:1.28rem;font-weight:400;line-height:normal;margin-bottom:.21333rem;margin-top:.42667rem}.data-showcase-card-label[data-v-fc33f2d5]{color:var(--x-text-1);font-size:.42667rem;font-style:normal;font-weight:400;line-height:.58667rem;text-align:center}.data-showcase-card-desc[data-v-fc33f2d5]{color:var(--x-text-3);display:-webkit-box;font-size:.37333rem;font-style:normal;font-weight:400;height:2.8rem;line-height:.56rem;margin-top:.42667rem;overflow:hidden;text-align:left;text-align:justify;text-overflow:ellipsis;white-space:pre-line}.data-showcase-btn-wrapper[data-v-fc33f2d5]{display:flex;justify-content:center;margin-top:.42667rem;width:100%}.btn-for-more[data-v-fc33f2d5]{align-items:center;background:transparent;border:.02667rem solid var(--x-white-8);border-radius:.21333rem;box-shadow:0 .05333rem .05333rem #1219260f;color:var(--x-white-1);display:flex;font-size:.37333rem;font-weight:400;gap:.16rem;justify-content:center;line-height:.53333rem;padding:.29333rem .61333rem;text-align:center;transition:all .3s ease-in-out;width:8.93333rem}.btn-for-more[data-v-fc33f2d5]:hover{background:var(--x-back-3);background:var(--x-white-10)}.btn-for-more .btn-for-more-arrow[data-v-fc33f2d5]{font-size:.42667rem}.card-btn[data-v-fc33f2d5]{align-items:center;color:var(--x-purple-6);display:flex;font-size:.37333rem;font-weight:400;gap:.21333rem;justify-content:flex-start;line-height:.53333rem;margin-top:.42667rem}.card-btn[data-v-fc33f2d5]:hover{color:var(--x-purple-8)}}.demo-page[data-v-c19ec7f7]{width:100%}.demo-page__header[data-v-c19ec7f7]{margin-bottom:24px}.demo-page__header h1[data-v-c19ec7f7]{color:var(--x-text-1);font-size:28px;font-weight:700;margin:0 0 8px}.demo-page__desc[data-v-c19ec7f7]{color:var(--x-text-4);font-size:14px;margin:0}.demo-page__desc code[data-v-c19ec7f7]{background:var(--x-back-3);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.demo-page__content[data-v-c19ec7f7]{display:flex;flex-direction:column;gap:24px;max-width:1440px}.demo-page__content h4[data-v-c19ec7f7]{color:var(--x-text-2);font-size:14px;font-weight:500;margin:0 0 12px}.demo-preview[data-v-c19ec7f7]{gap:16px}.button-showcase[data-v-c19ec7f7],.demo-preview[data-v-c19ec7f7]{display:flex;flex-direction:column}.button-showcase[data-v-c19ec7f7]{gap:24px}.card-grid[data-v-c19ec7f7]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.code-preview[data-v-c19ec7f7]{background:var(--x-back-2);border:1px solid var(--x-back-4);border-radius:var(--x-radius-medium,8px);overflow:hidden;position:relative}.code-preview[data-v-c19ec7f7]:before{background:var(--x-back-3);border-bottom:1px solid var(--x-back-4);color:var(--x-text-5);content:"Vue";display:block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 14px;text-transform:uppercase}.code-preview pre[data-v-c19ec7f7]{background:transparent;margin:0;overflow-x:auto;padding:14px 16px}.code-preview code[data-v-c19ec7f7]{color:var(--x-text-2);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.7;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}