/* ==========================================================================
   nova · 产品介绍轮播（tpm-portal-introduce）
   照抄自腾讯云首页原始样式（见 新主题/参考/_ref_intro.css，147 条规则），
   仅把图标/配图 URL 换成本地 assets/images/intro/，末尾补滚动吸附的覆盖样式。
   ========================================================================== */

/* ======== 来自 Main-202608171547.css （147 条）======== */
.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(../images/intro/tpm-portal-introduce-bg-top-new.png);background-size:2560px auto;background-repeat:no-repeat;background-position:top}.tpm-portal-introduce__section.tpm-portal-section:after{background-image:url(../images/intro/tpm-portal-introduce-bg-bottom-new.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;padding-bottom:0}}
@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-wrapper{position:relative}
.tpm-portal-introduce__swiper{position:relative;padding-bottom:60px}
.tpm-portal-introduce__swiper .swiper-wrapper{-ms-flex-align:stretch;align-items:stretch}
.tpm-portal-introduce__cards-wrapper--has-next .tpm-portal-introduce__swiper{-webkit-mask:linear-gradient(90deg,#000 0,#000 95%,transparent);mask:linear-gradient(90deg,#000 0,#000 95%,transparent)}
.tpm-portal-introduce__cards-wrapper--has-prev .tpm-portal-introduce__swiper{-webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000);mask:linear-gradient(90deg,transparent 0,#000 5%,#000)}
.tpm-portal-introduce__cards-wrapper--has-prev.tpm-portal-introduce__cards-wrapper--has-next .tpm-portal-introduce__swiper{-webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)}
.tpm-portal-introduce__slide{box-sizing:border-box;display:-ms-flexbox;display:flex;width:23.25581%}
.tpm-portal-introduce__card-wrap{position:relative;width:100%;min-width:0;display:-ms-flexbox;display:flex}
.tpm-portal-introduce__navigation{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:12px;position:absolute;top:-72px;right:0;z-index:10}
.tpm-portal-introduce__navigation-next,.tpm-portal-introduce__navigation-prev{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #dfe4ec;box-shadow:0 1px 3px rgba(0,0,0,.07);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease-in-out}
.tpm-portal-introduce__navigation-next.swiper-button-lock,.tpm-portal-introduce__navigation-prev.swiper-button-lock{display:none}
.tpm-portal-introduce__navigation-next:after,.tpm-portal-introduce__navigation-next:before,.tpm-portal-introduce__navigation-prev:after,.tpm-portal-introduce__navigation-prev:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:20px;background-size:cover;background-repeat:no-repeat;background-position:50%;transition:opacity .3s ease-in-out}
.tpm-portal-introduce__navigation-next:after,.tpm-portal-introduce__navigation-prev:after{opacity:0}
@media screen and (min-width:769px){.tpm-portal-introduce__navigation-next:hover,.tpm-portal-introduce__navigation-prev:hover{background:#f4f8ff;border-color:#d5e4fc}.tpm-portal-introduce__navigation-next:hover:before,.tpm-portal-introduce__navigation-prev:hover:before{opacity:0}.tpm-portal-introduce__navigation-next:hover:after,.tpm-portal-introduce__navigation-prev:hover:after{opacity:1}}
.tpm-portal-introduce__navigation-next.swiper-button-disabled,.tpm-portal-introduce__navigation-prev.swiper-button-disabled{cursor:not-allowed;pointer-events:none}
.tpm-portal-introduce__navigation-next.swiper-button-disabled:before,.tpm-portal-introduce__navigation-prev.swiper-button-disabled:before{opacity:1}
.tpm-portal-introduce__navigation-next.swiper-button-disabled:after,.tpm-portal-introduce__navigation-prev.swiper-button-disabled:after{opacity:0}
.tpm-portal-introduce__navigation-prev:before{background-image:url(../images/intro/tpm-portal-introduce-arrow-left-normal.svg)}
.tpm-portal-introduce__navigation-prev:after{background-image:url(../images/intro/tpm-portal-introduce-arrow-left-active.svg)}
.tpm-portal-introduce__navigation-prev.swiper-button-disabled:before{background-image:url(../images/intro/tpm-portal-introduce-arrow-left-disabled.svg)}
.tpm-portal-introduce__navigation-next:before{background-image:url(../images/intro/tpm-portal-introduce-arrow-right-normal.svg)}
.tpm-portal-introduce__navigation-next:after{background-image:url(../images/intro/tpm-portal-introduce-arrow-right-active.svg)}
.tpm-portal-introduce__navigation-next.swiper-button-disabled:before{background-image:url(../images/intro/tpm-portal-introduce-arrow-right-disabled.svg)}
.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)}
@media screen and (min-width:769px){.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card--active{box-shadow:0 4px 32px 0 rgba(16,52,113,.1)}}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card--active:after{opacity:1;-webkit-animation:introduce-card-flow 5s linear infinite;animation:introduce-card-flow 5s linear infinite}
.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{height:13px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.tpm-portal-introduce__card-title{margin-top:8px;font-size:16px;line-height:24px;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%}
@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-img,.tpm-portal-introduce__card-video{width:100%;-o-object-fit:cover;object-fit:cover;display:block}
.tpm-portal-introduce__card-video{position:absolute;top:0;left:0;height:100%;opacity:0;transition:opacity .3s ease-in-out}
@media screen and (min-width:769px){.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__card-video{opacity:1}}
.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),-webkit-transform .4s cubic-bezier(.4,0,.2,1);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);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-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 ease;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}}
@media screen and (min-width:769px) and (prefers-reduced-motion:reduce){.tpm-portal-introduce__card-btn--primary:before{transition:none}}
@media screen and (min-width:769px){.tpm-portal-introduce__card-btn--primary .tpm-portal-introduce__card-btn-text{position:relative;z-index:2}}
.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:transparent;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:all .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{height:16px}.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{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-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}}
@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-media{width:100%;margin-top:0;padding-top:0;background-size:cover;height:180px}}
@media screen and (max-width:768px){.tpm-portal-introduce__card-header{margin-top:16px}}
@media screen and (max-width:768px){.tpm-portal-introduce__card-icon{display:none}}
@media screen and (max-width:768px){.tpm-portal-introduce__card-img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;min-height:0}}
@media screen and (max-width:768px){.tpm-portal-introduce__card-title{margin-top:0;font-size:18px;line-height:26px;font-weight:500}}
@media screen and (max-width:768px){.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}}
@media screen and (max-width:768px){.tpm-portal-introduce__card-actions{margin-top:16px;max-height:none;opacity:1;-webkit-transform:none;transform:none}}
@media screen and (max-width:768px){.tpm-portal-introduce__card-btn--primary,.tpm-portal-introduce__card-btn--weak{width:calc(50% - 6px)}}
@media screen and (max-width:768px){.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%}}
.tpm-portal-introduce__anim-code{display:block;width:372px;height:220px;background-image:url(../images/intro/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(../images/intro/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:tpm-portal-code-bar1 4s cubic-bezier(.22,.61,.36,1) infinite;animation:tpm-portal-code-bar1 4s cubic-bezier(.22,.61,.36,1) infinite}
.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:tpm-portal-code-bar2 4s cubic-bezier(.22,.61,.36,1) infinite;animation:tpm-portal-code-bar2 4s cubic-bezier(.22,.61,.36,1) infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-code .tpm-portal-introduce__anim-code__code-icon{-webkit-animation:tpm-portal-code-float 2.2s ease-in-out infinite;animation:tpm-portal-code-float 2.2s ease-in-out infinite}
.tpm-portal-introduce__anim-code__footer-icon{width:32px;height:24px;background-size:cover;background-image:url(../images/intro/code-assistant-footer-icon.svg);position:absolute;right:10px;top:8px}
.tpm-portal-introduce__anim-agent-platform{display:block;width:372px;height:220px;background-image:url(../images/intro/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(../images/intro/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:tpm-portal-platform-card-in 6s ease infinite;animation:tpm-portal-platform-card-in 6s ease infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--2{-webkit-animation:tpm-portal-platform-card-in 6s ease .5s infinite;animation:tpm-portal-platform-card-in 6s ease .5s infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-platform .tpm-portal-introduce__anim-agent-platform__card--3{-webkit-animation:tpm-portal-platform-card-in 6s ease 1s infinite;animation:tpm-portal-platform-card-in 6s ease 1s infinite}
.tpm-portal-introduce__anim-agent-runtime{display:block;width:372px;height:220px;background-image:url(../images/intro/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(../images/intro/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:tpm-portal-runtime-circle-spin 2.4s linear infinite;animation:tpm-portal-runtime-circle-spin 2.4s linear infinite}
.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(../images/intro/agent-runtime-card1.svg)}
.tpm-portal-introduce__anim-agent-runtime__card--2 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../images/intro/agent-runtime-card2.svg)}
.tpm-portal-introduce__anim-agent-runtime__card--3 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../images/intro/agent-runtime-card3.svg)}
.tpm-portal-introduce__anim-agent-runtime__card--4 .tpm-portal-introduce__anim-agent-runtime__card-icon{background-image:url(../images/intro/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:tpm-portal-runtime-card-slide 4s ease infinite;animation:tpm-portal-runtime-card-slide 4s ease infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--2{-webkit-animation:tpm-portal-runtime-card-slide 4s ease .15s infinite;animation:tpm-portal-runtime-card-slide 4s ease .15s infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--3{-webkit-animation:tpm-portal-runtime-card-slide 4s ease .3s infinite;animation:tpm-portal-runtime-card-slide 4s ease .3s infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-agent-runtime .tpm-portal-introduce__anim-agent-runtime__card--4{-webkit-animation:tpm-portal-runtime-card-slide 4s ease .45s infinite;animation:tpm-portal-runtime-card-slide 4s ease .45s infinite}
.tpm-portal-introduce__anim{position:absolute;left:0;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-filter .4s ease;transition:filter .4s ease;transition:filter .4s ease,-webkit-filter .4s ease}
.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(../images/intro/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(../images/intro/ti-one-line.png)}
.tpm-portal-introduce__anim-tione__dot{display:inline-block;width:6px;height:6px;background-image:url(../images/intro/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:tpm-portal-tione-dot-pulse 1.6s ease-in-out infinite;animation:tpm-portal-tione-dot-pulse 1.6s ease-in-out infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-title{-webkit-animation:tpm-portal-tione-card-in 4s ease infinite;animation:tpm-portal-tione-card-in 4s ease infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:first-child{-webkit-animation:tpm-portal-tione-card-in 4s ease .15s infinite;animation:tpm-portal-tione-card-in 4s ease .15s infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:nth-child(2){-webkit-animation:tpm-portal-tione-card-in 4s ease .3s infinite;animation:tpm-portal-tione-card-in 4s ease .3s infinite}
.tpm-portal-introduce__card-wrap:hover .tpm-portal-introduce__anim-tione .tpm-portal-introduce__anim-tione__card-item:nth-child(3){-webkit-animation:tpm-portal-tione-card-in 4s ease .45s infinite;animation:tpm-portal-tione-card-in 4s ease .45s infinite}

/* ==========================================================================
   以下为「接本系统」的少量覆盖（不属于照抄内容）
   ========================================================================== */
/* 原站用 swiper 做横向轮播；这里用纯 CSS 滚动吸附实现同样观感（无需引入 swiper 库）。
   注意：原站 .swiper-wrapper 的 flex 布局来自 swiper 库样式（不在抽出的 147 条里），
   必须自己补上，否则卡片会纵向堆叠。 */
.tpm-portal-introduce__swiper{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.tpm-portal-introduce__swiper::-webkit-scrollbar{display:none}
.tpm-portal-introduce__swiper .swiper-wrapper{display:flex;flex-wrap:nowrap;width:100%}
.tpm-portal-introduce__swiper .swiper-wrapper>.tpm-portal-introduce__slide{flex:0 0 auto;scroll-snap-align:start}
.tpm-portal-introduce__cards-wrapper{overflow:visible}
/* 导航按钮可点（原站由 swiper 控制 disabled） */
.tpm-portal-introduce__navigation-prev,.tpm-portal-introduce__navigation-next{cursor:pointer}
.tpm-portal-introduce__navigation-prev.swiper-button-disabled,.tpm-portal-introduce__navigation-next.swiper-button-disabled{opacity:.35;cursor:default}
/* 卡片视频：hover 播放（原站由 JS 控制） */
.tpm-portal-introduce__card-video{pointer-events:none}