html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Misans', sans-serif;
  overflow: hidden;
}

.root {
  /* 使用 flex 来实现 */
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: black;
  color: white;
}

.code-layout-title-bar {
  /* display: flex;
  align-items: center; */
  /* 避免被收缩 */
  flex-shrink: 0;
  /* 高度与 main.js 中 titleBarOverlay.height 一致  */
  height: 35px;
  width: 100%;
  /* 标题栏始终在最顶层（避免后续被 Modal 之类的覆盖） */
  /* z-index: 9999; */
  /* padding-left: 4px; */
  /* font-size: 14px; */
  -webkit-app-region: drag !important;

}

#app > div.code-layout-root > div.code-layout-title-bar > div:nth-child(2) {
  -webkit-app-region: drag;
}

/*
.content {
  overflow: auto;
}
*/


.ea_app,
.mainpage {
  background: var(--td-bg-color-page) !important; /* TDesign 背景色 */
  width: 100%;
  height: 100%;
}

h1,
h2,
p {
  user-select: none;
}


.t-layout__sider {
  width: auto !important;
}
.t-default-menu.t-menu--dark .t-menu__logo:not(:empty) {
  border-bottom-color: transparent !important;
  bottom: 15px !important;
}
.t-default-menu__inner {
  padding-top: 50% !important;
  padding-bottom: 8% !important;
  height: calc(100vh - 50px) !important;
}
.t-menu__item {
  padding-top: 20px !important;
  padding-bottom: 20px !important;

  margin: 3px !important;

  margin-bottom: 10px !important;
}
.flex-box {
  flex-flow: 1;
}

.t-menu--scroll{
  height: auto !important;
  /* flex: none !important; */
}

.t-menu__operations{
  padding: 8px !important;
  position: relative !important;
  bottom: 50px !important;
  left:0px !important;
}
.t-default-menu.t-menu--dark .t-menu__operations:not(:empty) {
  border-top-color: transparent !important;
}
.t-menu__operations .t-menu__item {
  padding-left: 11px !important;
}
