/**
* 全局CSS 变量
**/

$bg-color: #1f1f1f;
$color: #ffffff;
$border-radius: 0.2rem;
$other-color: #2F6368;
$nav-bar: linear-gradient(to bottom, #0E5E57, #0B5650, #084E4A);
$button-color: #2F6368;
$nav-bar-height: 1.5rem;
$tab-bar-height: 1.6rem;

/**
    全局字体颜色
**/
$font-text1: #f3e615;
$font-text2: #a1e354;
$font-text3: #21d1a5;
$font-text4: #f1fffb;

@mixin mobile {
  @media screen and (max-width: 999px) {
    @content;
  }
}

@mixin pc {
  @media screen and (min-width: 550px) {
    @content;
  }
}

.transition {
  transition: all 200ms linear;
}

.more {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.blod {
  font-weight: bold;
}

.moveBox {
  animation: moveBox 1500ms forwards infinite;
  transition: all 200ms linear;
}

.pointer {
  cursor: pointer;
}

.not-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  user-select: none; /* Standard syntax */
}

.particulars-detail-popup {
  background: rgba(0, 0, 0, 0.7) !important;
}

@keyframes moveBox {
  0% {
    transform: rotate(-6deg);
  }
  50% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}

@keyframes fadeIn {
  0% {
    filter: blur(10px);
  }
  50% {
    filter: blur(5px);
  }
  100% {
    filter: blur(0px);
  }
}

.fade-in {
  animation: fadeIn 800ms ease-in;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --van-floating-bubble-background: transparent !important;
  --van-floating-bubble-border-radius: 0 !important;
  --van-floating-bubble-size: 1.5rem !important;
  --van-floating-bubble-icon-size: 1.4rem !important;
}
