#legacy-ecosystem{--webx-bg-page:#fff;--webx-bg-white:#fff;--webx-text-main:#111;--webx-text-secondary:#737373;--webx-text-muted:#999;--webx-radius-lg:24px;--webx-radius-md:16px;--webx-radius-sm:6px;--webx-container-width:100%;font-family: 'PingFang SC','Microsoft YaHei',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;line-height:1.5;overflow:hidden}
#legacy-ecosystem *,#legacy-ecosystem *::before,#legacy-ecosystem *::after{box-sizing:border-box}
/* ==================== 基础与全局变量 ==================== */
/* ==================== 容器约束与布局 ==================== */
#legacy-ecosystem .webx-body-container{
    width: 100%;
    max-width: 1440px; 
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
}
@media screen and (min-width: 1680px){
#legacy-ecosystem .webx-body-container{
        max-width: 1600px; 
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media screen and (min-width: 1921px){
#legacy-ecosystem .webx-body-container{
        width: 110rem;
        max-width: calc(100% - 3rem);
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}
/* ==================== Header 版块 ==================== */
#legacy-ecosystem .webx-nav a.active{
   
}
/* ==========================================================================
   ============= 高级按钮 ===================
   ========================================================================== */
/* ==================== Hover 丝滑交互 ==================== */
/* ==================== 移动端适配与下拉菜单 ==================== */
#legacy-ecosystem .webx-mobile-toggle.active .line-1{ transform: translateY(9px) rotate(45deg); }
#legacy-ecosystem .webx-mobile-toggle.active .line-2{ transform: translateY(-9px) rotate(-45deg); }
/* ================== Light 模式 ================== */
#legacy-ecosystem .webx-header-section.light .webx-nav a.active{
    color: rgba(255, 255, 255, 0.7);
}
/* ================== Dark 模式 ================== */
#legacy-ecosystem .webx-header-section.dark .webx-nav a{
    color: var(--webx-text-main);
}
#legacy-ecosystem .webx-header-section.dark .webx-nav a:hover,
#legacy-ecosystem .webx-header-section.dark .webx-nav a.active{
    color:#003BAF;
}
#legacy-ecosystem .webx-header-section.dark .webx-btn-contact{
    background-color: transparent;
    color: var(--webx-text-main);
    border: 1px solid var(--webx-text-main);
}
#legacy-ecosystem .webx-header-section.dark .webx-btn-contact:hover{
    background-color: var(--webx-text-main);
    color: #ffffff;
}
#legacy-ecosystem .webx-header-section.dark .webx-mobile-toggle span{
    background-color: var(--webx-text-main);
}
/* ==================== 语种切换按钮与下拉菜单 ==================== */
#legacy-ecosystem .webx-header-section.dark .webx-lang-toggle{
    color: var(--webx-text-main);
}
/* 下拉菜单面板 */
#legacy-ecosystem .webx-lang-menu a.active{
    background-color: #f6f7f9;
    color: #111111 !important;
    font-weight: 600;
}
#legacy-ecosystem .webx-lang-menu a.active::after{
    content: '\F26A'; /* Bootstrap Icon 的 Check */
    font-family: bootstrap-icons !important;
    font-size: 14px;
    color: #111111;
}
/* ================== Scrolled  ================== */
/* ==================== Hero 首屏版块 ==================== */
#legacy-ecosystem .webx-hero-section .webx-body-container{
    height: 100%;
}
/* ==================== 视频悬浮窗模块 ==================== */
/* Hover 动态反馈 */
#legacy-ecosystem .webx-btn-cut.outline-transparent{
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;                            
    backdrop-filter: blur(5px);              
    -webkit-backdrop-filter: blur(5px);
}
#legacy-ecosystem .webx-btn-cut.outline-transparent::before{
    background-color: transparent; 
    background-color: rgba(0, 0, 0, 0.1); 
}
#legacy-ecosystem .webx-btn-cut.outline-transparent:hover{
    background-color: #ffffff;
    color: #000000;
}
#legacy-ecosystem .webx-btn-cut.outline-transparent:hover::before{
    background-color: #ffffff;
}
/* ==========================================================================
   ============= Web3 科技感切角按钮组件=================
   ========================================================================== */
#legacy-ecosystem .webx-btn-cut{
    --cut: 12px;              
    --border-width: 1.5px;    
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;     
    border: none;
	min-width:140px;
    max-width:240px;
    cursor: pointer;
    z-index: 1;
    clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), 
                box-shadow 0.4s ease, 
                color 0.4s ease, 
                background-color 0.4s ease;
}
#legacy-ecosystem .webx-btn-cut::before{
    content: '';
    position: absolute;
    top: var(--border-width);
    left: var(--border-width);
    right: var(--border-width);
    bottom: var(--border-width);
    border-radius: 4px;
    clip-path: polygon(calc(var(--cut) - var(--border-width)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) - var(--border-width)));
    z-index: -1;
    transition: background-color 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
