.solu-hero-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    min-height: 350px;
    width: 1400px;
    margin: 0 auto;
}
.solu-hero-text {
    text-align: center; 
}
.solu-hero-text h1 {
    width: 100%; /* 让标题宽度适应父容器，避免固定宽度导致的居中偏移（可选） */
    max-width: 674px; /* 保留最大宽度限制，防止过宽 */
    margin: 0 auto; /* 确保标题在文本容器内水平居中 */
    height: 142px;
    color: rgba(255, 255, 255, 1);
    font-family: "Alumni Sans";
    font-weight: 700;
    font-size: 78px;
    line-height: 142px;
    text-transform: uppercase;
    margin-top:60px;
}

.solu-hero-text p {
    width: 100%; /* 同标题逻辑，适应父容器 */
    max-width: 974px;
    margin: 20px auto 0; /* 上外边距20px，左右自动居中 */
    color: rgba(255, 255, 255, 0.4);
    font-family: Lexend;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    margin-bottom:60px;
}
.solu-hero-text h2{
    width: 100%; /* 让标题宽度适应父容器，避免固定宽度导致的居中偏移（可选） */
    max-width: 674px; /* 保留最大宽度限制，防止过宽 */
    margin: 0 0 14px 0; /* 清除默认margin，仅保留底部14px间距 */
    text-align: center; /* 确保标题在文本容器内水平居中 */
    color: rgba(255, 255, 255, 1);
    font-family: "Alumni Sans";
    font-weight: 700;
    font-size: 56px;
    text-transform: uppercase;
    margin-top:60px;

}

.contact-btn2 {
    background: #D0F601;
    color: #0F2028;
    border: none;
    padding: 16px 24px;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.3s ease;
}
.contact-btn2:hover {
    transform: translateY(-5px); /* 更大的上浮距离 */
    box-shadow: 0 6px 12px rgba(0,0,0,0.15); /* 更明显的阴影 */
}
.new-module {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin: 4rem 0;
  padding: 0 20px; /* 使用与其他模块一致的左右内边距 */
  max-width: 1400px; /* 与页面最大宽度保持一致 */
  margin-left: auto; /* 水平居中 */
  margin-right: auto;
}

.module-image {
  flex: 1;
  min-width: 300px;
}

.placeholder-img {
  width: 100%;
  height: 450px; /* 与其他图片区域保持一致高度 */
  background-color: #e0e0e0; /* 灰色占位背景 */
  border-radius: 32px;
}

.module-content {
  flex: 1;
  min-width: 300px;
}

.module-content h2 {
  color: rgba(0, 0, 0, 1);
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-family: Lexend;

}
.module-content h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 1.0rem;
  margin-bottom: 0.1rem;
  font-family: Lexend;
}
.module-content p {
  color: rgba(0, 0, 0, 0.3);
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-family: Lexend;
}
/* 反向布局样式 */
.new-module.reverse-layout {
  flex-direction: row-reverse; /* 交换图片和文字的位置 */
}

/* 保持图片高度一致（如果之前已调整过可忽略） */
.placeholder-img {
  height: 450px; /* 与上一个模块图片高度保持一致 */
}

/* Risk Management模块 */
.rick-module {
    background: rgba(250, 251, 252, 1); /* 模块背景色，与页面风格统一 */
    padding: 60px 20px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}
