.sw-root{position:absolute;inset:0;z-index:1999;overflow:hidden;background:#000;display:flex;flex-direction:column}.sw-root .cover{position:absolute;inset:0;background:#0009;z-index:2000}.sw-root .hint{position:absolute;z-index:2001;width:576px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 27px #818a9916,0 0 11.28px #818a991f,0 0 6.0308px #818a9926,0 0 3.38082px #818a992e,0 0 1.79553px #818a9937,0 0 .747159px #818a994d;border-radius:9px;padding:32px}.sw-root .hint .main{font-weight:500;font-size:24px;line-height:150%;color:#30343a}.sw-root .hint .minor{font-size:16px;line-height:200%;color:#30343a;margin-top:24px}.sw-root .hint .footer{margin-top:32px;text-align:right}.sw-root .back-container{display:flex;align-items:center;border-radius:999em;padding:9px 16px;position:absolute;left:16px;top:16px;transition:background .3s ease-in-out;cursor:pointer}.sw-root .back-container .arrow-left{width:8px;height:16px;margin-right:10px;background-color:#808897;-webkit-mask:url(https://cdn.smartx.com/inc/svg/arrow-left.svg) no-repeat 50% 50%;mask:url(https://cdn.smartx.com/inc/svg/arrow-left.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.sw-root .back-container .finish-back-btn{color:#808897;font-weight:600}.sw-root .back-container:hover{background:#f7f8fa;transition:all .3s ease-in-out}.sw-root .back-container:active{background-color:#edeff1}.sw-root .finish-hint{height:auto}.sw-root .finish-hint .main{display:flex;align-items:center;justify-content:center;margin-top:60px}.sw-root .finish-hint .main img{margin-right:16px}.sw-root .finish-hint .other-scene{margin-top:63px;font-size:14px;line-height:100%;color:#6b7d99;text-align:center}.sw-root .finish-hint .project-list-card{margin-top:18px;padding:24px;background:#edf1fa99;transition:all .3s ease-in-out;cursor:pointer;border-radius:10px;position:relative}.sw-root .finish-hint .project-list-card:hover{transform:scale(1.05)}.sw-root .finish-hint .project-list-card .major{font-weight:600;font-size:20px;line-height:100%;color:#30343a}.sw-root .finish-hint .project-list-card .minor{font-size:14px;line-height:100%;color:#6b7d99}.sw-root .finish-hint .project-list-card .major,.sw-root .finish-hint .project-list-card .minor{padding-right:84px}.sw-root .finish-hint .project-list-card .icon{position:absolute;top:50%;right:34px;transform:translateY(-50%)}.sw-root .project-card{margin-top:78px;width:100%;display:flex;justify-content:space-between;flex-grow:1;height:132px;transition:all .3s ease-in-out;cursor:pointer}.sw-root .project-card:hover{transform:scale(1.05)}.sw-root .project-card .step-img-left{width:132px;height:100%}.sw-root .project-card .step-detail-right{position:relative;text-align:left;padding:0 84px 0 24px;display:flex;flex-direction:column;background-color:#fff;justify-content:center;border-radius:0 8px 8px 0;width:calc(100% - 132px);height:100%;background:#edf1fa99}.sw-root .project-card .step-detail-right .step-title{font-size:20px;line-height:100%;font-weight:600;margin:10px 0}.sw-root .project-card .step-detail-right .step-description{font-size:14px;line-height:150%;color:#5a6779}.sw-root .project-card .step-detail-right .icon{position:absolute;right:34px;top:50%;transform:translateY(-50%)}.sw-root .project-card .project-img{background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:8px 0 0 8px}.sw-root .project-card .experience-0-0{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_auto_install.svg)}.sw-root .project-card .experience-0-1{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_deploy_cluster.svg)}.sw-root .project-card .experience-0-2{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_install_cloudtower.svg)}.sw-root .project-card .experience-0-3{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_connect_cluster.svg)}.sw-root .project-card .experience-1-0{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_create.svg)}.sw-root .project-card .experience-1-1{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_edit_vm.svg)}.sw-root .project-card .experience-1-2{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_power_operation.svg)}.sw-root .project-card .experience-1-3{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_template.svg)}.sw-root .project-card .experience-1-4{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_snapshot.svg)}.sw-root .project-card .experience-1-5{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_snapshot_plan.svg)}.sw-root .project-card .experience-1-6{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_migrate_vm.svg)}.sw-root .project-card .experience-1-7{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_placement_group.svg)}.sw-root .project-card .experience-1-8{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_console.svg)}.sw-root .project-card .experience-1-9{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_hardware_management.svg)}.sw-root .project-card .experience-1-10{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_hardware_position.svg)}.sw-root .project-card .experience-1-11{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_usb_passthrough.svg)}.sw-root .project-card .experience-1-12{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_io.svg)}.sw-root .project-card .experience-1-13{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_lable.svg)}.sw-root .project-card .experience-1-14{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_cluster_upgrade.svg)}.sw-root .project-card .experience-1-15{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_matrox_cluster.svg)}.sw-root .project-card .experience-2-0{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_global_search.svg)}.sw-root .project-card .experience-2-1{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_vm_resource_optimization.svg)}.sw-root .project-card .experience-2-2{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_entity_filter.svg)}.sw-root .project-card .experience-3-0{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_alert.svg)}.sw-root .project-card .experience-3-1{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_monitor.svg)}.sw-root .project-card .experience-3-2{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_log_collection.svg)}.sw-root .project-card .experience-3-3{background-image:url(https://cdn.smartx.com/inc/images/experience/online_experience_event_audit.svg)}.sw-root .sw-wrapper{width:100%;height:calc(100% - 48px);border:2px solid #23cf6d;z-index:-1}.sw-root .sw-controller{background:#fff;width:100%;height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-weight:600;font-size:14px;line-height:100%;color:#808897}.sw-root .sw-controller>.left,.sw-root .sw-controller .chapter-name{flex:1}.sw-root .sw-controller .footer-back{display:flex;align-items:center;padding:6px 16px}.sw-root .sw-controller .footer-back .icon-arrow-left{width:8px;height:16px;margin-right:10px;background-color:#fff;-webkit-mask:url(https://cdn.smartx.com/inc/svg/arrow-left.svg) no-repeat 50% 50%;mask:url(https://cdn.smartx.com/inc/svg/arrow-left.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.sw-root .sw-controller .footer-back.width-120{max-width:120px}.sw-root .sw-controller .footer-back.width-140{max-width:140px}.sw-root .sw-controller .chapter-name{text-align:center}.sw-root .sw-controller .right{display:flex;align-items:center;justify-content:flex-end;flex:1}.sw-root .sw-controller .arrow-left,.sw-root .sw-controller .arrow-right{width:42px;height:32px;background-image:url(https://cdn.smartx.com/inc/images/icon/arrow-left.svg);background-size:20px;background-repeat:no-repeat;background-position:center center;cursor:pointer;border-radius:16px}.sw-root .sw-controller .arrow-left:hover,.sw-root .sw-controller .arrow-right:hover{background-color:#f7f8fa;transition:all .3s ease-in-out}.sw-root .sw-controller .arrow-left:active,.sw-root .sw-controller .arrow-right:active{background-color:#edeff1}.sw-root .sw-controller .arrow-right{transform:scaleX(-1)}.sw-root .sw-controller .speed,.sw-root .sw-controller .restart{height:32px;padding:0 12px;border-radius:16px;display:flex;align-items:center;cursor:pointer;position:relative}.sw-root .sw-controller .speed:hover,.sw-root .sw-controller .restart:hover{background-color:#f7f8fa;transition:all .3s ease-in-out}.sw-root .sw-controller .speed:active,.sw-root .sw-controller .restart:active{background-color:#edeff1}.sw-root .sw-controller .speed{margin:0 24px}.sw-root .sw-controller .icon{width:20px;height:20px;background-size:20px;background-repeat:no-repeat;background-position:center center;margin-right:5px}.sw-root .sw-controller .speed .icon{background-image:url(https://cdn.smartx.com/inc/images/icon/settings.svg)}.sw-root .sw-controller .speed .speed-ctrl{display:flex;align-items:center}.sw-root .sw-controller .speed .menu-area{position:absolute;bottom:calc(100% - 4px);left:calc(50% - 74px);padding-bottom:20px}.sw-root .sw-controller .speed .menu-area .menu{border:1px solid #edeff1;background:#fff;width:148px;border-radius:8px;box-shadow:0 4px 8px #00000008;padding:8px 0;display:none}.sw-root .sw-controller .speed .menu-area .menu-item{padding:8px;display:flex;justify-content:space-between;align-items:center}.sw-root .sw-controller .speed .menu-area .menu-item:hover{background:#f7f8fa}.sw-root .sw-controller .speed:hover .menu{display:block}.sw-root .sw-controller .restart .icon{background-image:url(https://cdn.smartx.com/inc/images/icon/replay.svg)}.story-wrapper{padding:.5em;height:calc(100vh - 78px)}.story-player{height:100%}.story-tooltip{position:absolute;z-index:999999;background:#30343a;border-radius:8px;color:#fff;padding:14px 20px;width:264px;line-height:200%;font-size:medium;display:none}.story-tooltip-arrow{position:absolute;border:8px solid #30343a}.story-tooltip footer{text-align:right}.story-tooltip-next-btn{margin-top:14px;width:60px;height:32px;font-size:14px;padding:.5625rem 1rem;line-height:100%}.story-tooltip-meta{border-top:1px solid rgba(0,0,0,.2);margin-top:4px;padding-top:4px;text-align:right}@keyframes tooltip-animation-left{0%{transform:translate(30px) scale(.75);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.tooltip-animation-left{animation-name:tooltip-animation-left;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.45,1.45,.75,1)}@keyframes tooltip-animation-top{0%{transform:translateY(30px) scale(.75);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.tooltip-animation-top{animation-name:tooltip-animation-top;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.45,1.45,.75,1)}@keyframes tooltip-animation-right{0%{transform:translate(-30px) scale(.75);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.tooltip-animation-right{animation-name:tooltip-animation-right;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.45,1.45,.75,1)}@keyframes tooltip-animation-bottom{0%{transform:translateY(-30px) scale(.75);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.tooltip-animation-bottom{animation-name:tooltip-animation-bottom;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.45,1.45,.75,1)}.base-wrapper{height:100%;position:relative}.story-scene-progress{height:2px;background:#eee;position:relative;border-radius:1px;box-sizing:border-box}.story-scene-progress-step{height:100%;position:absolute;left:0;top:0;background:#4e73df80;border-radius:1px}.story-video-placeholder{position:absolute;inset:0;display:none}.story-video-target{outline:2px solid #e74a3b;display:none;position:absolute;z-index:99;cursor:pointer}.story-video-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%;position:absolute;overflow:hidden}.sw-footer{display:none!important}.sw-btn{background:#009dff;border-radius:16px;border:none;padding:9px 16px;font-weight:600;font-size:14px;line-height:100%;color:#fff}.sw-chapter-title{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:16px;color:#30343a}.sw-progress{display:inline-block}.control-icon{font-size:x-large;width:1.5em;height:1.5em;border-radius:.75em;display:flex;justify-content:center;align-items:center}.control-icon:hover{background-color:#eee}.switch label{margin:0}.switch label:before{background:#d3d3d3}.switch input[type=checkbox]:checked+label:before{background:#009dff}.control-icon.svelte-56wg0h.svelte-56wg0h{font-size:x-large;width:1.5em;height:1.5em;border-radius:.75em;display:flex;justify-content:center;align-items:center}.control-icon.svelte-56wg0h.svelte-56wg0h:hover{background-color:#eee}.switch.svelte-56wg0h label.svelte-56wg0h{margin:0}.switch.svelte-56wg0h label.svelte-56wg0h:before{background:#d3d3d3}.switch input[type=checkbox]:checked+label.svelte-56wg0h.svelte-56wg0h:before{background:#009dff}.rr-controller.svelte-dxnc1j.svelte-dxnc1j{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-dxnc1j.svelte-dxnc1j{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-dxnc1j.svelte-dxnc1j{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-dxnc1j.svelte-dxnc1j{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-dxnc1j.svelte-dxnc1j{cursor:not-allowed}.rr-progress__step.svelte-dxnc1j.svelte-dxnc1j{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-dxnc1j.svelte-dxnc1j{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%,-50%);background:#4950f6}.rr-controller__btns.svelte-dxnc1j.svelte-dxnc1j{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j:active{background:#e0e1fe}.rr-controller__btns.svelte-dxnc1j button.active.svelte-dxnc1j{color:#fff;background:#4950f6}.rr-controller__btns.svelte-dxnc1j button.svelte-dxnc1j:disabled{cursor:not-allowed}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;pointer-events:none;width:20px;height:20px;transition:.05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==)}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;border-radius:10px;background:#4950f6;transform:translate(-10px,-10px);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px;border-radius:10px;transform:translate(-10px,-10px)}50%{opacity:.5;width:10px;height:10px;border-radius:5px;transform:translate(-5px,-5px)}}.rr-player{position:relative;float:left}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>:global(iframe){border:none}