/* 
  由于现在使用 Iframe 隔离打印方案，
  样式已直接在 index.tsx 的 iframe 注入逻辑中定义。
  此文件目前仅保留页面基础样式（如有）。
*/

.custom-steps {
  display: flex !important;
  flex-wrap: wrap !important;

  .ant-steps-item {
    flex: none !important;
    width: 200px !important;
    /* 固定每个步骤的宽度，你可以根据需要调整 */
    margin-right: 24px !important;
    /* 每个步骤之间的固定间距 */
    margin-bottom: 24px !important;
    /* 换行后的行间距 */
    padding-inline-start: 0 !important;

    // 隐藏连接线，因为换行后的连线轨迹会错乱
    .ant-steps-item-tail {
      display: none !important;
    }

    // 调整标题和描述的布局，确保紧凑
    .ant-steps-item-content {
      overflow: visible;

      .ant-steps-item-title {
        white-space: nowrap;
      }
    }
  }
}