/* ==================== 基础与全局变量 ==================== */
:root {
    --webx-bg-page: #fff;       /* 页面浅灰底色 */
    --webx-bg-white: #ffffff;      /* 卡片纯白底色 */
    --webx-text-main: #111111;     /* 主标题深黑 */
    --webx-text-secondary: #737373;/* 段落正文灰 */
    --webx-text-muted: #999999;    /* 辅助说明浅灰 */
    --webx-radius-lg: 24px;        /* 大卡片圆角 */
    --webx-radius-md: 16px;        /* 图片中圆角 */
    --webx-radius-sm: 6px;         /* 按钮小圆角 */
    --webx-container-width: 100%;  /* 全宽容器宽度 */
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    width: 100%;
}

html, :root {
    scroll-behavior: auto !important;
    scroll-padding-top: 88px !important;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--webx-bg-page);
    background-color: #fff;
    font-family:  'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimHei',Lausanne, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
    color: var(--webx-text-main);
    -webkit-font-smoothing: antialiased;
}

html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: var(--webx-bg-page); 
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}


img{
    user-select: none;
}


/* ==================== 容器约束与布局 ==================== */

.webx-page-wrapper {
   overflow-x: clip;
    width: 100%;
    position: relative;
}

.webx-container {
    max-width: var(--webx-container-width);
    margin: 0 auto;
    width: 100%;
    padding-left: 0rem;
    padding-right: 0rem;
}

.webx-body-container {
    width: 100%;
    max-width: 1440px; 
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
}

@media screen and (min-width: 1680px) {
    .webx-body-container {
        max-width: 1600px; 
        padding-left: 2rem;
        padding-right: 2rem;
    }
}



@media screen and (min-width: 1921px) {
    .webx-body-container {
        width: 110rem;
        max-width: calc(100% - 3rem);
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}


/* ==================== Header 版块 ==================== */
.webx-header-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;        
    max-width: 100%;
    z-index: 1000;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    box-sizing: border-box; 
    transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                padding 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.4s ease;
}

.webx-header-section .webx-container {
    padding-left: 2rem;
    padding-right: 2rem;
}

.webx-header-section.scrolled {
    background-color: rgba(255, 255, 255, 1);
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
}

.webx-logo {
    flex-shrink: 1;
    min-width: 0;
}
.webx-logo img {
    max-width: 100%;
    height: 56px;
    object-fit: contain;
}

.webx-nav {
    gap: 32px;
    margin-right: 48px;
}

.webx-nav a {
    color: var(--webx-text-main);
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.2s;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}


.webx-nav a,
.webx-btn-contact,
.webx-mobile-toggle span {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	text-decoration:none;
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.webx-nav a:hover,
.webx-nav a.active {
   
}

.webx-btn-contact {
    background-color: #000;
    color: #fff;
    border-radius: var(--webx-radius-sm);
    padding: 10px 28px;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #000;
}

.webx-btn-contact:hover {
    background-color: #333;
    color: #fff;
}

/* ==========================================================================
   ============= 高级按钮 ===================
   ========================================================================== */
.webx-btn-modern {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 8px 32px; 
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    border: 1px solid transparent;
    cursor: pointer;
    gap: 20px;
}

.webx-btn-modern-dark {
    background-color: #050505;
    color: #ffffff;
    border-color: #050505;
}
.webx-btn-modern-dark .btn-icon {
    background-color: #ffffff;
    color: #000000;
}


.webx-btn-modern-blue {
    background-color: #003BAF;
    color: #ffffff;
    border-color: #050505;
}
.webx-btn-modern-blue .btn-icon {
    background-color: #ffffff;
    color: #000000;
}

.webx-btn-modern-blue:hover .btn-text{
    color:#fff;
}


.webx-btn-modern-outline {
    background-color: #fff;
    color: #000;
    border-color: #dcdcdc;

}
.webx-btn-modern-outline .btn-icon {
    background-color: #000; 
    color: #fff;
    border: 1px solid #e5e5e5;
}


.webx-btn-modern-outline-blue {
    background-color: #fff;
    color: #000;
    border-color: #dcdcdc;

}
.webx-btn-modern-outline-blue .btn-icon {
    background-color: #003BAF; 
    color: #fff;
    border: 1px solid #e5e5e5;
}

.webx-btn-modern .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
	position:relative;
    border-radius: 4px; 
	right:0px;
    transition: all 0.4s ease;
}
.webx-btn-modern .btn-icon i {
    font-size: 14px;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ==================== Hover 丝滑交互 ==================== */
.webx-btn-modern:hover {
	padding-right:16px;
    color: inherit; 
}

.webx-btn-modern-dark:hover {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #ffffff;
}
.webx-btn-modern-outline:hover {
    color: #111111;
}

.webx-btn-modern:hover .btn-icon {
   right:-8px;
}
.webx-btn-modern:hover .btn-icon i {
	
}


@media screen and (max-width: 1680px) {
	
	.webx-nav a,.webx-btn-contact{
		font-size:16px;
	}
	
}


@media (max-width: 991.98px) {
    .webx-btn-modern {
        width: 100%;
        padding-left: 20px;
    }
}



/* ==================== 移动端适配与下拉菜单 ==================== */

.webx-mobile-toggle {
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: relative;
    z-index: 2001;
    flex-direction: column;
    justify-content: space-between;
    user-select: none;
}

.webx-mobile-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--webx-text-main);
    transition: all 0.3s ease;
    user-select: none;
}

.webx-mobile-toggle.active .line-1 { transform: translateY(9px) rotate(45deg); }
.webx-mobile-toggle.active .line-2 { transform: translateY(-9px) rotate(-45deg); }


.webx-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255, 1);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    z-index: 2000;
    display: none;
    opacity: 0;
    overflow: hidden;
}

.webx-mobile-menu::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: -1;
}

.webx-mobile-nav {
    height: 100%;
    padding: 120px 40px 60px 40px; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; 
}

.webx-mobile-nav {
    height: 100%;
    gap: 24px;
}

.mobile-link {
    font-size: 24px; 
    font-weight: 700;
    color: #000;
    text-decoration: none;
    margin-bottom: 32px;
    display: flex;
    align-items: baseline;
    gap: 15px;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease;
}

.mobile-link::before {
    content: attr(data-index); 
    font-size: 13px;
    font-weight: 500;
    font-family: monospace;
    color: var(--webx-text-muted);
    opacity: 0.6;
}

.mobile-link:active {
    transform: translateX(10px);
    opacity: 0.7;
}
.webx-mobile-menu-footer {
    margin-top: auto;
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.webx-mobile-menu-footer p {
    font-size: 12px;
    color: rgba(0,0,0,0.4);
    text-transform: uppercase;
}


/* ================== Light 模式 ================== */
.webx-header-section.light .webx-nav a {
    color: #ffffff;
}
.webx-header-section.light .webx-nav a:hover,
.webx-header-section.light .webx-nav a.active {
    color: rgba(255, 255, 255, 0.7);
}

.webx-header-section.light .webx-btn-contact {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.8);
}
.webx-header-section.light .webx-btn-contact:hover {
    background-color: #ffffff;
    color: #000000;
}

.webx-header-section.light .webx-mobile-toggle span {
    background-color: #ffffff;
}


/* ================== Dark 模式 ================== */
.webx-header-section.dark .webx-nav a {
    color: var(--webx-text-main);
}
.webx-header-section.dark .webx-nav a:hover,
.webx-header-section.dark .webx-nav a.active {
    color:#003BAF;
}

.webx-header-section.dark .webx-btn-contact {
    background-color: transparent;
    color: var(--webx-text-main);
    border: 1px solid var(--webx-text-main);
}
.webx-header-section.dark .webx-btn-contact:hover {
    background-color: var(--webx-text-main);
    color: #ffffff;
}

.webx-header-section.dark .webx-mobile-toggle span {
    background-color: var(--webx-text-main);
}

/* ==================== 语种切换按钮与下拉菜单 ==================== */
.webx-lang-dropdown {
    position: relative;
    margin-right: 32px;
    height: 100%;
    display: flex;
    align-items: center;
}

.webx-lang-toggle {
    background: transparent;
    border: none;
    padding: 8px 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: var(--webx-text-main);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s;
}

.webx-header-section.light:not(.scrolled) .webx-lang-toggle {
    color: #ffffff;
}
.webx-header-section.dark .webx-lang-toggle,
.webx-header-section.scrolled .webx-lang-toggle {
    color: var(--webx-text-main);
}

.webx-lang-toggle:hover {
    opacity: 0.7;
}

.webx-lang-toggle i {
    font-size: 16px;
}
.webx-lang-toggle .bi-chevron-down {
    font-size: 12px;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* 下拉菜单面板 */
.webx-lang-menu {
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%) translateY(15px);
    background-color: #ffffff;
    border-radius: 12px;
    padding: 8px;
    min-width: 180px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.04);
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1001;
}

.webx-lang-menu::before {
    content: '';
    position: absolute;
    top: -15px; 
    left: 0;
    width: 100%;
    height: 15px;
    background-color: transparent;
}

.webx-lang-dropdown:hover .webx-lang-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(50%) translateY(5px);
}
.webx-lang-dropdown:hover .bi-chevron-down {
    transform: rotate(180deg);
}

.webx-lang-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    color: var(--webx-text-main) !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.webx-lang-menu a:hover {
    background-color: #f6f7f9;
}

.webx-lang-menu a.active {
    background-color: #f6f7f9;
    color: #111111 !important;
    font-weight: 600;
}

.webx-lang-menu a.active::after {
    content: '\F26A'; /* Bootstrap Icon 的 Check */
    font-family: bootstrap-icons !important;
    font-size: 14px;
    color: #111111;
}

/* ================== Scrolled  ================== */

.webx-header-section.scrolled .webx-nav a {
    color: var(--webx-text-main);
}

.webx-header-section.scrolled .webx-btn-contact {
    background-color: transparent;
    color: var(--webx-text-main); 
    border: 1px solid var(--webx-text-main);
}

.webx-header-section.scrolled .webx-btn-contact:hover {
    background-color: var(--webx-text-main);
    color: #ffffff;
}

.webx-header-section.scrolled .webx-mobile-toggle span {
    background-color: var(--webx-text-main);
}

.webx-header-section.light:not(.scrolled) .webx-logo img {
    filter: brightness(0) invert(1); 
} 

/* ==================== Hero 首屏版块 ==================== */
.webx-hero-section {
    margin-top:88px; 
    height:80vh;
    overflow: hidden;
}

.webx-hero-section .webx-container,
.webx-hero-section .webx-body-container{
    height: 100%;
}



.webx-hero-video-wrapper {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    height:80vh;
    z-index: 1; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-color: #111111;  */
}

.webx-hero-video {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    pointer-events: none; 
}

.webx-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
    z-index: 2; 
}

.webx-hero-content {
    position: relative;
    z-index: 3;
    padding: 80px 80px 80px 80px; 
}

.webx-hero-top {
    margin-top: 40px;
}

.webx-hero-title {
    color: #ffffff;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.3;
	margin-bottom:30px;
}

.webx-hero-desc {
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 32px;
	max-width:720px;
}

.webx-hero-slogan {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
}

.webx-hero-bottom{
	z-index:100;
}

.webx-hero-actions {
    gap: 16px;
}

/* ==================== 视频悬浮窗模块 ==================== */
.webx-hero-video-pop {
    width: 320px; 
    height: 210px;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    /* background: #000; */
    overflow: hidden;
    background: linear-gradient(180deg, #080852 0%, #014AB2 100%);
    /* border: 2px solid rgba(255, 255, 255, 0.12); */
    /* Rectangle 1485 */


}

.webx-hero-video-pop .video-pop-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.webx-hero-video-pop .video-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
}

.webx-hero-video-pop .video-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.85;
    transition: transform 0.8s ease;
}


.webx-hero-video-pop .video-content-wrap {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 2;
}

.webx-hero-video-pop .play-btn-circle {
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);
    transition: transform 0.3s ease;
}

.webx-hero-video-pop .play-btn-circle i {
    color: #111;
    font-size: 20px;
    margin-left: 2px; 
}

.webx-hero-video-pop .video-text {
    display: flex;
    flex-direction: column;
}


/* Hover 动态反馈 */
.webx-hero-video-pop:hover {
    transform: translateY(-8px) scale(1.02);
}

.webx-hero-video-pop:hover .video-cover img {
    transform: scale(1.1);
}

.webx-hero-video-pop:hover .play-btn-circle {
    transform: scale(1.1);
}


.webx-btn-white {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
    padding: 12px 32px;
    border-radius: var(--webx-radius-sm);
    font-size: 15px;
    font-weight: 500;
}

.webx-btn-white:hover{
	background-color: #ffffff;
    color: #000000;
}


.webx-btn-dark-line {
    background-color: transparent;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 12px 32px;
    border-radius: var(--webx-radius-sm);
    font-size: 14px;
}

.webx-btn-dark-line:hover{
	background-color: #ffffff;
    color: #000000;
}

.webx-btn-outline {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 12px 32px;
    border-radius: var(--webx-radius-sm);
    font-size: 14px;
}

.webx-btn-outline:hover {
    border-color: #ffffff;
    color: #ffffff;
}


.webx-btn-cut.outline-transparent {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;                            
    backdrop-filter: blur(5px);              
    -webkit-backdrop-filter: blur(5px);
}

.webx-btn-cut.outline-transparent::before {
    background-color: transparent; 
    background-color: rgba(0, 0, 0, 0.1); 
}

.webx-btn-cut.outline-transparent:hover {
    background-color: #ffffff;
    color: #000000;
}

.webx-btn-cut.outline-transparent:hover::before {
    background-color: #ffffff;
}



/* ==========================================================================
   ============= Web3 科技感切角按钮组件=================
   ========================================================================== */

.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;
}

.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);
}

.webx-btn-cut:hover {
   
}
.webx-btn-cut:active {
    transform: translateY(1px);
    transition: transform 0.1s;
}

/* ================== 状态 1：黑底白字 (Dark) ================== */
.webx-btn-cut.dark {
    background-color: #000; 
    color: #ffffff;
}
.webx-btn-cut.dark::before {
    background-color: #000;
}
.webx-btn-cut.dark:hover,
.webx-btn-cut.dark:hover::before {
  
}

.webx-btn-cut.grey {
    background-color: #ececec; 
    color: #000000;
}
.webx-btn-cut.grey::before {
    background-color: #ececec;
}
.webx-btn-cut.grey:hover,
.webx-btn-cut.grey:hover::before {
  
}

.webx-btn-cut.blue {
    background-color: #003BAF; 
    color: #ffffff;
}
.webx-btn-cut.blue::before {
    background-color: #003BAF;
}
.webx-btn-cut.dark:hover,
.webx-btn-cut.dark:hover::before {
  
}

