.triangle-pointer-container{width:100%;height:24px;position:relative}.triangle-pointer{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));clip-path:polygon(0 0,100% 50%,0 100%);animation:1s ease-in-out infinite alternate pointerLeftRightMove;position:absolute;top:50%;transform:translateY(-50%)}.triangle-pointer--large{opacity:1;width:10px;height:20px;left:0}.triangle-pointer--small{opacity:.8;width:6px;height:12px;left:12px}@keyframes pointerLeftRightMove{0%{transform:translateY(-50%)translate(0)}to{transform:translateY(-50%)translate(6px)}}
.gpuIcon{z-index:33;position:absolute;top:14px}.banner-box{height:400px;position:relative}.banner-box .detail-box{z-index:44;position:absolute;top:0;right:0}.line-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.line-wrap .line-top{background:url(../media/line-top.cd37a4e2.png) 0 0/100% 100% no-repeat;width:1400px;height:90px;position:absolute;top:58px;left:-147px}.line-wrap .line-top.active{background:url(../media/line-top-h.3cb03dc3.png) 0 0/100% 100% no-repeat}.line-wrap .line-center{background:url(../media/line-middle.ee77be5a.png) 0 0/100% 100% no-repeat;width:1400px;height:90px;position:absolute;top:147px;left:-147px}.line-wrap .line-center.active{background:url(../media/line-middle-h.63953e48.png) 0 0/100% 100% no-repeat}.line-wrap .line-bottom{background:url(../media/line-bottom.79e7d368.png) 0 0/100% 100% no-repeat;width:1400px;height:90px;position:absolute;top:234px;left:-147px}.line-wrap .line-bottom.active{background:url(../media/line-bottom-h.72409f8f.png) 0 0/100% 100% no-repeat}.nav-items{z-index:33;width:320px;height:345px;position:absolute;right:405px}.nav-items .nav-item{transform-origin:50%;color:#091221;background:#ffffff4d;border:2px solid #fffc;border-radius:12px;align-items:center;width:280px;margin-bottom:20px;padding:8px 12px 7px;font-size:16px;font-weight:500;transition:all .3s;display:flex;position:absolute;overflow:hidden}.nav-items .nav-item.nav-item1{top:35px}.nav-items .nav-item.nav-item2{top:159px}.nav-items .nav-item.nav-item3{top:278px}.nav-items .nav-item .nav-item-icon{width:44px;height:auto;margin-right:12px;transition:all .3s}.nav-items .nav-item .rectIcon{width:36px;position:absolute;right:-41px}.nav-items .nav-item:hover{box-shadow:0 5px 24px #0827961a}.nav-items .nav-item.active{color:#246af2;z-index:10;background:#ffffff80;border:3px solid #246af21a;width:300px;padding:13px 12px 12px 16px;font-size:20px;box-shadow:0 5px 24px #0827961a}.nav-items .nav-item.active:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff0 45%,#fff 50%,#fff0 55%,#0000 100%) 0 0/200% 100% border-box;border:3px solid #0000;border-radius:12px;animation:4s linear infinite borderFlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nav-items .nav-item.active .nav-item-icon{width:52px;margin-right:14px}.nav-items .nav-item.active.nav-item1{top:25px}.nav-items .nav-item.active.nav-item2{top:148px}.nav-items .nav-item.active.nav-item3{top:266px}@keyframes borderFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.image-transition-wrapper2{perspective:1200px;width:100%;height:352px;position:relative}.image-slide-container2{width:100%;height:100%;transform-style:preserve-3d;transition:all .8s cubic-bezier(.34,1.56,.64,1);position:absolute}.image-slide-container2.entering{opacity:0;transform:translate(20px)rotateY(15deg)scale(.9)}.image-slide-container2.entered{opacity:1;transform:translate(0)rotateY(0)scale(1)}.image-slide-container2.exiting{opacity:0;transform:translate(-20px)rotateY(-15deg)scale(.9)}.skew-perspective{perspective:1600px;width:100%;height:100%;position:relative}.skew-transition-wrapper{transform-style:preserve-3d;z-index:1;width:100%;height:100%;position:relative}.skew-content{transform-origin:bottom;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;image-rendering:crisp-edges;will-change:transform,opacity;background:#ffffff4d;border:2px solid #fffc;border-radius:12px;padding:8px;transition:all .8s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateZ(0)}.skew-enter{opacity:0;transform:rotate3d(1,1,0,45deg)skew(10deg,5deg)translateZ(-80px)}.skew-exit{opacity:0;transform:rotate3d(1,1,0,-15deg)skew(-5deg,2deg)translateZ(20px)}.skew-active{opacity:1;transform:rotate3d(0,0,0,0)skew(0deg)translateZ(0)}
.canvas-container{position:relative;-webkit-mask-image:linear-gradient(#0000 0,#000 50px calc(100% - 50px),#0000 100%),linear-gradient(90deg,#0000 0,#000 50px calc(100% - 50px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 50px calc(100% - 50px),#0000 100%),linear-gradient(90deg,#0000 0,#000 50px calc(100% - 50px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.flow-left{position:relative}.flow-left:before{content:"";background-color:#e5e6ee;width:2px;height:100%;position:absolute;top:0;left:0}.flow-item{opacity:1;background:0 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.flow-item h3{color:#091221;transition:color .3s cubic-bezier(.4,0,.2,1)}.flow-item:before{content:"";background-color:#0000;width:0;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.flow-item.active{opacity:1;background:linear-gradient(90deg,#246af224 0%,#246af200 88%)}.flow-item.active h3{color:#246af2}.flow-item.active:before{background-color:#246af2;width:4px}.image-transition-wrapper{perspective:1000px;width:100%;height:500px;position:relative}.image-slide-container{width:100%;height:100%;transform-style:preserve-3d;transition:all .8s cubic-bezier(.34,1.56,.64,1);position:absolute}.image-slide-container.entering{opacity:0;transform:translate(20px)rotateY(15deg)scale(.9)}.image-slide-container.entered{opacity:1;transform:translate(0)rotateY(0)scale(1)}.image-slide-container.exiting{opacity:0;transform:translate(-20px)rotateY(-15deg)scale(.9)}
.status-tip{box-sizing:border-box;background:linear-gradient(270deg,#2dd790 0%,#00b167 100%);border-radius:12px;width:121px;height:92px;padding-top:5px;top:-36px;left:0}.status-tip.warn{background:linear-gradient(270deg,#ffae67 0%,#ff8a23 100%)}.status-tip.error{background:linear-gradient(270deg,#b4bece 0%,#838890 100%)}.current-icon{position:absolute;top:-80px;right:10px}.gpu-card-bg{aspect-ratio:372/448;box-sizing:border-box;background:url(../media/cardBg.9e55f2ca.png) top/100% 100% no-repeat;width:100%;min-width:0;max-width:100%;height:100%;transition:all .6s ease-in-out;position:relative}.gpu-card-bg.isHighlight{aspect-ratio:582/700;background:url(../media/cardBgH.c4ee23be.png) top/100% 100% no-repeat;min-width:0}.gpu-card-bg .info-box{background:#f9fafb;border-radius:12px}.gpu-card-bg .info-box.active{background:#ffffff1a;border-radius:16px}.gpu-card-bg .info-box .item-title{margin-bottom:14px}.gpu-card-bg .info-box .item-value{margin-bottom:18px}.gpu-card-bg .install-btn{cursor:pointer;box-sizing:border-box;background:url(../media/sec_btn.727d079f.png) top/100% 100% no-repeat;padding:12px 0 12px 8px;font-size:16px;position:absolute;bottom:0;right:0}.gpu-card-bg .install-btn.isHighlight{color:#fff;background:url(../media/sec_btn_h.cc8ec95a.png) top/100% 100% no-repeat;font-size:28px}.gpu-card-bg .install-btn.isHighlight.disabled{cursor:not-allowed;background:url(../media/sec_btn_disabled.ef0dda46.png) top/100% 100% no-repeat}.gpu-card-bg .install-btn.disabled{color:#fff;cursor:not-allowed;background:url(../media/sec_btn_disabled_sm.455c354d.png) top/100% 100% no-repeat}.gpu-card-bg h3{font-size:32px}