.case-wrap[data-v-e92144b8]{background-color:#f9fafc;overflow:hidden;position:relative}.case-wrap .container[data-v-e92144b8]{margin:0 auto;max-width:1300px;padding:100px 0}.case-wrap .header[data-v-e92144b8]{margin-bottom:60px;position:relative;text-align:center}.case-wrap .header .title[data-v-e92144b8]{color:#2b2c2f;font-size:36px;font-weight:700;line-height:44px}.case-wrap .header .desc[data-v-e92144b8]{color:#7e7f81;font-size:18px;line-height:26px;margin-top:15px}.case-wrap .contnt .contnt-item[data-v-e92144b8]{align-items:stretch;display:flex;flex-direction:row;gap:40px;justify-content:space-between}.case-wrap .contnt .contnt-item .left-pic[data-v-e92144b8]{display:flex;flex-direction:column;flex-shrink:0;width:calc(100% - 490px)}.case-wrap .contnt .contnt-item .left-pic .browser-mockup[data-v-e92144b8]{background:#fff;border-radius:6px;box-shadow:0 30px 60px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.case-wrap .contnt .contnt-item .left-pic .pic-box[data-v-e92144b8]{background:#f8f9fa;flex:1;overflow:hidden;position:relative}.case-wrap .contnt .contnt-item .left-pic .pic-box .animate[data-v-e92144b8]{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.case-wrap .contnt .contnt-item .left-pic .pic-box .animate.active[data-v-e92144b8]{opacity:1;pointer-events:auto}.case-wrap .contnt .contnt-item .left-pic .pic-box .animate img[data-v-e92144b8]{height:100%;-o-object-position:left top;object-position:left top;transition:transform 1s cubic-bezier(.4,0,.2,1);width:100%}.case-wrap .contnt .contnt-item .right-cards-container[data-v-e92144b8]{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;margin-left:-20px;padding-left:20px;width:470px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards[data-v-e92144b8]{overflow:hidden;width:100%}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-slider-wrapper[data-v-e92144b8]{-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 98%);mask-image:linear-gradient(90deg,#000 72%,transparent 98%);overflow:visible;padding:25px 0;position:relative;width:100%}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-slider[data-v-e92144b8]{cursor:grab;display:flex;gap:20px;transition:transform .6s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-slider.dragging[data-v-e92144b8]{cursor:grabbing}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-slider img[data-v-e92144b8]{pointer-events:none;-webkit-user-drag:none}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-column[data-v-e92144b8]{display:flex;flex-direction:column;flex-shrink:0;gap:20px;transition:opacity .4s ease,visibility .4s ease;width:155px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-column.scrolled-out[data-v-e92144b8]{opacity:0;pointer-events:none;visibility:hidden}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item[data-v-e92144b8]{background:#fff;border:1px solid #f1f2f6;border-radius:8px;box-shadow:0 4px 20px #00000005;box-sizing:border-box;cursor:pointer;height:165px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,1,.5,1);width:155px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-inactive-content[data-v-e92144b8]{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:100%;padding:16px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-inactive-content .icon-wrap[data-v-e92144b8]{align-items:center;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-inactive-content .icon-wrap .card-icon[data-v-e92144b8]{height:30px;width:30px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-inactive-content .card-text[data-v-e92144b8]{display:flex;flex-direction:column;gap:4px;overflow:hidden}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-inactive-content .card-text .card-title[data-v-e92144b8]{color:#222;font-size:16px;font-weight:700;line-height:22px;margin:0}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-inactive-content .card-text .card-desc[data-v-e92144b8]{color:#666;font-size:12px;line-height:16px;margin-top:5px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-active-content[data-v-e92144b8]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;position:relative}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-active-content .card-title[data-v-e92144b8]{color:#fff;font-size:18px;font-weight:700;line-height:24px;margin:0 0 8px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-active-content .card-desc[data-v-e92144b8]{color:#ffffffd9;display:-webkit-box;font-size:12px;-webkit-line-clamp:4;line-clamp:4;line-height:18px;margin:0;-webkit-box-orient:vertical;overflow:hidden}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-active-content .card-footer[data-v-e92144b8]{align-items:center;bottom:16px;display:flex;justify-content:center;position:absolute;right:16px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item .card-active-content .card-footer .arrow-icon[data-v-e92144b8]{color:#fff;height:10px;width:14px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item[data-v-e92144b8]:not(.active):hover{border-color:#1456f0;box-shadow:0 12px 30px #3875f614}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item.active[data-v-e92144b8]{background:linear-gradient(134deg,#1456f0,#148ef0);box-shadow:0 2px 24px #bebebe38}.case-wrap .contnt .contnt-item .right-cards-container .grid-footer[data-v-e92144b8]{display:flex;justify-content:flex-end;margin-top:10px}.case-wrap .contnt .contnt-item .right-cards-container .grid-footer .carousel-nav[data-v-e92144b8]{display:flex;gap:12px}.case-wrap .contnt .contnt-item .right-cards-container .grid-footer .nav-btn[data-v-e92144b8]{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 24px #bebebe38;color:#7e7f81;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;padding:0;transition:all .3s ease;width:40px}.case-wrap .contnt .contnt-item .right-cards-container .grid-footer .nav-btn svg[data-v-e92144b8]{height:18px;width:18px}.case-wrap .contnt .contnt-item .right-cards-container .grid-footer .nav-btn[data-v-e92144b8]:hover{background:#f4f7ff;border-color:#3875f6;color:#3875f6}@media only screen and (max-width:1200px){.case-wrap .container[data-v-e92144b8]{padding:80px 30px}.case-wrap .header[data-v-e92144b8]{margin-bottom:40px}.case-wrap .header .title[data-v-e92144b8]{font-size:32px;line-height:40px}.case-wrap .header .desc[data-v-e92144b8]{font-size:16px;line-height:24px}.case-wrap .contnt .contnt-item[data-v-e92144b8]{flex-direction:column;gap:40px}.case-wrap .contnt .contnt-item .left-pic[data-v-e92144b8]{width:100%}.case-wrap .contnt .contnt-item .left-pic .browser-mockup[data-v-e92144b8]{height:auto}.case-wrap .contnt .contnt-item .left-pic .pic-box[data-v-e92144b8]{height:auto;padding-top:66.2%}.case-wrap .contnt .contnt-item .right-cards-container[data-v-e92144b8]{margin-left:0;padding-left:0;width:100%}.case-wrap .contnt .contnt-item .right-cards-container .right-cards[data-v-e92144b8]{width:100%}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-slider-wrapper[data-v-e92144b8]{-webkit-mask-image:none;mask-image:none;overflow-x:auto;padding-bottom:15px}.case-wrap .contnt .contnt-item .right-cards-container .grid-footer[data-v-e92144b8]{display:none}}@media only screen and (max-width:767px){.case-wrap .container[data-v-e92144b8]{padding:60px 20px}.case-wrap .header[data-v-e92144b8]{margin-bottom:30px}.case-wrap .header .title[data-v-e92144b8]{font-size:24px;line-height:32px}.case-wrap .header .desc[data-v-e92144b8]{font-size:14px;line-height:22px;margin-top:10px}.case-wrap .contnt .contnt-item[data-v-e92144b8]{gap:30px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-slider[data-v-e92144b8]{gap:16px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .cards-column[data-v-e92144b8]{gap:16px;width:155px}.case-wrap .contnt .contnt-item .right-cards-container .right-cards .card-item[data-v-e92144b8]{height:140px;padding:0}}