/* ================== 状态 2：黑线边框无背景 (Outline) ================== */
.webx-btn-cut.outline {
    background-color: #000; 
    color: #000;
}
.webx-btn-cut.outline::before {
    background-color: var(--btn-outline-bg, #ffffff); 
}

.webx-btn-cut.outline:hover {
    color: #ffffff;
}
.webx-btn-cut.outline:hover::before {
    background-color: #000;
}

/* ================== 状态 3：白底黑字 (Light) ================== */
.webx-btn-cut.light {
    background-color: #ffffff; 
    color: #000;
}
.webx-btn-cut.light::before {
    background-color: #ffffff; 
}

.webx-btn-cut.light:hover,
.webx-btn-cut.light:hover::before {
    background-color: #f6f7f9; 
}

/* ================== 状态 4：白线边框无背景 (Outline White) ================== */
.webx-btn-cut.outline-white {
    background-color:#fff;
    color: #fff;           
}

.webx-btn-cut.outline-white::before {
    background-color:#000; 
}

.webx-btn-cut.outline-white:hover {
    color: #fff;
}

.webx-btn-cut.outline-white:hover::before {
    background-color: #000;
}

/**/
.webx-btn-cut.outline-blue {
    background-color:#003BAF;
    color: #003BAF;           
}

.webx-btn-cut.outline-blue::before {
    background-color: #fff;
}

.webx-btn-cut.outline-blue:hover {
    color: #fff;
}

.webx-btn-cut.outline-blue:hover::before {
    background-color: #003BAF;
}
						




/* ==================== 公共卡片样式 ==================== */
.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) {
    .webx-card-panel {
        padding: 100px 0px 100px 0px; 
    }
}

.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(../img/section-gridbg.svg);
}
.webx-section-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--webx-text-main);
    color:#003baf;
    color:#000;
}

.justify-content-center{
	justify-content:center;
}

.justify-content-end{
	justify-content:flex-end;
}


/* ==================== 核心生态首屏 - 加入社群模块 ==================== */
.webx-hero-social-join {
    background-color: rgba(255, 255, 255, 0.2); 
    border-radius: 50px;
    padding: 6px 12px 6px 24px; 
    gap: 16px; 
    box-shadow: 0 4px 24px rgba(0,0,0,0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.webx-hero-social-join .social-join-text {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.webx-hero-social-join .social-icons {
    gap: 6px; 
}

.webx-hero-social-join .social-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #111111;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s ease;
}

.webx-hero-social-join .social-icon i {
    font-size: 14px;
}

.webx-hero-social-join .social-icon:hover {
    transform: translateY(-3px);
    background-color: #333333;
    color: #ffffff;
}


/* ==========================================================================
   ============= 平台数据统计 (Stats Section) ===========================
   ========================================================================== */
.webx-stats-section {
    margin-top: 60px;
    margin-bottom: 60px;
}

.webx-stats-section .webx-card-panel{
	    padding-top: 40px;
}

.webx-stat-card {
    background-color: #ECF1F5;
    border-radius: var(--webx-radius-md); 
    padding: 32px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), 
                box-shadow 0.4s ease, 
                background-color 0.4s ease;
}

.webx-stat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.05);
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.02);
}

.webx-stat-icon {
    width: 56px;
    height: 56px;
    /* background-color: #ffffff;  */
    /* border-radius: 8px;    */
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.03); */
}

.webx-stat-icon img{
    width:54px;
}

.webx-stat-value {
    font-size: 48px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 8px;
    line-height: 1.1;
    font-family: 'Inter', 'Montserrat', Arial, sans-serif;
}

.webx-stat-label {
    font-size: 18px;
    color: var(--webx-text-secondary);
    font-weight: 500;
}



/* ==================== 生态结构版块 ==================== */
.webx-eco-intro-section {
    margin-bottom: 40px;
}

.webx-sub-label {
    font-size: 18px;
    color: var(--webx-text-muted);
}

.webx-section-desc {
    font-size: 36px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
    color: rgba(0,0,0,1);
}

.webx-section-desc.webx-eco-desc {
    font-size: 36px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.2); 
    transition: none !important; 
}

/* ==================== 全球链商版块 ==================== */
.webx-global-commerce-section {
    margin-bottom: 0px;
    background:#FAFBFF;
}

.webx-gc-subtitle {
    font-size: 21px;
    color: var(--webx-text-secondary);
}

.webx-gc-tabs {
    margin-top: 48px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.webx-tab-item {
    flex: 1;
    padding-bottom: 20px;
    font-size: 18px;
    color: var(--webx-text-muted);
    position: relative;
    user-select: none;
}

.webx-tab-item.active {
    color: var(--webx-text-main);
    font-weight: 600;
}

.webx-tab-item.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 90%;
    height: 2px;
    background-color: #003BAF;
}


.webx-gc-icon{
    user-select: none;
}

.webx-winpay-section .webx-gc-icon img{
    height:80px;
    max-width: 260px;
}

.webx-gc-content-row {
    margin-top: 60px;
}

.webx-global-commerce-section .webx-gc-content-row {
	background:url(../img/wrapbg.svg) center center no-repeat;
	background-size:50%;
}

.webx-global-commerce-section .webx-gc-image-wrapper {
    border-radius: var(--webx-radius-md, 16px); 
    -webkit-mask-image: -webkit-radial-gradient(white, black); 
}

.webx-global-commerce-section .webx-gc-image-wrapper img {
    transform-origin: center center;
    will-change: transform;
}

.webx-gc-main-text {
    font-size: 36px;
    font-weight: 700;
	max-width:70%;
    line-height: 1.5;
    color: var(--webx-text-main);
}

.webx-gc-micro-text {
    font-size: 21px;
    color: var(--webx-text-muted);
    margin-top: 40px; 
    margin-bottom: 60px; 
}

.webx-btn-gray {
    background-color: #f6f7f9;
    color: var(--webx-text-secondary);
    border: none;
    border-radius: var(--webx-radius-sm);
    font-size: 15px;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.webx-btn-gray:hover{
	background:#000;
	color:#fff;
}

.webx-btn-gray i {
    font-size: 14px;
}

.webx-gc-img-col {
    padding-left: 40px;
    
}

.webx-global-badge {
    position: absolute;
    top: 120px;
    right: 40px;
}

.webx-gc-image-wrapper {
    width: 100%;
    height: 100%;
    min-height: 360px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webx-gc-image-wrapper img {
    width: 94%; 
    height: 100%;
    object-fit: cover;
    border-radius: var(--webx-radius-md);
    will-change: width; 
}


.webx-global-commerce-section, 
.webx-winpay-section {
    position: relative;
    z-index: 5;
    margin-bottom: 0 !important;
}

@media (min-width: 992px) {
    .webx-global-commerce-section, 
    .webx-winpay-section {
        min-height: 100vh; 
        display: flex;
        align-items: center;
    }
}


/* ==================== Bingo 全球文娱版块 ==================== */
.webx-bingo-section {
    background: #002877;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:160px 3.875rem;
}

.webx-bingo-section .webx-body-container{
    margin-top:-5%;
}

.webx-bingo-header {
    margin-bottom: 100px;
}

.webx-bingo-title {
    font-size: 48px;
    font-weight: 700;
    color: var(--webx-text-main);
    color:#fff;
    margin-bottom: 30px;
}

.webx-bingo-subtitle {
    font-size: 24px;
    color: var(--webx-text-muted);
    color:#fff;
    line-height: 1.8;

}

.webx-bingo-cards {
    --bs-gutter-x: 24px;
    display: grid;
    align-items: stretch; 
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
}

.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;
}

.webx-bingo-cards .webx-bingo-inner:nth-child(1) .webx-bingo-card{
    background: url(../img/bingo_listinner_img1.jpg) center center no-repeat;
    background-size: cover;
}

.webx-bingo-cards .webx-bingo-inner:nth-child(2) .webx-bingo-card{
    background: url(../img/bingo_listinner_img2.jpg) center center no-repeat;
    background-size: cover;
}

.webx-bingo-cards .webx-bingo-inner:nth-child(3) .webx-bingo-card{
    background: url(../img/bingo_listinner_img3.jpg) center center no-repeat;
    background-size: cover;
}

.webx-bingo-cards .webx-bingo-inner:nth-child(4) .webx-bingo-card{
    background: url(../img/bingo_listinner_img4.jpg) center center no-repeat;
    background-size: cover;
}

.webx-bingo-card-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--webx-text-main);
     color: #fff;
    margin-bottom: 16px;
}

.webx-bingo-btn {
	max-width:160px;
	margin-top:20px;
}

.webx-bingo-icon img{
    filter: invert(100%);
}

.webx-bingo-card-desc {
    font-size: 18px;
    color: var(--webx-text-muted);
     color: #fff;
    margin-bottom: 0;
}

.webx-bingo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}




/* ==================== WinPay 支付版块 ==================== */
.webx-winpay-section {
   margin-bottom: 0px !important;
}

.webx-winpay-badge {
    position: absolute;
    top: 120px;
    right: 40px;
}


.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%;
}

.webx-winpay-image-wrapper img {
    width: 100%;
    height: 100%;
    max-height:450px;
    object-fit: contain;
    will-change: width;
}

/* WinPay合作伙伴区域 */
.webx-winpay-partners {
    position: relative;
    z-index: 20;
	margin:0px 0px 180px 0px;
    padding: 0;
}

.webx-winpay-partners-title {
    font-size: 36px;
    font-weight: 600;
    color: var(--webx-text-main);
    color:#000;
    margin-bottom: 60px;
}

.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;
}

.webx-winpay-logos-wrapper:active {
    cursor: grabbing;
}

.webx-winpay-logos-track {
    gap: 16px;
    width: max-content; 
    padding: 10px 0;
}
.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==================== */

.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;
}

.webx-partner-card:hover img {
    filter: grayscale(0%) contrast(1.1);
    opacity: 1;
    transform: scale(1.05); 
}
/* ==================== Web3 数字资产体系版块 ==================== */
.webx-digital-section {
    /* background: #000 url(../img/digitalsection_bg.svg) center center no-repeat; */
    background: #011C4D;
    background: linear-gradient(180deg, #080852 0%, #014AB2 100%);
}

.webx-digital-section .webx-body-container{
    padding:160px 0px;
}

.webx-digital-section .webx-card-panel{
    padding-top:40px;
}

.webx-digital-section .webx-section-title{
    color:#fff;
}

.webx-digital-header {
    margin-bottom: 60px;
}

.webx-digital-subtitle {
    font-size: 24px;
    font-weight: 500;
    color: var(--webx-text-main);
    color:#fff;
    line-height: 1.6;
}


.webx-digital-desc {
    font-size: 21px;
    color: var(--webx-text-muted);
    color:#fff;
    line-height: 1.8;
    text-align: left; 
}

.webx-digital-cards {
    --bs-gutter-x: 24px;
}

.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);
}

.gmvcoin-inner{
    /* background: #003BAF; */
}

.webxcoin-inner{
    /* background:#003BAF; */
}

.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);
}

.webx-digital-icon {
    position: relative;
    width: 220px;
}

.webx-digital-icon .static-svg,
.webx-digital-icon .lottie-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    transition: opacity 0.4s ease;
        /* filter: invert(100%); */
}

.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;
} */


.webx-digital-card-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--webx-text-main);
    color:rgba(255,255,255,1);
    margin-bottom: 12px;
}

.webx-digital-card-sub {
    font-size: 18px;
    color: var(--webx-text-secondary);
     color:rgba(255,255,255,1);
    margin-bottom: 40px;
    font-weight: 500;
}

.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;
}

.webx-digital-list li i {
    font-size: 16px;
    color: #111111; 
    color:rgba(255,255,255,0.8);
}

/* ==================== 生态协同闭环版块 ==================== */
.webx-ecosystem-section {
    background: #f3f4f6;
    margin-bottom: 80px;
    padding:40px 0px;
}

.webx-eco-badge {
    position: absolute;
    top: 80px;
    right: 40px;
}

.webx-eco-header {
    margin-bottom: 60px;
}

.webx-eco-subtitle {
    font-size: 18px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}

.webx-eco-content {
    margin-top: 20px;
    justify-content: space-between;
}

.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;
}

.webx-eco-card:hover {
	border:1px solid #eef1f5;
	background-color: #fff; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

.webx-eco-card-icon {
    height: 50px;
    width: auto;
    object-fit: contain;
    margin-bottom: auto; 
    align-self: flex-start;
	margin-bottom:30px;
}

.webx-eco-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 8px;
}

.webx-eco-card-desc {
    font-size: 15px;
    color: var(--webx-text-muted);
}

.webx-eco-map-wrapper {
    width: 100%;
    padding-left: 60px; 
}

.webx-eco-map-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* ==================== Next Future 版块 ==================== */
.webx-next-future-section {
    margin-bottom: 100px; 
}

.webx-next-future-section .webx-card-panel{
    padding-top: 80px;
}

.webx-nf-header {
    margin-bottom: 48px;
}

.webx-nf-subtitle {
    font-size: 18px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}

.webx-nf-cards {
    --bs-gutter-x: 24px;
    margin-bottom: 40px;
}

.webx-nf-card {
    background-color: #f3f4f6; 
    border-radius: var(--webx-radius-md);
    padding: 40px 32px;
    height: 280px; 
}

.webx-nf-icon-wrap {
    margin-bottom: 32px;
}

.webx-nf-icon-wrap img{
	height:42px;
}

.webx-nf-card-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 8px;
}

.webx-nf-card-desc {
    font-size: 15px;
    color: var(--webx-text-muted);
    margin-bottom: 24px;
}

.webx-btn-dark {
    background-color: #111111;
    color: #ffffff;
    font-size: 13px;
    padding: 8px 24px;
    border-radius: var(--webx-radius-sm);
    border: none;
	    cursor: pointer;
		z-index:100;
		position:relative;
    transition: background-color 0.2s;
}

.webx-btn-dark:hover {
    background-color: #333333;
    color: #ffffff;
}

.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;
}

.webx-nf-banner-top {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.9;
}

.webx-nf-banner-title {
    font-size: 32px;
    font-weight: 700;
}

.webx-nf-banner-bottom {
    font-size: 18px;
    opacity: 0.8;
}

.webx-nf-video-banner {
    border-radius: var(--webx-radius-md);
    padding: 48px 60px;
    height: 340px; 
    background: #000; 
    color: #ffffff;
}

.webx-nf-banner-video-wrap {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}

.webx-nf-banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000 url(../img/footer_sloganbg.webp) center center no-repeat;
    background-size: 100%;
    transform: scale(1.1); 
}


.webx-nf-banner-content {
    z-index: 3;
}




/* ==================== 资源中心：基础通用面板 ==================== */
.webx-rc-panel {
    /* background-color: var(--webx-bg-white); */
    /* border-radius: var(--webx-radius-lg); */
    padding: 60px 0px;
    /* box-shadow: 0 4px 24px rgba(0,0,0,0.02); */
    /* border: 1px solid #e6e6e6; */
    overflow: hidden;
}

/* CSS 绘制设计稿中的高级浅色网格背景 */
.webx-rc-grid-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 380px;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 0;
}

/* ==================== 资源中心：首屏版块 ==================== */
.webx-page-resourceWrap{
    background: url(../img/resource-center_pagebg.jpg) top center no-repeat;
    background-size: contain;
}
.webx-rc-hero-section {
    margin-top: 88px;
    margin-bottom: 24px;
}

