a[title='站长统计'] {
  display: none;
}

@blue-base: #2357df;

::selection {
  background: #6b9cf7;
}

/** basic */
@text-color: #000;

@height-base: 32px;
@border-color-base: #d9d9d9;
@border-color-split: #dcdcdc;
@border-radius-base: 4px;

@padding-lg: 16px;
@padding-md: 12px;
@padding-sm: 8px;
@padding-xs: 6px;

/** table */

@table-header-bg: #f0f0f0;
@table-header-color: rgba(51, 51, 51, 0.65);
@table-padding-vertical: 14px;
@table-border-color: #e1e1e1;
@table-border-radius-base: 4px;
@table-row-hover-bg: #eee;

.@{ant-prefix}-table-thead > tr > th {
  border-bottom: none;

  &::before {
    display: none;
  }
}

.@{ant-prefix}-table-body {
  .scrollBar();
}

.@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row-selected > td {
  border-color: @table-border-color;
}

.@{ant-prefix}-table-cell {
  .@{ant-prefix}-checkbox-checked .@{ant-prefix}-checkbox-inner::after {
    transition: none !important;
  }

  .@{ant-prefix}-checkbox-inner {
    transition: none !important;
  }

  .@{ant-prefix}-checkbox-checked::after {
    animation: none !important;
  }
}

.@{ant-prefix}-table-pagination.@{ant-prefix}-pagination {
  margin-bottom: 0;
}

/** modal */
@modal-header-padding-horizontal: 0;
@modal-header-padding-vertical: 0;
@modal-header-border-width: 0;
@modal-header-title-line-height: 24px;
@modal-body-padding: 0;
@modal-footer-padding-horizontal: 0;
@modal-footer-padding-vertical: 0;
@modal-border-radius: 8px;
@modal-footer-border-width: 0;
@modal-confirm-body-padding: 0;
@modal-mask-bg: fade(@text-color, 30%);

.@{ant-prefix}-modal-content {
  padding: @padding-md;
}

.@{ant-prefix}-modal-confirm .@{ant-prefix}-modal-content {
  padding: 20px;
}

.@{ant-prefix}-modal-header {
  padding-bottom: @padding-md;
}

.@{ant-prefix}-modal-footer {
  padding-top: @padding-md;
}

.@{ant-prefix}-modal-confirm-body > .anticon {
  margin-right: 8px;
}

.@{ant-prefix}-modal-confirm-body
  > .anticon
  + .@{ant-prefix}-modal-confirm-title
  + .@{ant-prefix}-modal-confirm-content {
  margin-left: 30px;
}

.@{ant-prefix}-modal-confirm-body .@{ant-prefix}-modal-confirm-content {
  color: fade(@text-color, 70);
}

.@{ant-prefix}-modal-close {
  top: @padding-md;
  right: @padding-md - 5px;
  border-radius: 4px;
  transition: background-color 0.3s;

  &:hover {
    background-color: #f2f3f5;
  }

  &-x {
    width: 24px;
    height: 24px;
    color: rgba(51, 51, 51, 0.5);
    font-size: 14px;
    line-height: 24px;
  }
}

/** pagination */

.@{ant-prefix}-pagination-item {
  font-size: 12px;
}

.@{ant-prefix}-pagination-item-active {
  background: @primary-color;

  a {
    color: #fff;
  }

  &:hover a {
    color: #fff;
  }
}

.@{ant-prefix}-pagination-options .@{ant-prefix}-select.@{ant-prefix}-select-in-form-item {
  width: auto;
}

/** input */
@input-height-base: 28px;
@input-padding-horizontal-base: 8px;
@input-icon-color: rgba(51, 51, 51, 0.7);
@input-padding-vertical-base: (
    round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10
  ) - @border-width-base;
