/* #ifndef APP-NVUE */
page {
  height: 100%;
  background-color: #F6F6F6;
  font-family: 'UberMove', sans-serif;
}

.poynter-oldstyle-text {
  font-family: 'UberMove', sans-serif;
}


.helvetica-now-text {
  font-family: 'UberMove', sans-serif;
}


.border-custom, .border-bottom, .border-top, .border-left, .border-right {
  position: relative;
  border: none;
}

.border-custom::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  transform: scale(0.5);
  transform-origin: left top;
}


.border-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #DFDFDF;
  height: 1px;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}

.border-left::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #DFDFDF;
  width: 1px;
  transform: scaleX(0.5);
  transform-origin: 0 0;
}

.border-bottom::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #DFDFDF;
  height: 1px;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}


.border-right::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #DFDFDF;
  width: 1px;
  transform: scaleX(0.5);
  transform-origin: 0 0;
}

::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

.wd-navbar__title {
  font-family: 'PoynterOldstyleText', sans-serif;
}

/* #endif */


/* 解决H5滚动条的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
  /* 隐藏滚动条，但依旧具备可以滚动的功能 */
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

/* #endif */

.wd-popup, .wd-overlay {
  z-index: 99 !important;
}

.wd-message-box__actions {
  flex-direction: row-reverse;

  & .wd-button {
    margin: 0 !important;

    &:first-child {
      margin-left: 32rpx !important;
    }
  }
}

// 通用骨架屏样式
.skeleton-item {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8rpx;
}

// 闪烁动画
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}