#tianai-captcha.tianai-captcha-curve-draw {
  box-sizing: border-box;

  .click-tip {
    position: relative;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;

    #tianai-captcha-click-track-font {
      font-size: 14px;
      color: #333;
    }
  }

  .content {
    .draw-container {
      width: 100%;
      height: 180px;
      position: relative;
      overflow: hidden;
      border-radius: 4px;
      border: 1px solid #e8e8e8;

      .draw-canvas {
        width: 100%;
        height: 100%;
        cursor: crosshair;
        touch-action: none;
      }
    }

    .draw-actions {
      display: flex;
      gap: 10px;
      margin-top: 8px;

      .draw-btn {
        flex: 1;
        height: 32px;
        border: none;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        transition: opacity 0.2s;

        &:hover {
          opacity: 0.9;
        }

        &.reset-btn {
          background-color: #e8e8e8;
          color: #666;
        }

        &.confirm-btn {
          background-image: linear-gradient(173deg, hsl(38.09deg 91% 57.89%) 0%, hsl(38.09deg 89.38% 71.74%) 100%);
          color: #fff;
        }
      }
    }
  }
}