@input-disabled-color: fade(#333, 50);
@input-disabled-bg: #fff;

.@{ant-prefix}-input-prefix,
.@{ant-prefix}-input-suffix {
  color: rgba(51, 51, 51, 0.7);
}

/** picker */
.@{ant-prefix}-picker {
  .@{ant-prefix}-picker-clear {
    padding: 1px;
    font-size: 14px;
    background-color: #fff;
  }

  &-suffix {
    color: fade(#333, 70);
  }

  &&-disabled &-suffix {
    color: fade(#333, 40);
  }
}

/** select */
@select-multiple-item-disabled-color: @input-disabled-color;
.@{ant-prefix}-select {
  &-arrow {
    color: fade(#333, 70);
    font-size: 14px;
  }

  &-disabled&:not(&-customize-input) &-selector {
    color: @input-disabled-color;
  }

  &-disabled &-arrow {
    color: fade(#333, 49);
  }

  &-borderless &-selector {
    border: none !important;
  }

  &-single:not(&-customize-input) &-selector {
    height: unset;
  }

  // 修复multiple mode tag x没有垂直居中问题
  &-multiple &-selection-item {
    align-items: center;
    line-height: 1 !important;
  }

  &-clear {
    opacity: 1;
  }
}

/** tree */
@tree-title-height: 28px;
@tree-node-hover-bg: #f2f3f5;
@tree-node-selected-bg: (.primary(0.1) []);
@tree-node-padding: 0;
@tree-node-indent-width: 16px;

.@{ant-prefix}-tree {
  &-switcher {
    width: @tree-node-indent-width;

    &-leaf-line {
      vertical-align: top;

      &::before {
        right: (@tree-node-indent-width / 2);
      }

      &::after {
        width: (@tree-node-indent-width / 2);
        height: (@tree-title-height / 2);
      }
    }
  }

  &-indent {
    &-unit {
      width: @tree-node-indent-width;
      vertical-align: top;
    }
  }

  &-show-line &-indent {
    &-unit {
      &::before {
        right: (@tree-node-indent-width / 2);
      }
    }
  }

  & &-treenode-leaf-last &-switcher-leaf-line::before {
    height: (@tree-title-height / 2) !important;
  }

  & &-treenode-draggable &-draggable-icon {
    width: @tree-node-indent-width;
  }
}

/** button **/
@btn-height-base: 28px;
@btn-height-sm: 24px;
@btn-default-border: #c4c4c4;
@btn-padding-horizontal-base: 11px;

/** empty */
.@{ant-prefix}-empty {
  color: #00000040;

  svg {
    max-width: 100%;
  }
}

/** tabs **/
@tabs-horizontal-padding: 5px 0;
@tabs-horizontal-gutter: 40px;
@tabs-card-horizontal-padding: 5px;

/** checkbox **/
@checkbox-group-item-margin-right: 12px;

.@{ant-prefix}-checkbox + span {
  padding-right: 0;
  padding-left: 4px;
}

.@{ant-prefix}-checkbox-wrapper {
  & + & {
    margin-left: 12px;
  }
}

.@{ant-prefix}-checkbox-group {
  &-item + &-item {
    margin-left: 0px;
  }
}

/** radio **/
@radio-wrapper-margin-right: 12px;
span.@{ant-prefix}-radio + * {
  padding-right: 0;
  padding-left: 4px;
}

.@{ant-prefix}-radio-wrapper:last-child {
  margin-right: 0;
}

/** message **/
@message-notice-content-padding: 4px 12px;

.@{ant-prefix}-message {
  &-notice-content {
    color: fade(#333, 80);
    border-radius: 15px;
  }

  .anticon {
    margin-right: 4px;
  }
}

/** tooltip **/
@tooltip-arrow-width: 5px * sqrt(2);

/** form **/
.@{ant-prefix}-form-item {
  &-explain-error {
    margin-top: 4px;
    color: #ff4128;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
  }
}

/** alert **/
@alert-padding-vertical: @padding-xs - 2;

.@{ant-prefix}-alert {
  align-items: flex-start;

  &-icon {
    padding: 2px 0;
    font-size: 18px;
  }
}