:root {
    --main-color: #000000;
    --bg-color: #ffffff;
    --light-bg: #f8f9fa;
    --primary-text: #000000;
    --secondary-text: #666666;
    --muted-text: #999999;
    --border-light: #e9ecef;
    --bg-gradient: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    
    /* 间距变量 */
    --gap-xs: 4px;
    --gap-sm: 8px;
    --gap-md: 12px;
    --gap-lg: 16px;
    --gap-xl: 20px;
    --gap-2xl: 24px;
    --gap-3xl: 32px;
    
    /* 圆角 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-full: 50%;
    
    /* 过渡 */
    --transition-quick: 0.15s ease;
    --transition-smooth: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* 阴影 */
    --shadow-light: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-medium: 0 4px 8px rgba(0,0,0,0.1);
    --shadow-heavy: 0 8px 16px rgba(0,0,0,0.15);
    --shadow-deep: 0 16px 32px rgba(0,0,0,0.2);
    
    /* 渐变 */
    --gradient-primary: linear-gradient(135deg, var(--main-color) 0%, var(--secondary-text) 100%);
    --gradient-blue: linear-gradient(135deg, #4285f4 0%, #1877f2 100%);
    
    /* 颜色 */
    --dark-gray: #1f2937;
    --font-xs: 12px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: var(--primary-text);
    background: var(--bg-gradient);
    min-height: 100vh;
}

.EmbWrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 顶部导航 */
.EmbTopNav {
    background: var(--bg-color);
    border-bottom: 1px solid var(--border-light);
}

.EmbNavBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.EmbBrand img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.EmbBrand {
    width: 100px;
    height: 100px;
    object-fit: contain;
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-text);
    text-decoration: none;
}

.EmbMenuList {
    display: flex;
    list-style: none;
    gap: 30px;
}

.EmbMenuList a {
    text-decoration: none;
    color: var(--secondary-text);
    font-weight: 400;
    transition: color 0.3s ease;
}

.EmbMenuList a:hover {
    color: var(--primary-text);
}

.EmbCtaButton {
    background: var(--main-color);
    color: var(--bg-color);
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.EmbCtaButton:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* 主横幅区域 */
.EmbBannerSection {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #000;
}

/* 视频背景 */
.EmbBannerVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
    object-fit: cover;
    filter: grayscale(100%) contrast(1.2) brightness(0.8);
    opacity: 0.4;
}

/* 背景覆盖层 */
.EmbBannerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 1;
}

/* 动态背景形状 */
.EmbBannerAnimatedBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

.EmbBgShape {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    animation: float 20s infinite ease-in-out;
}

.EmbBgShape1 {
    width: 400px;
    height: 400px;
    top: 10%;
    left: 5%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0%, transparent 70%);
    animation-delay: 0s;
    animation-duration: 25s;
}

.EmbBgShape2 {
    width: 300px;
    height: 300px;
    bottom: 15%;
    right: 10%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    animation-delay: 5s;
    animation-duration: 20s;
}

.EmbBgShape3 {
    width: 500px;
    height: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.02) 0%, transparent 70%);
    animation-delay: 10s;
    animation-duration: 30s;
}

@keyframes float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
    25% {
        transform: translate(50px, -50px) scale(1.1);
        opacity: 0.5;
    }
    50% {
        transform: translate(-30px, 30px) scale(0.9);
        opacity: 0.4;
    }
    75% {
        transform: translate(30px, 50px) scale(1.05);
        opacity: 0.6;
    }
}

