.hero-section {
    background: url(../images/xt/bg.jpg) no-repeat center center;
    background-size: cover;
    color: #055bb1;
    height: calc(100vh - 4rem);
  }

    /* 卡片样式 */
    .icon-circle {
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      background: #055bb1;
      color: #fff;
    }
    .card {
      border-radius: 8px !important;
    }

    .feature-icon {
      width: 4rem;
      height: 4rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
    }

  .card-hover {
      transition: all 0.3s ease;
  }
  
  .card-hover:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }
  
    /* 卡片悬停效果 */
    .hover-effect {
      transition: all 0.3s ease;
      border-radius: 0.5rem;
    }
    .hover-effect:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
    }