/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
  height: 100vh;
}
.colorWeak {
  filter: invert(80%);
}
.ant-layout {
  min-height: 100vh;
}
canvas {
  display: block;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
  list-style: none;
}
.action {
  cursor: pointer;
}

/* 让 Message 图标和文字垂直居中 */
.ant-message-custom-content {
  display: flex !important;
  align-items: center !important;
  font-size: 1.2em !important;
}


.ant-message-custom-content span {
  display: flex;
  align-items: center;
  line-height: 1.5;
  white-space: normal;/*nowrap 防止换行 */
}
/* 强制 Message 显示在页面底部中央 */
.ant-message {
  position: fixed !important;
  left: 50% !important;
  bottom: 48px !important; /* 距离底部距离，可调整 */
  top: auto !important;
  transform: translateX(-50%) !important;
  z-index: 1050 !important; /* 保证在最上层 */
  width: auto !important;
  max-width: 90vw;
  pointer-events: none; /* 防止遮挡底部操作 */
}

.ant-message-custom-content .anticon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.8em !important;
  margin-right: 8px; /* 图标与文字间距 */
  vertical-align: middle !important;
  line-height: 1 !important;
}


/* 修改 Card 标题栏样式，确保垂直居中 */
.ant-card-head {
  height: 48px !important;
  min-height: 48px !important;
  padding: 4px 12px !important;
  display: flex !important; /* 添加 flex 布局 */
  align-items: center !important; /* 垂直居中 */
}

.ant-card-head-wrapper {
  width: 100% !important;
  display: flex !important;
  align-items: center !important; /* 垂直居中 */
}

.ant-card-head-title {
  font-size: 15px !important;
  line-height: 24px !important;
  padding: 0 !important;
  display: flex !important; /* 添加 flex 布局 */
  align-items: center !important; /* 垂直居中 */
}


@media (max-width: 480px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > th,
  .ant-table-thead > tr > td,
  .ant-table-tbody > tr > td {
    white-space: pre;
  }
  .ant-table-thead > tr > th > span,
  .ant-table-tbody > tr > th > span,
  .ant-table-thead > tr > td > span,
  .ant-table-tbody > tr > td > span {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}