.EmbBannerGrid {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.EmbBannerContent {

    text-align: center;
    padding: 40px 20px;
}

.EmbBannerTag {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 21px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    letter-spacing: 0.5px;
    animation: fadeInUp 0.8s ease-out;
}

.EmbBannerHeading {
    font-size: 96px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    animation: fadeInUp 0.8s ease-out 0.2s both;
    letter-spacing: -1px;
}

.EmbBannerDescription {
    font-size: 27px;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 40px;
    line-height: 1.8;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: fadeInUp 0.8s ease-out 0.4s both;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.EmbActionButtons {
    display: flex;
    gap: 20px;
    align-items: center;
}

.EmbBtnPrimary {
    background: var(--main-color);
    color: var(--bg-color);
    padding: 16px 32px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}

.EmbBtnPrimary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.EmbBtnSecondary {
    color: var(--primary-text);
    text-decoration: none;
    font-weight: 500;
    padding: 16px 0;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.EmbBtnSecondary:hover {
    border-bottom-color: var(--primary-text);
}

/* 合作伙伴 */
.EmbPartnersSection {
    padding: 60px 0;
    background: var(--bg-color);
    border-top: 1px solid var(--border-light);
}

.EmbPartnersRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0.6;
    gap: 40px;
}

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

/* 响应式设计 */
@media (max-width: 768px) {
    .EmbBannerSection {
        min-height: 80vh;
    }

    .EmbBannerHeading {
        font-size: 54px;
    }

    .EmbBannerDescription {
        font-size: 24px;
    }
    
    .EmbBannerTag {
        font-size: 18px;
    }

    .EmbBgShape1 {
        width: 250px;
        height: 250px;
    }

    .EmbBgShape2 {
        width: 200px;
        height: 200px;
    }

    .EmbBgShape3 {
        width: 300px;
        height: 300px;
    }

    .EmbMenuList {
        display: none;
    }

    .EmbPartnersRow {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .EmbActionButtons {
        flex-direction: column;
        align-items: stretch;
    }
}

/* 装饰元素 */
.EmbDecorationStar {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0.1;
}

.EmbStarPos1 {
    top: 20%;
    left: 10%;
    transform: rotate(15deg);
}

.EmbStarPos2 {
    top: 60%;
    right: 15%;
    transform: rotate(-20deg);
}


/* 全球流量服务区域 */
.EmbTrafficServices {
    padding: 100px 0;
    background: var(--light-bg);
}

.EmbSectionIntro {
    text-align: center;
    margin-bottom: 80px;
}

.EmbSectionTag {
    display: inline-block;
    background: var(--bg-color);
    color: var(--secondary-text);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    border: 1px solid var(--border-light);
}

.EmbSectionHeading {
    font-size: 42px;
    font-weight: 700;
    color: var(--primary-text);
    margin-bottom: 20px;
    line-height: 1.2;
}

.EmbSectionSubtext {
    font-size: 18px;
    color: var(--secondary-text);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.EmbServicesLayout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-bottom: 80px;
}

.EmbServiceBox {
    background: var(--bg-color);
    padding: 40px 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.EmbServiceBox:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

.EmbServiceIcon {
    width: 60px;
    height: 60px;
    background: var(--main-color);
    color: var(--bg-color);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 25px;
}

.EmbServiceTitle {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-text);
    margin-bottom: 15px;
}

.EmbServiceDesc {
    color: var(--secondary-text);
    line-height: 1.6;
    text-align: center;
    margin-bottom: 25px;
}

.EmbServiceItems {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 15px;
}

.EmbItemTag {
    background: var(--light-bg);
    padding: 12px 16px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text);
    border: 1px solid var(--border-light);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EmbItemTag:hover {
    background: var(--main-color);
    color: var(--bg-color);
    transform: translateY(-2px);
}

.EmbPlatformInfo {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-top: 60px;
}

.EmbPlatformBox {
    background: var(--bg-color);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.EmbPlatformTop {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.EmbPlatformLogo {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
}

.EmbGoogleStyle {
    background: linear-gradient(45deg, #4285f4, #34a853);
    color: white;
}

.EmbFacebookStyle {
    background: linear-gradient(45deg, #1877f2, #42a5f5);
    color: white;
}

.EmbTiktokStyle {
    background: linear-gradient(45deg, #ff0050, #000000);
    color: white;
}

.EmbPlatformTitle {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-text);
}

.EmbPlatformItems {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.EmbSecurityArea {
    background: var(--main-color);
    color: var(--bg-color);
    padding: 60px 40px;
    border-radius: 20px;
    margin-top: 60px;
    text-align: center;
}

.EmbSecurityHeading {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
}

.EmbSecurityLayout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

 .EmbSecurityBox {
     background: rgba(255,255,255,0.1);
     padding: 20px;
     border-radius: 12px;
     backdrop-filter: blur(10px);
 }

 /* 专业服务区域 */
 .EmbProServices {
     padding: 100px 0;
     background: var(--bg-color);
 }

 .EmbServicesHeader {
     text-align: center;
     margin-bottom: 80px;
 }

 .EmbServicesHeader .EmbSectionHeading {
     font-size: 42px;
     margin-bottom: 20px;
 }

 .EmbIndustriesLayout {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     margin-bottom: 60px;
 }

 .EmbIndustryBox {
     background: var(--light-bg);
     padding: 25px 20px;
     border-radius: 12px;
     text-align: center;
     font-weight: 500;
     color: var(--primary-text);
     border: 1px solid var(--border-light);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
     flex: 1;
     min-width: 150px;
 }

 .EmbIndustryBox:hover {
     background: var(--main-color);
     color: var(--bg-color);
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(0,0,0,0.15);
 }

 .EmbIndustryBox::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
     transition: left 0.5s;
 }

 .EmbIndustryBox:hover::before {
     left: 100%;
 }

 .EmbMoreIndustries {
     text-align: center;
     margin-top: 40px;
     padding: 30px;
     background: linear-gradient(135deg, var(--light-bg) 0%, var(--bg-color) 100%);
     border-radius: 15px;
     border: 2px dashed var(--border-light);
 }

 .EmbMoreText {
     font-size: 18px;
     color: var(--secondary-text);
     font-style: italic;
 }

 /* 账户服务区域 */
 .EmbAccountArea {
     padding: 100px 0;
     background: var(--light-bg);
 }

 .EmbAccountHeader {
     text-align: center;
     margin-bottom: 80px;
 }

 .EmbAccountHeading {
     font-size: 42px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 30px;
     line-height: 1.2;
 }

 .EmbServicesHighlights {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
     gap: 40px;
 }

 .EmbHighlightBox {
     background: var(--bg-color);
     padding: 40px;
     border-radius: 20px;
     box-shadow: 0 15px 35px rgba(0,0,0,0.08);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     text-align: center;
 }

 .EmbHighlightBox:hover {
     transform: translateY(-8px);
     box-shadow: 0 25px 50px rgba(0,0,0,0.15);
 }

 .EmbHighlightImg {
     width: 100%;
     aspect-ratio: 3/2;
     object-fit: cover;
     border-radius: 15px;
     margin-bottom: 25px;
     box-shadow: 0 10px 25px rgba(0,0,0,0.1);
 }

 .EmbHighlightHeading {
     font-size: 20px;
     font-weight: 600;
     color: var(--primary-text);
     margin-bottom: 20px;
     line-height: 1.4;
 }

 .EmbHighlightDesc {
     color: var(--secondary-text);
     line-height: 1.7;
     font-size: 16px;
     text-align: left;
 }

 /* 专业团队区域 */
 .EmbTeamSection {
     padding: 100px 0;
     background: var(--bg-color);
 }

 .EmbTeamHeader {
     text-align: center;
     margin-bottom: 80px;
 }

 .EmbTeamHeading {
     font-size: 42px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 30px;
     line-height: 1.2;
 }

 .EmbTeamDescription {
     font-size: 18px;
     color: var(--secondary-text);
     max-width: 800px;
     margin: 0 auto;
     line-height: 1.6;
 }

 .EmbTeamStats {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 40px;
     margin-top: 60px;
 }

 .EmbStatCard {
     background: var(--light-bg);
     padding: 40px 30px;
     border-radius: 20px;
     text-align: center;
     border: 1px solid var(--border-light);
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .EmbStatCard:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 40px rgba(0,0,0,0.1);
     background: var(--bg-color);
 }

 .EmbStatNumber {
     font-size: 48px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 15px;
     display: block;
 }

 .EmbStatLabel {
     font-size: 18px;
     font-weight: 600;
     color: var(--primary-text);
     margin-bottom: 15px;
 }

 .EmbStatDetails {
     font-size: 14px;
     color: var(--secondary-text);
     line-height: 1.5;
 }

 .EmbStatCard::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
     transition: left 0.5s;
 }

 .EmbStatCard:hover::before {
     left: 100%;
 }

 /* 客户评价区域 */
 .EmbReviewsSection {
     padding: 100px 0;
     background: var(--light-bg);
 }

 .EmbReviewsHeader {
     text-align: center;
     margin-bottom: 80px;
 }

 .EmbReviewsHeading {
     font-size: 42px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 30px;
     line-height: 1.2;
 }

 .EmbReviewsSwiper {
     padding: 20px 0 60px 0;
 }

 .EmbReviewCard {
     background: var(--bg-color);
     padding: 40px;
     border-radius: 20px;
     box-shadow: 0 15px 35px rgba(0,0,0,0.08);
     height: auto;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .EmbReviewContent {
     flex-grow: 1;
 }

 .EmbReviewText {
     font-size: 16px;
     color: var(--secondary-text);
     line-height: 1.7;
     margin-bottom: 25px;
     font-style: italic;
 }

 .EmbReviewAuthor {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .EmbAuthorInfo {
     flex-grow: 1;
 }

 .EmbAuthorName {
     font-size: 16px;
     font-weight: 600;
     color: var(--primary-text);
     margin-bottom: 5px;
 }

 .EmbAuthorLocation {
     font-size: 14px;
     color: var(--secondary-text);
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .EmbCountryFlag {
     font-size: 16px;
 }

 .EmbReviewRating {
     display: flex;
     gap: 3px;
     margin-top: 10px;
 }

 .EmbStar {
     color: #ffd700;
     font-size: 16px;
 }

 /* Swiper 自定义样式 */
 .swiper-pagination-bullet {
     background: var(--secondary-text);
     opacity: 0.3;
 }

 .swiper-pagination-bullet-active {
     background: var(--main-color);
     opacity: 1;
 }

 .swiper-button-next,
 .swiper-button-prev {
     color: var(--main-color);
     background: var(--bg-color);
     width: 50px;
     height: 50px;
     border-radius: 50%;
     box-shadow: 0 5px 15px rgba(0,0,0,0.1);
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
     font-size: 18px;
 }

 /* 支持服务区域 */
 .EmbSupportSection {
     padding: 100px 0;
     background: var(--bg-color);
 }

 .EmbSupportContainer {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .EmbSectionTitleArea {
     text-align: center;
     margin-bottom: 80px;
 }

 .EmbSectionMainTitle {
     font-size: 42px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 30px;
     line-height: 1.2;
 }

 .EmbSupportGrid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
     gap: 40px;
     align-items: start;
 }

 .EmbSupportCard {
     background: var(--light-bg);
     padding: 40px 30px;
     border-radius: 20px;
     text-align: center;
     border: 1px solid var(--border-light);
     transition: all 0.6s ease-out;
     position: relative;
     overflow: hidden;
 }

 .EmbSupportCard:hover {
     transform: translateY(-8px);
     box-shadow: 0 25px 50px rgba(0,0,0,0.15);
     background: var(--bg-color);
 }

 .EmbSupportIcon {
     width: 80px;
     height: 80px;
     background: var(--main-color);
     color: var(--bg-color);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     margin: 0 auto 25px;
     transition: all 0.3s ease;
 }

 .EmbSupportCard:hover .EmbSupportIcon {
     transform: scale(1.1);
     background: linear-gradient(135deg, var(--main-color), var(--secondary-text));
 }

 .EmbSupportTitle {
     font-size: 22px;
     font-weight: 600;
     color: var(--primary-text);
     margin-bottom: 20px;
     line-height: 1.3;
 }

 .EmbSupportContent {
     font-size: 16px;
     color: var(--secondary-text);
     line-height: 1.6;
 }

 .EmbSupportHighlight {
     display: inline-block;
     background: var(--main-color);
     color: var(--bg-color);
     padding: 4px 12px;
     border-radius: 15px;
     font-size: 14px;
     font-weight: 500;
     margin: 2px 4px;
     transition: all 0.3s ease;
 }

 .EmbSupportCard:hover .EmbSupportHighlight {
     background: linear-gradient(135deg, var(--main-color), var(--secondary-text));
     transform: translateY(-1px);
 }

 .EmbSupportCard::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
     transition: left 0.5s;
 }

 .EmbSupportCard:hover::before {
     left: 100%;
 }

 /* 联系区域 */
 .EmbContactSection {
     background: linear-gradient(135deg, var(--light-bg) 0%, var(--bg-color) 100%);
     padding: 100px 0;
     position: relative;
     overflow: hidden;
 }

 .EmbContactContainer {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
     position: relative;
     z-index: 2;
 }

 .EmbContactGrid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: var(--gap-3xl);
     margin-top: var(--gap-3xl);
     position: relative;
     z-index: 2;
 }

 .EmbContactCard {
     background: var(--bg-color);
     padding: var(--gap-3xl) var(--gap-2xl);
     border-radius: var(--radius-lg);
     text-align: center;
     box-shadow: var(--shadow-heavy);
     transition: all var(--transition-smooth);
     cursor: pointer;
     position: relative;
     overflow: hidden;
     border: 2px solid transparent;
 }

 .EmbContactCard:hover {
     transform: translateY(-var(--gap-sm));
     box-shadow: var(--shadow-deep);
     border-color: var(--main-color);
 }

 .EmbContactCard::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
     transition: left var(--transition-slow);
 }

 .EmbContactCard:hover::before {
     left: 100%;
 }

 .EmbContactIcon {
     width: 80px;
     height: 80px;
     background: var(--gradient-blue);
     color: var(--bg-color);
     border-radius: var(--radius-full);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 32px;
     margin: 0 auto var(--gap-2xl);
     transition: all var(--transition-quick);
     position: relative;
     z-index: 2;
 }

 .EmbContactCard:hover .EmbContactIcon {
     transform: scale(1.1) rotate(5deg);
     background: var(--gradient-primary);
 }

 .EmbContactTitle {
     font-size: 24px;
     font-weight: 600;
     color: var(--primary-text);
     margin-bottom: var(--gap-lg);
     position: relative;
     z-index: 2;
 }

 .EmbContactInfo {
     font-size: 18px;
     color: var(--secondary-text);
     font-weight: 500;
     margin-bottom: var(--gap-sm);
     position: relative;
     z-index: 2;
 }

 .EmbTelegramId {
     background: var(--light-bg);
     padding: var(--gap-sm) var(--gap-lg);
     border-radius: var(--radius-sm);
     display: inline-block;
     font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
     border: 1px solid var(--border-light);
     transition: all var(--transition-quick);
 }

 .EmbTelegramCard:hover .EmbTelegramId {
     background: #0088cc;
     color: var(--bg-color);
     transform: scale(1.05);
 }

 .EmbAddressText {
     font-size: 16px;
     color: var(--secondary-text);
     margin-bottom: var(--gap-sm);
     position: relative;
     z-index: 2;
 }

 .EmbAddressHint {
     font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
     font-size: 14px;
     color: var(--muted-text);
     font-style: italic;
     position: relative;
     z-index: 2;
 }

 .EmbAddressCard:hover .EmbAddressHint {
     color: var(--main-color);
     font-weight: 500;
 }

 /* Telegram 特定样式 */
 .EmbTelegramCard .EmbContactIcon {
     background: linear-gradient(135deg, #0088cc 0%, #229ed9 100%);
 }

 .EmbTelegramCard:hover .EmbContactIcon {
     background: linear-gradient(135deg, #229ed9 0%, #0088cc 100%);
 }

 /* 地址特定样式 */
 .EmbAddressCard .EmbContactIcon {
     background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
 }

 .EmbAddressCard:hover .EmbContactIcon {
     background: linear-gradient(135deg, #ee5a24 0%, #ff6b6b 100%);
 }

 /* 页脚样式 */
 .EmbMainFooter {
     background: var(--main-color);
     color: var(--bg-color);
     padding: 60px 0 30px;
     margin-top: 0;
 }

 .EmbFooterContainer {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .EmbFooterBrand {
     text-align: center;
     margin-bottom: 40px;
 }

 .EmbFooterTitle {
     font-size: 36px;
     font-weight: 700;
     color: var(--bg-color);
     margin-bottom: 15px;
     letter-spacing: 2px;
 }

 .EmbFooterSlogan {
     font-size: 18px;
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.6;
     max-width: 600px;
     margin: 0 auto;
 }

 .EmbFooterNav {
     display: flex;
     justify-content: center;
     gap: 40px;
     margin-bottom: 40px;
     flex-wrap: wrap;
 }

 .EmbFooterLink {
     color: rgba(255, 255, 255, 0.8);
     text-decoration: none;
     font-size: 16px;
     font-weight: 500;
     transition: all 0.3s ease;
     padding: 8px 16px;
     border-radius: 20px;
     position: relative;
 }

 .EmbFooterLink:hover {
     color: var(--bg-color);
     background: rgba(255, 255, 255, 0.1);
     transform: translateY(-2px);
 }

 .EmbFooterDivider {
     height: 1px;
     background: rgba(255, 255, 255, 0.2);
     margin: 40px 0;
 }

 .EmbFooterBottom {
     text-align: center;
 }

 .EmbFooterCopyright {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.6);
     line-height: 1.6;
 }

 .EmbFooterYear {
     font-weight: 600;
     color: var(--bg-color);
 }

 /* 地图弹窗样式 */
 .EmbMapPopup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     z-index: 10000;
     justify-content: center;
     align-items: center;
     opacity: 0;
     transition: opacity var(--transition-smooth);
 }

 .EmbMapPopup.show {
     opacity: 1;
 }

 .EmbMapPopupContent {
     background: var(--bg-color);
     border-radius: var(--radius-lg);
     max-width: 90vw;
     max-height: 90vh;
     width: 800px;
     box-shadow: var(--shadow-deep);
     transform: scale(0.9);
     transition: transform var(--transition-smooth);
     overflow: hidden;
 }

 .EmbMapPopup.show .EmbMapPopupContent {
     transform: scale(1);
 }

 .EmbMapPopupHeader {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: var(--gap-2xl) var(--gap-2xl) var(--gap-lg);
     border-bottom: 1px solid var(--border-light);
 }

 .EmbMapPopupTitle {
     font-size: 24px;
     font-weight: 600;
     color: var(--primary-text);
     margin: 0;
 }

 .EmbMapPopupClose {
     background: none;
     border: none;
     cursor: pointer;
     padding: var(--gap-sm);
     border-radius: var(--radius-sm);
     color: var(--secondary-text);
     transition: all var(--transition-quick);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .EmbMapPopupClose:hover {
     background: var(--light-bg);
     color: var(--primary-text);
     transform: scale(1.1);
 }

 .EmbMapPopupBody {
     padding: var(--gap-2xl);
 }

 .EmbMapAddressInfo {
     margin-bottom: var(--gap-lg);
 }

 .EmbAddressDisplay {
     display: flex;
     align-items: center;
     gap: var(--gap-md);
     font-size: 18px;
     color: var(--primary-text);
     font-weight: 500;
 }

 .EmbAddressDisplay i {
     color: #ff6b6b;
     font-size: 20px;
 }

 .EmbMapImageWrapper {
     border-radius: var(--radius-md);
     overflow: hidden;
     box-shadow: var(--shadow-medium);
     background: var(--light-bg);
 }

 .EmbMapImage {
     width: 100%;
     height: auto;
     display: block;
     transition: transform var(--transition-smooth);
 }

 .EmbMapImage:hover {
     transform: scale(1.02);
 }

 /* 通知样式 */
 .EmbNotification {
     position: fixed;
     top: var(--gap-2xl);
     right: var(--gap-2xl);
     background: var(--bg-color);
     color: var(--primary-text);
     padding: var(--gap-lg) var(--gap-2xl);
     border-radius: var(--radius-md);
     box-shadow: var(--shadow-deep);
     z-index: 10001;
     font-weight: 500;
     font-size: 16px;
     max-width: 400px;
     transform: translateX(100%);
     opacity: 0;
     transition: all var(--transition-smooth);
     border-left: 4px solid var(--main-color);
 }

 .EmbNotification.show {
     transform: translateX(0);
     opacity: 1;
 }

 .EmbNotificationSuccess {
     border-left-color: #10b981;
     background: #f0fdf4;
     color: #166534;
 }

 .EmbNotificationError {
     border-left-color: #ef4444;
     background: #fef2f2;
     color: #991b1b;
 }

 .EmbNotificationInfo {
     border-left-color: #3b82f6;
     background: #eff6ff;
     color: #1e40af;
 }

 /* 浮动联系面板 */
 .EmbFloatingContactPanel {
     position: fixed;
     bottom: 50%;
     right: var(--gap-lg);
     z-index: 1000;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     gap: var(--gap-lg);
     transform: translateY(50%);
 }

 .EmbFloatingContactItems {
     display: flex;
     flex-direction: column;
     gap: var(--gap-md);
     opacity: 0;
     visibility: hidden;
     transform: translateY(var(--gap-xl));
     transition: all var(--transition-smooth);
 }

 .EmbFloatingContactPanel.active .EmbFloatingContactItems {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .EmbFloatingBtnWrapper {
     position: relative;
 }

 .EmbFloatingContactBtn {
     width: 50px;
     height: 50px;
     border-radius: var(--radius-full);
     background: var(--gradient-primary);
     color: var(--bg-color);
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     box-shadow: var(--shadow-heavy);
     transition: all var(--transition-quick);
     position: relative;
     border: 2px solid var(--bg-color);
 }

 .EmbFloatingContactBtn:hover {
     transform: scale(1.1) translateY(-2px);
     box-shadow: var(--shadow-deep);
     background: var(--gradient-blue);
 }

 .EmbFloatingContactBtn svg {
     width: 24px;
     height: 24px;
     transition: all var(--transition-quick);
 }

 .EmbFloatingContactBtn:hover svg {
     transform: scale(1.1);
 }

 .EmbFloatingTooltip {
     position: absolute;
     right: calc(100% + var(--gap-md));
     top: 50%;
     transform: translateY(-50%);
     background: var(--dark-gray);
     color: var(--bg-color);
     padding: var(--gap-sm) var(--gap-md);
     border-radius: var(--radius-sm);
     font-size: var(--font-xs);
     font-weight: 500;
     white-space: nowrap;
     opacity: 0;
     visibility: hidden;
     transition: all var(--transition-quick);
     box-shadow: var(--shadow-medium);
 }

 .EmbFloatingTooltip::after {
     content: '';
     position: absolute;
     left: 100%;
     top: 50%;
     transform: translateY(-50%);
     border: 6px solid transparent;
     border-left-color: var(--dark-gray);
 }

 .EmbFloatingContactBtn:hover .EmbFloatingTooltip {
     opacity: 1;
     visibility: visible;
     transform: translateY(-50%) translateX(-var(--gap-xs));
 }

 .EmbFloatingMainWrapper {
     position: relative;
 }

 .EmbFloatingMainBtn {
     width: 60px;
     height: 60px;
     border-radius: var(--radius-full);
     background: var(--gradient-blue);
     color: var(--bg-color);
     border: 3px solid var(--bg-color);
     cursor: pointer;
     box-shadow: var(--shadow-heavy);
     transition: all var(--transition-quick);
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .EmbFloatingMainBtn:hover {
     transform: scale(1.05) translateY(-2px);
     box-shadow: var(--shadow-deep);
     background: var(--gradient-primary);
 }

 .EmbFloatingMainBtn svg {
     width: 28px;
     height: 28px;
     transition: all var(--transition-quick);
 }

 .EmbFloatingMainBtn:hover svg {
     transform: rotate(15deg) scale(1.1);
 }

 .EmbFloatingMainTooltip {
     position: absolute;
     right: calc(100% + var(--gap-md));
     top: 50%;
     transform: translateY(-50%);
     background: var(--dark-gray);
     color: var(--bg-color);
     padding: var(--gap-sm) var(--gap-md);
     border-radius: var(--radius-sm);
     font-size: var(--font-xs);
     font-weight: 500;
     white-space: nowrap;
     opacity: 0;
     visibility: hidden;
     transition: all var(--transition-quick);
     box-shadow: var(--shadow-medium);
 }

 .EmbFloatingMainTooltip::after {
     content: '';
     position: absolute;
     left: 100%;
     top: 50%;
     transform: translateY(-50%);
     border: 6px solid transparent;
     border-left-color: var(--dark-gray);
 }

 .EmbFloatingMainBtn:hover + .EmbFloatingMainTooltip {
     opacity: 1;
     visibility: visible;
     transform: translateY(-50%) translateX(-var(--gap-xs));
 }

 /* Telegram 特定样式 */
 .EmbTgBtn {
     background: linear-gradient(135deg, #0088cc 0%, #229ed9 100%);
 }

 .EmbTgBtn:hover {
     background: linear-gradient(135deg, #229ed9 0%, #0088cc 100%);
 }

 /* 响应式设计 */
 @media (max-width: 768px) {
     .EmbServicesLayout {
         grid-template-columns: 1fr;
     }
     
     .EmbPlatformInfo {
         grid-template-columns: 1fr;
     }
     
     .EmbSectionHeading {
         font-size: 32px;
     }

     .EmbIndustriesLayout {
         flex-direction: column;
         gap: 15px;
     }
     
     .EmbIndustryBox {
         min-width: auto;
     }

     .EmbServicesHighlights {
         grid-template-columns: 1fr;
     }

     .EmbAccountHeading {
         font-size: 32px;
     }

     .EmbTeamStats {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .EmbTeamHeading {
         font-size: 32px;
     }

     .EmbStatNumber {
         font-size: 36px;
     }

     .EmbReviewsHeading {
         font-size: 32px;
     }

     .EmbReviewCard {
         padding: 30px;
     }

     .swiper-button-next,
     .swiper-button-prev {
         display: none;
     }

     .EmbSupportGrid {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .EmbSectionMainTitle {
         font-size: 32px;
     }

     .EmbSupportCard {
         padding: 30px 20px;
     }

     .EmbSupportTitle {
         font-size: 20px;
     }

     .EmbSupportHighlight {
         font-size: 13px;
         padding: 3px 10px;
     }

     .EmbFooterTitle {
         font-size: 28px;
     }

     .EmbFooterSlogan {
         font-size: 16px;
     }

     .EmbFooterNav {
         gap: 20px;
     }

     .EmbFooterLink {
         font-size: 14px;
         padding: 6px 12px;
     }

     .EmbContactGrid {
         grid-template-columns: 1fr;
         gap: 40px;
     }

     .EmbContactCard {
         padding: 30px 20px;
     }

     .EmbContactIcon {
         width: 60px;
         height: 60px;
         font-size: 24px;
         margin-bottom: var(--gap-lg);
     }

     .EmbContactTitle {
         font-size: 20px;
         margin-bottom: var(--gap-md);
     }

     .EmbContactInfo {
         font-size: 16px;
     }

     .EmbTelegramId {
         padding: var(--gap-xs) var(--gap-md);
         font-size: 14px;
     }

     .EmbAddressText {
         font-size: 14px;
     }

     .EmbAddressHint {
         font-size: 12px;
     }

     /* 浮动联系面板移动端 */
     .EmbFloatingContactPanel {
         right: var(--gap-md);
         bottom: 45%;
     }

     .EmbFloatingContactBtn {
         width: 45px;
         height: 45px;
     }

     .EmbFloatingContactBtn svg {
         width: 20px;
         height: 20px;
     }

     .EmbFloatingMainBtn {
         width: 55px;
         height: 55px;
     }

     .EmbFloatingMainBtn svg {
         width: 24px;
         height: 24px;
     }

     .EmbFloatingTooltip,
     .EmbFloatingMainTooltip {
         font-size: 11px;
         padding: var(--gap-xs) var(--gap-sm);
         right: calc(100% + var(--gap-sm));
     }

     .EmbFloatingTooltip::after,
     .EmbFloatingMainTooltip::after {
         border-width: 4px;
     }

     /* 地图弹窗移动端 */
     .EmbMapPopupContent {
         width: 95vw;
         max-height: 85vh;
     }

     .EmbMapPopupHeader {
         padding: var(--gap-lg) var(--gap-lg) var(--gap-md);
     }

     .EmbMapPopupTitle {
         font-size: 20px;
     }

     .EmbMapPopupBody {
         padding: var(--gap-lg);
     }

     .EmbAddressDisplay {
         font-size: 16px;
     }

     .EmbAddressDisplay i {
         font-size: 18px;
     }

     /* 通知移动端 */
     .EmbNotification {
         top: var(--gap-lg);
         right: var(--gap-lg);
         left: var(--gap-lg);
         max-width: none;
         font-size: 14px;
         padding: var(--gap-md) var(--gap-lg);
     }
 }
