.tpm-portal-introduce{position:relative}@media screen and (min-width:769px){.tpm-portal-introduce__section.tpm-portal-section{background:#fff;position:relative}.tpm-portal-introduce__section.tpm-portal-section:after,.tpm-portal-introduce__section.tpm-portal-section:before{content:"";width:100%;height:100%;max-width:2560px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tpm-portal-introduce__section.tpm-portal-section:before{background-image:url(../portal-home/images/tpm-portal-introduce-bg-top.png);background-size:2560px auto;background-repeat:no-repeat;background-position:top}.tpm-portal-introduce__section.tpm-portal-section:after{background-image:url(../portal-home/images/tpm-portal-introduce-bg-bottom.png);background-size:2560px auto;background-repeat:no-repeat;background-position:bottom}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__inner{position:relative;z-index:1}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card--active{box-shadow:0 4px 32px 0 rgba(16,52,113,.1)}}@media screen and (min-width:2560px){.tpm-portal-introduce__section.tpm-portal-section:after,.tpm-portal-introduce__section.tpm-portal-section:before{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}}.tpm-portal-introduce__cards{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.tpm-portal-introduce__card-wrap{position:relative;-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex}.tpm-portal-introduce__card{padding:16px;opacity:0;visibility:hidden;width:100%;box-sizing:border-box}.tpm-portal-introduce__card--active{overflow:hidden;position:absolute;left:0;top:0;width:100%;min-height:100%;padding:1px;display:-ms-flexbox;display:flex}.tpm-portal-introduce__card--active:after{opacity:0;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200%;height:0;padding-top:200%;background:conic-gradient(transparent 0deg,transparent 240deg,rgba(27,110,247,.4) 300deg,rgba(127,178,255,.4) 330deg,rgba(27,110,247,.4) 1turn)}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card--active:after{opacity:1;-webkit-animation:5s linear infinite introduce-card-flow;animation:5s linear infinite introduce-card-flow}.tpm-portal-introduce__card-inner{position:relative;z-index:1;min-width:100%;min-height:100%;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card-inner{background:#fff}.tpm-portal-introduce__card-header{margin-bottom:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tpm-portal-introduce__card-icon{width:16px;height:16px;object-fit:contain;display:block;flex-shrink:0}.tpm-portal-introduce__card-title{margin-top:8px;font-size:16px;font-weight:500;color:#000;line-height:28px}.tpm-portal-introduce__card-desc{font-size:14px;font-weight:400;color:#6f7988;line-height:22px;margin-top:8px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;max-height:44px}.tpm-portal-introduce__card-media{margin-top:16px;position:relative;width:100%}.tpm-portal-introduce__card-img{width:100%;min-height:160px;-o-object-fit:cover;object-fit:cover;display:block}.tpm-portal-introduce__card-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease-in-out}.tpm-portal-introduce__card-actions{opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-height:0;margin-top:0;overflow:hidden;-webkit-transform:translateY(8px);transform:translateY(8px);transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1)}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card-actions{opacity:1;max-height:36px;margin-top:12px;-webkit-transform:translateY(0);transform:translateY(0)}.tpm-portal-introduce__card-btn--primary{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:calc(50% - 8px);height:36px;padding:0 16px;background:linear-gradient(90deg,#0059eb,#2677ff);font-size:14px;line-height:22px;font-weight:400;color:#fff;text-decoration:none;cursor:pointer;border:0}@media screen and (min-width:769px){.tpm-portal-introduce__card-media.has-media{height:0;padding-top:59.13978%;overflow:hidden}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card-video{opacity:1}.tpm-portal-introduce__card-btn--primary{position:relative;overflow:hidden;--introduce-btn-mx:50%;--introduce-btn-my:50%}.tpm-portal-introduce__card-btn--primary:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .25s;background:radial-gradient(200px circle at var(--introduce-btn-mx) var(--introduce-btn-my),hsla(0,0%,100%,.28),hsla(0,0%,100%,0) 65%)}.tpm-portal-introduce__card-btn--primary:hover:before{opacity:1}.tpm-portal-introduce__card-btn--primary .tpm-portal-introduce__card-btn-text{position:relative;z-index:2}}@media screen and (min-width:769px) and (prefers-reduced-motion:reduce){.tpm-portal-introduce__card-btn--primary:before{transition:none}}.tpm-portal-introduce__card-btn--weak{margin-left:16px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:calc(50% - 8px);height:36px;padding:0 15px;background:0 0;border:1px solid #e5e6eb;box-sizing:border-box;font-size:14px;line-height:22px;font-weight:400;color:rgba(0,0,0,.9);text-decoration:none;cursor:pointer;transition:.3s ease-in-out}@media screen and (min-width:769px){.tpm-portal-introduce__card-btn--weak:hover{border-color:#0052d9;color:#0052d9}}@media screen and (min-width:1400px){.tpm-portal-introduce__card{padding:20px}.tpm-portal-introduce__card-inner{padding:19px}.tpm-portal-introduce__card-title{margin-top:12px;font-size:18px;line-height:26px}.tpm-portal-introduce__card-desc{margin-top:12px}.tpm-portal-introduce__card-media{margin-top:20px}}@media screen and (min-width:1600px){.tpm-portal-introduce__card{padding:24px}.tpm-portal-introduce__card-inner{padding:23px}.tpm-portal-introduce__card-icon{width:20px;height:20px;object-fit:contain;display:block;flex-shrink:0}.tpm-portal-introduce__card-title{font-size:20px;line-height:28px}.tpm-portal-introduce__card-media{margin-top:24px}}@media screen and (max-width:768px){.tpm-portal-introduce__section.tpm-portal-section{background:#fdfdfd;background-image:none!important}.tpm-portal-introduce__cards{-ms-flex-wrap:wrap;flex-wrap:wrap}.tpm-portal-introduce__card{visibility:visible;opacity:1;-ms-flex:none;flex:none;width:calc(50% - 8px);padding:11px;border:1px solid #dfe4ec}.tpm-portal-introduce__card+.tpm-portal-introduce__card{margin-left:0}.tpm-portal-introduce__card-media{width:100%;margin-top:0;padding-top:0;background-size:cover;height:180px}}@media screen and (max-width:768px) and (min-width:601px){.tpm-portal-introduce__card:nth-child(2n+2){margin-left:16px}.tpm-portal-introduce__card:nth-child(n+3){margin-top:16px}}@media screen and (max-width:768px){.tpm-portal-introduce__card-header{margin-top:16px}.tpm-portal-introduce__card-icon{display:none}.tpm-portal-introduce__card-img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;min-height:0}.tpm-portal-introduce__card-title{margin-top:0;font-size:18px;line-height:26px;font-weight:500}.tpm-portal-introduce__card-desc{font-size:12px;line-height:20px;margin-top:8px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.tpm-portal-introduce__card-actions{margin-top:16px;max-height:none;opacity:1;-webkit-transform:none;transform:none}.tpm-portal-introduce__card-btn--primary,.tpm-portal-introduce__card-btn--weak{width:calc(50% - 6px)}.tpm-portal-introduce__card-btn--weak{margin-left:12px}}@media screen and (max-width:600px){.tpm-portal-introduce__card+.tpm-portal-introduce__card{margin:12px 0 0}.tpm-portal-introduce__card{width:100%}}@-webkit-keyframes introduce-card-flow{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes introduce-card-flow{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.tpm-portal-introduce__anim-code{display:block;width:372px;height:220px;background-image:url(../portal-home/images/code-assistant-bg.png);background-size:cover}.tpm-portal-introduce__anim-code__inner{width:230px;height:124px;position:absolute;top:48px;left:71px;border:1px solid #fff;background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tpm-portal-introduce__anim-code__code{border-radius:4px;border:1px solid #fff;background:hsla(0,0%,100%,.96);box-shadow:0 4px 12px 0 rgba(0,65,171,.12);padding:5px 11px;position:absolute;left:54px;top:64px;width:264px;height:40px;-ms-flex-pack:justify;justify-content:space-between}.tpm-portal-introduce__anim-code__code,.tpm-portal-introduce__anim-code__code-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tpm-portal-introduce__anim-code__code-icon{margin-right:10px;width:20px;height:20px;display:block;background-image:url(../portal-home/images/code-assistant-icon.png);background-size:cover}.tpm-portal-introduce__anim-code__code-text{color:#000;font-size:12px;font-weight:600;line-height:18px}.tpm-portal-introduce__anim-code__code-tip{color:#a0a0a0;font-size:12px;line-height:18px}.tpm-portal-introduce__anim-code__footer{position:absolute;top:119px;left:89px;width:194px;height:40px;background-color:hsla(0,0%,100%,.64);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tpm-portal-introduce__anim-code__bars{position:absolute;top:9px;left:14px;width:117px;height:24px}.tpm-portal-introduce__anim-code__bar{position:absolute;left:0;height:4px;border-radius:2px;background:rgba(42,125,232,.22);width:0;opacity:1}.tpm-portal-introduce__anim-code__bar--1{top:0;width:41px}.tpm-portal-introduce__anim-code__bar--2{top:10px;width:117px}.tpm-portal-introduce__anim-code__bar--3{top:20px;width:117px}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__bar--1{-webkit-animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar1;animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar1}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__bar--2,.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__bar--3{-webkit-animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar2;animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar2}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__code-icon{-webkit-animation:2.2s ease-in-out infinite tpm-portal-code-float;animation:2.2s ease-in-out infinite tpm-portal-code-float}.tpm-portal-introduce__anim-code__footer-icon{width:32px;height:24px;background-size:cover;background-image:url(../portal-home/images/code-assistant-footer-icon.svg);position:absolute;right:10px;top:8px}@-webkit-keyframes tpm-portal-code-bar1{0%{width:41px;opacity:1}25%{width:41px;opacity:0}25.1%{width:0;opacity:0}65%{width:41px;opacity:1}}@keyframes tpm-portal-code-bar1{0%{width:41px;opacity:1}25%{width:41px;opacity:0}25.1%{width:0;opacity:0}65%{width:41px;opacity:1}}@-webkit-keyframes tpm-portal-code-bar2{0%{width:117px;opacity:1}25%{width:117px;opacity:0}25.1%{width:0;opacity:0}65%{width:117px;opacity:1}}@keyframes tpm-portal-code-bar2{0%{width:117px;opacity:1}25%{width:117px;opacity:0}25.1%{width:0;opacity:0}65%{width:117px;opacity:1}}@-webkit-keyframes tpm-portal-code-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes tpm-portal-code-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.tpm-portal-introduce__anim-agent-platform{display:block;width:372px;height:220px;background-image:url(../portal-home/images/agent-platform-bg.png);background-size:cover;background-repeat:no-repeat}.tpm-portal-introduce__anim-agent-platform__inner{background:hsla(0,0%,100%,.88);border:1px solid #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:241px;height:124px;position:absolute;top:45px;left:72px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tpm-portal-introduce__anim-agent-platform__hd{-ms-flex-negative:0;flex-shrink:0;width:100%;padding:8px 12px;background:linear-gradient(90deg,hsla(0,0%,100%,.64),hsla(0,0%,100%,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;font-size:12px;font-weight:500;line-height:18px}.tpm-portal-introduce__anim-agent-platform__bd{width:100%;-ms-flex-positive:1;flex-grow:1;padding:14px 18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.tpm-portal-introduce__anim-agent-platform__left{-ms-flex-negative:0;flex-shrink:0;width:76px;height:62px;background:rgba(73,128,205,.11);border-radius:4px}.tpm-portal-introduce__anim-agent-platform__bars{-ms-flex-positive:1;flex-grow:1;margin-left:12px}.tpm-portal-introduce__anim-agent-platform__bar{height:4px;border-radius:2px;background:rgba(42,125,232,.22)}.tpm-portal-introduce__anim-agent-platform__bar+.tpm-portal-introduce__anim-agent-platform__bar{margin-top:6px}.tpm-portal-introduce__anim-agent-platform__bar--1{width:41px}.tpm-portal-introduce__anim-agent-platform__bar--2,.tpm-portal-introduce__anim-agent-platform__bar--3{width:100%}.tpm-portal-introduce__anim-agent-platform__card{border-radius:4px;border:1px solid #fff;background:hsla(0,0%,100%,.96);box-shadow:0 4px 12px 0 rgba(0,65,171,.12);padding:5px 11px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.tpm-portal-introduce__anim-agent-platform__card--1{top:97px;left:42px}.tpm-portal-introduce__anim-agent-platform__card--2{top:144px;left:42px}.tpm-portal-introduce__anim-agent-platform__card--3{top:111px;right:36px}.tpm-portal-introduce__anim-agent-platform__card-icon{width:14px;height:14px;background-size:cover;background-image:url(../portal-home/images/agent-card-icon.svg)}.tpm-portal-introduce__anim-agent-platform__card-text{margin-left:8px;color:#000;font-size:12px;line-height:18px}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--1{-webkit-animation:6s infinite tpm-portal-platform-card-in;animation:6s infinite tpm-portal-platform-card-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--2{-webkit-animation:6s .5s infinite tpm-portal-platform-card-in;animation:6s .5s infinite tpm-portal-platform-card-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--3{-webkit-animation:6s 1s infinite tpm-portal-platform-card-in;animation:6s 1s infinite tpm-portal-platform-card-in}@-webkit-keyframes tpm-portal-platform-card-in{0%,85%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}35%,50%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}}@keyframes tpm-portal-platform-card-in{0%,85%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}35%,50%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}}.tpm-portal-introduce__anim-agent-runtime{display:block;width:372px;height:220px;background-image:url(../portal-home/images/agent-runtime-bg.png);background-size:cover;background-repeat:no-repeat}.tpm-portal-introduce__anim-agent-runtime__inner{position:absolute;top:46px;left:37px;width:243px;height:124px;border:1px solid #fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(90deg,hsla(0,0%,100%,.88) 27.16%,hsla(0,0%,100%,.79) 62.69%,hsla(0,0%,100%,.46) 97.53%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tpm-portal-introduce__anim-agent-runtime__hd{width:100%;-ms-flex-negative:0;flex-shrink:0;background:linear-gradient(90deg,hsla(0,0%,100%,.64),hsla(0,0%,100%,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;color:#000;font-size:12px;font-weight:500;line-height:18px}.tpm-portal-introduce__anim-agent-runtime__bd{-ms-flex-positive:1;flex-grow:1;width:100%;padding:8px 21px 15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tpm-portal-introduce__anim-agent-runtime__circle{width:62px;height:62px;background-image:url(../portal-home/images/agent-runtime-circle.png);background-size:contain;background-position:0;background-repeat:no-repeat}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__circle{-webkit-animation:2.4s linear infinite tpm-portal-runtime-circle-spin;animation:2.4s linear infinite tpm-portal-runtime-circle-spin}.tpm-portal-introduce__anim-agent-runtime__bars{margin-left:20px;width:45px;height:42px;position:relative}.tpm-portal-introduce__anim-agent-runtime__bar{position:absolute;left:0;height:4px;border-radius:2px;background:rgba(42,125,232,.22)}.tpm-portal-introduce__anim-agent-runtime__bar--1{top:0;width:21px}.tpm-portal-introduce__anim-agent-runtime__bar--2{top:10px;width:45px}.tpm-portal-introduce__anim-agent-runtime__bar--3{top:28px;width:21px}.tpm-portal-introduce__anim-agent-runtime__bar--4{top:38px;width:45px}.tpm-portal-introduce__anim-agent-runtime__cards{position:absolute;top:38px;left:200px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.tpm-portal-introduce__anim-agent-runtime__card{height:30px;background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,65,171,.12);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 12px;box-sizing:border-box;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.tpm-portal-introduce__anim-agent-runtime__card+.tpm-portal-introduce__anim-agent-runtime__card{margin-top:8px}.tpm-portal-introduce__anim-agent-runtime__card-icon{-ms-flex-negative:0;flex-shrink:0;width:12px;height:12px;background-size:cover;background-repeat:no-repeat}.tpm-portal-introduce__anim-agent-runtime__card--1 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../portal-home/images/agent-runtime-card1.svg)}.tpm-portal-introduce__anim-agent-runtime__card--2 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../portal-home/images/agent-runtime-card2.svg)}.tpm-portal-introduce__anim-agent-runtime__card--3 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../portal-home/images/agent-runtime-card3.svg)}.tpm-portal-introduce__anim-agent-runtime__card--4 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../portal-home/images/agent-runtime-card4.svg)}.tpm-portal-introduce__anim-agent-runtime__card-text{margin-left:4px;color:rgba(0,1,10,.93);font-size:10px;font-weight:400;letter-spacing:.1px;white-space:nowrap;line-height:18px}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--1{-webkit-animation:4s infinite tpm-portal-runtime-card-slide;animation:4s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--2{-webkit-animation:4s .15s infinite tpm-portal-runtime-card-slide;animation:4s .15s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--3{-webkit-animation:4s .3s infinite tpm-portal-runtime-card-slide;animation:4s .3s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--4{-webkit-animation:4s .45s infinite tpm-portal-runtime-card-slide;animation:4s .45s infinite tpm-portal-runtime-card-slide}@-webkit-keyframes tpm-portal-runtime-card-slide{0%,76%,to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}28%,48%{opacity:0;-webkit-transform:translateX(4px);transform:translateX(4px)}}@keyframes tpm-portal-runtime-card-slide{0%,76%,to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}28%,48%{opacity:0;-webkit-transform:translateX(4px);transform:translateX(4px)}}@-webkit-keyframes tpm-portal-runtime-circle-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}40%,99.99%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes tpm-portal-runtime-circle-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}40%,99.99%,to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.tpm-portal-introduce__anim{position:absolute;left:0;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition:filter .4s;transition:filter .4s,-webkit-filter .4s}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim{-webkit-filter:saturate(1.08) brightness(1.02);filter:saturate(1.08) brightness(1.02)}.tpm-portal-introduce__anim-tione{display:block;width:372px;height:220px;background-image:url(../portal-home/images/ti-one-bg.png);background-size:cover;background-repeat:no-repeat}.tpm-portal-introduce__anim-tione__inner{border:1px solid #fff;background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:243px;height:133px;position:absolute;left:34px;top:54px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tpm-portal-introduce__anim-tione__hd{-ms-flex-negative:0;flex-shrink:0;width:100%;background:hsla(0,0%,100%,.64);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 12px;color:#000;font-size:12px;font-weight:500;line-height:18px}.tpm-portal-introduce__anim-tione__bd{-ms-flex-positive:1;flex-grow:1;width:100%;padding:16px 16px 20px;position:relative}.tpm-portal-introduce__anim-tione__title{color:rgba(0,1,10,.93);font-size:20px;font-weight:700;line-height:22px}.tpm-portal-introduce__anim-tione__desc{margin-top:16px;color:rgba(0,1,10,.39);font-size:12px;line-height:18px}.tpm-portal-introduce__anim-tione__desc .green{color:#26a776}.tpm-portal-introduce__anim-tione__right{width:115px;height:82px;position:absolute;top:5px;right:0;background-size:contain;background-position:0;background-repeat:no-repeat;background-image:url(../portal-home/images/ti-one-line.png)}.tpm-portal-introduce__anim-tione__dot{display:inline-block;width:6px;height:6px;background-image:url(../portal-home/images/ti-one-dot.svg);background-size:cover;position:absolute;left:50px;top:31px;opacity:0}.tpm-portal-introduce__anim-tione__card-wrap{position:absolute;top:33px;right:34px;background:hsla(0,0%,100%,.96);border:1px solid #fff;border-radius:4px;padding:12px;box-sizing:border-box}.tpm-portal-introduce__anim-tione__card-item,.tpm-portal-introduce__anim-tione__card-title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.tpm-portal-introduce__anim-tione__card-title{background:linear-gradient(180deg,#1461df,#253af3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:12px;line-height:18px}.tpm-portal-introduce__anim-tione__card-list{margin-top:12px}.tpm-portal-introduce__anim-tione__card-item{color:#000;font-size:12px;font-weight:400;line-height:18px}.tpm-portal-introduce__anim-tione__card-item+.tpm-portal-introduce__anim-tione__card-item{margin-top:8px}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__dot{-webkit-animation:1.6s ease-in-out infinite tpm-portal-tione-dot-pulse;animation:1.6s ease-in-out infinite tpm-portal-tione-dot-pulse}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-title{-webkit-animation:4s infinite tpm-portal-tione-card-in;animation:4s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:first-child{-webkit-animation:4s .15s infinite tpm-portal-tione-card-in;animation:4s .15s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:nth-child(2){-webkit-animation:4s .3s infinite tpm-portal-tione-card-in;animation:4s .3s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:nth-child(3){-webkit-animation:4s .45s infinite tpm-portal-tione-card-in;animation:4s .45s infinite tpm-portal-tione-card-in}@-webkit-keyframes tpm-portal-tione-dot-pulse{0%,to{opacity:.4;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes tpm-portal-tione-dot-pulse{0%,to{opacity:.4;-webkit-transform:scale(.8);transform:scale(.8)}50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes tpm-portal-tione-card-in{0%,50%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}15%,25%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}}@keyframes tpm-portal-tione-card-in{0%,50%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}15%,25%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}}.tpm-portal-introduce__anim-cloud-server{display:block;width:372px;height:220px;background:linear-gradient(135deg,#e8f2ff 0,#d4e6ff 45%,#c5dcff 100%);background-size:cover;overflow:hidden}.tpm-portal-introduce__anim-cloud-server:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 180px 120px at 78% 22%,rgba(38,119,255,.18),transparent 70%),radial-gradient(ellipse 140px 100px at 18% 78%,rgba(0,162,237,.12),transparent 70%);pointer-events:none}.tpm-portal-introduce__anim-cloud-server__inner{position:absolute;top:42px;left:58px;width:256px;height:136px;border:1px solid #fff;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-shadow:0 8px 24px rgba(0,65,171,.08);overflow:hidden}.tpm-portal-introduce__anim-cloud-server__hd{-ms-flex-negative:0;flex-shrink:0;padding:8px 12px;background:linear-gradient(90deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,0));color:#000;font-size:12px;font-weight:500;line-height:18px}.tpm-portal-introduce__anim-cloud-server__bd{-ms-flex-positive:1;flex-grow:1}.tpm-portal-introduce__anim-cloud-server__host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(0,65,171,.08)}.tpm-portal-introduce__anim-cloud-server__host-icon{-ms-flex-negative:0;flex-shrink:0;width:28px;height:28px;border-radius:6px;background:linear-gradient(180deg,#3d8bff,#1b6ef7);position:relative}.tpm-portal-introduce__anim-cloud-server__host-icon:after{content:"";position:absolute;left:7px;top:8px;width:14px;height:3px;border-radius:1px;background:hsla(0,0%,100%,.85);box-shadow:0 5px 0 hsla(0,0%,100%,.65),0 10px 0 hsla(0,0%,100%,.45)}.tpm-portal-introduce__anim-cloud-server__host-info{-ms-flex-positive:1;flex-grow:1;margin-left:8px;min-width:0}.tpm-portal-introduce__anim-cloud-server__host-name{color:#000;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpm-portal-introduce__anim-cloud-server__host-meta{margin-top:2px;color:rgba(0,1,10,.45);font-size:10px;line-height:14px}.tpm-portal-introduce__anim-cloud-server__status{-ms-flex-negative:0;flex-shrink:0;padding:2px 8px;border-radius:10px;background:rgba(38,167,116,.12);color:#1fa86a;font-size:10px;line-height:16px;position:relative}.tpm-portal-introduce__anim-cloud-server__status:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#26a776;vertical-align:1px}.tpm-portal-introduce__anim-cloud-server__metric{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:0}.tpm-portal-introduce__anim-cloud-server__metric-label{-ms-flex-negative:0;flex-shrink:0;color:rgba(0,1,10,.55)}.tpm-portal-introduce__anim-cloud-server__metric-track{-ms-flex-positive:1;flex-grow:1;background:rgba(42,125,232,.12);overflow:hidden}.tpm-portal-introduce__anim-cloud-server__metric-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#4d9bff,#1b6ef7);-webkit-transform-origin:left center;transform-origin:left center}.tpm-portal-introduce__anim-cloud-server__metric-fill--cpu{width:38%}.tpm-portal-introduce__anim-cloud-server__metric-fill--mem{width:52%}.tpm-portal-introduce__anim-cloud-server__metric-fill--net{width:21%}.tpm-portal-introduce__anim-cloud-server__metric-val{-ms-flex-negative:0;flex-shrink:0;text-align:right;color:rgba(0,1,10,.7);font-variant-numeric:tabular-nums}.tpm-portal-introduce__anim-cloud-server__chip{border-radius:4px;border:1px solid #fff;background:hsla(0,0%,100%,.96);box-shadow:0 4px 12px rgba(0,65,171,.12);padding:5px 11px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);color:#000;font-size:12px;line-height:18px;white-space:nowrap}.tpm-portal-introduce__anim-cloud-server__chip--1{top:88px;left:36px}.tpm-portal-introduce__anim-cloud-server__chip--2{top:132px;left:36px}.tpm-portal-introduce__anim-cloud-server__chip--3{top:104px;right:32px}.tpm-portal-introduce__anim-cloud-server__chip-icon{width:14px;height:14px;margin-right:8px;background-size:cover;background-image:url(../portal-home/images/agent-card-icon.svg)}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--cpu{-webkit-animation:3.6s ease-in-out infinite tpm-portal-cloud-metric-cpu;animation:3.6s ease-in-out infinite tpm-portal-cloud-metric-cpu}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--mem{-webkit-animation:3.6s ease-in-out .2s infinite tpm-portal-cloud-metric-mem;animation:3.6s ease-in-out .2s infinite tpm-portal-cloud-metric-mem}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--net{-webkit-animation:3.6s ease-in-out .4s infinite tpm-portal-cloud-metric-net;animation:3.6s ease-in-out .4s infinite tpm-portal-cloud-metric-net}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__status:before{-webkit-animation:1.4s ease-in-out infinite tpm-portal-cloud-status-pulse;animation:1.4s ease-in-out infinite tpm-portal-cloud-status-pulse}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__chip--1{-webkit-animation:5s infinite tpm-portal-cloud-chip-in;animation:5s infinite tpm-portal-cloud-chip-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__chip--2{-webkit-animation:5s .45s infinite tpm-portal-cloud-chip-in;animation:5s .45s infinite tpm-portal-cloud-chip-in}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__chip--3{-webkit-animation:5s .9s infinite tpm-portal-cloud-chip-in;animation:5s .9s infinite tpm-portal-cloud-chip-in}@-webkit-keyframes tpm-portal-cloud-metric-cpu{0%,to{width:38%}50%{width:62%}}@keyframes tpm-portal-cloud-metric-cpu{0%,to{width:38%}50%{width:62%}}@-webkit-keyframes tpm-portal-cloud-metric-mem{0%,to{width:52%}50%{width:68%}}@keyframes tpm-portal-cloud-metric-mem{0%,to{width:52%}50%{width:68%}}@-webkit-keyframes tpm-portal-cloud-metric-net{0%,to{width:21%}50%{width:44%}}@keyframes tpm-portal-cloud-metric-net{0%,to{width:21%}50%{width:44%}}@-webkit-keyframes tpm-portal-cloud-status-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.45;-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes tpm-portal-cloud-status-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.45;-webkit-transform:scale(.75);transform:scale(.75)}}@-webkit-keyframes tpm-portal-cloud-chip-in{0%,82%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}32%,48%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}}@keyframes tpm-portal-cloud-chip-in{0%,82%,to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}32%,48%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__inner{padding-top:60px;padding-bottom:60px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__hd{margin-bottom:32px;padding-left:48px;padding-right:48px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__bd{padding-left:48px;padding-right:48px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__tag{font-size:12px;line-height:20px;font-weight:500;color:#a7a7a7}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__hd-main{margin-top:8px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__title{font-size:32px;line-height:40px;font-weight:500;color:#000}.tpm-portal-introduce__section .tpm-introduce-title-m{display:none}.tpm-portal-introduce__section .tpm-portal-introduce__card--active{opacity:1;visibility:visible;box-sizing:border-box}@media screen and (min-width:769px){.tpm-portal-introduce__section .tpm-portal-section__title .linear{background:linear-gradient(90deg,#00a2ed 1.42%,#166cf7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tpm-portal-introduce__section .tpm-portal-introduce__card--mobile{display:none!important}}@media screen and (max-width:768px){.tpm-portal-introduce__section .tpm-introduce-title-pc{display:none}.tpm-portal-introduce__section .tpm-introduce-title-m{display:inline}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__inner{padding-top:40px;padding-bottom:32px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__hd{margin-bottom:16px;padding-left:16px;padding-right:16px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__bd{padding-left:16px;padding-right:16px}.tpm-portal-introduce__section.tpm-portal-section .tpm-portal-section__title{font-size:22px;line-height:30px}.tpm-portal-introduce__section .tpm-portal-introduce__cards{flex-direction:column;gap:12px}.tpm-portal-introduce__section .tpm-portal-introduce__card-wrap{display:flex!important;flex:0 0 auto;width:100%!important;min-width:0;border:1px solid #dfe4ec;border-radius:4px;overflow:hidden;background:#fff}.tpm-portal-introduce__section .tpm-portal-introduce__card-wrap>.tpm-portal-introduce__card[aria-hidden=true]{opacity:0!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important}.tpm-portal-introduce__section .tpm-portal-introduce__card--active{position:relative!important;left:auto!important;top:auto!important;min-height:0!important;padding:0!important;display:flex!important}.tpm-portal-introduce__section .tpm-portal-introduce__card--active:after{display:none!important}.tpm-portal-introduce__section .tpm-portal-introduce__card-inner{padding:12px!important;background:#fff!important}.tpm-portal-introduce__section .tpm-portal-introduce__card-media.has-media{height:0!important;padding-top:59.13978%!important;margin-top:12px!important;overflow:hidden!important}.tpm-portal-introduce__section .tpm-portal-introduce__card-actions{opacity:1!important;max-height:none!important;margin-top:12px!important;transform:none!important}.tpm-portal-introduce__section .tpm-portal-introduce__card--mobile{display:none!important}.tpm-portal-introduce__section .tpm-portal-introduce__anim{will-change:transform}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__card--active:after{opacity:1;-webkit-animation:5s linear infinite introduce-card-flow;animation:5s linear infinite introduce-card-flow}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__bar--1{-webkit-animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar1;animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar1}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__bar--2,.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__bar--3{-webkit-animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar2;animation:4s cubic-bezier(.22,.61,.36,1) infinite tpm-portal-code-bar2}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__code-icon{-webkit-animation:2.2s ease-in-out infinite tpm-portal-code-float;animation:2.2s ease-in-out infinite tpm-portal-code-float}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--1{-webkit-animation:6s infinite tpm-portal-platform-card-in;animation:6s infinite tpm-portal-platform-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--2{-webkit-animation:6s .5s infinite tpm-portal-platform-card-in;animation:6s .5s infinite tpm-portal-platform-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--3{-webkit-animation:6s 1s infinite tpm-portal-platform-card-in;animation:6s 1s infinite tpm-portal-platform-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__circle{-webkit-animation:2.4s linear infinite tpm-portal-runtime-circle-spin;animation:2.4s linear infinite tpm-portal-runtime-circle-spin}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--1{-webkit-animation:4s infinite tpm-portal-runtime-card-slide;animation:4s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--2{-webkit-animation:4s .15s infinite tpm-portal-runtime-card-slide;animation:4s .15s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--3{-webkit-animation:4s .3s infinite tpm-portal-runtime-card-slide;animation:4s .3s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--4{-webkit-animation:4s .45s infinite tpm-portal-runtime-card-slide;animation:4s .45s infinite tpm-portal-runtime-card-slide}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim{-webkit-filter:saturate(1.08) brightness(1.02);filter:saturate(1.08) brightness(1.02)}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__dot{-webkit-animation:1.6s ease-in-out infinite tpm-portal-tione-dot-pulse;animation:1.6s ease-in-out infinite tpm-portal-tione-dot-pulse}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-title{-webkit-animation:4s infinite tpm-portal-tione-card-in;animation:4s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:first-child{-webkit-animation:4s .15s infinite tpm-portal-tione-card-in;animation:4s .15s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:nth-child(2){-webkit-animation:4s .3s infinite tpm-portal-tione-card-in;animation:4s .3s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:nth-child(3){-webkit-animation:4s .45s infinite tpm-portal-tione-card-in;animation:4s .45s infinite tpm-portal-tione-card-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--cpu{-webkit-animation:3.6s ease-in-out infinite tpm-portal-cloud-metric-cpu;animation:3.6s ease-in-out infinite tpm-portal-cloud-metric-cpu}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--mem{-webkit-animation:3.6s ease-in-out .2s infinite tpm-portal-cloud-metric-mem;animation:3.6s ease-in-out .2s infinite tpm-portal-cloud-metric-mem}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--net{-webkit-animation:3.6s ease-in-out .4s infinite tpm-portal-cloud-metric-net;animation:3.6s ease-in-out .4s infinite tpm-portal-cloud-metric-net}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__status:before{-webkit-animation:1.4s ease-in-out infinite tpm-portal-cloud-status-pulse;animation:1.4s ease-in-out infinite tpm-portal-cloud-status-pulse}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__chip--1{-webkit-animation:5s infinite tpm-portal-cloud-chip-in;animation:5s infinite tpm-portal-cloud-chip-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__chip--2{-webkit-animation:5s .45s infinite tpm-portal-cloud-chip-in;animation:5s .45s infinite tpm-portal-cloud-chip-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__chip--3{-webkit-animation:5s .9s infinite tpm-portal-cloud-chip-in;animation:5s .9s infinite tpm-portal-cloud-chip-in}.tpm-portal-introduce__section .introduce-mobile-active.tpm-portal-introduce__card-wrap .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--disk{-webkit-animation:3.6s ease-in-out .6s infinite tpm-portal-cloud-metric-disk;animation:3.6s ease-in-out .6s infinite tpm-portal-cloud-metric-disk}}@-webkit-keyframes tpm-portal-cloud-metric-disk{0%,to{width:35%}50%{width:58%}}@keyframes tpm-portal-cloud-metric-disk{0%,to{width:35%}50%{width:58%}}.tpm-portal-introduce__anim-cloud-server__bd{padding:8px 10px 10px}.tpm-portal-introduce__anim-cloud-server__host{padding-bottom:8px}.tpm-portal-introduce__anim-cloud-server__metrics{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:6px;margin-top:8px}.tpm-portal-introduce__anim-cloud-server__metric+.tpm-portal-introduce__anim-cloud-server__metric{margin-top:0}.tpm-portal-introduce__anim-cloud-server__metric-label{width:22px;font-size:9px;line-height:12px}.tpm-portal-introduce__anim-cloud-server__metric-track{min-width:0;height:5px;border-radius:2px}.tpm-portal-introduce__anim-cloud-server__metric-val{width:22px;margin-left:4px;font-size:9px;line-height:12px}.tpm-portal-introduce__anim-cloud-server__metric-fill--disk{width:35%}.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-cloud-server .tpm-portal-introduce__anim-cloud-server__metric-fill--disk{-webkit-animation:3.6s ease-in-out .6s infinite tpm-portal-cloud-metric-disk;animation:3.6s ease-in-out .6s infinite tpm-portal-cloud-metric-disk}.tpm-portal-introduce__card-media.has-media .tpm-portal-introduce__anim{transform-origin:top left;max-width:none}