#legacy-ecosystem .webx-btn-cut:hover{
   
}
#legacy-ecosystem .webx-btn-cut:active{
    transform: translateY(1px);
    transition: transform 0.1s;
}
/* ================== 状态 1：黑底白字 (Dark) ================== */
#legacy-ecosystem .webx-btn-cut.dark{
    background-color: #000; 
    color: #ffffff;
}
#legacy-ecosystem .webx-btn-cut.dark::before{
    background-color: #000;
}
#legacy-ecosystem .webx-btn-cut.dark:hover,
#legacy-ecosystem .webx-btn-cut.dark:hover::before{
  
}
#legacy-ecosystem .webx-btn-cut.grey{
    background-color: #ececec; 
    color: #000000;
}
#legacy-ecosystem .webx-btn-cut.grey::before{
    background-color: #ececec;
}
#legacy-ecosystem .webx-btn-cut.grey:hover,
#legacy-ecosystem .webx-btn-cut.grey:hover::before{
  
}
#legacy-ecosystem .webx-btn-cut.blue{
    background-color: #003BAF; 
    color: #ffffff;
}
#legacy-ecosystem .webx-btn-cut.blue::before{
    background-color: #003BAF;
}
#legacy-ecosystem .webx-btn-cut.dark:hover,
#legacy-ecosystem .webx-btn-cut.dark:hover::before{
  
}
/* ================== 状态 2：黑线边框无背景 (Outline) ================== */
#legacy-ecosystem .webx-btn-cut.outline{
    background-color: #000; 
    color: #000;
}
#legacy-ecosystem .webx-btn-cut.outline::before{
    background-color: var(--btn-outline-bg, #ffffff); 
}
#legacy-ecosystem .webx-btn-cut.outline:hover{
    color: #ffffff;
}
#legacy-ecosystem .webx-btn-cut.outline:hover::before{
    background-color: #000;
}
/* ================== 状态 3：白底黑字 (Light) ================== */
#legacy-ecosystem .webx-btn-cut.light{
    background-color: #ffffff; 
    color: #000;
}
#legacy-ecosystem .webx-btn-cut.light::before{
    background-color: #ffffff; 
}
#legacy-ecosystem .webx-btn-cut.light:hover,
#legacy-ecosystem .webx-btn-cut.light:hover::before{
    background-color: #f6f7f9; 
}
/* ================== 状态 4：白线边框无背景 (Outline White) ================== */
#legacy-ecosystem .webx-btn-cut.outline-white{
    background-color:#fff;
    color: #fff;           
}
#legacy-ecosystem .webx-btn-cut.outline-white::before{
    background-color:#000; 
}
#legacy-ecosystem .webx-btn-cut.outline-white:hover{
    color: #fff;
}
#legacy-ecosystem .webx-btn-cut.outline-white:hover::before{
    background-color: #000;
}
/**/
#legacy-ecosystem .webx-btn-cut.outline-blue{
    background-color:#003BAF;
    color: #003BAF;           
}
#legacy-ecosystem .webx-btn-cut.outline-blue::before{
    background-color: #fff;
}
#legacy-ecosystem .webx-btn-cut.outline-blue:hover{
    color: #fff;
}
#legacy-ecosystem .webx-btn-cut.outline-blue:hover::before{
    background-color: #003BAF;
}
/* ==================== 公共卡片样式 ==================== */
#legacy-ecosystem .webx-card-panel{
    /* background-color: var(--webx-bg-white); */
    border-radius: var(--webx-radius-lg);
    padding: 120px 60px 100px 60px; 
    /* box-shadow: 0 4px 24px rgba(0,0,0,0.02);  */
}
@media screen and (max-width: 1680px){
#legacy-ecosystem .webx-card-panel{
        padding: 100px 0px 100px 0px; 
    }
}
#legacy-ecosystem .webx-eco-intro-section .webx-card-panel{ 
	background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto 8rem;
    overflow: clip;
    border-radius: 0px;
    /* border-top: 1px solid #b6b6b6; */
    background-image: url(/assets/legacy-ecosystem/img/section-gridbg.svg);
}
#legacy-ecosystem .webx-section-title{
    font-size: 42px;
    font-weight: 700;
    color: var(--webx-text-main);
    color:#003baf;
    color:#000;
}
#legacy-ecosystem .justify-content-center{
	justify-content:center;
}
#legacy-ecosystem .justify-content-end{
	justify-content:flex-end;
}
/* ==================== 核心生态首屏 - 加入社群模块 ==================== */
/* ==========================================================================
   ============= 平台数据统计 (Stats Section) ===========================
   ========================================================================== */
#legacy-ecosystem .webx-stats-section .webx-card-panel{
	    padding-top: 40px;
}
/* ==================== 生态结构版块 ==================== */
#legacy-ecosystem .webx-eco-intro-section{
    margin-bottom: 40px;
}
#legacy-ecosystem .webx-sub-label{
    font-size: 18px;
    color: var(--webx-text-muted);
}
#legacy-ecosystem .webx-section-desc{
    font-size: 36px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
    color: rgba(0,0,0,1);
}
#legacy-ecosystem .webx-section-desc.webx-eco-desc{
    font-size: 36px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.2); 
    transition: none !important; 
}
/* ==================== 全球链商版块 ==================== */
#legacy-ecosystem .webx-global-commerce-section{
    margin-bottom: 0px;
    background:#FAFBFF;
}
#legacy-ecosystem .webx-gc-subtitle{
    font-size: 21px;
    color: var(--webx-text-secondary);
}
#legacy-ecosystem .webx-gc-tabs{
    margin-top: 48px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}
