@charset "UTF-8";
/****** 常用的mixin和函数 ******/
@keyframes throttleAnimation-2df48233 {
0% {
    transform: translate3d(-0.1875rem, 0, 0);
}
100% {
    transform: translate3d(0.1875rem, 0, 0);
}
}
.throttle[data-v-2df48233] {
  animation: throttleAnimation-2df48233 0.15s cubic-bezier(0.85, -0.04, 0.2, 1.11) 2;
}
.box[data-v-2df48233] {
  position: relative;
  width: 13.75rem;
  height: 5rem;
  border-radius: 0.25rem;
  padding: 0.9375rem;
  box-sizing: border-box;
  margin-right: 1.25rem;
  border: 1px solid;
}
[data-theme="light"] .box[data-v-2df48233] {
    border-color: #F2F6FC !important;
}
[data-theme="dark"] .box[data-v-2df48233] {
    border-color: #202020 !important;
}
[data-theme="light"] .box[data-v-2df48233] {
    background-color: #F2F6FC !important;
}
[data-theme="dark"] .box[data-v-2df48233] {
    background-color: #202020 !important;
}
.box[data-v-2df48233]:last-child {
    margin: 0;
}
.box .tools-name-box[data-v-2df48233] {
    display: flex;
    align-items: center;
}
.box .tools-name-box .tools-img[data-v-2df48233] {
      width: 1.25rem;
      height: 1.25rem;
}
.box .tools-name-box .tools-name[data-v-2df48233] {
      margin: 0 0.3125rem 0 0.625rem;
      font-size: 0.8125rem;
      /*通过该函数设置字体颜色，后期方便统一管理；*/
}
[data-theme="light"] .box .tools-name-box .tools-name[data-v-2df48233] {
        color: #0f0f0f !important;
}
[data-theme="dark"] .box .tools-name-box .tools-name[data-v-2df48233] {
        color: #FFFFFF !important;
}
.box .tools-status[data-v-2df48233] {
    margin-top: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.25rem;
    border-radius: 0.625rem;
    font-size: 0.75rem;
    border: 1px solid;
    /*通过该函数设置字体颜色，后期方便统一管理；*/
}
[data-theme="light"] .box .tools-status[data-v-2df48233] {
      border-color: #E6A23C !important;
}
[data-theme="dark"] .box .tools-status[data-v-2df48233] {
      border-color: #E6A23C !important;
}
[data-theme="light"] .box .tools-status[data-v-2df48233] {
      color: #E6A23C !important;
}
[data-theme="dark"] .box .tools-status[data-v-2df48233] {
      color: #E6A23C !important;
}
.box .tools-status .dot[data-v-2df48233] {
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
}
[data-theme="light"] .box .tools-status .dot[data-v-2df48233] {
        background-color: #E6A23C !important;
}
[data-theme="dark"] .box .tools-status .dot[data-v-2df48233] {
        background-color: #E6A23C !important;
}
.box .selected-img[data-v-2df48233] {
    display: none;
    position: absolute;
    top: -0.0625rem;
    right: -0.0625rem;
    width: 1.875rem;
    height: 1.875rem;
}
.running .tools-status[data-v-2df48233] {
  /*通过该函数设置字体颜色，后期方便统一管理；*/
}
[data-theme="light"] .running .tools-status[data-v-2df48233] {
    border-color: #26AF9B !important;
}
[data-theme="dark"] .running .tools-status[data-v-2df48233] {
    border-color: #26AF9B !important;
}
[data-theme="light"] .running .tools-status[data-v-2df48233] {
    color: #26AF9B !important;
}
[data-theme="dark"] .running .tools-status[data-v-2df48233] {
    color: #26AF9B !important;
}
[data-theme="light"] .running .tools-status .dot[data-v-2df48233] {
    background-color: #26AF9B !important;
}
[data-theme="dark"] .running .tools-status .dot[data-v-2df48233] {
    background-color: #26AF9B !important;
}
[data-theme="light"] .selected[data-v-2df48233] {
  border-color: #26AF9B !important;
}
[data-theme="dark"] .selected[data-v-2df48233] {
  border-color: #26AF9B !important;
}
.selected .selected-img[data-v-2df48233] {
  display: block;
}

