@media(min-width:768px){.book-btn[data-v-836833ee]{background-color:var(--x-back-1);border:1px solid var(--x-back-5);border-radius:8px;box-shadow:var(--x-small-shadow);color:var(--x-text-3);font-size:var(--x-text-20-size);height:58px;line-height:var(--x-text-20-line-height);padding:15px 48px;position:relative;transition:all .3s ease;width:210px;z-index:1}.book-btn[data-v-836833ee]:active,.book-btn[data-v-836833ee]:hover{background-color:var(--x-back-3);border-color:var(--x-back-6)}.book-btn[data-v-836833ee]:disabled{background-color:var(--x-back-1);border-color:var(--x-back-5);color:var(--x-text-8)}.start-btn[data-v-836833ee]{align-items:center;background-color:var(--x-text-1);border-radius:8px;color:var(--x-white-1);display:flex;font-size:var(--x-text-20-size);font-weight:var(--x-weight-regular);gap:12px;justify-content:center;letter-spacing:0;line-height:var(--x-text-20-line-height);position:relative;transition:all .3s ease;z-index:1}.start-btn[data-v-836833ee]:hover{background-color:var(--x-text-3)}.start-btn .icon[data-v-836833ee]{font-size:22px}.start-btn.default[data-v-836833ee]{height:58px;width:210px}.start-btn.small[data-v-836833ee]{height:48px;width:178px}}@media(max-width:767px){.book-btn[data-v-836833ee]{background-color:var(--x-back-1);border:.02667rem solid var(--x-back-5);border-radius:.21333rem;box-shadow:var(--x-small-shadow);color:var(--x-text-3);font-size:.37333rem;height:1.17333rem;line-height:.53333rem;padding:.32rem 1.01333rem;position:relative;transition:all .3s ease;width:3.62667rem;z-index:1}.book-btn[data-v-836833ee]:active,.book-btn[data-v-836833ee]:hover{background-color:var(--x-back-3);border-color:var(--x-back-6)}.book-btn[data-v-836833ee]:disabled{background-color:var(--x-back-1);border-color:var(--x-back-5);color:var(--x-text-8)}.start-btn[data-v-836833ee]{align-items:center;background-color:var(--x-text-1);border-radius:.21333rem;color:var(--x-white-1);display:flex;font-size:.37333rem;font-weight:var(--x-weight-regular);gap:.16rem;justify-content:center;letter-spacing:0;line-height:.53333rem;position:relative;transition:all .3s ease;z-index:1}.start-btn[data-v-836833ee]:hover{background-color:var(--x-text-3)}.start-btn .icon[data-v-836833ee]{font-size:.42667rem}.start-btn.default[data-v-836833ee]{height:1.17333rem;width:3.36rem}.start-btn.small[data-v-836833ee]{height:1.28rem;width:4.74667rem}}@media(min-width:768px){.youyan-start-right-now[data-v-f95e3b5d]{align-items:center;background-color:var(--x-purple-1);display:flex;flex-direction:column;height:420px;justify-content:center;margin:0 auto;min-width:1200px;overflow:hidden;position:relative;width:100%}.youyan-start-right-now.retractable .youyan-start-right-now__container[data-v-f95e3b5d]{width:clamp(1200px,1200px + (100vw - 1600px) * .75,1440px)}.youyan-start-right-now__container[data-v-f95e3b5d]{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:1200px}.youyan-start-right-now__avatar[data-v-f95e3b5d]{height:342px;left:50%;max-width:unset;position:absolute;top:80px}.youyan-start-right-now__content[data-v-f95e3b5d]{position:relative}.youyan-start-right-now__title[data-v-f95e3b5d]{color:var(--x-text-1);font-size:32px;font-weight:400;margin:0;text-align:left;z-index:1}.youyan-start-right-now__desc[data-v-f95e3b5d]{color:var(--x-text-3);font-size:16px;font-style:normal;font-weight:400;line-height:28px;margin-bottom:0;margin-top:12px;white-space:pre-line}.youyan-start-right-now__operation[data-v-f95e3b5d]{display:flex;gap:24px;margin-top:32px;z-index:1}}@media(max-width:767px){.youyan-start-right-now[data-v-f95e3b5d]{background-color:var(--x-purple-1);height:8.85333rem;justify-content:center;margin:0 auto;overflow:hidden;width:100%}.youyan-start-right-now[data-v-f95e3b5d],.youyan-start-right-now__container[data-v-f95e3b5d]{align-items:center;display:flex;flex-direction:column;position:relative}.youyan-start-right-now__container[data-v-f95e3b5d]{height:100%;padding-top:1.06667rem}.youyan-start-right-now__avatar[data-v-f95e3b5d]{height:4.8rem;left:.42667rem;max-width:unset;position:absolute;top:4.05333rem}.youyan-start-right-now__content[data-v-f95e3b5d]{align-items:center;display:flex;flex-direction:column;position:relative}.youyan-start-right-now__title[data-v-f95e3b5d]{color:var(--x-text-1);font-size:.53333rem;font-weight:400;line-height:.74667rem;margin:0;text-align:center;z-index:1}.youyan-start-right-now__desc[data-v-f95e3b5d]{color:var(--x-text-3);font-size:.37333rem;font-style:normal;font-weight:400;letter-spacing:-.00747rem;line-height:.56rem;margin-bottom:0;margin-top:.32rem;white-space:normal;width:8.93333rem}.youyan-start-right-now__operation[data-v-f95e3b5d]{display:flex;gap:.32rem;margin-top:.42667rem;z-index:1}}@media(max-width:767px){.rendora-start-right-now[data-v-1a4f8e6b]{align-items:center;color:var(--x-text-1);display:flex;flex-direction:column;height:14.10667rem;justify-content:center;overflow:hidden;position:relative}.rendora-start-right-now__background-container[data-v-1a4f8e6b]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.rendora-start-right-now__bg-image[data-v-1a4f8e6b]{background-position:top;background-repeat:repeat-x;background-size:auto 124%;height:100%;left:0;position:absolute;top:0;width:100%}.rendora-start-right-now__avatar-image[data-v-1a4f8e6b]{background-position:center -.53333rem;background-repeat:no-repeat;background-size:auto 114%;height:100%;left:0;position:absolute;top:0;width:100%}.rendora-start-right-now__title[data-v-1a4f8e6b]{bottom:3.25333rem;color:var(--x-text-1);font-size:.64rem;font-weight:400;line-height:.96rem;margin-bottom:0!important;margin-top:0!important;position:absolute;text-align:center;z-index:1}.noto[data-v-1a4f8e6b]{color:var(--x-purple-8);font-weight:600;letter-spacing:.02667rem}.rendora-start-right-now__operation[data-v-1a4f8e6b]{bottom:1.65333rem;display:flex;gap:.32rem;justify-content:center;padding-left:.53333rem;padding-right:.53333rem;position:absolute;width:100%;z-index:1}.rendora-start-right-now__start-btn[data-v-1a4f8e6b]{flex:1;font-size:.37333rem;height:1.17333rem;line-height:.53333rem;min-width:5.41333rem;padding:.32rem .64rem;white-space:nowrap}.rendora-start-right-now__start-btn[data-v-1a4f8e6b] .svg-icon{font-size:.42667rem!important}.rendora-start-right-now__book-btn[data-v-1a4f8e6b]{box-shadow:var(--x-small-shadow);font-size:.37333rem;height:1.17333rem;line-height:.53333rem;white-space:nowrap;width:3.2rem}}@media(min-width:768px){.rendora-start-right-now[data-v-1a4f8e6b]{align-items:center;color:var(--x-text-1);display:flex;flex-direction:column;height:877px;justify-content:center;overflow:hidden;position:relative}.rendora-start-right-now__background-container[data-v-1a4f8e6b]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.rendora-start-right-now__bg-image[data-v-1a4f8e6b]{background-repeat:repeat-x}.rendora-start-right-now__avatar-image[data-v-1a4f8e6b],.rendora-start-right-now__bg-image[data-v-1a4f8e6b]{background-position:50%;background-size:auto 100%;height:100%;left:0;position:absolute;top:0;width:100%}.rendora-start-right-now__avatar-image[data-v-1a4f8e6b]{background-repeat:no-repeat}.rendora-start-right-now__title[data-v-1a4f8e6b]{bottom:160px;color:var(--x-text-1);font-size:48px;font-weight:400;margin-bottom:12px!important;margin-top:0!important;position:absolute;z-index:1}.noto[data-v-1a4f8e6b]{color:var(--x-purple-8);font-family:"Noto Serif Display",serif;font-optical-sizing:auto;font-style:italic;font-variation-settings:"wdth" 62.5;font-weight:var(--x-weight-medium,600);letter-spacing:1px}.rendora-start-right-now__operation[data-v-1a4f8e6b]{bottom:86px;display:flex;gap:32px;justify-content:center;position:absolute;width:100%;z-index:1}.rendora-start-right-now__start-btn[data-v-1a4f8e6b]{height:58px;width:324px}.rendora-start-right-now__book-btn[data-v-1a4f8e6b]{box-shadow:var(--x-small-shadow);font-size:20px;font-weight:400;height:58px;line-height:30px;white-space:nowrap;width:324px}}.hover-video[data-v-99c2c232]{border-radius:10px;box-sizing:content-box;display:flex;flex-direction:column;height:100%;outline-width:0;overflow:hidden;position:relative;width:100%}.hover-video .content[data-v-99c2c232]{background-color:var(--back-4);border-bottom:0;border-radius:10px;cursor:pointer;flex:1 1 0%;overflow:hidden;position:relative;width:100%}.hover-video .content img[data-v-99c2c232],.hover-video .content video[data-v-99c2c232]{height:100%;left:0;position:absolute;top:0;transition:transform .3s ease;width:100%}.hover-video:hover .content img[data-v-99c2c232],.hover-video:hover .content video[data-v-99c2c232]{transform:scale(1.05)}.class-card[data-v-ec0d3b8c]{background-color:var(--back-5);border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.class-card .images[data-v-ec0d3b8c]{transition:all .5s ease-out}.class-card:hover .images[data-v-ec0d3b8c]{transform:scale(1.1)}.video-carousel[data-v-a77bc32d]{align-items:center;display:flex;flex-direction:column;width:100%}.video-carousel .video-infos-tabs[data-v-a77bc32d]{display:flex;gap:16px;margin-bottom:40px;width:100%}.video-carousel .video-container-wrapper[data-v-a77bc32d]{aspect-ratio:16/9;border-radius:12px;margin-bottom:16px;overflow:hidden;width:100%}.video-carousel .video_cover[data-v-a77bc32d] video{-o-object-fit:cover;object-fit:cover}.video-carousel .video-carousel-tab-item[data-v-a77bc32d]{align-items:center;background-color:var(--x-white-1);border-radius:8px;color:var(--x-text-3);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;line-height:14px;overflow:hidden;padding:16px 12px;position:relative}.video-carousel .video-carousel-tab-item p[data-v-a77bc32d]{margin-bottom:0;margin-top:0}.video-carousel .video-carousel-tab-item .title[data-v-a77bc32d]{color:var(--x-text-1);font-size:24px;font-style:normal;line-height:normal;text-align:center}.video-carousel .video-carousel-tab-item .desc[data-v-a77bc32d]{color:var(--x-text-5);font-size:14px;font-style:normal;line-height:normal;text-align:center}.video-carousel .video-carousel-tab-item[data-v-a77bc32d]:before{background-color:#fff;content:" ";height:100%;left:0;opacity:.2;position:absolute;top:0;transform:translate(calc(var(--data-percent)*-100%));transition:transform .3s linear;width:100%}.video-carousel .video-carousel-tab-item[data-v-a77bc32d]:hover{background-color:var(--x-back-5)}.video-carousel .video-carousel-tab-item:hover .title[data-v-a77bc32d]{color:var(--x-text-1)}.video-carousel .video-carousel-tab-item:hover .desc[data-v-a77bc32d]{color:var(--x-text-5)}.video-carousel .video-carousel-tab-item.active[data-v-a77bc32d]{background-color:var(--x-text-1);color:var(--x-white-1)}.video-carousel .video-carousel-tab-item.active .title[data-v-a77bc32d]{color:var(--x-white-1)}.video-carousel .video-carousel-tab-item.active .desc[data-v-a77bc32d]{color:var(--x-white-5)}.video-carousel .dots[data-v-a77bc32d]{align-items:center;display:flex;gap:16px;justify-content:center}.video-carousel .text-content[data-v-a77bc32d]{display:flex;flex-direction:column;gap:24px;margin-top:16px;width:100%}.video-carousel .text-content h3[data-v-a77bc32d]{color:var(--x-text-1);font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin:0}.video-carousel .text-content p[data-v-a77bc32d]{color:var(--x-text-3);font-size:16px;font-style:normal;font-weight:400;line-height:32px;margin:0;white-space:pre-line}@media(max-width:767px){.video-carousel .video-infos-tabs[data-v-a77bc32d]{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:24px;margin-top:24px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;padding-left:20px;padding-right:20px;scroll-behavior:smooth;scrollbar-width:none;width:100vw;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.video-carousel .video-infos-tabs[data-v-a77bc32d]::-webkit-scrollbar{display:none}.video-carousel .video-carousel-tab-item[data-v-a77bc32d]{box-sizing:border-box;flex-shrink:0}}@media(max-width:767px){.section-product-operation[data-v-d12b706c]{align-items:center;background-color:var(--x-back-3);display:flex;flex-direction:column;justify-content:center;position:relative}.section-header[data-v-d12b706c]{margin-bottom:0!important}.section-header .sub-title[data-v-d12b706c]{background-color:var(--x-back-5)!important}.section-product-operation__button[data-v-d12b706c],.ss-button.arrow-btn .section-product-operation__button[data-v-d12b706c],.ss-button.arrow-btn.section-product-operation__button[data-v-d12b706c],button.section-product-operation__button[data-v-d12b706c],button.ss-button.section-product-operation__button[data-v-d12b706c]{align-items:center!important;align-self:center!important;box-sizing:border-box!important;display:flex!important;font-size:3.7333333333vw!important;gap:1.6vw!important;height:11.7333333333vw!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;margin-top:6.4vw;max-width:100%!important;min-height:11.7333333333vw!important;padding:0!important;width:89.3333333333vw!important}.section-product-operation__button .icon[data-v-d12b706c],.section-product-operation__button svg[data-v-d12b706c],.ss-button.arrow-btn .section-product-operation__button .icon[data-v-d12b706c],.ss-button.arrow-btn .section-product-operation__button svg[data-v-d12b706c],.ss-button.arrow-btn.section-product-operation__button .icon[data-v-d12b706c],.ss-button.arrow-btn.section-product-operation__button svg[data-v-d12b706c],button.section-product-operation__button .icon[data-v-d12b706c],button.section-product-operation__button svg[data-v-d12b706c],button.ss-button.section-product-operation__button .icon[data-v-d12b706c],button.ss-button.section-product-operation__button svg[data-v-d12b706c]{font-size:4.2666666667vw!important;height:4.2666666667vw!important;width:4.2666666667vw!important}[data-v-d12b706c] .video-carousel .video-infos-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:.21333rem;margin-bottom:.64rem;margin-top:.64rem;padding:0 .53333rem}[data-v-d12b706c] .video-carousel .video-infos-tabs::-webkit-scrollbar{display:none}[data-v-d12b706c] .video-carousel .video-carousel-tab-item{flex-shrink:0;min-height:1.92rem!important;width:4.26667rem!important}[data-v-d12b706c] .video-carousel .video-carousel-tab-item .title{font-size:.42667rem!important}[data-v-d12b706c] .video-carousel .video-carousel-tab-item .desc{font-size:.32rem!important}[data-v-d12b706c] .video-carousel .video-carousel-tab-item:hover:not(.active){background-color:var(--x-white-1)!important}[data-v-d12b706c] .video-carousel .video-container-wrapper{aspect-ratio:16/9!important;border-radius:0!important;margin-left:-.53333rem!important;margin-right:-.53333rem!important;max-width:100vw!important;position:relative!important;width:calc(100% + 1.06667rem)!important}[data-v-d12b706c] .video-carousel .video-container-wrapper :deep(#videoPlay),[data-v-d12b706c] .video-carousel .video-container-wrapper :deep(.video-player),[data-v-d12b706c] .video-carousel .video-container-wrapper :deep(.video-player__figure){height:100%!important;overflow:hidden!important;position:relative!important;width:100%!important}[data-v-d12b706c] .video-carousel .video-container-wrapper :deep(.vjs-tech),[data-v-d12b706c] .video-carousel .video-container-wrapper :deep(video){height:100%!important;left:0!important;-o-object-fit:cover!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important}}@media(min-width:768px){.section-product-operation[data-v-d12b706c]{align-items:center;background-color:var(--x-back-3);display:flex;flex-direction:column;justify-content:center;position:relative}.section-product-operation[data-v-d12b706c] .section-header{margin-bottom:40px!important}.section-product-operation[data-v-d12b706c] .section-header .sub-title{background-color:var(--x-back-5)!important}.carousel[data-v-d12b706c] .video-carousel-tab-item{height:94px;width:288px}}@media(min-width:768px)and (min-width:768px){.carousel[data-v-d12b706c] .video-infos-tabs{justify-content:center}}@media(min-width:768px){.section-product-operation__button[data-v-d12b706c]{margin-top:40px}}.demo-page[data-v-7934eff8]{width:100%}.demo-page__header[data-v-7934eff8]{margin-bottom:24px}.demo-page__header h1[data-v-7934eff8]{color:var(--x-text-1);font-size:28px;font-weight:700;margin:0 0 8px}.demo-page__desc[data-v-7934eff8]{color:var(--x-text-4);font-size:14px;margin:0}.demo-page__desc code[data-v-7934eff8]{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-7934eff8]{display:flex;flex-direction:column;gap:24px;max-width:1440px}.demo-page__content h4[data-v-7934eff8]{color:var(--x-text-2);font-size:14px;font-weight:500;margin:0 0 12px}.demo-preview[data-v-7934eff8]{gap:16px}.button-showcase[data-v-7934eff8],.demo-preview[data-v-7934eff8]{display:flex;flex-direction:column}.button-showcase[data-v-7934eff8]{gap:24px}.card-grid[data-v-7934eff8]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.code-preview[data-v-7934eff8]{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-7934eff8]: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-7934eff8]{background:transparent;margin:0;overflow-x:auto;padding:14px 16px}.code-preview code[data-v-7934eff8]{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}