@font-face {
  font-family: "iconfont";
  src: url("https://at.alicdn.com/t/c/font_5009836_b8v2yu86zfi.woff2?t=1756448193422") format("woff2"), url("https://at.alicdn.com/t/c/font_5009836_b8v2yu86zfi.woff?t=1756448193422") format("woff"),
    url("https://at.alicdn.com/t/c/font_5009836_b8v2yu86zfi.ttf?t=1756448193422") format("truetype");
}
:root {
  --color-background-primary: #1e1e1e;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#split:hover {
  cursor: col-resize;
}
.active {
  background-color: #3c3c3c;
}
#container {
  padding: 3px 0px 6px 3px;
  width: 100vw;
  height: 100vh;
  display: flex;
  /* gap: 5px; */
  background-color: #2e2d2d;
}
#editor-container {
  flex: 1;
}
#Directory {
  width: 20%;
  height: 100%;
  border-radius: 8px;
  background-color: var(--color-background-primary);
  color: #d4d4d4;
  padding-left: 5px;
}
#Directory p {
  display: block;
  text-decoration: none;
}
#Directory div,
#Directory p {
  cursor: pointer;
}
#Directory p:hover {
  background-color: #3c3c3c;
}
#Directory p {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}
#Directory {
  padding: 10px 0 10px 6px;
  /* 隐藏滚动条 - WebKit 内核浏览器（Chrome、Safari、Edge 等） */
  scrollbar-width: none; /* Firefox 专用，隐藏滚动条 */
  -ms-overflow-style: none; /* IE 和 Edge 旧版 */
}
#Directory .dir[data-open="false"]::before {
  content: "\e601";
  font-family: "iconfont" !important;
  margin-right: 5px;
  color: #919090;
}
#Directory .dir[data-open="true"]::before {
  content: "\e600";
  font-family: "iconfont" !important;
  color: #d4d4d4;
  margin-right: 5px;
}
#Directory .file::before {
  content: "\e643";
  font-family: "iconfont" !important;
  margin-right: 5px;
  color: #b1afaf;
}

/* WebKit 内核浏览器需要额外隐藏滚动条轨道 */
#Directory::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}