/**
 * 修复黑色遮挡条问题的专用CSS
 */

/* 移除所有可能导致黑色条的伪元素 */
.function-area::before,
.function-area::after,
.upload-zone::before,
.upload-zone::after,
.function-content::before,
.function-content::after,
.main-content::before,
.main-content::after,
.navbar::before,
.navbar::after,
.container::before,
.container::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    background: transparent !important;
    position: static !important;
    opacity: 0 !important;
    z-index: -9999 !important;
}

/* 确保上传区域完全可见 */
.upload-zone {
    position: relative;
    background-color: rgba(30, 30, 30, 0.6) !important;
    border: 2px dashed rgba(255, 255, 255, 0.2) !important;
    z-index: 100 !important;
    margin: 0 !important;
    padding: 30px !important;
}

/* 确保功能区域完全可见 */
.function-area {
    padding: 24px !important;
    overflow: auto !important;
    height: 100% !important;
    box-sizing: border-box !important;
    background-color: #141414 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 确保主内容区域完全可见 */
.main-content {
    overflow: auto !important;
    background-color: #141414 !important;
    height: calc(100vh - 64px) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 确保容器完全可见 */
.container {
    height: 100vh !important;
    padding-top: 64px !important;
    box-sizing: border-box !important;
    background-color: #141414 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 确保所有内容区域都可见 */
body, html {
    overflow: hidden !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #141414 !important;
}

/* 确保上传区域内容可见 */
.upload-content {
    z-index: 101 !important;
    position: relative !important;
}

/* 确保上传区域文本可见 */
.upload-text {
    z-index: 101 !important;
    position: relative !important;
}

/* 确保上传区域图标可见 */
.upload-icon {
    z-index: 101 !important;
    position: relative !important;
}

/* 确保按钮可见 */
.primary-btn, 
.secondary-btn {
    z-index: 101 !important;
    position: relative !important;
}

/* 修复功能内容区域 */
.function-content {
    background-color: rgba(30, 30, 30, 0.6) !important;
    z-index: 100 !important;
    position: relative !important;
    overflow: visible !important;
}

/* 防止内容滚动到顶部后出现黑色遮罩 */
.function-area::-webkit-scrollbar-track {
    background-color: transparent !important;
}

/* 防止滚动时出现黑色遮罩 */
.main-content::before,
.function-area::before {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}