@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.custom-loader {
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  /* 旋转动画 */
}

/* SVG 圆环样式 */
.custom-loader circle {
  fill: none;
  stroke-width: 4;
  /* 圆环厚度 */
}

/* 背景圆环（灰色） */
.custom-loader .background {
  stroke: #e0e0e0;
}

/* 进度圆环（粉红色） */
.custom-loader .progress {
  stroke: #12122A;
  stroke-linecap: round;
  /* 圆弧边缘 */
  stroke-dasharray: 15.7 94.2;
  /* 控制进度长度，31.4 是 1/4 周长，94.2 是剩余部分 */
  stroke-dashoffset: 0;
}