#legacy-ecosystem .webx-tab-item{
    flex: 1;
    padding-bottom: 20px;
    font-size: 18px;
    color: var(--webx-text-muted);
    position: relative;
    user-select: none;
}
#legacy-ecosystem .webx-tab-item.active{
    color: var(--webx-text-main);
    font-weight: 600;
}
#legacy-ecosystem .webx-tab-item.active::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 90%;
    height: 2px;
    background-color: #003BAF;
}
#legacy-ecosystem .webx-gc-icon{
    user-select: none;
}
#legacy-ecosystem .webx-winpay-section .webx-gc-icon img{
    height:80px;
    max-width: 260px;
}
#legacy-ecosystem .webx-gc-content-row{
    margin-top: 60px;
}
#legacy-ecosystem .webx-global-commerce-section .webx-gc-content-row{
	background:url(/assets/legacy-ecosystem/img/wrapbg.svg) center center no-repeat;
	background-size:50%;
}
#legacy-ecosystem .webx-global-commerce-section .webx-gc-image-wrapper{
    border-radius: var(--webx-radius-md, 16px); 
    -webkit-mask-image: -webkit-radial-gradient(white, black); 
}
#legacy-ecosystem .webx-global-commerce-section .webx-gc-image-wrapper img{
    transform-origin: center center;
    will-change: transform;
}
#legacy-ecosystem .webx-gc-main-text{
    font-size: 36px;
    font-weight: 700;
	max-width:70%;
    line-height: 1.5;
    color: var(--webx-text-main);
}
#legacy-ecosystem .webx-gc-micro-text{
    font-size: 21px;
    color: var(--webx-text-muted);
    margin-top: 40px; 
    margin-bottom: 60px; 
}
#legacy-ecosystem .webx-gc-img-col{
    padding-left: 40px;
    
}
#legacy-ecosystem .webx-global-badge{
    position: absolute;
    top: 120px;
    right: 40px;
}
#legacy-ecosystem .webx-gc-image-wrapper{
    width: 100%;
    height: 100%;
    min-height: 360px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#legacy-ecosystem .webx-gc-image-wrapper img{
    width: 94%; 
    height: 100%;
    object-fit: cover;
    border-radius: var(--webx-radius-md);
    will-change: width; 
}
#legacy-ecosystem .webx-global-commerce-section,
#legacy-ecosystem .webx-winpay-section{
    position: relative;
    z-index: 5;
    margin-bottom: 0 !important;
}
@media (min-width: 992px){
#legacy-ecosystem .webx-global-commerce-section,
#legacy-ecosystem .webx-winpay-section{
        min-height: 100vh; 
        display: flex;
        align-items: center;
    }
}
/* ==================== Bingo 全球文娱版块 ==================== */
#legacy-ecosystem .webx-bingo-section{
    background: #002877;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:160px 3.875rem;
}
#legacy-ecosystem .webx-bingo-section .webx-body-container{
    margin-top:-5%;
}
#legacy-ecosystem .webx-bingo-header{
    margin-bottom: 100px;
}
#legacy-ecosystem .webx-bingo-title{
    font-size: 48px;
    font-weight: 700;
    color: var(--webx-text-main);
    color:#fff;
    margin-bottom: 30px;
}
#legacy-ecosystem .webx-bingo-subtitle{
    font-size: 24px;
    color: var(--webx-text-muted);
    color:#fff;
    line-height: 1.8;

}
#legacy-ecosystem .webx-bingo-cards{
    --bs-gutter-x: 24px;
    display: grid;
    align-items: stretch; 
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
}
#legacy-ecosystem .webx-bingo-card{
    background-color: var(--webx-bg-white);
    border-radius: var(--webx-radius-sm);
    padding: 40px 40px 60px;
    height: 100%; 
    min-height: 480px; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.015);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#legacy-ecosystem .webx-bingo-cards .webx-bingo-inner:nth-child(1) .webx-bingo-card{
    background: url(/assets/legacy-ecosystem/img/bingo_listinner_img1.jpg) center center no-repeat;
    background-size: cover;
}
#legacy-ecosystem .webx-bingo-cards .webx-bingo-inner:nth-child(2) .webx-bingo-card{
    background: url(/assets/legacy-ecosystem/img/bingo_listinner_img2.jpg) center center no-repeat;
    background-size: cover;
}
#legacy-ecosystem .webx-bingo-cards .webx-bingo-inner:nth-child(3) .webx-bingo-card{
    background: url(/assets/legacy-ecosystem/img/bingo_listinner_img3.jpg) center center no-repeat;
    background-size: cover;
}
#legacy-ecosystem .webx-bingo-cards .webx-bingo-inner:nth-child(4) .webx-bingo-card{
    background: url(/assets/legacy-ecosystem/img/bingo_listinner_img4.jpg) center center no-repeat;
    background-size: cover;
}
#legacy-ecosystem .webx-bingo-card-title{
    font-size: 26px;
    font-weight: 700;
    color: var(--webx-text-main);
     color: #fff;
    margin-bottom: 16px;
}
#legacy-ecosystem .webx-bingo-btn{
	max-width:160px;
	margin-top:20px;
}
#legacy-ecosystem .webx-bingo-icon img{
    filter: invert(100%);
}
#legacy-ecosystem .webx-bingo-card-desc{
    font-size: 18px;
    color: var(--webx-text-muted);
     color: #fff;
    margin-bottom: 0;
}
#legacy-ecosystem .webx-bingo-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}
/* ==================== WinPay 支付版块 ==================== */
#legacy-ecosystem .webx-winpay-section{
   margin-bottom: 0px !important;
}
#legacy-ecosystem .webx-winpay-badge{
    position: absolute;
    top: 120px;
    right: 40px;
}
#legacy-ecosystem .webx-winpay-image-wrapper{
    transform-origin: center center;
    will-change: transform;
    width: 100%;
    height: 100%;
    min-height: 640px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, #003baf 0%, #e6efff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 5%;
}
#legacy-ecosystem .webx-winpay-image-wrapper img{
    width: 100%;
    height: 100%;
    max-height:450px;
    object-fit: contain;
    will-change: width;
}
/* WinPay合作伙伴区域 */
#legacy-ecosystem .webx-winpay-partners{
    position: relative;
    z-index: 20;
	margin:0px 0px 180px 0px;
    padding: 0;
}
#legacy-ecosystem .webx-winpay-partners-title{
    font-size: 36px;
    font-weight: 600;
    color: var(--webx-text-main);
    color:#000;
    margin-bottom: 60px;
}
#legacy-ecosystem .webx-winpay-logos-wrapper{
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
	cursor: grab;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}
#legacy-ecosystem .webx-winpay-logos-wrapper:active{
    cursor: grabbing;
}
#legacy-ecosystem .webx-winpay-logos-track{
    gap: 16px;
    width: max-content; 
    padding: 10px 0;
}
#legacy-ecosystem .webx-partner-card{
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: var(--webx-radius-sm);
    height: 120px;
    width: 240px; 
    flex: 0 0 auto; 
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.015); */
}
/* ==================== WinPay 跑马灯 Logo==================== */
#legacy-ecosystem .webx-partner-card img{
    max-height:42px;
    max-width: 80%;
    object-fit: contain;
    /* filter: grayscale(100%) contrast(1.1); */
    transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
	pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}
#legacy-ecosystem .webx-partner-card:hover img{
    filter: grayscale(0%) contrast(1.1);
    opacity: 1;
    transform: scale(1.05); 
}
/* ==================== Web3 数字资产体系版块 ==================== */
#legacy-ecosystem .webx-digital-section{
    /* background: #000 url(/assets/legacy-ecosystem/img/digitalsection_bg.svg) center center no-repeat; */
    background: #011C4D;
    background: linear-gradient(180deg, #080852 0%, #014AB2 100%);
}
#legacy-ecosystem .webx-digital-section .webx-body-container{
    padding:160px 0px;
}
#legacy-ecosystem .webx-digital-section .webx-card-panel{
    padding-top:40px;
}
#legacy-ecosystem .webx-digital-section .webx-section-title{
    color:#fff;
}
#legacy-ecosystem .webx-digital-header{
    margin-bottom: 60px;
}
#legacy-ecosystem .webx-digital-subtitle{
    font-size: 24px;
    font-weight: 500;
    color: var(--webx-text-main);
    color:#fff;
    line-height: 1.6;
}
#legacy-ecosystem .webx-digital-desc{
    font-size: 21px;
    color: var(--webx-text-muted);
    color:#fff;
    line-height: 1.8;
    text-align: left; 
}
#legacy-ecosystem .webx-digital-cards{
    --bs-gutter-x: 24px;
}
#legacy-ecosystem .webx-digital-card{
    background-color: rgba(255,255,255,.1);
     background-color: #01276b; 
    border-radius: var(--webx-radius-md);
    /* border: 1px solid rgba(255,255,255,.1); */
    border-radius: var(--webx-radius-md);
    padding: 48px 56px;
    height: 340px;
	transition: background-color 0.4s ease, box-shadow 0.4s ease;
    background: rgba(255, 255, 255, 0.08);
}
#legacy-ecosystem .gmvcoin-inner{
    /* background: #003BAF; */
}
#legacy-ecosystem .webxcoin-inner{
    /* background:#003BAF; */
}
#legacy-ecosystem .webx-digital-card:hover{
	/* background-color: #fff;  */
    transform: translateY(-5px);
	/* border:1px solid #eef1f5; */
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}
#legacy-ecosystem .webx-digital-icon{
    position: relative;
    width: 220px;
}
#legacy-ecosystem .webx-digital-icon .static-svg,
#legacy-ecosystem .webx-digital-icon .lottie-icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    transition: opacity 0.4s ease;
        /* filter: invert(100%); */
}
#legacy-ecosystem .webx-digital-icon .lottie-icon{
    opacity: 0;
    pointer-events: none; 
    filter: invert(100%);
}
/* .webx-digital-card:hover .static-svg {
    opacity: 0;
}
.webx-digital-card:hover .lottie-icon {
    opacity: 1;
} */
#legacy-ecosystem .webx-digital-card-title{
    font-size: 32px;
    font-weight: 800;
    color: var(--webx-text-main);
    color:rgba(255,255,255,1);
    margin-bottom: 12px;
}
#legacy-ecosystem .webx-digital-card-sub{
    font-size: 18px;
    color: var(--webx-text-secondary);
     color:rgba(255,255,255,1);
    margin-bottom: 40px;
    font-weight: 500;
}
#legacy-ecosystem .webx-digital-list li{
    font-size: 15px;
    color: var(--webx-text-main);
     color:rgba(255,255,255,0.8);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
