$font-pang = Pangmenzhengdao, 'Avenir', Helvetica, Arial, sans-serif
$font-din = DIN, 'Avenir', Helvetica, Arial, sans-serif
$font-weibei = WeiBei, 'Avenir', Helvetica, Arial, sans-serif
$font-zcool = ZCool, 'Avenir', Helvetica, Arial, sans-serif
$font-barlow = Barlow, 'Avenir', Helvetica, Arial, sans-serif

$full(w = 100%, h = 100%)
  width w
  height h
  box-sizing border-box

$center()
  display flex
  align-items center
  justify-content center

$blur(val = 0.05rem)
  backdrop-filter blur(val)
  -webkit-backdrop-filter blur(val)

$border(color = #000, width = 0.01rem)
  border width solid color

$primary-color = #47B3FF
$secondary-color = #5BD5FF
$primary-bg = rgba(49,94,139,.3)
$primary-border = rgba(91,213,255,.5)
$red = #CB1B45
$blue = #2F86EE
$yellow = #ffd400
$green = #4F953B
$edge = #00f2ff
$orange = #F7933E

$card-bg = linear-gradient(to bottom, rgba(5,71,138,.2), rgba(5,71,138,.6))
$card-title-color = #fff
$card-title-size = .14rem
$card-border = .01rem solid $primary-border

$table-title-bg =rgba(2,27,53,.8)
$table-content-bg = rgba(2,27,53,.6)
$table-content-hover-color = $primary-color
$table-content-hover-bg = $primary-bg

$font-color = #70A7E0

$table-bg(opacity = 0.3)
  rgba(0, 118, 255, opacity )

$card-bg2(opacity = 0.4, shadow = 0.2)
  background rgba(70,83,97,opacity)
  box-shadow inset 0 .01rem .02rem 0 rgba(204,204,204,shadow)
  border-radius .03rem

$box()
  background rgba(70,83,97,.4)
  border-radius .04rem
  box-shadow 0 0.01rem .01rem 0 rgba(255,255,255,.2) inset
  box-sizing border-box