/* 全局深色滚动条样式 */

/* 默认滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.9);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(40, 40, 40, 0.9);
}

/* Firefox滚动条样式 */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(20, 20, 20, 0.9) transparent;
}

/* 特定目标滚动条样式 */
.sidebar::-webkit-scrollbar,
.tool-sidebar::-webkit-scrollbar,
.editor-sidebar::-webkit-scrollbar,
.tool-panel::-webkit-scrollbar,
.tools-container::-webkit-scrollbar,
.sidebar-tools::-webkit-scrollbar,
.tools-panel::-webkit-scrollbar,
.edit-sidebar::-webkit-scrollbar,
.tools-sidebar::-webkit-scrollbar,
.image-edit-sidebar::-webkit-scrollbar,
.image-tools::-webkit-scrollbar,
.function-area::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.sidebar::-webkit-scrollbar-track,
.tool-sidebar::-webkit-scrollbar-track,
.editor-sidebar::-webkit-scrollbar-track,
.tool-panel::-webkit-scrollbar-track,
.tools-container::-webkit-scrollbar-track,
.sidebar-tools::-webkit-scrollbar-track,
.tools-panel::-webkit-scrollbar-track,
.edit-sidebar::-webkit-scrollbar-track,
.tools-sidebar::-webkit-scrollbar-track,
.image-edit-sidebar::-webkit-scrollbar-track,
.function-area::-webkit-scrollbar-track,
.image-tools::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar::-webkit-scrollbar-thumb,
.tool-sidebar::-webkit-scrollbar-thumb,
.editor-sidebar::-webkit-scrollbar-thumb,
.tool-panel::-webkit-scrollbar-thumb,
.tools-container::-webkit-scrollbar-thumb,
.sidebar-tools::-webkit-scrollbar-thumb,
.tools-panel::-webkit-scrollbar-thumb,
.edit-sidebar::-webkit-scrollbar-thumb,
.tools-sidebar::-webkit-scrollbar-thumb,
.image-edit-sidebar::-webkit-scrollbar-thumb,
.function-area::-webkit-scrollbar-thumb,
.image-tools::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.9);
    border-radius: 4px;
}

.sidebar::-webkit-scrollbar-thumb:hover,
.tool-sidebar::-webkit-scrollbar-thumb:hover,
.editor-sidebar::-webkit-scrollbar-thumb:hover,
.tool-panel::-webkit-scrollbar-thumb:hover,
.tools-container::-webkit-scrollbar-thumb:hover,
.sidebar-tools::-webkit-scrollbar-thumb:hover,
.tools-panel::-webkit-scrollbar-thumb:hover,
.edit-sidebar::-webkit-scrollbar-thumb:hover,
.tools-sidebar::-webkit-scrollbar-thumb:hover,
.image-edit-sidebar::-webkit-scrollbar-thumb:hover,
.function-area::-webkit-scrollbar-thumb:hover,
.image-tools::-webkit-scrollbar-thumb:hover {
    background: rgba(40, 40, 40, 0.9);
}