#legacy-ecosystem .webx-digital-list li i{
    font-size: 16px;
    color: #111111; 
    color:rgba(255,255,255,0.8);
}
/* ==================== 生态协同闭环版块 ==================== */
#legacy-ecosystem .webx-ecosystem-section{
    background: #f3f4f6;
    margin-bottom: 80px;
    padding:40px 0px;
}
#legacy-ecosystem .webx-eco-badge{
    position: absolute;
    top: 80px;
    right: 40px;
}
#legacy-ecosystem .webx-eco-header{
    margin-bottom: 60px;
}
#legacy-ecosystem .webx-eco-subtitle{
    font-size: 18px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}
#legacy-ecosystem .webx-eco-content{
    margin-top: 20px;
    justify-content: space-between;
}
#legacy-ecosystem .webx-eco-card{
    background-color: #f3f4f6; 
    background-color: #fff; 
    border-radius: var(--webx-radius-md);
    padding: 32px 28px;
    border:1px solid #f3f4f6; 
    height: 100%;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
	transition: background-color 0.4s ease, box-shadow 0.4s ease;
}
#legacy-ecosystem .webx-eco-card:hover{
	border:1px solid #eef1f5;
	background-color: #fff; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}
#legacy-ecosystem .webx-eco-card-icon{
    height: 50px;
    width: auto;
    object-fit: contain;
    margin-bottom: auto; 
    align-self: flex-start;
	margin-bottom:30px;
}
#legacy-ecosystem .webx-eco-card-title{
    font-size: 20px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 8px;
}
#legacy-ecosystem .webx-eco-card-desc{
    font-size: 15px;
    color: var(--webx-text-muted);
}
#legacy-ecosystem .webx-eco-map-wrapper{
    width: 100%;
    padding-left: 60px; 
}
#legacy-ecosystem .webx-eco-map-wrapper img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
/* ==================== Next Future 版块 ==================== */
#legacy-ecosystem .webx-next-future-section{
    margin-bottom: 100px; 
}
#legacy-ecosystem .webx-next-future-section .webx-card-panel{
    padding-top: 80px;
}
#legacy-ecosystem .webx-nf-header{
    margin-bottom: 48px;
}
#legacy-ecosystem .webx-nf-subtitle{
    font-size: 18px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}
#legacy-ecosystem .webx-nf-cards{
    --bs-gutter-x: 24px;
    margin-bottom: 40px;
}
#legacy-ecosystem .webx-nf-card{
    background-color: #f3f4f6; 
    border-radius: var(--webx-radius-md);
    padding: 40px 32px;
    height: 280px; 
}
#legacy-ecosystem .webx-nf-icon-wrap{
    margin-bottom: 32px;
}
#legacy-ecosystem .webx-nf-icon-wrap img{
	height:42px;
}
#legacy-ecosystem .webx-nf-card-title{
    font-size: 21px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 8px;
}
#legacy-ecosystem .webx-nf-card-desc{
    font-size: 15px;
    color: var(--webx-text-muted);
    margin-bottom: 24px;
}
#legacy-ecosystem .webx-nf-banner{
    border-radius: var(--webx-radius-md);
    padding: 48px 60px;
    height: 280px;
    background: linear-gradient(90deg, #1c2759 0%, #205ac9 35%, #889af0 65%, #f4c4fb 100%);
    color: #ffffff;
}
#legacy-ecosystem .webx-nf-banner-top{
    font-size: 14px;
    font-weight: 500;
    opacity: 0.9;
}
#legacy-ecosystem .webx-nf-banner-title{
    font-size: 32px;
    font-weight: 700;
}
#legacy-ecosystem .webx-nf-banner-bottom{
    font-size: 18px;
    opacity: 0.8;
}
#legacy-ecosystem .webx-nf-video-banner{
    border-radius: var(--webx-radius-md);
    padding: 48px 60px;
    height: 340px; 
    background: #000; 
    color: #ffffff;
}
#legacy-ecosystem .webx-nf-banner-video-wrap{
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}
#legacy-ecosystem .webx-nf-banner-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000 url(/assets/legacy-ecosystem/img/footer_sloganbg.webp) center center no-repeat;
    background-size: 100%;
    transform: scale(1.1); 
}
#legacy-ecosystem .webx-nf-banner-content{
    z-index: 3;
}
/* ==================== 资源中心：基础通用面板 ==================== */
/* CSS 绘制设计稿中的高级浅色网格背景 */
/* ==================== 资源中心：首屏版块 ==================== */
/* ==================== 资源中心：核心资料体系版块 ==================== */
/* ==================== 资源中心：公共组件补充 ==================== */
#legacy-ecosystem .webx-rc-actions .bi{
    font-size: 16px;
}
/* ====================  资源中心 -WebX 集团业务介绍版块 ==================== */
/* ==================== 资源中心 -WebX 全球链商财富密码版块 ==================== */
#legacy-ecosystem .webx-rc-biz-icon .bi{
    font-size: 24px;
    color: #111111;
}
/* ==================== 
资源中心 - WebX 全球链商白皮书版块 
==================== */
#legacy-ecosystem .webx-rc-wp-list .bi{
    font-size: 22px;
    color: #111111;
}
/* ==================== 资源中心 WebX 模型一图详解版块 ==================== */
/* ==================== 资源中心 -资源持续更新版块 ==================== */
#legacy-ecosystem .webx-rc-update-icon .bi{
    font-size: 28px;
    color: #111111;
}
/* ==================== 资源中心底部 Banner 标语版块 ==================== */
/* --- 资源中心 Banner 视频背景扩展 --- */
/* ==========================================================================
   ============= 媒体中心专属样式 (Media Center) 模块隔离 =============
   ========================================================================== */
