/* ====== 全局优化 ====== */
  body {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  }
  
  /* ====== Banner悬停效果 ====== */
  .banner-image img {
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .banner-image:hover img {
    transform: scale(1.05);
    filter: brightness(1.05);
  }
  
  /* ====== 服务卡片悬停效果 ====== */
  .service1-content ul li {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateZ(0);
    perspective: 1000px;
  }
  
  .service1-content ul li:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  }
  
  .service1-content ul li img {
    transition: all 0.7s ease;
    transform: scale(1);
    filter: grayscale(0.2);
  }
  
  .service1-content ul li:hover img {
    transform: scale(1.15);
    filter: grayscale(0);
  }
  
  .service1-content ul li h3 {
    position: relative;
    display: inline-block;
    transition: all 0.4s ease;
  }
  
  .service1-content ul li:hover h3 {
    color: #3498db;
  }
  
  .service1-content ul li h3:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #3498db;
    transition: width 0.5s ease;
  }
  
  .service1-content ul li:hover h3:after {
    width: 100%;
  }
  
  /* ====== 服务流程图标悬停效果 ====== */
  .edge1-content ul li {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
  }
  
  .edge1-content ul li:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
  }
  
  .edge1-content ul li:hover:before {
    opacity: 1;
  }
  
  .edge1-content ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.08) 0%, rgba(41, 128, 185, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.6s ease;
    z-index: -1;
  }
  
  .edge1-content ul li i {
    position: relative;
    display: inline-block;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  .edge1-content ul li:hover i {
    transform: scale(1.2) rotateY(360deg);
    color: #3498db;
  }
  
  .edge1-content ul li i:after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border-radius: 50%;
    background: rgba(52, 152, 219, 0.1);
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.6s ease;
    z-index: -1;
  }
  
  .edge1-content ul li:hover i:after {
    opacity: 1;
    transform: scale(1);
  }
  
  /* ====== 案例展示悬停效果 ====== */
  .example1-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  
  .example1-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  }
  
  .example1-item img {
    transition: all 0.7s ease;
    transform: scale(1);
  }
  
  .example1-item:hover img {
    transform: scale(1.08);
  }
  
  .example1-item h3 {
    position: relative;
    transition: all 0.3s ease;
  }
  
  .example1-item:hover h3 {
    color: #3498db;
  }
  
  .example1-item h3:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: #3498db;
    transition: width 0.4s ease;
  }
  
  .example1-item:hover h3:after {
    width: 100%;
  }
  
  /* ====== 响应式优化 ====== */
  @media (max-width: 992px) {
    .service1-content ul li, 
    .edge1-content ul li {
      transform: none;
    }
    
    .service1-content ul li:hover, 
    .edge1-content ul li:hover {
      transform: none;
    }
  }