html {
  background-color: #f7f7f7;
}
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;
  }
}