.module-title {
    text-align: center;
    margin-bottom: 40px; /* 标题与卡片间距 */
}
.module-title h2 {
    font-size: 2.5rem; /* 标题字号，参考 Why choose us 模块 */
    color: #0F2028; /* 标题颜色，与页面主色调一致 */
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}
.module-title p{
    color: rgba(0, 0, 0, 0.3);
    font-family: Lexend;
}
.module-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.icon-card {
    flex: 1;
    min-width: 250px; /* 响应式最小宽度，避免过小 */
    text-align: center;
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}
.icon-card:hover {
    transform: translateY(-5px); /* 悬停上浮效果，增强交互 */
}
/* 绿色背景图标容器 */
.green-icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: #D0F601; /* 统一品牌绿色，与按钮颜色一致 */
    border-radius: 14px; /* 圆形图标容器 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px; /* 居中并与文字间距 */
}
/* 占位图标样式（后期可直接替换图片） */
.placeholder-icon {
    width: 38px;
    height: 38px;
    object-fit: contain;
    /* 临时图标颜色（与深色文字协调） */
    filter: invert(12%) sepia(15%) saturate(1000%) hue-rotate(160deg) brightness(90%) contrast(90%);
}
.icon-card h3 {
    color: #0F2028;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: Gilroy;
}
.icon-card p {
    color: #666;
    line-height: 1.6;
    font-size: 14px;
    font-family: Lexend;
}
/* 响应式调整：小屏幕单列显示 */
@media (max-width: 768px) {
    .module-container {
        display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    flex-direction: row;
    }
    .icon-card {
        flex: 1 1 calc(50% - 10px);
    min-width: 140px;
    max-width: calc(50% - 10px);
    padding: 20px 15px;
    }
}

/* 标题样式 */
.main-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5rem;
    margin: 40px 0 60px;
    color: #2c3e50;
    letter-spacing: 2px;
}

