/* ========================================
   Company Page 2.0 - 中企出海解决方案
   ======================================== */

/* ==================== Section 1: 企业出海业务面临挑战 ==================== */
.company-challenges .challenges-wrapper {
  /* max-width: 1200px; */
  margin: 0 auto;
  /* padding: 0 20px; */
}

.company-challenges .challenges-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.company-challenges .challenge-card {
  background: linear-gradient(180deg, #F7F9FC 0%, #FFFFFF 100%);
  border-radius: 16px;
  padding: 40px 24px;
  text-align: left;
  transition: all 0.3s ease;
  border: 1px solid #E8ECF2;
}

.company-challenges .challenge-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: #0052D9;
}

.company-challenges .card-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.company-challenges .card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.company-challenges .card-title {
  font-size: 20px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 12px;
  line-height: 1.4;
}

.company-challenges .card-desc {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
}

/* 响应式 */
@media (max-width: 1024px) {
  .company-challenges .challenges-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .company-challenges .challenges-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .company-challenges .challenge-card {
    padding: 32px 20px;
  }
}

/* ==================== Section 2: 联想Filez中企出海解决方案 ==================== */
.company-solution .solution-wrapper {
  /* max-width: 1200px; */
  margin: 0 auto;
  /* padding: 0 20px; */
  text-align: center;
}

.company-solution .solution-header {
  margin-bottom: 40px;
}

.company-solution .solution-kicker {
  display: inline-block;
  /* Token: linear-gradient(105deg, #2DD4BF -8%, #2563EB 50%, #F43F5E 107%) */
  background: linear-gradient(105deg, #2DD4BF -8%, #2563EB 50%, #F43F5E 107%);
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  /* Token: border-radius 19.03px */
  border-radius: 19.03px;
  /* Token: padding 8px 18px */
  padding: 8px 18px;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 0%;
  text-align: center;
  line-height: auto;
}

.company-solution .solution-title {
  font-size: 44px;
  font-weight: 600;
  color: #101C2F;
  margin-bottom: 20px;
  line-height: 1.3;
}

.company-solution .solution-desc {
  font-size: 20px;
  color: #101C2F;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

.company-solution .solution-diagram {
  width: 100%;
  margin: 0 auto;
}

.company-solution .solution-diagram img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .company-solution .solution-title {
    font-size: 28px;
  }
  
  .company-solution .solution-header {
    margin-bottom: 32px;
  }
}

/* ==================== Section 3: 智能行业翻译 (使用 media-list 组件) ==================== */
.company-translation {
  /* 组件样式由 media-list 组件提供 */
}

/* ==================== Section 4: 数据安全与合规 (使用 media-list 组件) ==================== */
.company-security {
  /* 组件样式由 media-list 组件提供 */
}

/* ==================== Section 5: 全球基础设施 ==================== */
.company-infrastructure .section5-map {
  position: relative;
  width: 100%;
}

/* ==================== Section 6: 客户案例 (使用 case-carousel 组件) ==================== */
.company-cases {
  /* 组件样式由 case-carousel 组件提供 */
}

/* ==================== Footer Lead CTA ==================== */
.company-cta {
  /* 组件样式由 footer-lead 组件提供 */
}

/* ==================== 通用样式优化 ==================== */
.company-banner,
.company-challenges,
.company-solution,
.company-translation,
.company-security,
.company-infrastructure,
.company-cases,
.company-cta {
  position: relative;
}

/* Banner 背景优化 */
.company-banner {
  background: linear-gradient(180deg, #F0F5FF 0%, #FFFFFF 100%);
}