.scan-modal {
  .arco-modal-content {
    padding: 20px;
  }
}

.arco-modal-content {
  max-height: 80vh;
  overflow-y: auto;
}

:global {
  .ReactCrop {
    position: relative;
    display: inline-block;
    touch-action: none;
    
    img {
      max-width: 100%;
      display: block;
    }
  }

  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    touch-action: none;
    border: 1px solid white;
  }
  
  .ReactCrop__drag-handle {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
  }
  
  .ReactCrop__drag-bar {
    position: absolute;
  }
}

.scan-image-crop {
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  position: relative !important;
}

// 调整裁剪弹窗样式
.image-crop-modal {
  .arco-modal-content {
    padding: 15px;
    overflow: visible;
  }
}

// 调整Modal样式
.scan-modal {
  .arco-modal-content {
    padding: 20px;
  }
}