/* 统计卡片样式 */
.stat-card {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

/* 图片区域样式 */
.stat-image {
    flex: 1;
    min-width: 300px;
    position: relative;
}

.stat-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 内容区域样式 */
.stat-content {
    flex: 1;
    min-width: 300px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-title {
    color: #27ae60;
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.stat-description {
    font-size: 1rem;
    color: #555;
    margin-bottom: 30px;
    line-height: 1.8;
}

/* 特征列表样式 */
.stat-features {
    list-style: none;
}

.stat-features li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    color: #444;
}

.stat-features i {
    color: #27ae60;
    margin-right: 10px;
    margin-top: 4px;
}

/* 反向布局 */
.reverse {
    flex-direction: row-reverse;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .main-title {
        font-size: 2rem;
        margin: 20px 0 40px;
    }
    
    .stat-content {
        padding: 30px;
    }
    
    .stat-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    body {
        padding: 10px;
    }
    
    .main-title {
        font-size: 1.5rem;
    }
    
    .stat-content {
        padding: 20px;
    }
}

/* Vision & Mission & Accomplishments 模块样式（优化版） */
.vision-mission-section {
  padding: 80px 20px; /* 保持原间距，与网页自然融合 */
  margin: 40px 0;
}

.vma-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px; /* 增大间距，弥补无卡片底色的区分度 */
  max-width: 1400px;
  margin: 0 auto;
}

/* 核心优化：移除卡片底色、边框、阴影，仅保留布局 */
.vma-card {
  padding: 40px 30px;
  position: relative; /* 为图标绝对定位做准备 */
  transition: transform 0.3s ease; /* 简化悬停效果，仅保留上浮 */
}
.vma-card h2{
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    font-family: Lexend;
    margin-top: 20px;
}
.vma-card p{
    color: rgba(0, 0, 0, 0.3);
    font-family: Lexend;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}


/* 悬停效果优化：无底色时仅轻微上浮，保持自然 */
.vma-card:hover {
  transform: translateY(-5px);
}

/* 新增：标题左上方图标区域 */
.vma-card-container {
  width: 88px;
    height: 88px;
    background-color: #D0F601;
    border-radius: 13px; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.vma-card-icon{
    width: 48px; /* 增大图标尺寸 */
    height: 48px;
    object-fit: contain;
}

/* 图标样式：白色、适中大小 */
.vma-card-icon i {
  color: #fff;
  font-size: 24px;
}

/* 标题位置调整：给图标留出空间（关键） */
.vma-card-title {
  font-family: "Alumni Sans";
  font-size: 28px;
  color: #0F2028;
  margin: 60px 0 20px 0; /* 上间距增大到60px，避开图标 */
  font-weight: 700;
  text-transform: uppercase;
}

.vma-card-desc {
  font-family: Lexend;
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}

/* 响应式保持一致，仅调整细节 */

@media (max-width: 768px) {
  .vma-cards {
    grid-template-columns: 1fr;
  }
  
  .vision-mission-section {
    padding: 60px 20px;
  }
  
  .vma-card-icon {
    width: 45px;
    height: 45px;
    left: 20px;
  }
  
  .vma-card-icon i {
    font-size: 20px;
  }
}
 /* 轮播模块容器 */
        .carousel-container {
            position: relative;
            width: 100%; /* 可自定义宽度，也可设为固定值如800px */
            margin: 10px auto;
            overflow: hidden;
        }

        /* 卡片容器（用于滚动） */
        .cards-wrapper {
            display: flex; /* 横向排列卡片 */
            transition: transform 0.5s ease; /* 平滑滚动过渡 */
        }

        /* 单张卡片样式 - 关键优化：增加相对定位用于蒙层布局 */
        .card {
            flex: 0 0 calc(100% / 3); /* 每张卡片占容器1/3宽度，确保默认显示3张 */
            height: 616px; /* 可自定义卡片高度 */
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative; /* 关键：为蒙层提供定位基准 */
            transition: all 0.3s ease; /* 悬浮效果过渡 */
            padding-top: 120px;
            z-index: 1; /* 确保卡片本身在底层 */
        }

        /* 悬浮效果优化：背景图 + 蒙层 + 文字白色 */
        .card1:hover {
            background-image: url('../img/2019.png'); /* 替换为你的图片路径 */
            background-size: cover;
            background-position: center;
        }
         .card2:hover {
            background-image: url('../img/2020.png'); /* 替换为你的图片路径 */
            background-size: cover;
            background-position: center;
        }
         .card3:hover {
            background-image: url('../img/2021.png'); /* 替换为你的图片路径 */
            background-size: cover;
            background-position: center;
        }
         .card4:hover {
            background-image: url('../img/2022.png'); /* 替换为你的图片路径 */
            background-size: cover;
            background-position: center;
        }
         .card5:hover {
            background-image: url('../img/2025.png'); /* 替换为你的图片路径 */
            background-size: cover;
            background-position: center;
        }

        /* 新增：悬浮时添加半透明蒙层（提升文字可读性） */
        .card:hover::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; /* 蒙层在背景图之上，文字之下 */
            border-radius: inherit; /* 继承卡片圆角 */
        }

        /* 小字体2000 - 优化：悬浮时不降低透明度，确保清晰 */
       .card .small-text {
            font-size: 24px;
            margin: 0 0 15px 0; /* 只保留底部间距，移除顶部margin */
            opacity: 0.9;
            font-family: "PingFang SC";
            color: rgba(0, 0, 0, 1);
        }
        .card:hover .small-text {
            opacity: 1; /* 悬浮时完全不透明 */
        }

        /* 横线+中间圆的容器 */
       .card .divider {
            width: 100%; /* 统一横线宽度，避免随内容变化 */
            height: 2px;
            background: rgba(226, 226, 226, 1);
            position: relative;
            margin: 0 0 20px 0; /* 固定底部间距 */
        }

        /* 中间的圆 */
        .card .divider::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(208, 246, 1, 1);
            transition: background-color 0.3s ease;
        }

        /* 悬浮时优化横线和圆的颜色（增强对比度） */
        .card:hover .divider {
            background: rgba(226, 226, 226, 1);
        }
        .card:hover .divider::after {
            background: rgba(255, 255, 255, 1);
        }
        .card .middle-text {
            font-size: 32px;
            letter-spacing: 1px;
            font-weight: 500;
            font-family: "PingFang SC";
            color: rgba(51, 51, 51, 1);
            line-height: 45px;
            margin: 0 0 30px 0; /* 固定底部间距 */
            min-height: 90px; /* 确保多行文本时高度一致 */
        }
      .card .big-text {
            font-size: 188px;
            font-weight: bold;
            font-family: Impact;
            color: rgba(0, 0, 0, 0.05);
            margin: auto 0 0 0; /* 推到最底部，不影响上方元素布局 */
        }
        .card:hover .small-text,
        .card:hover .middle-text {
            color: rgba(255, 255, 255, 1);
        }

        /* 鼠标悬停时隐藏大文本 */
        .card:hover .big-text {
            display: none;
        }

        /* 轮播按钮样式 */
        .carousel-btn {
            position: absolute;
            top: 130px;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            border: none;
            border-radius: 0;
            background-color: transparent;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: none;
            transition: background-color 0.3s ease;
            z-index: 20;
        }

        .carousel-btn:hover {
        }

        /* 左按钮 */
        .prev-btn {
                left: 10px;
                width: 40px;
                height: 40px;
                background-image: url('../icon/prev-btn.png');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                background-color: transparent;
                border: none;
        }

        /* 右按钮 */
        .next-btn {
            right: 10px; /* 从15px调小（或改为0px），基于容器的padding向内定位 */
    /* 补充：确保按钮尺寸适配 */
            width: 40px; /* 按钮宽度，根据你的图片调整 */
            height: 40px;
            background-image: url('../icon/next-btn.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            background-color: transparent;
            border: none;
        }

        /* 按钮禁用状态（防止超出边界） */
        .carousel-btn:disabled {
            display: none;
        }
        .carousel-btn:not(:disabled):hover {
        transform: translateY(-50%) scale(1.1);
        }


        /* 团队轮播样式 - 基础样式优化（修复tech-card根源问题） */
.teams-carousel {
  margin-right: 0;
  padding: 40px 20px; /* 合理内边距，不挤压卡片 */
  position: relative;
}

.teams-carousel .carousel-btn {
  top: 5%; 
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  z-index: 100;
}

.teams-carousel .prev-btn {
   left: 2%;
}

.teams-carousel .next-btn {
 right: 2%;
}

#teams-track {
  padding: 0 10px;
  display: flex; /* 确保卡片横向排列 */
  align-items: center; /* 卡片垂直居中，避免错位 */
}