/* --- 媒体通用面板与按钮 --- */
/* --- 媒体中心 - 首屏 --- */
/* --- 媒体中心 - 近期更新版块 --- */
#legacy-ecosystem .webx-media-updates-section .webx-media-panel .g-4.z-1{
	margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #666;
}
/* --- 媒体中心 - 行业洞察与核心观点 --- */
#legacy-ecosystem .webx-media-insight-section .webx-card-panel{
    padding: 40px 0px 80px;
}
/* ==================== 媒体中心 - 核心观点版块 ==================== */
/* ==================== 媒体中心 - 洞察文章版块 ==================== */
/* ==================== 媒体中心 - WebX 视角版块 ==================== */
/* ==================== 媒体中心 - 保持关注版块 ==================== */
#legacy-ecosystem .webx-media-subscribe-icon .bi{
    font-size:26px;
    color: #111111;
}
/* ==========================================================================
   ============= 动态列表页专属样式 (Article List Page) =================
   ========================================================================== */
#legacy-ecosystem .webx-page-link.active{
    background-color: #111111;
    color: #ffffff;
    border-color: #111111;
}
/* 禁用状态（例如第一页的“上一页”按钮） */
@keyframes webx-news-spin{
    to {
        transform: rotate(360deg);
    }
}
/* ==========================================================================
   ============= 文章详情页专属样式 (Article Detail) =====================
   ========================================================================== */
/* ==========================================================================
   ============= 动态列表页 - 文章搜索框组件 ================================
   ========================================================================== */
/* 富文本内容排版 */
/* ==========================================================================
   ============= 联系我们专属样式 (Contact Us) ===========================
   ========================================================================== */
/* ==================== 联系我们 - 对接类型版块 ==================== */
/* ==========================================================================
   ============= 联系我们 - 提交合作意向 (Contact Form) =====================
   ========================================================================== */
/* 左侧网格背景装饰 */
#legacy-ecosystem .webx-cf-step-item .bi-check-circle-fill{
    font-size: 16px;
    color: #111111;
    margin-top: -2px;
}
/* --- 右侧高级表单 --- */
#legacy-ecosystem .pager li.active span{
 color:#fff;
 background: #000;
}
/* ==========================================================================
   ============= 联系我们 - 全球运营中心 (Operations Center) ================
   ========================================================================== */
/* ==========================================================================
   ============= 联系我们 - 联系方式 (Contact Methods) ======================
   ========================================================================== */
/* ==========================================================================
   ============= 联系我们 - 社交媒体 (Social Media) =========================
   ========================================================================== */
/* ==========================================================================
   ============= 文档资料下载页 (Download Center) ====================
========================================================================== */
#legacy-ecosystem .webx-dl-tab.active{
    color: #ffffff;
    border-color: transparent;
    box-shadow: none;
}
/* Hover 悬浮反馈 */
/* ==========================================================================
   ============= 行业洞察列表页专属样式 (Industry Insights) =================
   ========================================================================== */
@media screen and (max-width: 1920px){
#legacy-ecosystem .webx-section-title{
        font-size: 36px;
    }
#legacy-ecosystem .webx-tab-item{
        font-size: 18px;
    }
#legacy-ecosystem .webx-winpay-image-wrapper{
         min-height: 580px;
    }
#legacy-ecosystem .webx-gc-main-text{
        font-size: 30px;
    }
#legacy-ecosystem .webx-gc-micro-text{
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
#legacy-ecosystem .webx-gc-tabs{
        margin-top: 40px;
    }
#legacy-ecosystem .webx-gc-content-row{
        margin-top: 40px;
    }
#legacy-ecosystem .webx-winpay-section .webx-gc-icon img{
		height: 60px;
	}
}
@media screen and (max-width: 1680px){
#legacy-ecosystem .webx-section-desc{
		font-size: 28px;
	}
#legacy-ecosystem .webx-section-desc.webx-eco-desc{
        font-size:32px;
    }
#legacy-ecosystem .webx-digital-section .webx-body-container{
		padding: 120px 0px;
	}
#legacy-ecosystem .webx-bingo-header{
		margin-bottom: 60px;
	}
}
@media (max-width: 1480px){
#legacy-ecosystem .webx-eco-card-desc{
		font-size: 14px;
	}
#legacy-ecosystem .webx-eco-card-icon{
		height: 42px;
	}
#legacy-ecosystem .webx-section-title{
		font-size: 36px;
	}
#legacy-ecosystem .webx-eco-intro-section .webx-card-panel{
        padding-top:60px;
        padding-bottom:40px;
    }
#legacy-ecosystem .webx-bingo-section{
        padding:120px 3.875rem;
    }
#legacy-ecosystem .webx-gc-subtitle{
		font-size: 18px;
	}
#legacy-ecosystem .webx-gc-main-text{
		font-size: 24px;
	}
#legacy-ecosystem .webx-gc-micro-text{
		font-size:18px;
	}
#legacy-ecosystem .webx-eco-subtitle{
		font-size: 16px;
	}
#legacy-ecosystem .webx-bingo-card{
		padding: 30px;
		min-height: 420px;
	}
#legacy-ecosystem .webx-winpay-image-wrapper{
		min-height: 560px;
	}
#legacy-ecosystem .webx-winpay-image-wrapper img{
        max-height: 420px;
    }
#legacy-ecosystem .webx-winpay-partners-title{
        margin-bottom: 40px;
    }
#legacy-ecosystem .webx-bingo-subtitle,
#legacy-ecosystem .webx-nf-subtitle{
		font-size: 16px;
	}
#legacy-ecosystem .webx-digital-card{
        height: 320px;
    }
#legacy-ecosystem .webx-digital-subtitle{
        font-size: 21px;
    }
