/* 移动端目录面板紧凑布局优化 */
@media only screen and (max-width: 768px) {
    
    /* 优化文件夹容器整体间距 */
    .folder-children-container {
        padding: 8px 4px 8px 2px !important; /* 减少左右内边距 */
    }
    
    /* 文件夹头部样式优化 - 更紧凑 */
    .folder-header {
        padding: 8px 6px 8px 4px !important; /* 减少内边距，特别是左边距 */
        margin: 1px 0 !important;
        min-height: 36px !important; /* 减少最小高度 */
        font-size: 14px !important; /* 稍微减小字体 */
    }
    
    /* 文件头部样式优化 - 更紧凑 */
    .zib-file {
        padding: 6px 6px 6px 4px !important; /* 减少内边距，特别是左边距 */
        margin: 1px 0 !important;
        min-height: 32px !important; /* 减少最小高度 */
        font-size: 13px !important; /* 稍微减小字体 */
    }
    
    /* 文件夹图标优化 */
    .folder-header .icon {
        width: 16px !important;
        height: 16px !important;
        margin-right: 6px !important; /* 减少右边距 */
        font-size: 14px !important;
    }
    
    /* 文件图标优化 */
    .zib-file .icon {
        width: 14px !important;
        height: 14px !important;
        margin-right: 6px !important; /* 减少右边距 */
        font-size: 12px !important;
    }

    /* SVG文件图标样式 - 紧凑布局 */
    .file-icon-svg {
        width: 14px !important;
        height: 14px !important;
        display: block;
        flex-shrink: 0;
    }

    .zib-file .file-icon-svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* 展开/折叠指示器优化 */
    .folder-header::before {
        width: 12px !important;
        height: 12px !important;
        margin-right: 4px !important; /* 减少右边距 */
        font-size: 10px !important;
    }
    
    /* 优化根目录子项的间距 - 进一步减少左侧空白 */
    .zib-folder-root > .folder-children {
        margin-left: 4px !important; /* 进一步减少左边距 */
        padding-left: 2px !important; /* 进一步减少左内边距 */
    }
    
    /* 优化内部文件夹的间距 */
    .folder-children {
        margin-left: 12px !important; /* 减少内部文件夹的左边距 */
        padding-left: 6px !important; /* 减少内部文件夹的左内边距 */
    }
    
    /* 文件夹名称优化 */
    .folder-header .name {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    
    /* 文件名称优化 */
    .zib-file .name {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
    
    /* 面板头部优化 */
    .panel-header {
        padding: 1px 1px !important; /* 减少头部内边距 */
    }
    
    .panel-title {
        font-size: 16px !important; /* 减小标题字体 */
    }
    
    /* 面板切换按钮优化 */
    .panel-toggle-btn {
        min-width: 32px !important;
        height: 32px !important;
        padding: 6px !important;
        font-size: 16px !important;
    }
    
    /* 优化滚动条宽度 */
    .folder-children-container::-webkit-scrollbar {
        width: 3px !important;
    }
    
    /* 减少加载状态的内边距 */
    .loading-placeholder {
        padding: 40px 10px !important;
        font-size: 14px !important;
        gap: 12px !important;
    }
    
    /* 减少占位符的内边距 */
    .directory-panel-placeholder {
        padding: 40px 10px !important;
        font-size: 14px !important;
    }
    
    .empty-placeholder {
        padding: 30px 10px !important;
        font-size: 12px !important;
    }
    
    .error-placeholder {
        padding: 16px !important;
        margin: 6px !important;
        font-size: 12px !important;
    }
}