/* 默认显示3张卡片 - 修复基础样式缺陷 */
.tech-card {
    min-width: calc((100% - 48px) / 3); /* 3张卡片 + 两个间距 */
    box-sizing: border-box; /* 修复：添加盒模型，宽度计算准确 */
    min-height: 472px;
    padding: 10px 10px; /* 修复：补充上下内边距单位，语法生效 */
    background:var(--card-bg);
    border-radius:25px;
    box-shadow:0 4px 18px rgba(11,24,34,0.06);
    position:relative;
    display:flex;
    flex-direction:column;
    z-index: 10;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 0 auto; /* 预设置居中，为移动端铺垫 */
}

.tech-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(11,24,34,0.12);
    z-index: 20;
}

.tech-card .thumb {
    width: 100%; /* 图片宽度铺满父容器（tech-card），不超出 */
    max-width: 100%; /* 强制最大宽度为父容器宽度，防止溢出 */
    height: auto; /* 高度自适应，保持图片原有宽高比，不拉伸变形 */
    object-fit: cover; /* 核心：图片覆盖容器，裁剪多余部分（不变形，可按需改为contain） */
    box-sizing: border-box; /* 确保图片内边距/边框不撑大尺寸，避免溢出 */
    display: block; /* 去除图片默认行内元素的底部空白，同时稳定布局 */
    margin: 0 auto; /* 图片居中 */
}
.tech-card h3 {
    font-size: 28px;
    margin-top: 24px;
    margin-bottom: 10px;
    text-align: center;
    font-family: Lexend;
    color: rgba(0, 0, 0, 1);
    word-wrap: break-word; /* 预设置自动换行，避免长文本溢出 */
    overflow-wrap: break-word;
}
.tech-card p.lead {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    text-align: center;
    font-family: Lexend;
    color: rgba(0, 0, 0, 0.3);
    word-wrap: break-word; /* 预设置自动换行 */
    overflow-wrap: break-word;
}