#legacy-ecosystem .webx-digital-desc{
		font-size: 18px;
	}
#legacy-ecosystem .webx-next-future-section .webx-card-panel{
        padding-top: 20px;
    }
#legacy-ecosystem .webx-partner-card{
        height: 100px;
        width: 200px;
    }
#legacy-ecosystem .webx-partner-card img{
        max-height: 36px;
    }
#legacy-ecosystem .webx-winpay-badge img,
#legacy-ecosystem .webx-eco-badge img{
        width:60px;
    }
#legacy-ecosystem .webx-next-future-section{
        margin-bottom: 60px;
    }
}
/* ==================== 3. 移动端与平板适配 ==================== */
@media (max-width: 991.98px){
#legacy-ecosystem .webx-card-panel{
        padding: 48px 30px; 
    }
#legacy-ecosystem .webx-section-desc{
		font-size: 24px;
		margin-top:40px;
	}
#legacy-ecosystem .webx-body-container{
        padding-left: 1.25rem; 
        padding-right: 1.25rem;
    }
#legacy-ecosystem .webx-gc-subtitle{
		font-size: 18px;
	}
#legacy-ecosystem .webx-card-panel{
        padding: 40px 12px 60px 12px !important;
    }
#legacy-ecosystem .webx-section-title{
        font-size: 32px;
        line-height: 1.3;
    }
/* --- Hero 首屏版块 --- */
#legacy-ecosystem .webx-winpay-image-wrapper{
		min-height: 320px;
	}
#legacy-ecosystem .webx-winpay-partners-title{
        font-size: 32px;
    }
#legacy-ecosystem .webx-winpay-partners{
		margin:80px 0px 120px 0px;
	}
#legacy-ecosystem .webx-digital-desc{
		font-size: 18px;
	}
#legacy-ecosystem .webx-bingo-cards{
        grid-template-columns: repeat(1, 1fr);
    }
#legacy-ecosystem .webx-partner-card{
        width: 140px;
        height: 50px;
    }
#legacy-ecosystem .webx-rc-group-header .d-flex.justify-content-lg-end{
        justify-content: flex-start !important;
    }
/* --- 下载中心移动端适配 --- */
#legacy-ecosystem .webx-global-commerce-section,
#legacy-ecosystem .webx-winpay-section{
       position: relative;
       padding-top:40px;
    }
#legacy-ecosystem .webx-global-badge,
#legacy-ecosystem .webx-winpay-badge{
        display: none;
    }
#legacy-ecosystem .webx-gc-icon img{
       height:50px;
    }
#legacy-ecosystem .webx-winpay-section .webx-gc-icon img{
         height:50px;
    }
#legacy-ecosystem .webx-tab-item{
        font-size: 15px;
    }
/* --- 链商 & WinPay --- */
#legacy-ecosystem .webx-gc-tabs{
        flex-wrap: nowrap;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; 
        padding-bottom: 2px;
    }
#legacy-ecosystem .webx-gc-tabs::-webkit-scrollbar{
        display: none; 
    }
#legacy-ecosystem .webx-tab-item{
        flex: 0 0 auto;
        margin-right: 32px; 
        padding-bottom: 12px;
    }
#legacy-ecosystem .webx-gc-main-text{
        font-size: 20px;
    }
#legacy-ecosystem .webx-gc-img-col{
        padding-left: calc(var(--bs-gutter-x) * .5); 
        margin-top: 0px; 
    }
/* --- Bingo 全球文娱卡片 --- */
#legacy-ecosystem .webx-bingo-section{
        padding: 120px 0rem;
    }
#legacy-ecosystem .webx-bingo-cards{
        --bs-gutter-y: 24px; 
    }
#legacy-ecosystem .webx-bingo-card{
        min-height: auto;
        padding: 32px 24px;
        gap: 32px; 
    }
/* --- Web3 数字资产体系 --- */
#legacy-ecosystem .webx-digital-header .justify-content-end{
        justify-content: flex-start !important; 
    }
#legacy-ecosystem .webx-digital-desc{
        margin-top: 20px !important;
        font-size:15px;
    }
#legacy-ecosystem .webx-digital-cards{
        --bs-gutter-y: 24px; 
    }
#legacy-ecosystem .webx-digital-card{
        padding: 32px 24px;
        flex-direction: column-reverse;
        align-items: flex-start !important;
        height: auto!important;
        gap: 32px;
    }
#legacy-ecosystem .webx-digital-card-title{
        font-size: 24px;
    }
#legacy-ecosystem .webx-digital-icon .static-svg{
       position:relative;
    }
#legacy-ecosystem .webx-digital-icon .lottie-icon{
		width: 80px;
		height: 80px;
	}
#legacy-ecosystem .webx-eco-map-wrapper{
        padding-left: 0; 
        margin-top: 40px;
    }
#legacy-ecosystem .webx-digital-section .webx-body-container{
        padding: 60px 0px 80px 0px;
    }
#legacy-ecosystem .webx-winpay-badge img,
#legacy-ecosystem .webx-eco-badge img{
        width: 50px;
    }
#legacy-ecosystem .webx-eco-badge{
        top: 20px;
    }
/* --- Next Future 版块 --- */
#legacy-ecosystem .webx-nf-cards{
        --bs-gutter-y: 24px;
    }
#legacy-ecosystem .webx-nf-card{
        height: auto;
        padding: 32px 24px;
        gap: 0px;
    }
#legacy-ecosystem .webx-nf-banner{
        padding: 32px 24px;
        height: auto;
        gap: 40px;
    }
#legacy-ecosystem .webx-nf-banner-title{
        font-size: 24px;
        line-height: 1.4;
    }
/* 2. 全局标题与文本缩放 */
/* 3. 统一所有操作按钮为上下堆叠撑满 */
#legacy-ecosystem .webx-media-actions .webx-btn-cut,
#legacy-ecosystem .webx-rc-actions  .webx-btn-cut,
#legacy-ecosystem .webx-rc-slogan-actions .webx-btn-cut,
#legacy-ecosystem .webx-rc-hero-actions .webx-btn-cut{
        width: 100%;
        max-width: inherit;
    }
/* 4. 首屏版块 (.webx-rc-hero-section) */
/* 5. 重点优化：核心资料体系 (.webx-rc-system-section) */
/* 6. 重点优化：集团业务介绍 (.webx-rc-group-section) */
#legacy-ecosystem .webx-rc-group-header .d-flex.justify-content-lg-end{
        justify-content: flex-start !important;
    }
