/* components/popup-user-auth/popup-user-auth.wxss */
@import "../../themes/t.scss";
@import "../../themes/t.cell.scss";
@import "../../themes/button.scss";

.popup {
  &__header {
    padding: 12px;
    font-size: 18px;
    text-align: center;
  }

  &__content {
    padding: 0 12px;
  }
}

.user-auth-form {
  .open-button {
    position: relative;
    font-size: 14px;

    &__inner {
      position: absolute;
      top: 0;
      bottom: 0;
      left: var(--td-cell-horizontal-padding, 32rpx);
      right: var(--td-cell-horizontal-padding, 32rpx);
      opacity: 0;
    }
  }

  .cell-field {
    .t-cell__title {
      flex: none;
    }
  }

  .field-container {
    display: flex;
    align-items: center;
    font-size: var(--td-cell-title-font-size,var(--td-font-size-m,32rpx));

    text {
      flex: none;
      color: #666;
    }

    input {
      min-width: calc(var(--td-cell-title-font-size,var(--td-font-size-m,32rpx)) * 6 * 0.6);
      text-align: center;
    }
  }

  .privacy-contract-wrapper {
    --td-radio-icon-checked-color: #1D6FF6;
    --td-radio-font-size: 12px;
    --td-radio-icon-size: 20px;

    .privacy-contract {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    padding: 6px var(--td-cell-horizontal-padding, 32rpx);
    font-size: 12px;

    .name {
      // color: var(--primary-color, #38FF6E);
      color: #1D6FF6;
    }

    .no-border {
      display: none;
    }
  }
}

.phone-cell {
  color: black !important; // 使用 !important 确保优先级

  .note-class {
    color: black !important; // 确保 note 字体为黑色
  }
}