.directory-tree{font-family:inherit;line-height:1.5}
/* 添加目录滚动条样式 - 默认隐藏，悬停时显示 */
.directory-tree {
  max-height: 350px; /* 设置最大高度 */
  overflow-y: auto; /* 添加垂直滚动条 */
  overflow-x: hidden; /* 隐藏水平滚动条 */
  padding-right: 8px; /* 为滚动条留出空间 */
  scrollbar-width: none; /* 火狐浏览器隐藏滚动条 */
}

/* 隐藏Webkit浏览器滚动条 */
.directory-tree::-webkit-scrollbar {
  width: 0;
  background: transparent; /* 可选：使滚动条轨道透明 */
}

/* 鼠标悬停时显示滚动条 */
.directory-tree:hover {
  scrollbar-width: thin; /* 火狐浏览器显示细滚动条 */
  scrollbar-color: rgba(93, 64, 55, 0.5) rgba(93, 64, 55, 0.1); /* 火狐浏览器滚动条颜色 */
}

.directory-tree:hover::-webkit-scrollbar {
  width: 6px; /* 显示滚动条 */
}

.directory-tree:hover::-webkit-scrollbar-track {
  background: rgba(93, 64, 55, 0.1); /* 滚动条轨道背景 */
  border-radius: 3px; /* 圆角 */
}

.directory-tree:hover::-webkit-scrollbar-thumb {
  background: rgba(93, 64, 55, 0.5); /* 滚动条滑块颜色 */
  border-radius: 3px; /* 圆角 */
}

.directory-tree:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(93, 64, 55, 0.7); /* 悬停时颜色加深 */
}

/* 响应式调整 */
@media (max-width: 768px) {
  .directory-tree {
    max-height: 400px; /* 移动设备上稍小的高度 */
  }
}

.directory-tree p{margin:0;padding:4px 0;display:flex;align-items:center;transition:all .2s ease;cursor:pointer;border-radius:4px;position:relative}
.directory-tree p:hover{background-color:rgba(93,64,55,.05)}
.directory-tree p::before{margin-right:8px;width:16px;text-align:center;font-family:'Font Awesome 6 Free';font-weight:900}
.directory-tree .p1::before,.directory-tree .p2::before{content:"\f07b";color:#fec805}
.directory-tree .p0::before{content:"\f15b";color:#8d6e63}
.directory-tree .file-pdf::before{content:"\f1c1";color:#e74c3c}
.directory-tree .file-doc::before,.directory-tree .file-docx::before{content:"\f1c2";color:#2980b9}
.directory-tree .file-xls::before,.directory-tree .file-xlsx::before{content:"\f1c3";color:#27ae60}
.directory-tree .file-ppt::before,.directory-tree .file-pptx::before{content:"\f1c4";color:#e67e22}
.directory-tree .file-txt::before{content:"\f15c";color:#7f8c8d}
.directory-tree .file-7z::before,.directory-tree .file-rar::before,.directory-tree .file-zip::before{content:"\f1c6";color:#f39c12}
.directory-tree .file-img::before{content:"\f1c5";color:#9b59b6}
.directory-tree .file-audio::before{content:"\f1c7";color:#16a085}
.directory-tree .file-video::before{content:"\f1c8";color:#c0392b}
.directory-tree .p1{padding-left:0}
.directory-tree .p2{padding-left:20px}
.directory-tree .p0{padding-left:20px}
.directory-tree.single-file .p0{padding-left:0}
.directory-tree .folder{position:relative;padding-right:20px}
.directory-tree .folder::after{content:"\f078";font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;position:absolute;right:8px;transition:transform .2s ease;margin-left:auto}
.directory-tree .folder.expanded::after{transform:rotate(180deg)}
.directory-tree .folder-content{overflow:hidden;transition:max-height .3s ease}
.directory-tree .folder-content.collapsed{max-height:0}
.directory-tree .folder-content.expanded{max-height:1000px}
.file-size{margin-left:auto;font-size:12px;color:#8d6e63;padding-left:10px}
.file-actions{margin-left:10px;opacity:0;transition:opacity .2s ease}
.directory-tree p:hover .file-actions{opacity:1}