/* 7. 其他资料版块 */
/* 8. 修复底部 Banner 报错及排版 */
/* --- WinPay 跑马灯微调 --- */
#legacy-ecosystem .webx-partner-card{
        width: 130px;
        height: 56px;
        padding: 12px;
    }
/* ==================== 媒体中心 (Media Center) 移动端适配 ==================== */
#legacy-ecosystem .webx-media-insight-section .webx-card-panel{
        padding: 40px 24px !important;
    }
/* ==================== 媒体中心 (Media Center) ==================== */
#legacy-ecosystem .webx-media-subscribe-icon .bi{
        font-size: 20px !important;
    }
/* --- 动态列表页 移动端适配 --- */
/* --- 行业洞察列表页 移动端适配 --- */
/* --- 移动端语言切换 --- */
#legacy-ecosystem .webx-mobile-lang-btn.active{
        color: var(--webx-text-main);
    }
/*联系我们*/
}
/* ==========================================================================
   ============= Responsive Patch ======================
   ========================================================================== */
@media (max-width: 1480px){
#legacy-ecosystem .webx-btn-cut{
        padding: 8px 24px;
    }
#legacy-ecosystem .webx-section-desc,
#legacy-ecosystem .webx-section-desc.webx-eco-desc{ font-size: 30px !important; }
#legacy-ecosystem .webx-gc-main-text{ font-size: 24px !important; max-width: 72% !important; }
#legacy-ecosystem .webx-digital-section .webx-body-container{
        padding: 120px 40px;
    }
#legacy-ecosystem .webx-card-panel{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media (max-width: 1280px){
#legacy-ecosystem .webx-digital-card{
        padding: 30px 30px;
        height: 280px;
    }
#legacy-ecosystem .webx-digital-card-sub{
        font-size: 16px;
        margin-bottom: 30px;
    }
#legacy-ecosystem .webx-digital-card-title{
        font-size: 28px;
        font-weight: 800;
        color: var(--webx-text-main);
        color: rgba(255,255,255,1);
        margin-bottom: 12px;
    }
#legacy-ecosystem .webx-bingo-header{
        margin-bottom: 60px;
    }
#legacy-ecosystem .webx-bingo-card{
        padding: 30px;
        min-height: 360px;
    }
#legacy-ecosystem .webx-bingo-card-title{
        font-size: 21px;
    }
#legacy-ecosystem .webx-bingo-card-desc{
        font-size: 15px;
    }
}
@media (max-width: 1024px){
#legacy-ecosystem .webx-card-panel{
        padding: 80px 0px 80px 0px;
    }
#legacy-ecosystem .webx-section-title{
        font-size: 32px;
    }
#legacy-ecosystem .webx-digital-subtitle{
        font-size: 18px;
    }
#legacy-ecosystem .webx-digital-card-sub{
        font-size: 15px;
    }
#legacy-ecosystem .webx-tab-item{
        font-size: 16px;
    }
#legacy-ecosystem .webx-global-badge{
        top: 80px;
        right: 40px;
    }
#legacy-ecosystem .webx-winpay-section .webx-gc-icon img{
        height: 80px;
        max-width: 210px;
    }
#legacy-ecosystem .webx-gc-main-text{
        font-size: 21px !important;
    }
#legacy-ecosystem .webx-winpay-image-wrapper{
        min-height: 480px;
    }
#legacy-ecosystem .webx-winpay-image-wrapper img{
        max-height: 360px;
    }
}
@media (max-width: 991.98px){
#legacy-ecosystem .webx-body-container{ 
        padding-left: 20px !important; 
        padding-right: 20px !important; 
    }
#legacy-ecosystem .webx-card-panel{ 
        padding: 40px 20px !important; 
    }
#legacy-ecosystem .webx-section-title{font-size: 28px !important; line-height: 1.3 !important; margin-bottom: 16px !important; }
#legacy-ecosystem .webx-section-desc,
#legacy-ecosystem .webx-section-desc.webx-eco-desc{ font-size: 28px !important; margin-top: 16px !important; line-height: 1.7 !important; }
#legacy-ecosystem .webx-gc-main-text{ font-size: 18px !important; width: 86%; }
#legacy-ecosystem .webx-bingo-section,
#legacy-ecosystem .webx-digital-section{ 
        padding-top: 60px !important; 
        padding-bottom: 60px !important; 
    }
#legacy-ecosystem .webx-gc-image-wrapper img,
#legacy-ecosystem .webx-winpay-image-wrapper img{ width: 100% !important; height: auto !important; }
#legacy-ecosystem .webx-gc-buttons{ 
        flex-direction: column !important; 
        width: 100% !important; 
        gap: 16px !important; 
    }
#legacy-ecosystem .webx-global-commerce-section .webx-gc-buttons,
#legacy-ecosystem .webx-winpay-section .webx-gc-buttons{
		display: flex;
		flex-direction: row!important;
		 gap: 0px !important; 
		 margin-bottom:30px;
	}
#legacy-ecosystem .webx-gc-buttons a{
		width: 100px;
		padding:12px 8px;
		min-width: inherit;
		font-size:12px;
	}
#legacy-ecosystem .webx-btn-cut,
#legacy-ecosystem .webx-gc-buttons a{ 
        text-align: center !important; 
        justify-content: center !important; 
    }
#legacy-ecosystem .webx-digital-section{
        padding-top: 30px !important;
        padding-bottom: 0px !important;
        margin-bottom:0px!important;
    }
#legacy-ecosystem .webx-bingo-header{
        margin-bottom: 60px;
    }
#legacy-ecosystem .webx-digital-section .webx-body-container{
		padding: 40px 0px;
	}
#legacy-ecosystem .webx-ecosystem-section{
        margin-top:0px!important
    }
#legacy-ecosystem .webx-eco-badge{
        display: none;
    }
#legacy-ecosystem .webx-bingo-card{
		min-height: 320px;
	}
#legacy-ecosystem .webx-gc-tabs{
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
#legacy-ecosystem .webx-next-future-section .webx-card-panel{
		padding-left:0px!important;
		padding-right:0px!important;
	}
#legacy-ecosystem .webx-btn-cut{
        padding: 12px 24px;
        min-width: 120px;
    }
#legacy-ecosystem .webx-hero-actions .webx-btn-cut{
        width:100%;
        max-width: inherit;
    }
#legacy-ecosystem .webx-media-insight-section .webx-card-panel{
		padding: 0px 24px 40px!important;
	}
}
@media (max-width: 575.98px){
#legacy-ecosystem .webx-eco-intro-section .webx-card-panel{
		padding-top:0px!important;
	}
