/* 优化自定义样式 */
  .carousel-container {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }

  .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

  .carousel-item {
    flex: 0 0 33.333%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .testimonial-carousel-item {
    flex: 0 0 50%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  @media (max-width: 1024px) {
    .carousel-item {
      flex: 0 0 50%;
    }

    .testimonial-carousel-item {
      flex: 0 0 50%;
    }
  }

  @media (max-width: 768px) {
    .carousel-item {
      flex: 0 0 100%;
    }

    .testimonial-carousel-item {
      flex: 0 0 100%;
    }
  }

  .carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    z-index: 30;
    transition: all 0.3s ease;
    border: none;
    outline: none;
  }

  .carousel-btn:hover {
    background: #f8fafc;
  }

  .carousel-btn.prev {
    left: 0;
  }

  .carousel-btn.next {
    right: 0;
  }

  .carousel-btn i {
    color: #1e40af;
    font-size: 20px;
  }

  .carousel-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
  }

  .carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #cbd5e1;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .carousel-dot.active {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    transform: scale(1.2);
  }

  /* 流程步骤卡片统一高度 */
  .carousel-item>div {
    display: flex;
    flex-direction: column;
  }

  /* 简洁的渐变背景 */
  .carousel-item:nth-child(3n + 1)>div {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  }

  .carousel-item:nth-child(3n + 2)>div {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
  }

  .carousel-item:nth-child(3n)>div {
    background: linear-gradient(135deg, #14b8a6 0%, #0891b2 100%);
  }

  /* 移除了动画效果，提高性能和可读性 */

  /* 确保内容在渐变背景上清晰可见 */
  .carousel-item>div .relative {
    position: relative;
    z-index: 2;
  }

  /* 简洁的文本样式 */
  .carousel-item h3 {
    color: white !important;
    font-weight: 600;
    margin-bottom: 1rem;
  }

  .carousel-item p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400;
    line-height: 1.5;
  }

  /* 简洁的数字样式 */
  .carousel-item span {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .modal-fade-in {
    animation: modalFadeIn 0.3s ease forwards;
  }

  .modal-fade-out {
    animation: modalFadeOut 0.3s ease forwards;
  }

  @keyframes modalFadeIn {
    from {
      opacity: 0;
      transform: translateY(-20px) scale(0.95);
    }

    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes modalFadeOut {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    to {
      opacity: 0;
      transform: translateY(-20px) scale(0.95);
    }
  }

  /* 优化轮播容器边距 */
  .steps-carousel-container,
  .testimonial-carousel-container {
    position: relative;
    padding: 0 20px;
  }

  /* 修复模态框滚动 */
  .modal-scroll {
    max-height: calc(90vh - 80px);
    overflow-y: auto;
    /* Firefox 滚动条颜色 */
    scrollbar-color: #3b82f6 #f1f5f9;
    scrollbar-width: thin;
  }

  /* 优化模态框滚动条样式 */
  .modal-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  .modal-scroll::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
  }

  .modal-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: background 0.3s ease;
  }

  .modal-scroll::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  }

  /* 优化合作伙伴logo显示 */
  .partner-logo {
    max-height: 50px;
    max-width: 120px;
    object-fit: contain;
  }

  /* 优化表单样式 */
  .form-input:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  }

  /* 按钮阴影闪过动画 */
  .shadow-flash {
    position: relative;
    overflow: hidden;
  }

  .shadow-flash::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent);
    transition: left 0.6s ease;
  }

  .shadow-flash:hover::before {
    left: 100%;
  }

  .shadow-flash:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }

  /* 二级菜单优化 - 美化设计 */

  /* Barlow 字体引用 */
  @font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 300;
    src: url("/template/lecms/index/fonts/Barlow-Light.ttf") format("truetype");
  }

  @font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 400;
    src: url("/template/lecms/index/fonts/Barlow-Regular.ttf") format("truetype");
  }

  @font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 500;
    src: url("/template/lecms/index/fonts/Barlow-Medium.ttf") format("truetype");
  }

  @font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 600;
    src: url("/template/lecms/index/fonts/Barlow-SemiBold.ttf") format("truetype");
  }

  @font-face {
    font-family: "Barlow";
    font-style: normal;
    font-weight: 700;
    src: url("/template/lecms/index/fonts/Barlow-Bold.ttf") format("truetype");
  }

  body {
    font-family: "Barlow", sans-serif;
    font-weight: 400;
    /* 默认使用Regular字重 */
  }

  .team-detail {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }

  .team-detail.active {
    opacity: 1;
    max-height: 800px;
  }

  /* 详情元素占据整行宽度 */
  .team-detail {
    grid-column: 1 / -1;
    width: 100%;
  }

  /* 按钮选中态样式（使用Tailwind原生类） */
  .team-member.selected .view-profile-btn {
    background: linear-gradient(135deg,
        #f59e0b 0%,
        #d97706 50%,
        #b45309 100%) !important;
  }

  .team-member.selected .view-profile-btn:hover {
    background: linear-gradient(135deg,
        #d97706 0%,
        #b45309 50%,
        #92400e 100%) !important;
  }