.tutorial-modal-overlay[data-v-95693806]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.tutorial-modal[data-v-95693806]{width:512px;height:550px;background:#fcfcfd;border-radius:16px;position:relative;display:flex;flex-direction:column;overflow:hidden}.tutorial-modal .modal-header[data-v-95693806]{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 24px;flex-shrink:0}.tutorial-modal .modal-header .header-title[data-v-95693806]{font-size:16px;font-weight:600;color:#1e1f24}.tutorial-modal .modal-header .close-btn[data-v-95693806]{width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.tutorial-modal .modal-header .close-btn[data-v-95693806]:hover{background:#0000000d}.tutorial-modal .modal-header .close-btn img[data-v-95693806]{width:24px;height:24px}.tutorial-modal.is-mobile[data-v-95693806]{width:311px;height:470px}.tutorial-modal.is-mobile .modal-header[data-v-95693806]{padding:16px 16px 8px}.tutorial-modal.is-mobile .modal-content[data-v-95693806]{padding:0 16px 24px}.tutorial-modal.is-mobile .modal-content .tutorial-card .card-media[data-v-95693806]{width:100%;height:180px}.tutorial-modal .modal-content[data-v-95693806]{flex:1;display:flex;flex-direction:column;padding:0 24px 24px;overflow:hidden}.tutorial-modal .tutorial-card[data-v-95693806]{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.tutorial-modal .tutorial-card .card-media[data-v-95693806]{position:relative;width:464px;height:261px;border-radius:8px;overflow:hidden;flex-shrink:0}.tutorial-modal .tutorial-card .card-media .media-image[data-v-95693806]{width:100%;height:100%;object-fit:cover}.tutorial-modal .tutorial-card .card-media .media-overlay[data-v-95693806]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000003d}.tutorial-modal .tutorial-card .card-media .media-title[data-v-95693806]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2}.tutorial-modal .tutorial-card .card-media .media-title .title-cn[data-v-95693806],.tutorial-modal .tutorial-card .card-media .media-title .title-en[data-v-95693806]{font-size:24px;font-weight:600;margin:0;line-height:1.4}.tutorial-modal .tutorial-card .card-media .play-btn[data-v-95693806]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;cursor:pointer;z-index:3;box-shadow:0 4px 12.9px #00000040;border-radius:50%;transition:transform .2s}.tutorial-modal .tutorial-card .card-media .play-btn[data-v-95693806]:hover{transform:translate(-50%,-50%) scale(1.1)}.tutorial-modal .tutorial-card .card-media .play-btn img[data-v-95693806]{width:100%;height:100%}.tutorial-modal .tutorial-card .card-text[data-v-95693806]{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.tutorial-modal .tutorial-card .card-text[data-v-95693806]::-webkit-scrollbar{display:none}.tutorial-modal .tutorial-card .card-text[data-v-95693806]::-webkit-scrollbar-track{display:none}.tutorial-modal .tutorial-card .card-text[data-v-95693806]::-webkit-scrollbar-thumb{display:none}.tutorial-modal .tutorial-card .card-text .text-title[data-v-95693806]{font-size:16px;font-weight:600;color:#1e1f24;margin:0;line-height:1.5}.tutorial-modal .tutorial-card .card-text .text-content[data-v-95693806]{font-size:14px;color:#62636c;line-height:1.6;padding-bottom:16px}.tutorial-modal .tutorial-card .card-text .text-content p[data-v-95693806]{margin:0 0 8px}.tutorial-modal .tutorial-card .card-text .text-content p[data-v-95693806]:last-child{margin-bottom:0}.tutorial-modal .carousel-controls[data-v-95693806]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;flex-shrink:0}.tutorial-modal .carousel-controls .control-btn[data-v-95693806]{cursor:pointer;transition:all .2s}.tutorial-modal .carousel-controls .control-btn.disabled[data-v-95693806]{opacity:.4;cursor:not-allowed}.tutorial-modal .carousel-controls .control-btn.disabled .arrow-box[data-v-95693806]{background:#eff0f3}.tutorial-modal .carousel-controls .control-btn:not(.disabled):hover .arrow-box[data-v-95693806]{background:#ebf2ff}.tutorial-modal .carousel-controls .control-btn .arrow-box[data-v-95693806]{width:32px;height:32px;border-radius:6.4px;background:#eff0f3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6.4px);backdrop-filter:blur(6.4px)}.tutorial-modal .carousel-controls .control-btn .arrow-box img[data-v-95693806]{width:16px;height:16px}.tutorial-modal .carousel-controls .indicators[data-v-95693806]{display:flex;gap:8px}.tutorial-modal .carousel-controls .indicators .indicator[data-v-95693806]{width:8px;height:8px;border-radius:100px;background:#e5e5e5;cursor:pointer;transition:all .3s}.tutorial-modal .carousel-controls .indicators .indicator[data-v-95693806]:hover{background:#b0b3be}.tutorial-modal .carousel-controls .indicators .indicator.active[data-v-95693806]{width:16px;background:#1e1f24}@media screen and (max-width: 768px){.tutorial-modal[data-v-95693806]{width:311px!important;height:470px!important}.tutorial-modal .modal-header[data-v-95693806]{padding:16px 16px 8px!important}.tutorial-modal .modal-content[data-v-95693806]{padding:0 16px 24px!important}.tutorial-modal .modal-content .tutorial-card .card-media[data-v-95693806]{width:100%!important;height:180px!important}.tutorial-modal .modal-content .tutorial-card .card-media .media-title .title-cn[data-v-95693806],.tutorial-modal .modal-content .tutorial-card .card-media .media-title .title-en[data-v-95693806]{font-size:18px}.tutorial-modal .modal-content .tutorial-card .card-media .play-btn[data-v-95693806]{width:44px;height:44px}.tutorial-modal .modal-content .tutorial-card .card-text .text-title[data-v-95693806]{font-size:14px}.tutorial-modal .modal-content .tutorial-card .card-text .text-content[data-v-95693806]{font-size:13px}.tutorial-modal .carousel-controls .control-btn .arrow-box[data-v-95693806]{width:28px;height:28px}.tutorial-modal .carousel-controls .control-btn .arrow-box img[data-v-95693806]{width:14px;height:14px}.tutorial-modal .carousel-controls .indicators[data-v-95693806]{gap:6px}.tutorial-modal .carousel-controls .indicators .indicator[data-v-95693806]{width:6px;height:6px}.tutorial-modal .carousel-controls .indicators .indicator.active[data-v-95693806]{width:12px}}