/*
 * desc: 比赛群二维码弹窗组件样式
 * date: 2025-08-08
 * author: janfzhao
 * email: janfzhao@tencent.com
 */
@import '../../common/style/general/variables.scss';
@import '../../common/style/general/mixins/flex.scss';
@import './_var.scss';

.#{$prefix}-gruop-qrcode {
  padding: $gq-content-padding-tb $gq-content-padding-lr;

  &__head {
    text-align: center;
    margin-bottom: .32rem;

    &-title {
      font-size: $gq-primary-font-size;
      color: $gq-text-color-primary;
      font-weight: 500;
    }
  }

  &__body {
    text-align: center;

    &-desc {
      font-size: $gq-secondary-font-size;
      color: $gq-text-color-secondary;
      margin-bottom: .48rem;
      white-space: pre-line;
    }

    &-time {
      font-size: $gq-secondary-font-size;
      color: $gq-text-color-secondary;
    }

    &-qrcode {
      width: $gq-qrcode-size;
      height: $gq-qrcode-size;
      border: $gq-qrcode-border-width solid $gq-qrcode-border-color;
      border-radius: $gq-qrcode-radius;
      overflow: hidden;
      margin: 0 auto .24rem;

    }

    &-pic {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  &__foot {
    @include flex(row, center, center);
    gap: .24rem;
    margin-top: .48rem;

    &-btn {
      flex: 1;
    }
  }

}