/* 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: 100%;
}
.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;
}
@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;
  }
}

/* ===== 抽屉底部操作条（读书笔记「打印 / 关闭」）=====
   说明：AntDesign 的 Drawer 会把 Footer 渲染进 .ant-drawer-body 里（滚动区内部），
   直接放会跟着内容滚出视野，故用 sticky 让它在滚动时始终贴在底部。 */
.note-drawer .ant-drawer-body {
  padding-bottom: 0;
}

.note-drawer .ant-drawer-body > .ant-layout-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  padding: 14px 0 20px;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}