@import 'ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件
@import 'animate.css/animate.css';
:root {
  --primary-color: #f9896b; // 全局主色
  --dark-primary-color: #f9896b;
  --light-primary-color: #ffefeb;
  --second-color: #7678ed;
  --light-second-color: #eff1ff;

  --link-color: #f9896b; // 链接色
  --success-color: #66ba66; // 成功色
  --warning-color: #fed666; // 警告色
  --error-color: #ec6d79; // 错误色
  --font-size-base: 14px; // 主字号
  --heading-color: #707070; // 标题色
  --text-color: #707070; // 主文本色
  --text-color-secondary: #707070aa; // 次文本色
  --disabled-color: rgba(0, 0, 0, 0.25); // 失效色
  --border-radius-base: 2px; // 组件/浮层圆角
  --border-color-base: #d9d9d9; // 边框色
  --box-shadow-base: 0 2px 8px #41464b22; // 浮层阴影
  --table-row-hover-bg: @table-row-hover-bg;
  --layout-header-background: #41464b;
  --light-warning-color: #fde49e; // 警告色
  --select-background-color: #e6f7ff;
  --select-color: #7678ed;
}

// @primary-color: #f9896b; // 全局主色
// @dark-primary-color: #f9896b;
// @light-primary-color: #fdc3b4;

@primary-color: #f9896b; // 全局主色
@dark-primary-color: #f9896b;
@light-primary-color: #ffefeb;

@second-color: #7678ed;
@light-second-color: #eff1ff;

@link-color: #7678ed; // 链接色
@success-color: #66ba66; // 成功色
@warning-color: #fed666; // 警告色
@error-color: #ec6d79; // 错误色
@font-size-base: 14px; // 主字号
@heading-color: #707070; // 标题色
@text-color: #707070; // 主文本色
@text-color-secondary: #707070aa; // 次文本色
@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
@border-radius-base: 2px; // 组件/浮层圆角
@border-color-base: #d9d9d9; // 边框色
// @box-shadow-base: 0 2px 8px 41464b22; // 浮层阴影
@layout-header-background: #41464b;

.xkd(@n, @i: 1) when (@i =< @n) {
  .c-m@{i} {
    margin: (@i*2px);
  }
  .c-mt@{i} {
    margin-top: (@i*2px);
  }
  .c-mr@{i} {
    margin-right: (@i*2px);
  }
  .c-mb@{i} {
    margin-bottom: (@i*2px);
  }
  .c-ml@{i} {
    margin-left: (@i*2px);
  }
  .c-p@{i} {
    padding: (@i*2px);
  }
  .c-pt@{i} {
    padding-top: (@i*2px);
  }
  .c-pr@{i} {
    padding-right: (@i*2px);
  }
  .c-pb@{i} {
    padding-bottom: (@i*2px);
  }
  .c-pl@{i} {
    padding-left: (@i*2px);
  }
  .xkd(@n, (@i + 1));
}

.xkd(10);

body {
  fill: var(--text-color);
  overflow: hidden;

  .ant-drawer-body {
    height: calc(100% - 55px);
    .c-drawer-footer {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
      border-top: 1px solid var(--border-color-base);
      padding: 10px 16px;
      background: #fff;
      text-align: right;
      z-index: 1;
    }
  }

  .ant-input-group {
    .c-ant-input {
      display: table-cell;
      border: 1px solid var(--border-color-base);
      padding: 0px 8px;
      border-top-right-radius: var(--border-radius-base);
      border-bottom-right-radius: var(--border-radius-base);
    }
  }

  .c-dropdown-menu {
    border: 1px solid var(--border-color-base);
  }
  .c-controls-form {
    .ant-form-item-label {
      line-height: 30px;
    }
    .ant-form-item-control {
      line-height: 30px;
    }

    .c-form-item-required {
      label::before {
        display: inline-block;
        margin-right: 4px;
        color: #ff4d4f;
        font-size: 14px;
        font-family: SimSun, sans-serif;
        line-height: 1;
        content: '*';
      }
    }

    .ant-form-item {
      margin-bottom: 5px;
      .ant-form-item-control-wrapper {
        width: fit-content;
      }
    }
  }

  .ant-collapse {
    border-width: 0px;
    border-radius: 0px;
    background-color: transparent;
    > .ant-collapse-item {
      border-width: 0px;
      > .ant-collapse-header {
        border-top-width: 0px;
        padding: 6px 4px;
        padding-left: 22px;
        background-color: transparent;
        .ant-collapse-arrow {
          left: 7px;
        }
      }
    }
  }
  .ant-collapse-content {
    border-bottom-width: 0;
    border-top-width: 0px;
    background-color: transparent;
    &.ant-collapse-content-active {
      // border-top: 2px solid var(--second-color);
    }
    > .ant-collapse-content-box {
      // padding: 7px;
    }
  }
  .ant-collapse > .ant-collapse-item:last-child,
  .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0px;
  }

  .ant-popover-content,
  .ant-calendar-picker-container {
    border: 1px solid var(--border-color-base);
  }

  .amap-logo {
    img {
      display: none;
    }
  }
  .amap-copyright {
    display: none !important;
  }

  .c-datahu-format-single {
    display: flex;
    width: 100%;
    height: 100%;
  }

  .c-datahu-format-single > * {
    flex-grow: 0;
    flex-shrink: 0;
  }

  .c-datahu-format-single-color-red {
    color: red;
  }

  .c-datahu-format-single-color-black {
    color: black;
  }

  .c-datahu-format-single-color-yellow {
    color: yellow;
  }

  .c-datahu-format-single-color-green {
    color: green;
  }

  .c-datahu-format-single-color-white {
    color: white;
  }

  .c-datahu-format-single-color-blue {
    color: blue;
  }

  .c-datahu-format-single-color-cyan {
    color: cyan;
  }

  .c-datahu-format-single-color-magenta {
    color: rmagentaed;
  }

  .c-datahu-format-single-fill {
    flex-grow: 1;
    flex-shrink: 1;
  }

  .c-panel-title {
    text-align: center;
    // color: var(--dark-primary-color);
    line-height: 41px;
  }
  .ant-tabs-ink-bar {
    background-color: var(--primary-color);
  }

  .ant-slider-rail {
    background-color: var(--light-primary-color);
  }
  .ant-slider-track {
    background-color: var(--primary-color);
  }

  .ant-btn-primary {
    background-color: var(--second-color);
    border-color: var(--second-color);
    &:hover {
      background-color: var(--second-color);
      border-color: var(--second-color);
      opacity: 0.8;
    }
  }

  li.ant-dropdown-menu-item {
    a {
      color: var(--text-color);
    }
  }
}

//自动移滚动条样式
::-webkit-scrollbar {
  display: none;
  width: 10px;
  height: 10px;
}
// :hover{
//   &::-webkit-scrollbar{
//     display:block;
//     background-color: transparent;
//    }
// }
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(50, 50, 50, 0.3);
}
::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(50, 50, 50, 0);
}
