* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      background-color: #fff;
      padding: 60px 0;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* 标题区域 */
    .section-header {
      text-align: center;
      margin-bottom: 60px;
    }
    .title {
   
      font-weight: 700;
      color: #1D2129;
      margin-bottom: 8px;
    }
    .section-desc {
      font-size: 14px;
      color: #86909C;
    }

    /* 流程容器 */
    .process-wrapper {
      display: grid;
      grid-template-columns: 1fr 40px 1fr; /* 左右列+中间连接线区域 */
      align-items: start;
      position: relative;
    }

    /* 中间连接线 */
    .process-line {
      position: absolute;
      left: 50%;
      top: 0px;
      bottom: 20px;
      width: 2px;
      background-color: #E5E6EB;
      transform: translateX(-50%);
	  height: 419px;
    }

    /* 步骤项通用样式 */
    .process-step {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
      position: relative;
    }
    .step-card {
      background-color: #F7FAFF;
      border-radius: 8px;
      padding: 20px;
      width: 100%;
      display: flex;
      align-items: center;
      gap: 16px;
      min-width: 0;
    }
    .step-card img {
      width: 50px; /* 固定图片宽度，避免变形 */
      height: auto;
      flex-shrink: 0; /* 防止图片被压缩 */
    }
    .step-info {
      flex: 1;
      overflow: hidden;
    }
    .step-title {
      font-size: 16px;
      font-weight: 600;
      color: #1D2129;
      margin-bottom: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .step-desc {
      font-size: 14px;
      color: #86909C;
      line-height: 1.5;
    }

    /* 步骤数字 */
    .step-number {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #203864;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 700;
      z-index: 1;
      flex-shrink: 0; /* 防止数字被压缩 */
    }

    /* 左右列布局 */
    .left-steps {
      grid-column: 1;
      padding-right: 30px;
    }
    .right-steps {
      grid-column: 3;
      padding-left: 30px;
    }
    
    /* 左侧步骤：数字在卡片左边 */
    .left-steps .process-step {
      justify-content: flex-end;
      gap: 15px; /* 数字与卡片的间距 */
    }
    
    /* 右侧步骤：数字在卡片左边 */
    .right-steps .process-step {
      justify-content: flex-start;
      gap: 15px; /* 数字与卡片的间距 */
    }

    /* 响应式适配 */
    @media (max-width: 768px) {
      .process-wrapper {
        grid-template-columns: 40px 1fr;
      }
      .right-steps, .left-steps {
        grid-column: 2;
        padding: 0 0 0 15px;
      }
      .process-line {
        left: 20px;
        transform: none;
      }
      .left-steps .process-step,
      .right-steps .process-step {
        justify-content: flex-start;
        gap: 15px;
      }
    }