/* 轮播定位点样式 */
.carousel-indicators {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 10px 0 15px;
}

.indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(212, 212, 212, 1); /* 未激活状态颜色 */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.indicator.active {
  background: rgba(118, 118, 118, 1); /* 激活状态颜色 */
  transform: scale(1.2); /* 激活状态稍大一点 */
}

/* 合作伙伴模块样式 */
.partners-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr)!important; /* 四列布局 */
  gap: 20px; /* 图片之间的间距 */
  max-width: 1400px;
  margin: 0 auto; /* 水平居中 */
}

/* 单个logo容器 */
.partner-logo {
  background-color: #f8f9fa; /* 轻微背景色，突出logo */
  border-radius: 25px; /* 圆角25px */
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px; /* 固定高度，确保对齐 */
  transition: transform 0.3s ease;
}

.partner-logo:hover {
  transform: translateY(-5px); /* 悬停上浮效果 */
}

/* 图片样式 */
.partner-logo img {
  max-width: 100%;
  max-height: 60px; /* 限制图片最大高度 */
  object-fit: contain; /* 保持图片比例 */
  transition: filter 0.3s ease;
}

.partner-logo:hover img {
  filter: grayscale(0); /* 悬停时恢复彩色 */
}

/* 响应式调整 */
@media (max-width: 768px) {
  .partners-grid {
    grid-template-columns: repeat(2, 1fr)!important; /* 小平板：两列 */
  }
  
  .partners-section h1 {
    font-size: 36px;
  }
}

@media (max-width: 480px) {
  .partners-grid {
    grid-template-columns: 1fr; /* 手机：单列 */
  }
  
  .partner-logo {
    padding: 20px;
    min-height: 100px;
  }
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 440px;
    margin: 0 auto;
}

.form-group {
    position: relative;
}

.form-input {
    width: 440px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    padding: 0 16px;
    color: white;
    font-family: Lexend;
    outline: none;
    box-sizing: border-box;
}

.form-input:not(.message-input) {
    height: 52px;
}
.form-input:not(:focus):placeholder-shown + .floating-label {
    top: 50%;
    font-size: 16px;
    opacity: 1;
    visibility: visible;
}

.message-input {
    height: 124px;
    padding-top: 16px;
    resize: none;
}

.floating-label {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: all 0.3s ease;
    font-family: Lexend;
    opacity: 1;
    font-size: 16px;
}

.form-input:focus + .floating-label,
.form-input:not(:placeholder-shown) + .floating-label {
    top: 12px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden; /* 额外增加visibility确保完全隐藏 */
}

.submit-btn {
    background: transparent;
    border-radius: 57px;
    border: 2px solid rgba(208, 246, 1, 1);
    color: white;
    padding: 12px 0;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 440px;
    font-size: 16px;
}

.submit-btn:hover {
    background: rgba(208, 246, 1, 0.1);
}
@media (max-width: 768px) {
    .form-input, .submit-btn {
        width: 100%;
        max-width: 440px;
    }
}

.offices-section {
    padding: 60px 20px;
    margin: 40px 0;
    background: rgba(255, 255, 255, 1);
}

.offices-container {
    max-width: 1400px; /* 与页面其他模块宽度一致 */
    margin: 0 auto;
    display: flex;
    gap: 40px;
    align-items: center;
}
.contact-card-container {
    background: rgba(245, 246, 245, 1);
    border-radius: 16px;
    width: 451px;
    height: 116px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 24px;
    margin-bottom: 20px;
}

.contact-card-container .icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.contact-card-container .contact-details h3 {
    font-family: Lexend;
    font-size: 18px;
    font-weight: 600;
    color: #0F2028;
    margin-bottom: 4px;
    line-height: 1;
}

