@use 'sass:color';
@use '../variables' as *;

// ==================== 欢迎使用弹窗 ====================
.profile-welcome-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: $overlay-bg;
  z-index: 2200;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-welcome-dialog {
  width: 5.6rem;
  background: $bg-white;
  border-radius: 0.12rem;
  padding: 0.36rem 0.4rem;
  box-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.15);

  // 标题
  &__title {
    font-size: 0.22rem;
    font-weight: 700;
    color: $text-dark;
    margin: 0 0 0.24rem 0;
  }

  // 表单区域
  &__form {
    margin-bottom: 0.2rem;
  }

  // 标签
  &__label {
    font-size: 0.14rem;
    font-weight: 600;
    color: $text-dark;
    margin-bottom: 0.1rem;
  }

  // 上传区域
  &__upload-area {
    background: $bg-main;
    border-radius: 0.08rem;
    padding: 0.32rem 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    margin-bottom: 0.14rem;

    &:hover {
      background: color.adjust(#F3F4F5, $lightness: -3%);
    }

    // 拖拽悬停时背景色变化
    &.is-dragover {
      background: color.adjust(#F3F4F5, $lightness: -6%);
    }
  }

  // 上传图标
  &__upload-icon {
    width: 0.44rem;
    height: 0.44rem;
    background: $text-dark;
    border-radius: 0.06rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: $bg-white;
    margin-bottom: 0.1rem;

    &--done {
      background: $accent;
      font-size: 0.2rem;
      font-weight: 700;
    }
  }

  // 上传提示文字
  &__upload-tip {
    font-size: 0.12rem;
    color: $text-middle;
    margin: 0;
    text-align: center;
  }

  // 隐私说明
  &__privacy {
    font-size: 0.11rem;
    color: $text-middle;
    line-height: 1.7;
    margin: 0;
  }

  // 开始匹配按钮
  &__start-btn {
    width: 100%;
    height: 0.46rem;
    border: none;
    border-radius: 0.06rem;
    background: $text-dark;
    color: $bg-white;
    font-size: 0.15rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;

    &:hover:not(:disabled) {
      opacity: 0.85;
    }

    &:disabled {
      opacity: 0.4;
      cursor: not-allowed;
    }
  }
}

// 全屏加载遮罩 — z-index 需高于弹窗 overlay（2200）
.profile-welcome-loading {
  z-index: 2300 !important;
}

// 上传中弹窗层级降低，让 loading 遮罩盖在上面
.profile-welcome-overlay--behind {
  z-index: 2000 !important;
}