.webx-rc-hero-section .webx-rc-panel {
    padding:40px 60px;
    /* border: 1px solid #e6e6e6; */
    /* border-radius: var(--webx-radius-lg); */
}

.webx-rc-hero-content {
    padding-right: 40px;
}

.webx-rc-hero-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--webx-text-main);
    color:#fff;
    margin-bottom: 24px;
}

.webx-rc-hero-desc {
    font-size: 16px;
    color: var(--webx-text-secondary);
    color:#fff;
    line-height: 1.8;
    margin-bottom: 40px;
}

.webx-rc-hero-actions {
    gap: 16px;
    margin-bottom: 20px;
}

.webx-rc-btn-dark {
    background-color: #111111;
    color: #ffffff;
    border: 1px solid #111111;
    padding: 10px 24px;
    border-radius: var(--webx-radius-sm);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.webx-rc-btn-dark:hover {
    background-color: #333333;
    color: #ffffff;
}

.webx-rc-btn-outline {
    background-color: transparent;
    color: #111111;
    border: 1px solid #111111;
    padding: 12px 32px;
    border-radius: var(--webx-radius-sm);
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.webx-rc-btn-outline:hover {
    background-color: #111111;
    color: #ffffff;
}

.webx-rc-hero-micro {
    font-size: 13px;
    color: var(--webx-text-muted);
    color: #ffffff;
}

.webx-rc-hero-img {
    max-height: 400px;
    object-fit: contain;
}

/* ==================== 资源中心：核心资料体系版块 ==================== */
.webx-rc-system-section {
    margin-bottom: 0px;
}

.webx-rc-system-section .webx-rc-panel{
    padding-top:30px;
    background-color: var(--webx-bg-white);
    border-radius: var(--webx-radius-lg);
    padding: 60px 60px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.02);
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.webx-rc-section-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--webx-text-main);
    margin-bottom: 20px;
}

.webx-rc-section-desc {
    font-size: 21px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}

.webx-rc-system-img {
    max-height: 200px;
    object-fit: contain;
}

.webx-rc-cards-row {
    --bs-gutter-x: 24px;
}

.webx-rc-card {
    background-color: #ECF1F5; 
    border-radius: var(--webx-radius-md);
    padding: 40px 32px;
    height: 100%;
    min-height: 260px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.webx-rc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

.webx-rc-card-icon {
    font-size: 28px;
    color: var(--webx-text-main);
    margin-bottom: 32px;
}

.webx-rc-card-icon img {
    height: 50px;
    width: auto;
}

.webx-rc-card-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 16px;
}

.webx-rc-card-desc {
    font-size: 14px;
    color: var(--webx-text-secondary);
    line-height: 1.7;
    margin-bottom: 0;
}

/* ==================== 资源中心：公共组件补充 ==================== */

.webx-rc-actions .btn {
    padding: 12px 24px;
    font-size: 15px;
}
.webx-rc-actions .bi {
    font-size: 16px;
}
.webx-rc-actions .webx-rc-btn-outline {
    border-color: #dcdcdc; 
}
.webx-rc-actions .webx-rc-btn-outline:hover {
    border-color: #111111;
}

/* ====================  资源中心 -WebX 集团业务介绍版块 ==================== */
.webx-rc-group-section{
    margin-bottom:0px;
}
.webx-rc-target-audience {
    font-size: 16px;
    color: #888888;
}

.webx-rc-group-card {
    border-radius: 12px;
    height:520px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.webx-rc-group-card:hover {
    transform: translateY(-4px);
   /* box-shadow: 0 12px 30px rgba(0,0,0,0.06);*/
}

.rc-bg-group1 {
   background: url(../img/rc-group-card_img1.jpg) center center no-repeat;
       background-size: contain;
}
.rc-bg-group2 {
    background: url(../img/rc-group-card_img2.jpg) center center no-repeat;
	    background-size: contain;
}

.webx-rc-group-logo {
    height: 120px;
    width: auto;
}

.webx-rc-group-card-text {
    bottom: 0;
    left: 0;
    padding: 40px;
}
.rc-text-white-60 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
}

/* ==================== 资源中心 -WebX 全球链商财富密码版块 ==================== */
.webx-rc-bizmodel-section{
    margin:80px 0px;
    padding:80px 0px 120px 0px;
    background-color: #f3f4f6; 
}

.webx-rc-gray-panel {
    background-color: #f3f4f6; 
    /* border-radius: var(--webx-radius-lg); */
    padding: 80px 0px;
}

.webx-rc-sub-label {
    font-size: 14px;
    color: #888888;
}

.webx-rc-biz-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 28px 32px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.015);
    transition: box-shadow 0.3s ease;
}
.webx-rc-biz-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}

.webx-rc-biz-icon {
    width: 48px;
    height: 48px;
    background-color: #f6f7f9;
    border-radius: 10px;
}
.webx-rc-biz-icon .bi {
    font-size: 24px;
    color: #111111;
}

.webx-rc-biz-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 12px;
}
.webx-rc-biz-desc {
    font-size: 18px;
    color: var(--webx-text-secondary);
}

/* ==================== 
资源中心 - WebX 全球链商白皮书版块 
==================== */

.webx-rc-wp-list .webx-rc-wp-icon {
    margin-top: 2px; 
}
.webx-rc-wp-list .bi {
    font-size: 22px;
    color: #111111;
}

.webx-rc-wp-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 6px;
}
.webx-rc-wp-desc {
    font-size: 14px;
    color: #888888; 
}

.webx-rc-wp-img {
    width: 100%;
    height: 760px;
    object-fit: cover;
    border-radius: 16px;
}

/* ==================== 资源中心 WebX 模型一图详解版块 ==================== */
.webx-rc-model-img-wrap {
    background-color: #f6f7f9;
    border-radius: 16px;
    padding: 0px;
}

.webx-rc-model-img-wrap img{
	 border-radius: 16px;
}

.webx-rc-model-txtwrap{
	padding-left:10%;
	margin-top:-5%;
}


/* ==================== 资源中心 -资源持续更新版块 ==================== */
.webx-rc-update-card {
    background-color: #f3f4f6; 
    border-radius: 16px;
    padding: 48px 40px;
    height: 100%;
    min-height: 280px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.webx-rc-update-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.04);
}

.webx-rc-update-icon {
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.webx-rc-update-icon .bi {
    font-size: 28px;
    color: #111111;
}

.webx-rc-update-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 12px;
}

.webx-rc-update-desc {
    font-size: 14px;
    color: #888888;
    line-height: 1.7;
}

/* ==================== 资源中心底部 Banner 标语版块 ==================== */
.webx-rc-slogan-banner {
    border-radius: var(--webx-radius-lg);
    padding: 80px 100px;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #050505; 
    min-height: 460px;
    position: relative;
    overflow: hidden;
}

/* --- 资源中心 Banner 视频背景扩展 --- */
.webx-rc-banner-video-wrap {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    z-index: 1;
}

.webx-rc-banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    pointer-events: none; 
}

.webx-rc-banner-overlay {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    z-index: 2;
}

.webx-rc-slogan-content {
    position: relative;
    z-index: 3;
    max-width: 600px;
}

.webx-rc-slogan-title {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
}

.webx-rc-slogan-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
}

.webx-rc-slogan-actions .btn {
    padding: 12px 32px;
    font-size: 14px;
}


/* ==========================================================================
   ============= 媒体中心专属样式 (Media Center) 模块隔离 =============
   ========================================================================== */

/* --- 媒体通用面板与按钮 --- */
.webx-media-panel {
    background-color: var(--webx-bg-white);
        border: 1px solid #e6e6e6;
    padding:40px 60px 60px;
    /* box-shadow: 0 4px 24px rgba(0,0,0,0.02); */
    overflow: hidden;
	background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: auto 8rem;
    overflow: clip;
    background-image: url(../img/section-gridbg.svg);
}

.webx-media-btn-dark {
    background-color: #111111;
    color: #ffffff;
    border: 1px solid #111111;
    padding: 10px 28px;
    border-radius: var(--webx-radius-sm);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.webx-media-btn-dark:hover {
    background-color: #333333;
    color: #ffffff;
}

.webx-media-btn-outline {
    background-color: #fff;
    color: #111111;
    border: 1px solid #dcdcdc; 
    padding: 10px 28px;
    border-radius: var(--webx-radius-sm);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.webx-media-btn-outline:hover {
    border-color: #111111;
	background-color: #000;
	color:#fff;
}

.webx-media-section-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--webx-text-main);
}
.webx-media-section-desc {
    font-size: 18px;
    color: var(--webx-text-secondary);
}


/* --- 媒体中心 - 首屏 --- */
.webx-media-hero-section {
    margin-top: 140px;
    margin-bottom: 24px;
    height:420px;
}
.webx-media-hero-section .webx-media-panel{
    padding-top: 0px;
    border-radius: var(--webx-radius-lg);
    /* background: #002160; */
    padding-bottom: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    /* border: 0px; */
}
.webx-media-hero-title {
    font-size: 42px;
    font-weight: 800;
    color: var(--webx-text-main);
    /* color:#fff; */
}
.webx-media-hero-desc {
    font-size: 16px;
    color: var(--webx-text-secondary);
     /* color:#fff; */
    line-height: 1.8;
}
.webx-media-hero-img {
    max-height: 380px;
    object-fit: contain;
    margin-right: -40px;
}


/* --- 媒体中心 - 近期更新版块 --- */
.webx-media-updates-section {
    margin-bottom: 40px;
}

.webx-media-updates-section .webx-media-panel{
	background-color:#fff;
	background-image: url('../img/media-updates-bg.svg');
    background-size: contain;
	background-position: top right;
	background-repeat:no-repeat;
    border: 0px;
    padding: 0px;
    margin-top: 60px;
    margin-bottom: 80px;
}

.webx-media-updates-section .webx-media-panel .g-4.z-1{
	margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #666;
}

.webx-media-curved-bg {
    position: absolute;
    top: 0; right: 0; width: 50%; height: 100%;
    background-image: url('../img/media-curved-lines.svg');
    background-size: cover;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}

.webx-media-update-card {
    background-color: #f1f3f6;
    border-radius: 12px;
    padding: 30px 30px;
    height: 100%;
    min-height: 320px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.webx-media-update-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.03);
}

.webx-media-update-img-wrap {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    background-color: #ECF1F5;
}

.webx-media-update-img-wrap img {
    width: 100%;
	aspect-ratio: 3/2;
    object-fit: cover; 
	max-height: 300px;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.webx-media-update-card:hover .webx-media-update-img-wrap img {
    transform: scale(1.05);
}

.webx-media-tag-dark {
    background-color: #000;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 4px;
    margin-right: 6px;
}
.webx-media-tag-outline {
    background-color: transparent;
    color: #999999;
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}

.webx-media-card-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--webx-text-main);
    line-height: 1.5;
}
.webx-media-card-desc {
    font-size: 14px;
    color: #888888;
	max-width:80%;
    line-height: 1.8;
}
.webx-media-card-title a,
.webx-media-article-title a {
    color: inherit; 
    text-decoration: none; 
    transition: opacity 0.3s ease;
}

.webx-media-card-title a:hover,
.webx-media-article-title a:hover {
    opacity: 0.7; 
}


/* --- 媒体中心 - 行业洞察与核心观点 --- */
.webx-media-insight-section {
    margin-bottom: 60px;
}

.webx-media-insight-section .webx-card-panel{
    padding: 40px 0px 80px;
}

.webx-media-insight-desc {
    font-size: 24px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}

.webx-media-insight-grid {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 0;
    pointer-events: none;
}

/* ==================== 媒体中心 - 核心观点版块 ==================== */
.webx-media-core-section {
	margin-top: 60px;
    margin-bottom:120px;
    padding:160px 0px 180px 0px;
    background: #f1f1f1;
}

.webx-media-core-section .webx-media-section-title{
    color:#000;
}

.webx-media-core-section .webx-media-section-desc{
    color:#000;
    font-size:18px;
}

.webx-media-core-section .webx-media-core-highlight {
    font-size: 32px;
    color: #000;
}

.webx-media-industry-section {
    padding-top: 40px;
    margin-bottom: 80px;
}

.webx-media-grid-divider {
    width: 100%;
    height: 100px;
    margin: 40px 0;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.webx-media-core-card {
    background-color: #fff;
    border-radius: 16px;
    padding: 40px 32px 60px;
    height: 100%;
    height: 480px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.webx-media-core-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.04);
}

.webx-media-core-icon img{
    width:80px;
}

.webx-media-card-number {
    font-size: 56px;
    font-weight: 500;
    color: #e2e2e2;
    line-height: 1;
    font-family: 'Inter', 'Montserrat', Arial, sans-serif; 
}
.webx-media-core-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--webx-text-main);
    line-height: 1.5;
    margin-top:80px;
}
.webx-media-core-desc {
    font-size: 15px;
    color: #888888;
    line-height: 1.8;
}


/* ==================== 媒体中心 - 洞察文章版块 ==================== */
.webx-media-articles-section {
    padding-top: 20px;
	padding-bottom:20px;
}

.webx-media-articles-desc {
    font-size: 21px;
    color: var(--webx-text-secondary);
}

.webx-media-article-card {
    background-color: #F1F3F6;
    border-radius: 12px;
    padding: 40px 40px 60px 40px;
    height: 100%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.015);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.webx-media-article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

.webx-media-article-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--webx-text-main);
    line-height: 1.5;
}
.webx-media-article-desc {
    font-size: 15px;
    color: var(--webx-text-secondary);
    line-height: 1.7;
}
.webx-media-article-img-wrap {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.webx-media-article-img-wrap img {
    width: 100%;
    height: 240px;
	background:#ECF1F5;
	display:inline-block;
    object-fit: cover;
}

/* ==================== 媒体中心 - WebX 视角版块 ==================== */
.webx-media-perspective-section{
    margin-bottom:80px;
    padding:160px 0px 160px 0px;
    background:#000;
}

.webx-media-perspective-section .webx-media-section-title{
    color:#fff;
}

.webx-media-perspective-subtitle {
    font-size: 24px;
    color: var(--webx-text-secondary);
}
.webx-media-perspective-desc {
    font-size: 24px;
    color: #fff;
    line-height: 1.8;
}

.webx-media-perspective-list{
    padding:0px 5%;
}

.webx-media-perspective-card {
    border-radius: 16px;
    padding: 40px 40px 40px 40px;
    height: 100%;
    display: flex;
    gap:80px;
    border: 1px solid rgb(93,93,93,35%);
    background: rgb(35,35,36,33%);
    min-height: 210px;
    transition: transform 0.3s ease;
}
.webx-media-perspective-card:hover {
    transform: translateY(-3px);
}

.webx-media-perspective-icon img{
   height:60px; 
   filter: invert(100%);
   margin-top:0px;
   margin-bottom:40px;
}

.webx-media-perspective-title {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
.webx-media-perspective-text {
    font-size: 18px;
    color: #fff;
    line-height: 1.7;
    opacity: .6;
}

.webx-media-perspective-img-wrap img {
    max-height: 420px;
    object-fit: contain;
}

/* ==================== 媒体中心 - 保持关注版块 ==================== */
.webx-media-subscribe-section{
    margin-bottom:120px;
}

.webx-media-subscribe-section .webx-media-panel{
    padding:0px;
    border:0px;
}
.webx-media-subscribe-desc {
    font-size: 18px;
    color: var(--webx-text-secondary);
    line-height: 1.8;
}

.webx-media-subscribe-card {
    background-color: #f3f4f6;
    border-radius: 16px;
    padding: 32px 32px;
    height: 100%;
    transition: box-shadow 0.3s ease;
}
.webx-media-subscribe-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.webx-media-subscribe-icon {
    width: 60px;
    height: 60px;
    background-color: var(--webx-bg-white);
    border: 1px solid #eeeeee;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.webx-media-subscribe-icon .bi {
    font-size:26px;
    color: #111111;
}

.webx-media-subscribe-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--webx-text-main);
}
.webx-media-subscribe-text {
    font-size: 14px;
    color: #888888;
    line-height: 1.7;
}

