/* 页面标题区域调整 */
.page-title {
  padding-top: 100px !important;
  padding-bottom: 2rem;
  margin-top: 2rem;
  position: relative;
  z-index: 1;
}

.page-title h1 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

@media (max-width: 767.98px) {
  .page-title {
    padding-top: 120px !important;
  }
  
  .page-title h1 {
    font-size: 1.8rem;
  }
}

/* 任务卡片图片样式 */
.mission-image {
  max-height: 150px;
  object-fit: contain;
  margin: 1rem auto 0;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.mission-card:hover .mission-image {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* 行动指针卡片图片样式 */
.principle-image {
  height: 160px;
  object-fit: cover;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.card:hover .principle-image {
  transform: scale(1.05);
  filter: brightness(1.05);
}

    /* 页面特定样式 */
    .mission-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border-radius: 15px;
      overflow: hidden;
      border: none;
      height: 100%;
    }
    
    .mission-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }
    
    .mission-icon {
      font-size: 2.5rem;
      margin-bottom: 1rem;
      color: var(--bs-primary);
      transition: transform 0.3s ease;
    }
    
    .mission-card:hover .mission-icon {
      transform: scale(1.2);
    }
    
    .values-section {
      background-color: #f8f5f0;
      padding: 5rem 0;
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .timeline {
      position: relative;
      padding: 1rem 0;
    }
    
    .timeline::before {
      content: '';
      position: absolute;
      height: 100%;
      width: 3px;
      background: var(--bs-primary);
      left: calc(50% - 1.5px);
      top: 0;
    }
    
    .timeline-item {
      position: relative;
      margin-bottom: 3rem;
    }
    
    .timeline-content {
      padding: 1.5rem;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      background: white;
      position: relative;
      width: calc(50% - 3rem);
    }
    
    .timeline-content::after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background: var(--bs-primary);
      border-radius: 50%;
      top: calc(50% - 10px);
    }
    
    .timeline-item:nth-child(odd) .timeline-content {
      margin-left: auto;
    }
    
    .timeline-item:nth-child(odd) .timeline-content::after {
      left: -40px;
    }
    
    .timeline-item:nth-child(even) .timeline-content::after {
      right: -40px;
    }
    
    @media (max-width: 767.98px) {
      .timeline::before {
        left: 30px;
      }
      
      .timeline-content {
        width: calc(100% - 60px);
        margin-left: 60px !important;
      }
      
      .timeline-content::after {
        left: -40px !important;
        right: auto !important;
      }
    }