@charset "UTF-8";
/****** 常用的mixin和函数 ******/
@keyframes throttleAnimation-830fa2d8 {
0% {
    transform: translate3d(-0.1875rem, 0, 0);
}
100% {
    transform: translate3d(0.1875rem, 0, 0);
}
}
.throttle[data-v-830fa2d8] {
  animation: throttleAnimation-830fa2d8 0.15s cubic-bezier(0.85, -0.04, 0.2, 1.11) 2;
}
.tools-status-overview[data-v-830fa2d8] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7.5rem;
}
[data-theme="light"] .tools-status-overview[data-v-830fa2d8] {
    background-color: #FFFFFF !important;
}
[data-theme="dark"] .tools-status-overview[data-v-830fa2d8] {
    background-color: #151515 !important;
}
.tools-status-overview .content-box[data-v-830fa2d8] {
    width: 100rem;
    min-width: 82.5rem;
    max-width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tools-status-overview .content-box .tools-box[data-v-830fa2d8] {
      display: flex;
      align-items: center;
}
.tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 4.75rem;
        height: 5rem;
        border: 1px solid;
        border-radius: 0.25rem;
        margin-right: 1.25rem;
        box-sizing: border-box;
        font-size: 0.75rem;
        line-height: 0.875rem;
        /*通过该函数设置字体颜色，后期方便统一管理；*/
}
[data-theme="light"] .tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
          color: #3E465B !important;
}
[data-theme="dark"] .tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
          color: #CACBCE !important;
}
[data-theme="light"] .tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
          border-color: #F2F6FC !important;
}
[data-theme="dark"] .tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
          border-color: #202020 !important;
}
[data-theme="light"] .tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
          background-color: #F2F6FC !important;
}
[data-theme="dark"] .tools-status-overview .content-box .tools-box .records-box[data-v-830fa2d8] {
          background-color: #202020 !important;
}
.tools-status-overview .content-box .tools-box .records-box .selected-img[data-v-830fa2d8] {
          display: none;
          position: absolute;
          top: -0.0625rem;
          right: -0.0625rem;
          width: 1.875rem;
          height: 1.875rem;
}
.tools-status-overview .content-box .tools-box .selected[data-v-830fa2d8] {
        border: 1px solid;
}
[data-theme="light"] .tools-status-overview .content-box .tools-box .selected[data-v-830fa2d8] {
          border-color: #26AF9B !important;
}
[data-theme="dark"] .tools-status-overview .content-box .tools-box .selected[data-v-830fa2d8] {
          border-color: #26AF9B !important;
}
.tools-status-overview .content-box .tools-box .selected .selected-img[data-v-830fa2d8] {
          display: block;
}
.tools-status-overview .content-box .greeks-box[data-v-830fa2d8] {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      width: 16.25rem;
      height: 5rem;
      font-size: 0.75rem;
      border-radius: 0.25rem;
      border: 1px dashed;
}
[data-theme="light"] .tools-status-overview .content-box .greeks-box[data-v-830fa2d8] {
        border-color: #E1E3EA !important;
}
[data-theme="dark"] .tools-status-overview .content-box .greeks-box[data-v-830fa2d8] {
        border-color: #313235 !important;
}
.tools-status-overview .content-box .greeks-box .greeks-row[data-v-830fa2d8] {
        width: 15rem;
        display: flex;
        justify-content: space-between;
}
.tools-status-overview .content-box .greeks-box .greeks-row .greeks-item[data-v-830fa2d8] {
          width: 6.25rem;
          display: flex;
          justify-content: space-between;
}
.tools-status-overview .content-box .greeks-box .greeks-row .greeks-item .label[data-v-830fa2d8] {
            width: 3.125rem;
            /*通过该函数设置字体颜色，后期方便统一管理；*/
}
[data-theme="light"] .tools-status-overview .content-box .greeks-box .greeks-row .greeks-item .label[data-v-830fa2d8] {
              color: #303133 !important;
}
[data-theme="dark"] .tools-status-overview .content-box .greeks-box .greeks-row .greeks-item .label[data-v-830fa2d8] {
              color: #CFCECC !important;
}
.tools-status-overview .content-box .greeks-box .greeks-row .greeks-item .data[data-v-830fa2d8] {
            /*通过该函数设置字体颜色，后期方便统一管理；*/
}
[data-theme="light"] .tools-status-overview .content-box .greeks-box .greeks-row .greeks-item .data[data-v-830fa2d8] {
              color: #0f0f0f !important;
}
[data-theme="dark"] .tools-status-overview .content-box .greeks-box .greeks-row .greeks-item .data[data-v-830fa2d8] {
              color: #FFFFFF !important;
}

@charset "UTF-8";
/****** 常用的mixin和函数 ******/
@keyframes throttleAnimation-2f504f8a {
0% {
    transform: translate3d(-0.1875rem, 0, 0);
}
100% {
    transform: translate3d(0.1875rem, 0, 0);
}
}
.throttle[data-v-2f504f8a] {
  animation: throttleAnimation-2f504f8a 0.15s cubic-bezier(0.85, -0.04, 0.2, 1.11) 2;
}
.advance-tools-layout .tools-wrapper[data-v-2f504f8a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}