@import './reset.css';
@import './transition.css';
@import './naive.css';

html,
body,
#app {
  height: 100%;
  background-color: #fff;
  font-family: PingFang SC;
}
.color-weak {
  filter: invert(80%);
}

.gray-mode {
  filter: grayscale(100%);
}

.drag-handle {
  cursor: move;
}
/* 禁用分页省略号的 hover 和点击事件 */
.n-pagination-item:not(.n-pagination-item--clickable):not(.n-pagination-item--button) {
  pointer-events: none !important;
  cursor: default !important;
}

.modal-close-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.modal-close-trigger:hover {
  background-color: rgba(23, 31, 38, 0.08);
}

.modal-close-trigger:active {
  background-color: rgba(23, 31, 38, 0.14);
}

.modal-close-trigger > * {
  pointer-events: none;
}

.modal-close-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  font-size: 18px;
  line-height: 1;
}