html {
  background-color: #f7f7f7;
  .uni-modal {
    width: 75%;
    max-width: 350px;
    padding-bottom: 16rpx;
    border-radius: 32rpx;
    .uni-modal__title {
      font-size: 32rpx;
      font-weight: bold;
      padding-top: 32rpx;
    }
    .uni-modal__bd {
      color: #666;
      word-break: break-word;
    }
  }
  .uni-modal__ft {
    padding: 32rpx;
    align-items: center;
    &::after {
      display: none;
    }
    .uni-modal__btn {
      font-size: 28rpx;
      font-weight: bold;
      border-radius: 30px;
      &.uni-modal__btn_default {
        margin-right: 24rpx;
        background-color: #EDEDED;
      }
      &.uni-modal__btn_primary {
        color: #000 !important;
        background-color: var(--primary-color);
        &::after {
          display: none;
        }
      }
    }
  }
}
view, text {
  vertical-align: middle;
  font-variant-ligatures: none;
}
.container {
  &.fixed {
    height: calc(100vh - var(--window-top) - var(--window-bottom));
  }
  &.min-fixed {
    min-height: calc(100vh - var(--window-top) - var(--window-bottom));
  }
  
  .ui-button, uni-button {
    width: 100%;
    margin: 16rpx 0;
    font-size: 32rpx;
    font-weight: bold;
    line-height: 2.8;
    border-radius: 50px;
    transition: all .3s;
  }
  
  .ui-button[type='primary'],
  uni-button[type='primary'] {
    color: #000;
    background-color: var(--primary-color);
  }
  
  uni-button[loading][type='primary'] {
    color: #000;
    background-color: #CCC;
  }

  .ui-button[type='accent'],
  uni-button[type='accent'] {
    color: #ffffff;
    background-color: var(--accent-color);
  }
  .ui-button[disabled],
  uni-button[disabled] {
    color: #888;
  }
  
  .button-anim {
    transition: all .4s;
  }
  
  .button-anim:active {
    transform: scale(0.96);
  }
  .card-list-loading .x-skeleton__wrapper__rows {
    padding: 32rpx;
    border-radius: 32rpx;
    background-color: white;
  }
}