.contact-card-container .contact-details p {
    font-family: Lexend;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .offices-container {
        flex-direction: column;
        gap: 30px;
    }

    .offices-title {
        font-size: 42px;
        text-align: center;
    }

    .contact-card-container {
        width: 100%; /* 小屏幕自适应宽度 */
        max-width: 451px;
        height: auto; /* 高度自适应，避免内容溢出 */
        padding: 20px;
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
}

.offices-map {
    flex: 1;
    min-width: 300px;
}

.map-placeholder1 {
    width: 100%;
    height: 400px; /* 适配内容高度，与右侧信息平衡 */
    background-color: #28383F; /* 与 contact-card 背景一致 */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 可选：添加地图图标占位 */
    background-image: url('img/map-icon.png');
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.offices-content {
    flex: 1;
    min-width: 300px;
    position: relative;
}

.offices-title {
    font-family: "Alumni Sans";
    font-size: 88px; 
    text-transform: uppercase;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 1);
    line-height: 106px;
    font-weight: 700;

}

/* 标题下方绿色线（按要求样式） */
.offices-divider {
    background: rgba(208, 246, 1, 1);
    height: 8px;
    width: 88px;
    margin-bottom: 30px; /* 线与下方容器的间距 */
    /* 垂直对齐关键：与标题左侧对齐 */
    left: 0;
    top: 100%;
}
.offices-contact .contact-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.offices-contact .icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #28383F; /* 与 contact-item 图标背景一致 */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.offices-contact .contact-details h3 {
    font-family: Lexend;
    font-size: 24px;
    background: rgba(245, 246, 245, 1);
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 1);
}

.offices-contact .contact-details p {
    font-family: Lexend;
    font-size: 16px;
    color: rgba(138, 138, 138, 1);
    line-height: 1.6;
}