/* ==========================================================================
   ============= 动态列表页专属样式 (Article List Page) =================
   ========================================================================== */

.webx-list-hero-section {
    margin-top: 140px;
    margin-bottom: 20px;
}

.webx-list-hero-title {
    font-size: 48px;
    font-weight: 800;
    color: var(--webx-text-main);
    margin-bottom: 24px;
}

.webx-list-hero-desc {
    font-size: 18px;
    color: var(--webx-text-secondary);
    max-width: 50%;
    line-height: 1.8;
}

.webx-list-grid-section {
    margin-bottom: 100px;
}

.webx-media-panel[data-role="news-media-panel"] {
    position: relative;
    transition: box-shadow 0.28s ease, transform 0.28s ease;
}

.webx-media-panel[data-role="news-media-panel"]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.68) 0%, rgba(255,255,255,0.92) 100%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.webx-media-panel[data-role="news-media-panel"]::before {
    content: "";
    position: absolute;
    top: 28px;
    right: 28px;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 2px solid rgba(17,17,17,0.12);
    border-top-color: #111111;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.88);
    transition: opacity 0.22s ease, transform 0.22s ease;
    animation: webx-news-spin 0.85s linear infinite;
}

.webx-media-panel[data-role="news-media-panel"].is-loading::after,
.webx-media-panel[data-role="news-media-panel"].is-loading::before {
    opacity: 1;
}

.webx-media-panel[data-role="news-media-panel"].is-loading::before {
    transform: scale(1);
}

.webx-news-results {
    transition: opacity 0.24s ease, transform 0.24s ease;
}

.webx-news-results-summary {
    margin-bottom: 28px;
    font-size: 15px;
    line-height: 1.7;
    color: #666666;
}

.webx-news-results-summary strong {
    color: #111111;
    font-weight: 800;
}

.webx-news-empty {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 24px;
}

.webx-news-empty__icon {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f7f9;
    border: 1px solid #eceef1;
    color: #111111;
    font-size: 28px;
    margin-bottom: 20px;
}

.webx-news-empty__title {
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 800;
    color: #111111;
}

.webx-news-empty__desc {
    max-width: 560px;
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.8;
    color: #666666;
}

.webx-news-empty__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    padding: 12px 24px;
    border-radius: 999px;
    background: #111111;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.webx-news-empty__action:hover {
    color: #ffffff;
    background: #222222;
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(0,0,0,0.12);
}

.webx-media-card-title .highlight,
.webx-media-card-desc .highlight {
    color: #111111;
    background: linear-gradient(180deg, rgba(255, 230, 92, 0) 0%, rgba(255, 230, 92, 0.78) 100%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 2px;
    border-radius: 4px;
}

.webx-pagination {
    margin-top: 80px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.webx-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--webx-text-main);
    background-color: #fff;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.webx-page-link:hover, 
.webx-page-link.active {
    background-color: #111111;
    color: #ffffff;
    border-color: #111111;
}

/* 禁用状态（例如第一页的“上一页”按钮） */
.webx-page-link.disabled {
    color: #cccccc;
    border-color: #f0f0f0;
    pointer-events: none;
}


@keyframes webx-news-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================================
   ============= 文章详情页专属样式 (Article Detail) =====================
   ========================================================================== */

.webx-article-section {
    margin-top: 140px;
    margin-bottom: 80px;
}

.webx-article-container {
    max-width:1200px;
    margin: 0 auto;
}

.webx-article-tags {
    margin-bottom: 24px;
}

.webx-article-tag{
	text-decoration:none;
}

.webx-article-tag {
    background-color: #111111;
    color: #ffffff;
    font-size: 13px;
    padding: 6px 16px;
    border-radius: 4px;
    display: inline-block;
}

.webx-article-title {
    font-size: 48px;
    font-weight: 800;
    color: var(--webx-text-main);
    line-height: 1.3;
    margin-bottom: 24px;
}

.webx-article-meta {
    font-size: 15px;
    color: var(--webx-text-muted);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 32px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.webx-article-cover {
    width: 100%;
    border-radius: var(--webx-radius-md);
    margin-bottom: 60px;
    background-color: #ECF1F5;
    overflow: hidden;
}

.webx-article-cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ==========================================================================
   ============= 动态列表页 - 文章搜索框组件 ================================
   ========================================================================== */
.webx-article-search-wrapper {
    display: flex;
    align-items: center;
    background-color: #f6f7f9;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 6px;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: relative;
    z-index: 10;
}

.webx-article-search-wrapper:focus-within {
    background-color: #ffffff;
    border-color: #111111;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.webx-article-search-wrapper.is-reset-focus {
    background-color: #ffffff;
    border-color: #111111;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08), 0 14px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.webx-article-search-input {
    flex-grow: 1;
    border: none;
    background: transparent;
    padding: 10px 16px 10px 20px;
    font-size: 15px;
    color: var(--webx-text-main, #111111);
    outline: none;
    font-family: inherit;
    width: 100%;
}

.webx-article-search-input::placeholder {
    color: #999999;
}

.webx-article-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background-color: #111111;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    flex-shrink: 0;
}

.webx-article-search-btn i {
    font-size: 16px;
    margin-top: 2px; 
}

.webx-article-search-btn:hover {
    background-color: #333333;
}

.webx-article-search-btn:active {
    transform: scale(0.95);
}

@media (max-width: 991.98px) {
    .webx-article-search-wrapper {
        margin-top: 10px;
        max-width: 400px;
    }
}

/* 富文本内容排版 */
.webx-article-content {
    font-size: 17px;
    color:#111;
    line-height: 1.5;
}

.webx-article-content h2 {
    font-size: 28px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-top: 48px;
    margin-bottom: 24px;
}

.webx-article-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-top: 32px;
    margin-bottom: 16px;
}

.webx-article-content p {
	font-size:18px;
    margin-bottom: 24px;
}

.webx-article-content img{
	max-width:100%;
}

.webx-article-content blockquote {
    border-left: 4px solid #111111;
    padding-left: 24px;
    margin: 40px 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--webx-text-main);
    font-style: italic;
}

/* ==========================================================================
   ============= 联系我们专属样式 (Contact Us) ===========================
   ========================================================================== */
.webx-contact-new-hero {
    margin-top: 140px;
    margin-bottom: 80px;
}

.webx-contact-new-hero-panel {
    background-color: #050505;
    border-radius: 20px;
    padding: 80px 80px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 400px;
}

.webx-contact-new-hero-left {
    position: relative;
    z-index: 2;
    max-width: 600px;
}

.webx-contact-new-hero-title {
    font-size: 45px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 24px;
}

.webx-contact-new-hero-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
    margin-bottom: 48px;
}

.webx-contact-new-hero-actions {
    display: flex;
    gap: 16px;
}

.webx-contact-new-btn-primary {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
    padding: 12px 36px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.webx-contact-new-btn-primary:hover {
    background-color: #e6e6e6;
    color: #000000;
}

.webx-contact-new-btn-outline {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 12px 36px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.webx-contact-new-btn-outline:hover {
    border-color: #ffffff;
    color: #ffffff;
}

.webx-contact-new-hero-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.webx-contact-new-hero-img {
    height: 100%;
    width: auto;
    object-fit: cover;
    transform: translateX(0%);
}

/* ==================== 联系我们 - 对接类型版块 ==================== */
.webx-contact-new-types {
    margin-bottom: 120px;
    position: relative;
}

.webx-contact-new-types-bg {
    position: absolute;
    top: -40px;
    right: 0%;
    width: 50%;
    height: 300px;
    background:url(../img/webx-contact-new-types-bg.svg) top center no-repeat;
    z-index: -1;
}

.webx-contact-new-types-header {
    margin-bottom: 48px;
}

.webx-contact-new-types-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 12px;
}

.webx-contact-new-types-desc {
    font-size: 16px;
    color: #777777;
}

.webx-contact-new-type-card {
    background-color: #f4f5f7;
    border-radius: 12px;
    padding: 40px 32px;
    height: 100%;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 1px solid transparent;
}

.webx-contact-new-type-card:hover {
    transform: translateY(-6px);
    background-color: #ffffff;
    border-color: #eeeeee;
    box-shadow: 0 16px 40px rgba(0,0,0,0.06);
}

.webx-contact-new-type-icon {
    font-size: 36px;
    color: #111111;
    margin-bottom: 32px;
}

.webx-contact-new-type-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--webx-text-main);
    margin-bottom: 16px;
}

.webx-contact-new-type-desc {
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
    margin-bottom: 40px;
}

.webx-contact-new-type-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #050505;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    width: fit-content;
    transition: background-color 0.3s ease;
}

.webx-contact-new-type-btn:hover {
    background-color: #333333;
    color: #ffffff;
}

/* ==========================================================================
   ============= 联系我们 - 提交合作意向 (Contact Form) =====================
   ========================================================================== */
.webx-cf-section {
    position: relative;
    margin-top: 100px;
    margin-bottom: 120px;
}

/* 左侧网格背景装饰 */
.webx-cf-grid-bg {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 45%;
    height: 300px;
    background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 0;
    pointer-events: none;
}

.webx-cf-left {
    position: relative;
    z-index: 2;
    padding-right: 40px;
}

.webx-cf-label {
    font-size: 21px;
    color: #888888;
    margin-bottom: 16px;
}

.webx-cf-title {
    font-size: 45px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 24px;
}

.webx-cf-desc {
    font-size: 18px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 48px;
    max-width: 90%;
}

.webx-cf-step-item {
    display: flex;
    gap: 16px;
    margin-bottom: 28px;
}

.webx-cf-step-item .bi-check-circle-fill {
    font-size: 16px;
    color: #111111;
    margin-top: -2px;
}

.webx-cf-step-title {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 6px;
}

.webx-cf-step-desc {
    font-size: 16px;
    color: #888888;
    margin-bottom: 0;
}

.webx-cf-socials {
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.webx-cf-social-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom:16px;
}

.webx-cf-social-icon {
    width: 52px;
    height: 52px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #111111;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.webx-cf-social-item:hover .webx-cf-social-icon {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.webx-cf-social-title {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 4px;
}

.webx-cf-social-link {
    font-size: 16px;
    color: #111111;
    text-decoration: underline;
}

/* --- 右侧高级表单 --- */
.webx-cf-right {
    position: relative;
    z-index: 2;
}

.webx-cf-form-wrap {
    position: relative;
    width: 100%;
    padding:16px;
     background: linear-gradient(180deg, #0f60ff 0%, #0f60ff00 100%);
    border-radius: 16px;
    margin-top: 20px;
}


.webx-cf-form-card {
    position: relative;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 48px;
    z-index: 2;
    border: 1px solid rgba(0,0,0,0.04);
}

.webx-cf-form-head {
    font-size: 20px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 32px;
}

.webx-cf-group {
    margin-bottom: 24px;
}

.webx-cf-group label {
    font-size: 15px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 12px;
    display: block;
}

.webx-cf-input, .webx-cf-select, .webx-cf-textarea {
    width: 100%;
    background-color: #f8f9fa;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 16px 20px;
    font-size: 15px;
    color: #333333;
    transition: all 0.3s ease;
}

.webx-cf-input:focus, .webx-cf-select:focus, .webx-cf-textarea:focus {
    background-color: #ffffff;
    border-color: #dddddd;
    outline: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.webx-cf-textarea {
    height: 140px;
    resize: none;
}

.webx-cf-group.is-invalid label {
    color: #7f1d1d;
}

.webx-cf-input[aria-invalid="true"],
.webx-cf-select[aria-invalid="true"],
.webx-cf-textarea[aria-invalid="true"] {
    background-color: #fff7f7;
    border-color: rgba(220, 38, 38, 0.28);
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.08);
}

.webx-cf-input[aria-invalid="true"]:focus,
.webx-cf-select[aria-invalid="true"]:focus,
.webx-cf-textarea[aria-invalid="true"]:focus {
    background-color: #ffffff;
    border-color: rgba(220, 38, 38, 0.38);
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}

.webx-cf-error {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.65;
    color: #b42318;
    letter-spacing: 0.01em;
    opacity: 0;
    transform: translateY(-6px);
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                max-height 0.22s ease;
    will-change: opacity, transform, max-height;
}

.webx-cf-error.is-visible {
    opacity: 1;
    transform: translateY(0);
    max-height: 48px;
}

.webx-cf-error:empty {
    display: block;
}

.webx-cf-submit {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 18px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

.webx-cf-submit:hover {
    background-color: #333333;
}

.webx-cf-note {
    font-size: 15px;
    color: #888888;
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.webx-modal-open {
    overflow: hidden;
}

.webx-contact-modal {
    position: fixed;
    inset: 0;
    z-index: 1000001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    isolation: isolate;
}

.webx-contact-modal.is-mounted {
    visibility: visible;
    opacity: 1;
}

.webx-contact-modal.is-visible {
    pointer-events: auto;
}

.webx-contact-modal__backdrop {
    position: absolute;
    inset: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.45);
    transition: opacity 0.22s ease;
}

.webx-contact-modal__dialog {
    position: relative;
    width: min(100%, 420px);
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 32px 24px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    text-align: center;
    border: 1px solid #f0f0f0;
    opacity: 0;
    transform: translateY(8px) scale(0.985);
    transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.28s ease,
                border-color 0.28s ease;
    will-change: opacity, transform;
}

.webx-contact-modal.is-visible .webx-contact-modal__backdrop {
    opacity: 1;
}

.webx-contact-modal.is-visible .webx-contact-modal__dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.webx-contact-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(0, 0, 0, 0.45);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.webx-contact-modal__close:hover {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.65);
}

.webx-contact-modal__close:active {
    transform: scale(0.96);
}

.webx-contact-modal__close:focus-visible,
.webx-contact-modal__button:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.18);
}

.webx-contact-modal__icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6ffed;
    border: 1px solid #d9f7be;
    box-shadow: none;
}

.webx-contact-modal__icon span {
    color: #52c41a;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.webx-contact-modal__title {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.88);
    letter-spacing: 0;
    line-height: 1.4;
}

.webx-contact-modal__message {
    margin: 0 auto 24px;
    max-width: 320px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    line-height: 1.7;
}