#legacy-ecosystem .webx-section-title{ font-size: 28px !important; width:100%;}
#legacy-ecosystem .webx-eco-intro-section .webx-section-title{
		margin:inherit;
	}
#legacy-ecosystem .webx-stats-section .webx-card-panel{
		padding:30px 0px!important;
	}
#legacy-ecosystem .webx-eco-map-wrapper{ padding-left: 0 !important; }
#legacy-ecosystem .webx-winpay-section .webx-gc-icon img{
		height: 40px;
	}
#legacy-ecosystem .webx-winpay-image-wrapper{
		min-height: 360px;
	}
}
/* Footer Layout Styles */
/* ============================ App Download 
   =========================== */
#legacy-ecosystem .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
#legacy-ecosystem .row>[class*="col-"]{padding-left:12px;padding-right:12px;min-width:0}
#legacy-ecosystem .row.g-0{margin:0}.row.g-0>[class*="col-"]{padding:0}
#legacy-ecosystem .col-md-5,#legacy-ecosystem .col-md-6,#legacy-ecosystem .col-md-7,#legacy-ecosystem .col-md-4{width:100%}
#legacy-ecosystem .d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.text-center{text-align:center}.position-relative{position:relative}.position-absolute{position:absolute}.overflow-hidden{overflow:hidden}.w-100{width:100%}.h-100{height:100%}.d-block{display:block}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.me-3{margin-right:1rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.list-unstyled{list-style:none;padding:0}
#legacy-ecosystem .webx-digital-list li i::before{content:'✓';font-style:normal}
@media(min-width:768px){#legacy-ecosystem .col-md-4{width:33.333333%}#legacy-ecosystem .col-md-5{width:41.666667%}#legacy-ecosystem .col-md-6{width:50%}#legacy-ecosystem .col-md-7{width:58.333333%}#legacy-ecosystem .col-xl-6{width:50%}}
@media(min-width:992px){#legacy-ecosystem .col-lg-6{width:50%}#legacy-ecosystem .col-xxl-5{width:41.666667%}#legacy-ecosystem .col-xxl-6{width:50%}}
@media(max-width:767px){#legacy-ecosystem .webx-card-panel{padding:44px 0}#legacy-ecosystem .webx-gc-tabs{overflow-x:auto;gap:20px}#legacy-ecosystem .webx-tab-item{flex:0 0 48%;}#legacy-ecosystem .webx-gc-content-row{gap:24px}#legacy-ecosystem .webx-gc-img-col{padding:0 12px}#legacy-ecosystem .webx-bingo-cards{grid-template-columns:1fr 1fr}#legacy-ecosystem .webx-bingo-section{padding:72px 18px;min-height:auto}#legacy-ecosystem .webx-bingo-card{min-height:320px;padding:26px 20px}#legacy-ecosystem .webx-digital-section .webx-body-container{padding:70px 0}#legacy-ecosystem .webx-digital-card{height:auto;min-height:300px;padding:30px 24px;margin-bottom:18px}#legacy-ecosystem .webx-eco-content{gap:24px}#legacy-ecosystem .webx-eco-map-wrapper{padding-left:0}#legacy-ecosystem .webx-nf-card{height:auto;min-height:260px;margin-bottom:16px}#legacy-ecosystem .webx-nf-video-banner{padding:32px 24px;height:300px}#legacy-ecosystem .webx-section-desc.webx-eco-desc{font-size:22px;color:rgba(0,0,0,.7)}#legacy-ecosystem .webx-section-title{font-size:32px}#legacy-ecosystem .webx-gc-main-text{font-size:28px;max-width:100%}#legacy-ecosystem .webx-winpay-image-wrapper{min-height:360px}}

#legacy-ecosystem .webx-gc-image-wrapper img,#legacy-ecosystem .webx-winpay-image-wrapper img,#legacy-ecosystem .webx-gc-info{transition:opacity .3s ease,transform .45s ease}
#legacy-ecosystem .webx-gc-image-wrapper img.is-changing,#legacy-ecosystem .webx-gc-info.is-changing{opacity:.25;transform:translateY(8px)}
#legacy-ecosystem .webx-winpay-logos-track{transition:transform .08s linear;will-change:transform}
#legacy-ecosystem .webx-winpay-logos-wrapper.is-dragging{cursor:grabbing}
#legacy-ecosystem .legacy-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#legacy-ecosystem .legacy-reveal.is-visible{opacity:1;transform:none}
#legacy-ecosystem .webx-section-desc.webx-eco-desc{color:rgba(0,0,0,.72);transition:color .2s linear!important}
#legacy-ecosystem .webx-nf-banner-video{transition:transform 1s ease}
@media(prefers-reduced-motion:reduce){#legacy-ecosystem .legacy-reveal{opacity:1;transform:none;transition:none}#legacy-ecosystem *,#legacy-ecosystem *::before,#legacy-ecosystem *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* App download page ecosystem intro and synergy card layout refinements. */
@media(max-width:767px){
    #legacy-ecosystem .webx-section-desc.webx-eco-desc{font-size:16px;line-height:1.8;color:rgba(0,0,0,.7)}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:first-child{width:100%;flex:0 0 100%;max-width:100%}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:last-child{width:100%;flex:0 0 100%;max-width:100%}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:first-child>.row{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:first-child>.row>.col-sm-6{width:100%;padding:0}
    #legacy-ecosystem .webx-eco-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:18px;min-height:132px;height:auto;padding:22px 20px;justify-content:initial}
    #legacy-ecosystem .webx-eco-card-icon{grid-column:1;grid-row:1 / span 2;width:52px;height:52px;object-fit:contain;margin:0;align-self:center}
    #legacy-ecosystem .webx-eco-card-title{grid-column:2;grid-row:1;font-size:19px;line-height:1.4;margin:0 0 5px}
    #legacy-ecosystem .webx-eco-card-desc{grid-column:2;grid-row:2;font-size:15px;line-height:1.6;margin:0}
}
@media(min-width:768px){
    #legacy-ecosystem .webx-eco-content>.col-lg-6:first-child{width:50%;flex:0 0 50%;max-width:50%}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:last-child{width:50%;flex:0 0 50%;max-width:50%}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:first-child>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:22px;margin:0}
    #legacy-ecosystem .webx-eco-content>.col-lg-6:first-child>.row>.col-sm-6{width:auto;padding:0;min-width:0}
    #legacy-ecosystem .webx-eco-card{height:100%;min-height:220px;justify-content:flex-end;padding:30px 26px}
}