[v-cloak]{
    display: none;
}

/* 修复 EasyMDE 编辑器全屏和并排模式下工具栏被 header 覆盖的问题 */
/* header 高度为 h-16 (64px)，工具栏需要在其下方开始 */
.editor-toolbar.fullscreen {
    top: 64px !important; /* header 高度，避免被 header 覆盖 */
    z-index: 100 !important; /* 确保在 header 之上 */
}

/* 调整工具栏的伪元素位置（渐变效果） */
.editor-toolbar.fullscreen::before {
    top: 64px !important; /* header 高度 */
}

.editor-toolbar.fullscreen::after {
    top: 64px !important; /* header 高度 */
}

/* 编辑器内容区域需要从工具栏下方开始 */
/* header (64px) + 工具栏 (50px) = 114px */
.CodeMirror-fullscreen {
    top: 114px !important;
    z-index: 100 !important;
}

/* 并排预览区域也需要调整位置 */
.editor-preview-side {
    top: 114px !important; /* header (64px) + 工具栏 (50px) */
    z-index: 100 !important;
}

/* 分类列表滚动条样式 */
#categoryList ul::-webkit-scrollbar {
    width: 6px;
}

#categoryList ul::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}

#categoryList ul::-webkit-scrollbar-thumb {
    background: rgba(156, 163, 175, 0.5);
    border-radius: 3px;
}

#categoryList ul::-webkit-scrollbar-thumb:hover {
    background: rgba(156, 163, 175, 0.7);
}

/* 暗色模式下的滚动条 */
.dark #categoryList ul::-webkit-scrollbar-thumb {
    background: rgba(75, 85, 99, 0.5);
}

.dark #categoryList ul::-webkit-scrollbar-thumb:hover {
    background: rgba(75, 85, 99, 0.7);
}

/* 修复 TinyMCE 编辑器工具栏换行问题 */
.tox .tox-toolbar__primary {
    flex-wrap: wrap !important;
}

/* 管理员设置tab横向滚动条样式 */
.overflow-x-auto::-webkit-scrollbar {
    height: 6px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: transparent;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 3px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

.dark .overflow-x-auto::-webkit-scrollbar-thumb {
    background: #4a5568;
}

.dark .overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #718096;
}