.webx-contact-modal__button {
    min-width: 116px;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #000;
    border-radius: 8px;
    background: #000;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.webx-contact-modal__button:hover {
    transform: translateY(-1px);
    background: #003BAF;
    border-color: #003BAF;
    box-shadow: 0 8px 18px rgba(22, 119, 255, 0.22);
}

.webx-contact-modal__button:active {
    transform: translateY(0);
    background: #003BAF;
    border-color: #003BAF;
    box-shadow: none;
}


.pager .pagination {
  margin: 0;
}
.pager .pager {
  margin: 0;
}
.pager li {
  margin: 0 0.4em;
  display: inline-block;
}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {
  padding: 16px;
}
.pager li > a,
.pager li > span {
  background: none;
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
  padding: 1em 1.2em;
  font-size: 18px;
  color:#333;
  text-decoration: none;
}

.pager li.active span{
 color:#fff;
 background: #000;
}

@media (prefers-reduced-motion: reduce) {
    .webx-contact-modal__backdrop,
    .webx-contact-modal__dialog,
    .webx-contact-modal__close,
    .webx-contact-modal__button {
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }

    .webx-contact-modal__dialog,
    .webx-contact-modal.is-visible .webx-contact-modal__dialog {
        transform: none;
    }

    .webx-contact-modal__close:hover,
    .webx-contact-modal__button:hover {
        transform: none;
    }
}

/* ==========================================================================
   ============= 联系我们 - 全球运营中心 (Operations Center) ================
   ========================================================================== */
.webx-co-section {
    background-color: #f6f7f9;
    padding: 140px 0 140px 0;
}

.webx-co-header {
    margin-bottom: 60px;
}

.webx-co-title {
    font-size: 45px;
    font-weight: 800;
    color: #111111;
}

.webx-co-desc {
    width:60%;
    font-size: 21px;
    color: #777777;
    line-height: 1.8;
}

.webx-co-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 32px 32px 32px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 10px rgba(0,0,0,0.01);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.webx-co-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.06);
}

.webx-co-card-top {
    display: flex;
    gap: 20px;
    margin-bottom: 32px;
}

.webx-co-icon img {
    height: 80px;
    width: auto;
    object-fit: contain;
}

.webx-co-city {
    font-size: 24px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 12px;
}

.webx-co-city-desc {
    font-size: 16px;
    color: #666666;
    line-height: 1.7;
    margin-bottom: 0;
}

.webx-co-img-wrap {
    width: 100%;
    height: 260px;
    /* border-radius: 8px; */
    overflow: hidden;
    margin-top: auto;
}

.webx-co-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.webx-co-card:hover .webx-co-img-wrap img {
    transform: scale(1.05);
}

/* ==========================================================================
   ============= 联系我们 - 联系方式 (Contact Methods) ======================
   ========================================================================== */
.webx-cm-section {
    padding:60px 0px 100px 0px;
}


.webx-cm-panel {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 60px 0px;
    position: relative;
    overflow: hidden;
}

.webx-cm-title {
    font-size: 45px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 16px;
}

.webx-cm-desc {
    font-size: 18px;
    color: #666666;
    margin-bottom: 0px;
}

.webx-cm-cards {
    margin-bottom: 40px;
}

.webx-cm-card {
    background-color: #f4f6f8; 
    border-radius: 12px;
    padding:50px 40px;
    height: 180px;
    transition: transform 0.3s ease;
}

.webx-cm-card:hover {
    transform: translateY(-4px);
}

.webx-cm-icon {
    font-size: 45px;
    color: #111111;
    position: relative;
    top: -10px;
    margin-right: 24px;
}

.webx-cm-card-title {
    font-size: 21px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 10px;
}

.webx-cm-link {
    font-size: 21px;
    font-weight: 600;
    color: #111111;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: opacity 0.3s ease;
}

.webx-cm-link:hover {
    opacity: 0.6;
}

.webx-cm-note {
    font-size: 16px;
    color: #888888;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #ffffff; 
    display: inline-flex;
    padding-right: 20px;
    margin-top:20px;
}

.webx-cm-note i {
    font-size: 18px;
    color: #111111;
}

/* ==========================================================================
   ============= 联系我们 - 社交媒体 (Social Media) =========================
   ========================================================================== */
.webx-sm-section {
    margin-bottom: 160px;
}

.webx-sm-panel {
    padding: 0px 0px;
}

.webx-sm-header {
    margin-bottom: 0px;
}

.webx-sm-title {
    font-size: 45px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 16px;
}

.webx-sm-desc {
    font-size: 18px;
    color: #666666;
    line-height: 1.8;
    max-width: 90%;
}

.webx-sm-btn {
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    height: fit-content;
}

.webx-sm-btn-dark {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
}
.webx-sm-btn-dark:hover {
    background-color: #333333;
    color: #ffffff;
}

.webx-sm-btn-outline {
    background-color: #ffffff;
    color: #666666;
    border: 1px solid #dcdcdc;
}
.webx-sm-btn-outline:hover {
    border-color: #111111;
    color: #111111;
}

.webx-sm-card {
    display: block;
    background-color: #f4f5f7;
    border-radius: 12px;
    padding: 32px 32px;
    border: 1px solid #f4f5f7;
    text-decoration: none;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.webx-sm-card:hover {
    /* transform: translateY(-5px); */
    box-shadow: 0 12px 30px rgba(0,0,0,0.05);
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}

.webx-sm-icon {
    width: 48px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 8px;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.04); */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #111111;
    margin-bottom: 40px;
}

.webx-sm-card-title {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    margin-bottom:16px;
    text-decoration: none;
}

.webx-sm-card-desc {
    font-size: 15px;
    color: #888888;
    line-height: 1.7;
    margin-bottom: 0;
    text-decoration: none;
}



/* ==========================================================================
   ============= 文档资料下载页 (Download Center) ====================
========================================================================== */

.webx-dl-hero-section {
    margin-top: 140px;
    margin-bottom: 20px;
}

.webx-dl-hero-title {
    font-size: 48px;
    font-weight: 800;
    color: var(--webx-text-main);
    margin-bottom: 24px;
}

.webx-dl-hero-desc {
    font-size: 18px;
    color: var(--webx-text-secondary);
    max-width: 640px;
    line-height: 1.8;
}

.webx-dl-tabs-container {
    position: relative;
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 60px;
}

.webx-dl-tab-indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 999px;
    background: #111111;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                width 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.22s ease;
    pointer-events: none;
    z-index: 0;
}

.webx-dl-tab {
    position: relative;
    z-index: 1;
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.2;
    color: var(--webx-text-secondary);
    background-color: transparent;
    border: 1px solid #dcdcdc;
    text-decoration: none;
    appearance: none;
    transition: color 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
    cursor: pointer;
}

.webx-dl-tab:hover {
    border-color: #111111;
    color: #111111;
}

.webx-dl-tab.active {
    color: #ffffff;
    border-color: transparent;
    box-shadow: none;
}

.webx-dl-grid-section {
	padding-bottom:60px;
    margin-bottom: 100px;
}

.webx-dl-card {
    background-color: var(--webx-bg-white);
    border-radius: 16px;
    padding: 32px 32px 40px 32px;
    height: 100%;
    box-shadow: 0 4px 20px rgba(0,0,0,0.015);
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
    border: 1px solid rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
}

.webx-dl-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.05);
}

.webx-dl-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.webx-dl-file-icon {
    width: 56px;
    height: 56px;
    background-color: #f6f7f9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webx-dl-file-icon i {
    font-size: 28px;
    color: #111111;
}

.webx-dl-meta {
    text-align: right;
}

.webx-dl-meta-size {
    font-size: 18px;
    font-weight: 700;
    font-family: monospace;
    color: var(--webx-text-main);
    display: block;
}

.webx-dl-meta-type {
    font-size: 13px;
    color: var(--webx-text-muted);
    text-transform: uppercase;
}

.webx-dl-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--webx-text-main);
    line-height: 1.4;
    margin-bottom: 12px;
}

.webx-dl-card-title a {
    color: inherit; 
    text-decoration: none; 
    transition: opacity 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Hover 悬浮反馈 */
.webx-dl-card-title a:hover {
    opacity: 0.65; /
}

.webx-dl-card-desc {
    font-size: 14px;
    color: var(--webx-text-secondary);
    line-height: 1.7;
    margin-bottom: 32px;
    flex-grow: 1; 
}


.webx-dl-card .webx-btn-modern {
    width: 100%;
}

/* ==========================================================================
   ============= 行业洞察列表页专属样式 (Industry Insights) =================
   ========================================================================== */

.webx-insight-hero-section {
    margin-top: 140px;
    margin-bottom: 80px;
    text-align: center;
}

.webx-insight-featured {
    background-color: var(--webx-bg-white);
    overflow: hidden;
    margin-bottom: 60px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.02);
    display: flex;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 1px solid rgba(0,0,0,0.03);
    text-decoration: none; 
}

.webx-insight-featured:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.06);
}

.webx-insight-featured-img {
    width: 55%;
    min-height: 420px;
    background-color: #ECF1F5;
    position: relative;
    overflow: hidden;
}

.webx-insight-featured-img img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.webx-insight-featured:hover .webx-insight-featured-img img {
    transform: scale(1.05);
}

.webx-insight-featured-content {
    width: 45%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.webx-insight-grid-section {
    margin-bottom: 100px;
}

.webx-insight-card {
    background-color: var(--webx-bg-white);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0,0,0,0.015);
    border: 1px solid rgba(0,0,0,0.03);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.webx-insight-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.05);
}

.webx-insight-card-img {
    width: 100%;
    height: 260px;
    background-color: #ECF1F5;
    overflow: hidden;
    position: relative;
}

.webx-insight-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.webx-insight-card:hover .webx-insight-card-img img {
    transform: scale(1.05);
}

.webx-insight-card-content {
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
	border: 1px solid #e7e7e7;
    flex-grow: 1;
}

.webx-insight-meta {
    font-size: 13px;
    font-family: monospace;
    color: var(--webx-text-muted);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.webx-insight-badge {
    background-color: #111111;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 600;
}

.webx-insight-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--webx-text-main);
    line-height: 1.4;
    margin-bottom: 16px;
    transition: color 0.3s ease;
}

.webx-insight-featured-content .webx-insight-title {
    font-size: 32px;
}

.webx-insight-desc {
    font-size: 15px;
    color: var(--webx-text-secondary);
    line-height: 1.7;
    margin-bottom: 32px;
}

a.webx-insight-card, a.webx-insight-featured {
    text-decoration: none;
}
a.webx-insight-card:hover .webx-insight-title, 
a.webx-insight-featured:hover .webx-insight-title {
    color: #555555;
}