/* 统一手机端断点：768px以下（覆盖所有模块适配，重点修复tech-card） */
@media (max-width: 768px) {
  /* 1. solu-hero-content 模块适配 */
  .solu-hero-content {
    width: 100%;
    min-height: 250px;
    gap: 20px;
    padding: 0 15px;
    margin: 0 auto;
  }

  .solu-hero-text h1 {
    font-size: 36px;
    line-height: 50px;
    height: auto;
    margin-top: 30px;
    max-width: 100%;
  }

  .solu-hero-text h2 {
    font-size: 24px;
    margin-top: 30px;
    max-width: 100%;
  }

  .solu-hero-text p {
    font-size: 16px;
    margin: 15px auto 30px;
    max-width: 100%;
    line-height: 22px;
  }

  .contact-btn2 {
    padding: 12px 20px;
    font-size: 14px;
  }

  /* 2. new-module 模块适配 */
  .new-module {
    flex-direction: column;
    gap: 1rem;
    margin: 2rem 0;
    padding: 0 15px;
  }

  .new-module.reverse-layout {
    flex-direction: column;
  }

  .module-image {
    min-width: 100%;
    max-width: 350px;
    margin: 0 auto;
  }

  .placeholder-img {
     height: 150px;
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
  }

  .module-content {
    min-width: 100%;
  }

  .module-content h2 {
    font-size: 18px;
    text-align: center;
  }

  .module-content h3 {
    font-size: 0.9rem;
  }

  .module-content p {
    margin-bottom: 1rem;
    font-size: 14px; /* 修复：原8px过小，改为14px保证可读性 */
  }

  /* 3. rick-module（Risk Management）模块适配 */
  .rick-module {
    padding: 40px 15px;
  }

  .module-title h2 {
    font-size: 1.8rem;
  }

  .green-icon-wrapper {
    width: 48px;
    height: 48px;
  }

  .placeholder-icon {
    width: 28px;
    height: 28px;
  }

  .icon-card h3 {
    font-size: 14px;
  }

  .icon-card p {
    font-size: 8px !important;
  }

  /* 4. stat-card（统计卡片）模块补充适配 */
  .stat-content {
    padding: 20px;
  }

  .stat-title {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }

  .stat-description {
    margin-bottom: 20px;
    font-size: 0.9rem;
  }

  .stat-features li {
    margin-bottom: 8px;
  }

  /* 5. vision-mission-section 模块补充适配 */
  .vision-mission-section {
    padding: 60px 15px;
    margin: 20px 0;
  }

  .vma-cards {
    gap: 20px;
  }

  .vma-card {
    padding: 20px 15px;
  }

  .vma-card-container {
    width: 60px;
    height: 60px;
  }

  .vma-card-icon {
    width: 32px;
    height: 32px;
  }

  .vma-card-title {
    font-size: 20px;
    margin: 30px 0 15px 0;
  }

  .vma-card h2 {
    font-size: 16px;
    margin-top: 15px;
  }

  .vma-card p {
    font-size: 14px;
    line-height: 22px;
  }

  /* 6. carousel-container（时间轮播）模块适配 */
  .carousel-container {
    margin: 10px auto;
    padding: 0 20px !important; /* 增加左右内边距，为露出的卡片留空间 */
    overflow: visible !important; /* 改为visible，让露出的卡片可见 */
    width: 100%;
    box-sizing: border-box;
  }
.cards-wrapper {
    display: flex !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    padding-right: 20px; /* 为最后一个卡片也留出空间 */
  }
  .card {
    flex: 0 0 calc(100% - 40px) !important; /* 强制每张卡片占100% */
    height: 280px !important; /* 调整为更合适的高度 */
    padding-top: 40px !important; /* 减少顶部内边距 */
    min-height: 280px !important; /* 确保最小高度 */
  }
  .card {
    background-size: contain !important; /* 改为contain，让图片适应容器 */
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
   .card:last-child {
    margin-right: 0 !important;
  }
  .card1 {
    background-image: url('../img/2019.png') !important;
  }
  
  .card2 {
    background-image: url('../img/2020.png') !important;
  }
  
  .card3 {
    background-image: url('../img/2021.png') !important;
  }
  
  .card4 {
    background-image: url('../img/2022.png') !important;
  }
  
  .card5 {
    background-image: url('../img/2025.png') !important;
  }

  .card .small-text {
    font-size: 18px !important;
    margin-bottom: 12px !important;
    opacity: 1 !important; /* 移动端保持可见 */
    color: rgba(255, 255, 255, 1) !important;
  }

  .card .middle-text {
    font-size: 24px !important;
    line-height: 28px !important;
    min-height: 44px !important; /* 为两行文本预留空间 */
    margin-bottom: 20px !important;
    padding: 0 15px !important; /* 添加左右内边距 */
    color: rgba(255, 255, 255, 1) !important;
  }

  .card .big-text {
    display: none!important;
  }

  .carousel-btn {
    display: none!important;
  }
  .card .divider {
    display: none !important; /* 隐藏横线 */
  }
    .card:hover {
    transform: none !important;
    box-shadow: none !important;
  }


  /* 7. teams-carousel（团队轮播）模块 - 重点修复tech-card移动端问题 */
  .teams-carousel {
    padding: 20px 15px !important; /* 减少内边距 */
    margin: 0 auto;
    width: 100% !important;
    box-sizing: border-box;
    position: relative;
  }

  .teams-carousel .carousel-btn {
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    z-index: 100;
    background-size: 20px 20px;
    display: flex!important;
  }

  .teams-carousel .prev-btn {
    left: 5px; /* 贴左不挤压卡片 */
  }

  .teams-carousel .next-btn {
    right: 5px; /* 贴右不挤压卡片 */
  }

   #teams-viewport {
    width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }

  #teams-track {
    padding: 10px 0 !important; /* 上下加一点内边距 */
    display: flex;
    align-items: flex-start; /* 改为flex-start避免拉伸 */
    justify-content: flex-start;
    gap: 15px !important; /* 确保卡片之间有间距 */
    transition: transform 0.3s ease;
    width: max-content; /* 关键：让track适应所有卡片总宽度 */
  }

  /* tech-card 移动端核心修复 */
  .tech-card {
    flex: 0 0 calc(100vw - 60px) !important; /* 改为固定宽度，留出左右边距 */
    min-width: 0 !important; /* 覆盖原有的min-width */
    width: calc(100vw - 60px) !important; /* 屏幕宽度减去左右间距 */
    max-width: none !important;
    min-height: 320px !important; /* 固定最小高度 */
    height: auto !important;
    margin: 0 !important; /* 取消margin，靠track控制 */
    padding: 15px !important;
    box-sizing: border-box;
    border-radius: 16px !important; /* 稍微缩小圆角 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
  }
  
  .tech-card .thumb {
     width: 100% !important;
    height: 120px !important; /* 固定图片高度 */
    max-height: 120px !important;
    object-fit: cover !important; /* 确保图片覆盖容器 */
    border-radius: 10px !important;
    margin: 0 0 15px 0 !important;
    display: block;
  }

  .tech-card h3 {
    font-size: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    line-height: 1.2 !important;
    width: 100% !important;
    font-weight: 600 !important;
    color: #0F2028 !important;
  }

  .tech-card p.lead {
    font-size: 14px !important; /* 增大字体，确保可读 */
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    color: rgba(0, 0, 0, 0.6) !important;
    width: 100% !important;
    flex-grow: 1; /* 让描述文字占据剩余空间 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
  }

.carousel-indicators {
    margin: 15px 0 10px 0 !important;
  }

  .indicator {
    width: 8px;
    height: 8px;
  }
   .indicator.active {
    background: rgba(118, 118, 118, 1) !important;
    transform: scale(1.2) !important;
  }
  .tech-card:not(:last-child) {
    margin-right: 15px !important;
  }
    .carousel-track {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }
}

  /* 8. partners-grid（合作伙伴）模块补充适配 */
   .partners-grid {
    grid-template-columns: repeat(2, 1fr); /* 恢复2列，3列易溢出小屏 */
    gap: 15px;
  }
  .partner-logo {
    min-height: 60px;
    padding: 15px;
    border-radius: 12px;
  }

  .partner-logo img {
    max-height: 40px;
  }

  /* 9. contact-form（联系表单）模块补充适配 */
  .contact-form {
    gap: 10px;
    padding: 0 15px;
  }

  .form-input:not(.message-input) {
    height: 44px;
  }

  .message-input {
    height: 100px;
  }

  .floating-label {
    font-size: 14px;
  }

  .form-input:focus + .floating-label,
  .form-input:not(:placeholder-shown) + .floating-label {
    top: 8px;
    font-size: 10px;
  }

  .submit-btn {
    padding: 10px 0;
    font-size: 14px;
  }

  /* 10. offices-section（办公地址）模块补充适配 */
  .offices-section {
    padding: 40px 15px;
    margin: 20px 0;
  }

  .offices-title {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 10px;
  }

  .offices-divider {
    height: 4px;
    width: 60px;
    margin: 0 auto 20px auto;
  }

  .offices-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
}

  .contact-card-container {
    padding: 20px 15px;
  gap: 10px;
  height: auto;
  flex-direction: column; /* 改为列布局 */
  align-items: center; /* 内容居中 */
  text-align: center; /* 文本居中 */
  width: 100%; /* 占满可用宽度 */
  max-width: 451px; /* 保持最大宽度限制 */
  margin: 0 auto 20px auto; /* 居中并保持底部间距 */
  }

  .contact-card-container .icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
  }

  .offices-contact .contact-item {
    gap: 10px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .offices-contact .icon {
    width: 20px;
    height: 20px;
  }
  .contact-card-container .contact-details h3,
.contact-card-container .contact-details p {
  text-align: center; /* 标题和文本居中 */
  width: 100%; /* 占满宽度 */
}

  .offices-contact .contact-details h3 {
    font-size: 18px;
    margin-top: 10px;
  }

  .offices-contact .contact-details p {
    font-size: 14px;
  }

  .map-placeholder1 {
    height: 250px;
    background-size: 60px;
  }
}