// src/global.less
// @tailwind base;
@tailwind components;
@tailwind utilities;
@theme_color: #154ddd;

html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

.home_container {
  margin-right: 32px;
  margin-left: 32px;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

p,
ul,
ol {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* 单行显示的搜索表单 */
.single-search-form-item {
  .ant-form-item {
    margin-bottom: 0;
  }
}

/* 主题样式 */

/* 单行文本溢出显示省略号 */
.single_line {
  overflow: hidden; /* 隐藏溢出的文本 */
  white-space: nowrap; /* 防止文本换行 */
  text-overflow: ellipsis; /* 显示省略号 */
}

/* 多行文本溢出显示省略号 */
.two_line {
  display: -webkit-box;
  overflow: hidden; /* 隐藏溢出的文本 */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
}

.ant-pro-layout .ant-pro-layout-bg-list {
  // background: #f8fafd;
  background-image: url('../public/images/common/body_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}

// 美化滚动条
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0;
}
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 6px;
  outline-offset: -2px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px;
}