@media screen and (max-width: 1920px) {
    .webx-section-title {
        font-size: 36px;
    }
    .webx-tab-item {
        font-size: 18px;
    }
    .webx-winpay-image-wrapper{
         min-height: 580px;
    }
    .webx-gc-main-text {
        font-size: 30px;
    }
    .webx-gc-micro-text {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .webx-gc-tabs {
        margin-top: 40px;
    }
    .webx-gc-content-row {
        margin-top: 40px;
    }
	.webx-winpay-section .webx-gc-icon img {
		height: 60px;
	}
	.webx-media-update-img-wrap {
		height: 240px;
	}

}

@media screen and (max-width: 1680px) {
	
	.webx-hero-section {
		height: 760px;
	}
	.webx-hero-title {
		font-size: 45px;
	}
	.webx-hero-desc {
		font-size: 21px;
	}
	.webx-section-desc {
		font-size: 28px;
	}

    .webx-section-desc.webx-eco-desc{
        font-size:32px;
    }
	
	.webx-rc-group-card{
		height:420px;
	}
	
	.webx-rc-wp-img {
		height: 560px;
		object-fit: contain;
	}
	.webx-stat-value {
		font-size: 42px;
	}
	.webx-digital-section .webx-body-container {
		padding: 120px 0px;
	}
	.webx-bingo-header {
		margin-bottom: 60px;
	}
	
}


@media (max-width: 1480px) {
    .webx-btn-dark-line {
        font-size: 13px;
    }
	.webx-eco-card-desc {
		font-size: 14px;
	}
	.webx-eco-card-icon {
		height: 42px;
	}
	.webx-section-title {
		font-size: 36px;
	}
    .webx-eco-intro-section .webx-card-panel{
        padding-top:60px;
        padding-bottom:40px;
    }
	.webx-media-update-img-wrap {
		height: 220px; 
	}
    .webx-media-perspective-card {
        gap: 60px;
    }
    .webx-media-perspective-subtitle {
        font-size: 21px;
    }
    .webx-media-articles-desc{
        font-size:18px;
    }
    .webx-media-perspective-text {
       width:80%;
       font-size:16px;
    }
    .webx-bingo-section {
        padding:120px 3.875rem;
    }
	.webx-gc-subtitle {
		font-size: 18px;
	}
	.webx-gc-main-text {
		font-size: 24px;
	}
	.webx-gc-micro-text{
		font-size:18px;
	}
	
	.webx-eco-subtitle {
		font-size: 16px;
	}
    .webx-rc-hero-img {
        max-height: 320px;
    }
    .webx-rc-system-img {
        max-height: 160px;
    }
    .webx-bingo-card {
		padding: 30px;
		min-height: 420px;
	}
	.webx-winpay-image-wrapper {
		min-height: 560px;
	}
    .webx-winpay-image-wrapper img {
        max-height: 420px;
    }
    .webx-winpay-partners-title {
        margin-bottom: 40px;
    }
    
	.webx-bingo-subtitle,.webx-nf-subtitle {
		font-size: 16px;
	}
	
	

    .webx-article-title{
        font-size:36px;
    }
    .webx-article-meta {
        font-size: 14px;
        gap: 16px;
    }
    .webx-rc-group-card {
        height: 360px;
    }
   
    .webx-digital-card {
        height: 320px;
    }
    .webx-digital-subtitle {
        font-size: 21px;
    }
    
	.webx-digital-desc {
		font-size: 18px;
	}

    .webx-next-future-section .webx-card-panel {
        padding-top: 20px;
    }
     .webx-partner-card {
        height: 100px;
        width: 200px;
    }
    .webx-partner-card img {
        max-height: 36px;
    }
	.webx-rc-hero-desc br{
		display:none;
	}
	.webx-rc-section-desc{
		font-size: 16px;
	}
    .webx-winpay-badge img,
    .webx-eco-badge img{
        width:60px;
    }
    .webx-next-future-section {
        margin-bottom: 60px;
    }
    .webx-media-subscribe-section {
        margin-bottom: 60px;
    }
    .webx-rc-banner-section  {
        margin-bottom: 100px!important;
    }
	.webx-media-subscribe-title {
		font-size: 18px;
	}

}

/* ==================== 3. 移动端与平板适配 ==================== */

@media (max-width: 991.98px) {

    html, :root {
        scroll-behavior: auto !important;
        scroll-padding-top: 100px !important;
    }

	br {
        display: none;
    }
    .mt-5 {
        margin-top: 2rem!important;
    }
    .mb-5 {
        margin-bottom: 2rem!important;
    }
	
	.webx-header-section {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    
    .webx-header-section .webx-container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .webx-logo img {
        height: 42px; 
    }
	
    .webx-hero-title {
        font-size: 36px; 
        line-height: 1.2;
    }
    .webx-hero-content {
        padding: 60px 30px; 
    }
    .webx-card-panel {
        padding: 48px 30px; 
    }
    .webx-hero-section {
        height: 600px; 
    }
    .webx-hero-bottom {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 30px;
    }
    .webx-hero-actions {
        width: 100%;
    }
    .webx-hero-actions .btn {
        flex: 1;
        text-align: center;
    }
    
	.webx-section-desc {
		font-size: 24px;
		margin-top:40px;
	}
    .webx-container, .webx-body-container {
        padding-left: 1.25rem; 
        padding-right: 1.25rem;
    }


	.webx-gc-subtitle {
		font-size: 18px;
	}

    .webx-card-panel {
        padding: 40px 12px 60px 12px !important;
    }

    .webx-section-title {
        font-size: 32px;
        line-height: 1.3;
    }
	
	.webx-logo img{
		height:42px;
	}

    /* --- Hero 首屏版块 --- */
    .webx-hero-section {
        height: auto; 
        min-height: 600px;
        margin-top: 90px; 
    }
    
    .webx-hero-content {
        padding: 40px 24px 60px 24px;
    }
    
    .webx-hero-title {
        font-size: 36px;
        line-height: 1.3;
    }
    
    .webx-hero-desc {
        font-size: 16px;
        margin-bottom: 24px;
    }
    
    .webx-hero-bottom {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 32px;
    }
    
    .webx-hero-actions {
        width: 100%;
    }

    
    .webx-hero-actions .btn {
        flex: 1;
        text-align: center;
        padding: 12px 0;
    }

    .webx-stats-section {
        margin-top: 0px!important;
        margin-bottom: 60px;
    }
    .webx-stat-card {
        padding: 24px 20px;
    }
    .webx-stat-value {
        font-size: 32px;
    }


	.webx-winpay-image-wrapper {
		min-height: 320px;
	}

    .webx-winpay-partners-title {
        font-size: 32px;
    }
	.webx-winpay-partners {
		margin:80px 0px 120px 0px;
	}
	
	.webx-digital-desc {
		font-size: 18px;
	}

    .webx-bingo-cards {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .webx-partner-card {
        width: 140px;
        height: 50px;
    }
	
	.webx-rc-gray-panel {
        padding: 40px 24px 60px 24px;
    }
    
    .webx-rc-group-header .d-flex.justify-content-lg-end {
        justify-content: flex-start !important;
    }
    
    .webx-rc-group-card {
        height: 280px; 
    }
    
    .webx-rc-group-logo {
        height: 60px;
    }
    
    .webx-rc-wp-img {
        height: 300px;
        margin-top: 40px;
    }
    
    .webx-rc-biz-card {
        padding: 24px;
    }
    .webx-rc-model-img-wrap {
        min-height: 240px;
    }
	
	.webx-rc-model-txtwrap {
		padding-left: 0%;
		margin-top: 0%;
	}
		
    .webx-rc-update-card {
        padding: 32px 24px;
        min-height: auto;
    }
    .webx-rc-update-icon {
        margin-bottom: 24px;
    }
    
    .webx-rc-slogan-banner {
        padding: 60px 30px;
        min-height: 400px;
        background-position: 70% center; 
    }
    .webx-rc-slogan-title {
        font-size: 32px;
    }
    .webx-rc-slogan-actions {
        flex-direction: column;
    }
    .webx-rc-slogan-actions .btn {
        width: 100%;
        text-align: center;
    }

	/* --- 下载中心移动端适配 --- */
    .webx-dl-hero-section {
        margin-top: 100px;
        margin-bottom: 40px;
        padding: 0 20px;
    }
    .webx-dl-hero-title {
        font-size: 36px;
    }
    .webx-dl-hero-desc {
        font-size: 16px;
    }
    .webx-dl-tabs-container {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .webx-dl-tabs-container::-webkit-scrollbar {
        display: none;
    }
    .webx-dl-tab {
        flex: 0 0 auto;
        padding: 8px 20px;
        font-size: 14px;
    }
    .webx-dl-card {
        padding: 24px;
    }
    .webx-dl-card-title {
        font-size: 18px;
    }

    .webx-global-commerce-section, .webx-winpay-section {
       position: relative;
       padding-top:40px;
    }

    .webx-global-badge,.webx-winpay-badge{
        display: none;
    }


    .webx-gc-icon img{
       height:50px;
    }

    .webx-winpay-section .webx-gc-icon img{
         height:50px;
    }

    .webx-tab-item {
        font-size: 15px;
    }
	

    /* --- 链商 & WinPay --- */
    .webx-gc-tabs {
        flex-wrap: nowrap;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; 
        padding-bottom: 2px;
    }
    .webx-gc-tabs::-webkit-scrollbar {
        display: none; 
    }
    
    .webx-tab-item {
        flex: 0 0 auto;
        margin-right: 32px; 
        padding-bottom: 12px;
    }
    
    .webx-gc-main-text {
        font-size: 20px;
    }
    
    .webx-gc-img-col {
        padding-left: calc(var(--bs-gutter-x) * .5); 
        margin-top: 0px; 
    }

    /* --- Bingo 全球文娱卡片 --- */
    .webx-bingo-section {
        padding: 120px 0rem;
    }
    .webx-bingo-cards {
        --bs-gutter-y: 24px; 
    }
    
    .webx-bingo-card {
        min-height: auto;
        padding: 32px 24px;
        gap: 32px; 
    }

    /* --- Web3 数字资产体系 --- */
    .webx-digital-header .justify-content-end {
        justify-content: flex-start !important; 
    }
    
    .webx-digital-desc {
        margin-top: 20px !important;
        font-size:15px;
    }
    
    .webx-digital-cards {
        --bs-gutter-y: 24px; 
    }
    
    .webx-digital-card {
        padding: 32px 24px;
        flex-direction: column-reverse;
        align-items: flex-start !important;
        height: auto!important;
        gap: 32px;
    }
    
    .webx-digital-card-title {
        font-size: 24px;
    }
    
	.webx-digital-icon .static-svg{
       position:relative;
    }
	
	.webx-digital-icon .lottie-icon {
		width: 80px;
		height: 80px;
	}

    .webx-eco-map-wrapper {
        padding-left: 0; 
        margin-top: 40px;
    }

    .webx-digital-section .webx-body-container {
        padding: 60px 0px 80px 0px;
    }

    .webx-winpay-badge img, .webx-eco-badge img {
        width: 50px;
    }

    .webx-eco-badge {
        top: 20px;
    }

    /* --- Next Future 版块 --- */
    .webx-nf-cards {
        --bs-gutter-y: 24px;
    }
    
    .webx-nf-card {
        height: auto;
        padding: 32px 24px;
        gap: 0px;
    }
    
    .webx-nf-banner {
        padding: 32px 24px;
        height: auto;
        gap: 40px;
    }
    
    .webx-nf-banner-title {
        font-size: 24px;
        line-height: 1.4;
    }
	
	.webx-rc-panel {
        padding: 40px 20px !important; 
        border-radius: 16px;
    }
    .webx-rc-gray-panel {
        padding: 40px 20px !important;
        border-radius: 16px;
    }

    /* 2. 全局标题与文本缩放 */
    .webx-rc-hero-title {
        font-size: 34px !important;
        line-height: 1.3;
    }
    .webx-rc-section-title {
        font-size: 26px !important;
        line-height: 1.3;
        margin-bottom: 16px;
    }
    .webx-rc-hero-desc,
    .webx-rc-section-desc {
        font-size: 15px !important;
        line-height: 1.7;
    }

    /* 3. 统一所有操作按钮为上下堆叠撑满 */
    .webx-rc-actions,
    .webx-rc-hero-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px !important;
        margin-top: 24px;
    }
    .webx-media-actions .webx-btn-cut,
    .webx-rc-actions  .webx-btn-cut,
    .webx-rc-slogan-actions .webx-btn-cut,
    .webx-rc-hero-actions .webx-btn-cut{
        width: 100%;
        max-width: inherit;
    }
    .webx-rc-actions .btn,
    .webx-rc-hero-actions .btn {
        width: 100%;
        justify-content: center;
        text-align: center;
        max-width: inherit;
    }

    /* 4. 首屏版块 (.webx-rc-hero-section) */
    .webx-rc-hero-section {
        margin-top: 80px;
    }

    .webx-rc-hero-content {
        padding-right: 0;
    }
    .webx-rc-hero-img {
        margin-top: 40px;
        max-height: 240px;
    }

    /* 5. 重点优化：核心资料体系 (.webx-rc-system-section) */
    .webx-rc-system-header {
        text-align: left;
    }
    .webx-rc-system-img {
        margin-top: 24px;
        margin-bottom: 24px;
        margin-right: 0; 
        max-height: 160px;
    }
    

    .webx-rc-cards-row {
        --bs-gutter-y: 16px; 
    }
    .webx-rc-card {
        padding: 30px 24px;
        min-height: auto;
    }
    .webx-rc-card-icon img {
        height: 40px;
    }

    /* 6. 重点优化：集团业务介绍 (.webx-rc-group-section) */
    .webx-rc-group-header .d-flex.justify-content-lg-end {
        justify-content: flex-start !important;
    }
    .webx-rc-group-card {
        height: auto;
        min-height: 220px;
        padding: 30px 20px;
    }
    .webx-rc-group-logo {
        height: 60px;
    }
    .webx-rc-group-card-text {
        padding: 24px;
    }
    .webx-rc-group-card-text h3 {
        font-size: 20px;
    }

    /* 7. 其他资料版块 */
    .webx-rc-wp-img {
        height: auto;
        max-height: 300px;
        margin-top: 40px;
    }
    .webx-rc-biz-card {
        padding: 24px 20px;
    }
    .webx-rc-model-img-wrap {
        min-height: 240px;
    }
    .webx-rc-update-card {
        padding: 32px 24px;
        min-height: auto;
    }
    .webx-rc-update-icon {
        margin-bottom: 24px;
    }

    /* 8. 修复底部 Banner 报错及排版 */
    .webx-rc-slogan-banner {
        padding: 60px 24px;
        min-height: 400px;
        background-position: 70% center; 
    }
    .webx-rc-slogan-title {
        font-size: 32px;
    }
    .webx-rc-slogan-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }
    .webx-rc-slogan-actions .btn {
        width: 100%;
        text-align: center;
    }

    

    /* --- WinPay 跑马灯微调 --- */
    .webx-partner-card {
        width: 130px;
        height: 56px;
        padding: 12px;
    }
	
	
	/* ==================== 媒体中心 (Media Center) 移动端适配 ==================== */
    .webx-media-insight-section .webx-card-panel {
        padding: 40px 24px !important;
    }
    .webx-media-industry-desc {
        font-size: 16px;
        margin-top: 20px;
    }
    .webx-media-panel {
        padding: 40px 20px !important;
    }
    
    .webx-media-hero-section {
        margin-top: 80px;
    }
    .webx-media-hero-title {
        font-size: 32px;
    }
    .webx-media-hero-img {
        margin-top: 20px;
        margin-right: 0;
        max-height: 260px;
    }
    
    .webx-media-actions {
        flex-direction: column;
        width: 100%;
    }
    .webx-media-actions .btn {
        width: 100%;
        text-align: center;
    }
    
    .webx-media-update-card,
    .webx-media-core-card {
        padding: 30px 24px;
        min-height: auto;
    }
    
    .webx-media-industry-section {
        padding-top: 0;
    }
    .webx-media-grid-divider {
        height: 60px;
        margin: 30px 0;
    }
    .webx-media-core-section .webx-media-core-highlight {
        text-align: left !important;
        font-size: 18px;
        margin-top: 20px;
    }
	
    .webx-media-articles-desc {
        text-align: left !important;
        margin-top: 10px;
    }
    
    .webx-media-perspective-card {
        padding: 30px 24px;
        min-height: auto;
    }
    
    .webx-media-perspective-img-wrap img {
        margin-top: 30px;
    }
    
    .webx-media-subscribe-card {
        padding: 24px;
    }
	
	
	/* ==================== 媒体中心 (Media Center) ==================== */
    .webx-media-section-title {
        font-size: 26px !important;
        line-height: 1.3;
        margin-bottom: 12px !important;
    }
    .webx-media-section-desc {
        font-size: 15px !important;
        line-height: 1.7;
    }

    .webx-media-article-card {
        padding: 32px 24px !important;
    }
    .webx-media-article-title {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }
    .webx-media-article-desc {
        font-size: 14px !important;
        margin-bottom: 24px !important;
    }
    .webx-media-article-img-wrap img {
        height: 160px !important;
    }

    .webx-media-card-number {
        font-size: 32px !important;
        margin-bottom: 16px !important;
    }
    .webx-media-core-title {
        font-size: 17px !important;
    }


    .webx-media-perspective-listrow{
        margin-top:40px;
    }

    .webx-media-perspective-card {
        gap: 40px;
        min-height: 180px;
    }
    .webx-media-subscribe-icon {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 20px !important;
    }
    .webx-media-subscribe-icon .bi {
        font-size: 20px !important;
    }
    .webx-media-subscribe-title {
        font-size: 17px !important;
    }

    .webx-media-perspective-icon img {
        height: 80px !important;
    }
    .webx-media-perspective-text {
        font-size: 16px;
    }

    .webx-media-perspective-title {
        font-size: 24px;
    }

    
	.webx-media-perspective-subtitle {
        font-size: 18px;
        width:80%;
    }

    .webx-media-updates-section,
    .webx-media-insight-section,
    .webx-media-core-section,
    .webx-media-articles-section,
    .webx-media-perspective-section {
        margin-bottom: 60px !important;
    }
	
	
    .webx-article-section {
        margin-top: 100px;
    }
    .webx-article-title {
        font-size: 32px;
    }
    .webx-article-content {
        font-size: 16px;
    }
    .webx-article-content h2 {
        font-size: 24px;
    }
    .webx-article-cover {
        margin-bottom: 40px;
    }

    .webx-contact-section {
        margin-top: 100px;
    }
    .webx-contact-title {
        font-size: 40px;
    }
    .webx-contact-info-wrap {
        padding-right: 0;
        margin-bottom: 60px;
    }
    .webx-contact-form-card {
        padding: 32px 24px;
    }
	
	/* --- 动态列表页 移动端适配 --- */
    .webx-list-hero-section {
        margin-top: 100px;
        margin-bottom: 40px;
        padding: 0 20px;
    }
    .webx-list-hero-title {
        font-size: 36px;
    }
    .webx-list-hero-desc {
        font-size: 16px;
    }
    .webx-list-grid-section {
        margin-bottom: 60px;
    }
    .webx-pagination {
        margin-top: 40px;
        gap: 8px;
    }
    .webx-page-link {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

	/* --- 行业洞察列表页 移动端适配 --- */
    .webx-insight-hero-section {
        margin-top: 100px;
        margin-bottom: 40px;
        padding: 0 20px;
    }
    
    .webx-insight-featured {
        flex-direction: column;
    }
    
    .webx-insight-featured-img {
        width: 100%;
        min-height: 240px;
    }
    
    .webx-insight-featured-content {
        width: 100%;
        padding: 32px 24px;
    }
    
    .webx-insight-featured-content .webx-insight-title {
        font-size: 24px;
    }
    
    .webx-insight-card-content {
        padding: 32px 24px;
    }
    
    .webx-insight-title {
        font-size: 20px;
    }

    .webx-media-core-card {
        padding: 30px 32px 40px;
        height: 320px;
    }
    .webx-media-core-title {
        margin-top: 40px;
    }
    .webx-media-articles-desc {
        font-size: 18px;
    }
	
	/* --- 移动端语言切换 --- */
    .webx-mobile-lang-wrap {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 16px;
        margin-bottom: 24px;
    }
	
	.webx-mobile-lang-wrap a{
		color:#000;
		font-size:18px;
		margin-right:8px;
		text-decoration:none;
	}
    
    .webx-mobile-lang-btn {
        font-size: 18px;
        font-weight: 600;
        color: var(--webx-text-muted);
        text-decoration: none;
        transition: color 0.3s;
    }
    
    .webx-mobile-lang-btn.active {
        color: var(--webx-text-main);
    }
    
    .webx-mobile-lang-divider {
        width: 1px;
        height: 16px;
        background-color: #dddddd;
    }

    /*联系我们*/
    .webx-cf-label {
        font-size: 16px;
    }
    .webx-cf-title {
        font-size: 32px;
    }
	.webx-contact-new-hero {
        margin-top: 100px!important;
    }
    
    .webx-cf-socials {
        margin-top: 20px;
    }

    .webx-cf-desc{
        margin-bottom:20px;
    }

    .webx-contact-new-hero-panel {
        padding: 40px 24px;
        background:#000 url(../img/contact-hero-map.png) bottom center no-repeat;
        background-size: contain;
        min-height: auto;
    }
    .webx-contact-new-hero-title {
        font-size: 32px;
    }
    .webx-contact-new-hero-desc {
        font-size: 15px;
            color: #fff;
    }
    .webx-contact-new-hero-right {
        display: none; 
    }
    .webx-contact-new-hero-actions {
        flex-direction: column;
    }
    .webx-contact-new-hero-actions a {
        text-align: center;
    }
    .webx-contact-new-types-title {
        font-size: 28px;
    }
    .webx-contact-new-types-bg {
        display: none; 
    }
    .webx-contact-new-type-card {
        padding: 32px 24px;
    }

    .webx-cf-steps{
        display: none;
    }

    .webx-cf-social-title {
        font-size: 15px;
    }
    .webx-cf-social-link {
        font-size: 14px;
    }


    .webx-cf-section {
        margin-top: 80px!important;
        margin-bottom: 80px;
    }
    .webx-cf-left {
        padding-right: 0;
        margin-bottom: 60px;
    }
    .webx-cf-grid-bg {
        display: none; 
    }
    .webx-cf-form-bg {
        top: -10px; left: -10px;
    }
    .webx-cf-form-card {
        padding: 32px 24px;
    }

    .webx-contact-modal__dialog {
        width: min(100%, 100%);
        padding: 28px 20px 22px;
        border-radius: 14px;
    }

    .webx-contact-modal__close {
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        font-size: 20px;
    }

    .webx-contact-modal__icon {
        width: 48px;
        height: 48px;
        margin-bottom: 14px;
    }

    .webx-contact-modal__icon span {
        font-size: 26px;
    }

    .webx-contact-modal__title {
        font-size: 22px;
    }

    .webx-contact-modal__message {
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 1.65;
    }

    .webx-contact-modal__button {
        min-width: 108px;
        height: 38px;
    }

    .webx-co-section {
        padding: 60px 0 80px 0;
    }
    .webx-co-header {
        margin-bottom: 40px;
    }
    .webx-co-title {
        font-size: 32px;
    }

    .webx-cm-panel, .webx-sm-panel {
        padding: 40px 24px;
    }
    .webx-cm-title, .webx-sm-title {
        font-size: 26px;
    }
    .webx-cm-desc, .webx-sm-desc {
        font-size: 14px;
    }
    .webx-cm-card {
        padding: 24px 20px;
    }
    .webx-cm-icon {
        margin-right: 16px;
        font-size: 28px;
    }
    .webx-cm-note {
        font-size: 13px;
        align-items: flex-start;
    }
    .webx-sm-btn {
        width: 100%;
        text-align: center;
    }
	
}



/* ==========================================================================
   ============= Responsive Patch ======================
   ========================================================================== */

@media (max-width: 1480px) {
    .webx-btn-cut {
        padding: 8px 24px;
    }
    .webx-section-desc, .webx-section-desc.webx-eco-desc { font-size: 30px !important; }
    .webx-gc-main-text { font-size: 24px !important; max-width: 72% !important; }
    .webx-co-desc { width: 90% !important; }

    .webx-media-core-section {
        padding: 160px 0px 160px 0px;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .webx-rc-hero-title,.webx-rc-section-title,
    .webx-co-title,.webx-cf-title,.webx-contact-new-hero-title,
    .webx-media-hero-title,.webx-media-section-title,.webx-cm-title,.webx-sm-title,
    .webx-media-core-section .webx-media-section-title{
        font-size: 36px;
    }

    .webx-digital-section .webx-body-container {
        padding: 120px 40px;
    }
    
    .webx-card-panel, .webx-media-panel {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .webx-media-core-section .webx-media-section-desc {
        font-size: 16px;
    }
    .webx-media-core-section .webx-media-core-highlight {
        font-size: 24px;
    }
    .webx-rc-hero-section .webx-rc-panel {
        padding: 40px 40px!important;
    }
    
    .webx-media-hero-section .webx-media-panel{
         padding: 40px 40px!important;
    }

    .webx-rc-group-logo {
        height: 100px;
    }
    
    .webx-media-core-icon img {
        width: 60px;
    }
    .webx-media-hero-img {
        max-height: 360px;
    }
    .webx-media-core-card {
        padding: 30px 32px 60px;
        height: 360px;
    }
    .webx-media-card-number {
        font-size: 42px;
    }

    .webx-media-article-desc{
        width:90%;
        font-size:14px;
    }

    .webx-media-core-desc {
        font-size: 14px;
    }
	
	.webx-rc-model-txtwrap {
		padding-left: 5%;
		margin-top: -5%;
	}

    .webx-rc-whitepaper-section .webx-rc-panel {
        padding: 40px 0px 0px!important;
    }

    .webx-media-core-title {
        font-size: 21px;
    }
    .webx-rc-update-card {
        padding: 20px 40px;
        min-height: 210px;
    }
    .webx-rc-update-icon {
        width: 50px;
        height: 50px;
    }
    .webx-rc-section-title {
        margin-bottom: 20px!important;
    }

    .webx-rc-slogan-banner {
        padding: 40px 80px;
        min-height: 280px;
    }
    .webx-rc-slogan-title {
        font-size: 32px;
    }
    .webx-rc-slogan-desc {
        font-size: 15px;
    }
    .webx-media-card-title {
        width: 90%;
		font-size:16px;
    }
    .webx-media-update-card {
        padding: 30px 32px;
        min-height: 280px;
    }
    .webx-media-card-desc {
        max-width: 100%;
    }
    .webx-media-insight-desc {
        font-size: 21px;
    }
    .webx-contact-new-hero-panel {
        padding: 60px 60px;
        min-height: 360px;
    }
	.webx-media-article-img-wrap img {
		height: 140px;
	}
	.webx-media-article-card {
		padding: 30px 30px 40px 30px;
	}


    .webx-cm-card-title,
    .webx-cm-link {
        font-size: 18px;
    }
    .webx-cm-card {
        padding: 40px 40px;
        height: 160px;
    }
    .webx-cm-desc {
        font-size: 16px;
    }

    .webx-sm-desc{
        font-size:16px;
        width:60%;
    }
  
}


@media (max-width: 1280px) {

    .webx-rc-hero-title,.webx-rc-section-title,
    .webx-co-title,.webx-cf-title,.webx-contact-new-hero-title,
    .webx-media-hero-title,.webx-media-section-title,
     .webx-contact-new-types-title,.webx-cm-title,.webx-sm-title,
    .webx-media-core-section .webx-media-section-title{
        font-size: 32px;
    }
    .webx-contact-new-type-desc {
        font-size: 13px;
        margin-bottom: 30px;
    }
    .webx-contact-new-hero-panel {
        padding: 40px 40px;
        min-height: 320px;
    }

    .webx-stat-label {
        font-size: 16px;
    }
    .webx-stat-value {
        font-size:36px;
    }
    .webx-digital-card {
        padding: 30px 30px;
        height: 280px;
    }

    .webx-digital-card-sub {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .webx-digital-card-title {
        font-size: 28px;
        font-weight: 800;
        color: var(--webx-text-main);
        color: rgba(255,255,255,1);
        margin-bottom: 12px;
    }

    .webx-bingo-header {
        margin-bottom: 60px;
    }

    .webx-bingo-card {
        padding: 30px;
        min-height: 360px;
    }
    .webx-bingo-card-title {
        font-size: 21px;
    }
    .webx-bingo-card-desc {
        font-size: 15px;
    }

    .webx-cf-desc {
        font-size: 16px;
        color: #666666;
        line-height: 1.8;
        margin-bottom: 48px;
        max-width: 90%;
    }
    .webx-cf-form-wrap {
        padding: 10px;
    }
    .webx-cf-form-card {
        padding: 30px;
    }
    .webx-cf-social-title {
        font-size: 16px;
    }
    .webx-cf-step-desc {
        font-size: 13px;
    }
    .webx-cf-social-link {
        font-size: 15px;
    }
    .webx-rc-group-card {
        height: 320px;
    }
    .webx-cf-step-title {
        font-size: 15px;
    }
    .webx-co-desc {
        font-size: 18px;
    }
    .webx-co-img-wrap {
        height: 160px;
    }
    .webx-co-card-top {
        margin-bottom: 16px;
    }
    .webx-co-city-desc {
        font-size: 14px;
    }
    
    .webx-sm-card-desc{
        font-size:12px;
    }
	
	.webx-rc-panel{
		padding-top:30px;
	}


}


@media (max-width: 1024px) {

    .webx-card-panel {
        padding: 80px 0px 80px 0px;
    }

    .webx-section-title {
        font-size: 32px;
    }
    .webx-contact-new-hero {
        margin-bottom: 60px;
    }
    .webx-contact-new-type-icon {
        font-size: 32px;
        margin-bottom: 24px;
    }
    .webx-contact-new-type-btn {
        font-size: 12px;
        padding: 8px 20px;
    }
    .webx-contact-new-type-card {
        padding: 20px 16px;
    }
    .webx-contact-new-type-title {
        font-size: 18px;
    }
    .webx-contact-new-type-desc {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .webx-co-city {
        font-size: 21px;
    }
    .webx-co-city-desc {
        font-size: 13px;
    }
    .webx-co-card-top {
        margin-bottom: 12px;
        gap: 10px;
    }
    .webx-co-icon img {
        height: 60px;
    }
    .webx-co-card {
        padding: 24px 24px 24px 24px;
    }

    .webx-hero-content {
        padding: 60px 40px 60px 40px;
    }
    
    .webx-hero-desc {
        font-size: 18px;
    }

    .webx-digital-subtitle {
        font-size: 18px;
    }

    .webx-sm-card-title {
        font-size: 21px;
        margin-bottom: 12px;
    }

    .webx-stat-value {
        font-size: 36px;
    }

    .webx-digital-card-sub {
        font-size: 15px;
    }

    .webx-tab-item {
        font-size: 16px;
    }

    .webx-global-badge {
        top: 80px;
        right: 40px;
    }

    .webx-winpay-section .webx-gc-icon img {
        height: 80px;
        max-width: 210px;
    }


    .webx-gc-main-text {
        font-size: 21px !important;
    }

    .webx-winpay-image-wrapper {
        min-height: 480px;
    }

    .webx-winpay-image-wrapper img {
        max-height: 360px;
    }


    

}

@media (max-width: 991.98px) {
    .webx-body-container, .webx-container { 
        padding-left: 20px !important; 
        padding-right: 20px !important; 
    }
    .webx-card-panel, .webx-rc-panel, .webx-media-panel { 
        padding: 40px 20px !important; 
    }
	
	.webx-rc-panel{
		padding:40px 0px!important;
	}
	.webx-rc-model-txtwrap {
		padding-left: 0%;
		margin-top: 0%;
	}
    
    .webx-hero-title { font-size: 32px !important; line-height: 1.3 !important; }
    .webx-hero-desc { font-size: 16px !important; margin-bottom: 24px !important; }
    
    .webx-hero-video-pop{
        display: none;
    }

    .webx-hero-content {
        padding: 60px 20px 60px 20px;
    }

    .webx-section-title, .webx-co-title, .webx-cm-title, .webx-sm-title {font-size: 28px !important; line-height: 1.3 !important; margin-bottom: 16px !important; }
    .webx-section-desc, .webx-section-desc.webx-eco-desc { font-size: 28px !important; margin-top: 16px !important; line-height: 1.7 !important; }
    .webx-gc-main-text { font-size: 18px !important; width: 86%; }
    .webx-co-desc, .webx-cf-desc, .webx-cm-desc, .webx-sm-desc { width: 100% !important; font-size: 15px !important; }

    section { margin-top: 40px !important; margin-bottom: 40px !important; }
    .webx-hero-section { margin-top: 80px !important; height: auto !important; min-height: auto !important; padding-bottom: 40px !important; }
    .webx-bingo-section, .webx-digital-section, .webx-media-core-section, .webx-media-perspective-section, .webx-co-section { 
        padding-top: 60px !important; 
        padding-bottom: 60px !important; 
    }

    .webx-media-perspective-section {
        padding-top:100px !important;
        padding-bottom:100px !important;
    }

    .webx-co-section{
        padding-top:120px!important;
    }
    .webx-co-title {
        margin-bottom: 0px!important;
    }
    .webx-co-card-top {
        margin-bottom: 16px;
    }
    .webx-co-city {
        font-size: 21px;
        margin-bottom: 6px;
    }
    .webx-co-city-desc {
        font-size: 14px;
    }
	
	.webx-rc-update-card {
		padding: 20px 30px;
	}
	.webx-rc-update-desc {
		font-size: 16px;
		line-height: 1.5;
	}
	

    .webx-cm-section {
        padding: 0px 0px 0px 0px;
    }
    .webx-cm-card {
        padding: 40px 40px;
        height: 120px;
    }
    .webx-cm-card-title {
        font-size: 15px;
    }
    .webx-cm-link {
        font-size: 18px;
    }
    .webx-rc-hero-section { margin-top: 82px !important; height: auto !important; }
	.webx-media-hero-section { margin-top: 110px !important; height: auto !important; }

    img, video { max-width: 100% !important; height: auto; }
    .webx-gc-image-wrapper img, .webx-winpay-image-wrapper img { width: 100% !important; height: auto !important; }
    .webx-co-img-wrap { height: 200px !important; }
    .webx-rc-wp-img { height: auto !important; margin-top:0px; }
    
    .webx-hero-actions, .webx-rc-actions, .webx-media-actions, .webx-gc-buttons { 
        flex-direction: column !important; 
        width: 100% !important; 
        gap: 16px !important; 
    }
	.webx-global-commerce-section .webx-gc-buttons, .webx-winpay-section .webx-gc-buttons {
		display: flex;
		flex-direction: row!important;
		 gap: 0px !important; 
		 margin-bottom:30px;
	}
	.webx-gc-buttons a {
		width: 100px;
		padding:12px 8px;
		min-width: inherit;
		font-size:12px;
	}
    .webx-hero-actions .btn, .webx-btn-cut, .webx-rc-actions .btn, .webx-media-actions .btn, .webx-gc-buttons a, .webx-sm-btn { 
        text-align: center !important; 
        justify-content: center !important; 
    }

    .webx-digital-section{
        padding-top: 30px !important;
        padding-bottom: 0px !important;
        margin-bottom:0px!important;
    }

    .webx-bingo-header {
        margin-bottom: 60px;
    }
	.webx-digital-section .webx-body-container {
		padding: 40px 0px;
	}

    .webx-ecosystem-section{
        margin-top:0px!important
    }

    .webx-eco-badge{
        display: none;
    }
	
	.webx-bingo-card {
		min-height: 320px;
	}

    .webx-gc-tabs, .webx-dl-tabs-container {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
	
	.webx-next-future-section .webx-card-panel{
		padding-left:0px!important;
		padding-right:0px!important;
	}

    .webx-contact-new-hero-panel { padding: 40px 24px !important; }
    .webx-cf-left { padding-right: 0 !important; margin-bottom: 0px !important; }
    .webx-cf-grid-bg, .webx-contact-new-hero-right { display: none !important; }
    .webx-contact-new-type-icon {
        margin-bottom: 16px;
    }
    .webx-contact-new-type-desc {
        margin-bottom:20px;
    }
    .webx-sm-icon {
        margin-bottom: 30px;
    }
    .webx-sm-card-title {
        font-size: 18px;
    }

    .webx-sm-card-desc {
        font-size: 14px;
    }

    .webx-mobile-menu-footer p{
        font-size:16px;
    }
    .webx-btn-cut{
        padding: 12px 24px;
        min-width: 120px;
    }

    .webx-hero-actions .webx-btn-cut{
        width:100%;
        max-width: inherit;
    }

    .webx-hero-right{
        width:100%;
    }
    .webx-hero-social-join {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .webx-page-resourceWrap{
        background: url(../img/resource-center_pagebg_h5.jpg) top center no-repeat;
        background-size: contain;
    }

	.webx-rc-slogan-banner {
		padding: 40px 40px;
		min-height: 280px;
	}
	
	
	.webx-media-update-img-wrap {
		height: 180px;
		border-radius: 6px;
	}
	.webx-media-hero-section .webx-media-panel {
		padding: 40px 20px!important;
	}
	.webx-media-update-card {
		padding: 30px 16px;
		min-height: 280px;
	}
	.webx-media-updates-section .webx-media-panel {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.webx-media-insight-section .webx-card-panel {
		padding: 0px 24px 40px!important;
	}
	.webx-media-core-card {
		padding: 30px 32px 60px;
		height: 280px;
	}
	.webx-media-core-desc {
		font-size: 15px;
	}
	.webx-media-core-title {
		font-size: 18px !important;
	}
	.webx-media-actions{
		opacity:1!important;
	}
	
    
}

@media (max-width: 575.98px) {
	
	.webx-hero-section .webx-hero-content {
		padding: 60px 0px 60px 0px;
	}
	.webx-eco-intro-section .webx-card-panel{
		padding-top:0px!important;
	}
	.webx-rc-hero-section .webx-rc-panel {
		padding: 40px 20px!important;
	}
	.webx-rc-system-section .webx-rc-panel{
		padding: 40px 20px!important;
	}
	.webx-rc-group-section .webx-rc-group-card{
		height:auto;
	}
	.webx-rc-bizmodel-section {
		padding-top: 40px;
		padding-bottom:40px;
	}
	.webx-rc-biz-title {
		font-size: 21px;
	}
	.webx-rc-biz-desc {
		font-size: 15px;
	}
	.webx-terms-hero-section {
		padding: 100px 0 0px 0;
		margin-bottom: 0px!important;
	}
	.webx-terms-content-section {
		margin-top: 0px!important;
	}
    .webx-hero-title { font-size: 36px !important; margin-bottom:40px;}
    .webx-section-title{ font-size: 28px !important; width:100%;}
	.webx-eco-intro-section .webx-section-title{
		margin:inherit;
	}
	.webx-stats-section .webx-card-panel{
		padding:30px 0px!important;
	}
    .webx-stat-value { font-size: 32px !important; }
    .webx-media-card-number { font-size: 40px !important; }
    .webx-co-card, .webx-cf-form-card, .webx-cm-card, .webx-sm-card { padding: 24px 20px !important; }

    .webx-eco-map-wrapper { padding-left: 0 !important; }
	
	.webx-rc-hero-micro {
		color: #000;
	}
	
	.webx-winpay-section .webx-gc-icon img {
		height: 40px;
	}
	.webx-winpay-image-wrapper {
		min-height: 360px;
	}
	
}


.webx-terms-hero-section {
	padding: 120px 0 30px 0;
	background-color: var(--webx-bg-page);
}
.webx-terms-hero-title {
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 24px;
	color: var(--webx-text-main);
}
.webx-terms-hero-desc {
	font-size: 18px;
	color: var(--webx-text-secondary);
	line-height: 1.6;
	max-width: 90%;
}
.webx-terms-content-section {
	padding: 0px 0 100px 0;
	background-color: var(--webx-bg-page);
}
.webx-terms-panel {
	background-color: #ffffff;
	border-radius: var(--webx-radius-lg, 24px);
	padding:30px 80px 60px 80px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.03);
}
.webx-terms-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--webx-text-main);
	margin-top: 40px;
	margin-bottom: 20px;
}
.webx-terms-content p, .webx-terms-content li {
	font-size: 16px;
	color: var(--webx-text-secondary);
	line-height: 1.8;
	margin-bottom: 16px;
}
.webx-terms-content ul {
	padding-left: 20px;
	margin-bottom: 24px;
}
.webx-terms-content li {
	margin-bottom: 12px;
}
@media (max-width: 991.98px) {
	.webx-terms-hero-section { padding: 100px 0 40px 0; }
	.webx-terms-hero-title { font-size: 32px; }
	.webx-terms-panel { padding: 40px 24px; }
}



/* Footer Layout Styles */

.webx-footer {
	width: 100%;
	margin-bottom: 0;
}

footer.webx-container{
	padding-left: 0px !important;
    padding-right: 0px !important;
}

.footer-panel {
	display: flex;
	justify-content: space-between;
	background-color: #000000;
	border-radius: 32px 32px 0 0;
	padding: 80px 80px 60px 80px;
	min-height: 520px;
	color: #ffffff;
	box-sizing: border-box;
}

.footer-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 350px;
}

.footer-logo img {
	height: 64px;
	object-fit: contain;
}

.footer-copyright {
	font-size: 13px;
	color: #666666;
}

.footer-right {
	display: flex;
	gap: 100px; 
}

.footer-col {
	display: flex;
	flex-direction: column;
}

.footer-title {
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 32px;
}
.footer-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-list li a {
	font-size: 16px;
	color: #888888;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-list li a:hover {
color: #ffffff;
}

.footer-socials {
	display: flex;
	gap: 24px;
	align-items: center;
}

.footer-socials a {
	color: #ffffff;
	font-size: 24px;
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.footer-socials a svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.footer-socials a:hover {
	opacity: 0.7;
}

@media (max-width: 1280px) {
	.footer-right {
		gap: 60px;
	}
}

@media (max-width: 991.98px) {
	.footer-panel {
		flex-direction: column;
		gap: 60px;
		padding: 60px 40px;
	}
	.footer-right {
		flex-wrap: wrap;
		gap: 50px;
	}
}

@media (max-width: 575.98px) {
	.footer-panel {
		padding: 50px 24px 80px 24px;
	}
	.footer-right {
		flex-direction: row;
		gap: 40px;
	}
	.footer-copyright {
		margin-top: 40px;
	}
}



/* ============================ App Download 
   =========================== */

.webx-appdl-hero-section {
    position: relative;
    padding: 160px 0 160px 0;
    margin-top: 88px;
    background: linear-gradient(145deg, #d3e5f9 0%, #eef5fc 40%, #ffffff 100%);
    overflow: hidden;
}

.webx-appdl-hero-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.webx-appdl-hero-left {
    width: 50%;
    padding-right: 40px;
}

.webx-appdl-eyebrow {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 8px;
    display: block;
}

.webx-appdl-title {
    font-size:56px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 16px;
    letter-spacing: 1px;
}

.webx-appdl-subtitle {
    font-size: 28px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 32px;
}

.webx-appdl-desc {
    font-size:21px;
    color: #666666;
    line-height: 1.4;
    max-width: 85%;
    margin-bottom: 40px;
}

.webx-appdl-qr-box {
    display: flex;
    align-items: center;
    gap: 24px;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 12px 32px 12px 16px;
    margin-bottom: 16px;
    max-width: 550px;
    backdrop-filter: blur(10px);
}

.webx-appdl-qr-box img {
    width: 140px;
    height: 140px;
    border-radius: 8px;
}

.webx-appdl-qr-text {
    font-size: 21px;
    color: #444444;
    font-weight: 500;
}

.webx-appdl-stores {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.webx-appdl-store-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    color: #ffffff;
    height: 64px;
    padding: 0 24px;
    border-radius: 8px;
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.webx-appdl-store-btn:hover{
	background:#003BAF;
}

.webx-appdl-store-btn .text-start{
	line-height:1.2;
}

.webx-appdl-store-btn small{
	font-size:10px;
}

.webx-appdl-store-btn strong{
	font-size:18px;
}

.webx-appdl-store-btn:hover {
    background-color: #333333;
    color: #ffffff;
    transform: translateY(-2px);
}

.webx-appdl-store-btn img {
    height: 30px;
    margin-right: 10px;
}

.webx-appdl-hero-right {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.webx-appdl-phones-wrapper {
    position: relative;
    width: 100%;
    height: 600px;
}

.webx-appdl-globe-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    width:560px;
    opacity: 0.8;
    z-index: 1;
}

.webx-appdl-phone-front {
    position: absolute;
    left: 10%;
	bottom:-160px;
    width: 860px;
    z-index: 3;
}

.webx-appdl-phone-back {
    position: absolute;
    top: 200px;
    right: 10%;
    width: 300px;
    z-index: 2;
    transform: rotate(-5deg);
    filter: drop-shadow(0px 20px 30px rgba(0,0,0,0.1));
}

.webx-appdl-brands-section {
    padding: 130px 0 100px 0;
    background-color: #ffffff;
}

.webx-appdl-section-title {
    font-size: 32px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 40px;
}

.webx-appdl-brands-wrapper {
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, #000000 10%, #000000 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, #000000 10%, #000000 90%, transparent);
}

.webx-appdl-brands-grid {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}

.webx-appdl-brand-card {
    width: 240px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.webx-appdl-brand-card:hover {
    background-color: #eef0f3;
    transform: translateY(-2px);
}

.webx-appdl-brand-card img {
    max-height: auto;
    max-width: 100%;
}


.webx-appdl-stats-section {
    padding: 60px 0;
    background-color: #ffffff;
}

.webx-appdl-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.webx-appdl-stat-card {
    background-color: #f3f5f7;
    border-radius: 16px;
    padding: 40px 32px;
    transition: transform 0.3s ease;
}

.webx-appdl-stat-card:hover {
    transform: translateY(-4px);
}

.webx-appdl-stat-value {
    font-size: 42px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
}

.webx-appdl-stat-label {
    font-size: 18px;
    color: #777777;
    margin-bottom: 0;
}


.webx-appdl-features-section {
    padding: 60px 0 120px 0;
	margin-bottom:120px;
    background-color: #ffffff;
}

.webx-appdl-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.webx-appdl-feature-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.webx-appdl-feature-icon {
    width:100px;
    height: 100px;
    background-color: #f3f5f7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.webx-appdl-feature-icon img {
    width: 42px;
    height: 42px;
}

.webx-appdl-feature-title {
    font-size: 21px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 12px;
}

.webx-appdl-feature-desc {
    font-size: 16px;
    color: #888888;
    line-height: 1.4;
    margin-bottom: 0;
}

@media (max-width: 1480px) {
	.webx-appdl-hero-section{
		padding-top:130px;
	}
	.webx-appdl-title {
		font-size: 48px;
	}
	.webx-appdl-subtitle {
		font-size: 24px;
		margin-bottom: 24px;
	}
	.webx-appdl-qr-box {
		padding: 12px 24px 12px 12px;
		max-width: 500px;
	}
	.webx-appdl-phone-front {
		width: 760px;
	}
	.webx-appdl-desc{
		font-size:18px;
	}
}

@media (max-width: 1280px) {
    .webx-appdl-hero-left { width: 100%; margin-bottom: 60px; }
    .webx-appdl-hero-right { width: 100%; height: 500px; }
    .webx-appdl-phone-front { transform: top: 0; }
    .webx-appdl-globe-bg { left: 50%; transform: translate(-50%, -50%); }
    .webx-appdl-features-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 24px; }
}
@media (max-width: 1200px) {
	.webx-appdl-title {
		font-size: 42px;
	}
	.webx-appdl-qr-box img {
		width: 120px;
		height: 120px;
	}
	.webx-appdl-qr-text {
		font-size: 18px;
	}
	.webx-appdl-stat-card {
		padding: 30px 24px;
	}
	.webx-appdl-brand-card{
		width:210px;
	}
}
@media (max-width: 768px) {
	
    .webx-appdl-hero-container { flex-direction: column; }
	.webx-appdl-hero-section {
		padding: 120px 0 0px 0;
	}
	.webx-appdl-brand-card{
		width:180px;
	}
    .webx-appdl-title { font-size: 32px; }
    .webx-appdl-subtitle { font-size: 21px; }
	.webx-appdl-desc {
		font-size: 15px;
	}
	.webx-appdl-hero-right {
		height: 420px;
	}
	.webx-appdl-phone-front {
		width: auto;
		bottom:-50px;
		left: 5%;
	}
	.webx-appdl-brands-section{
		padding-top:80px;
		padding-bottom:0px;
	}
	.webx-appdl-section-title {
		font-size: 28px;
		width: 80%;
	}
	.webx-appdl-features-section{
		padding-top:0px;
	}
    .webx-appdl-stats-grid { grid-template-columns: 1fr; }
    .webx-appdl-features-grid { grid-template-columns: 1fr; }
    .webx-appdl-phones-wrapper { height: 400px; }
    .webx-appdl-phone-back { width: 200px; top: 60px; }
    .webx-appdl-qr-box { flex-direction: column; align-items: flex-start; }
	.webx-appdl-store-btn {
		width: 100%;
		justify-content: flex-start;
	}
	.webx-appdl-store-btn small {
		font-size: 16px;
	}
}