/* 分类专栏样式 */

/* 确保分类专栏可见 */
html body .main-container #space #navigator {
    opacity: 1 !important;
    visibility: visible !important;
    left: 20px !important; /* 调整左边距，不要太靠近左边 */
    position: relative !important; /* 改为相对定位，避免固定定位的问题 */
    margin-left: 20px !important; /* 添加左边距 */
    margin-right: 50px !important; /* 增加右边距，与最新文章保持明显间距 */
    max-width: 280px !important; /* 限制最大宽度 */
    /* 确保间距稳定 */
    box-sizing: border-box !important;
    padding-right: 0 !important;
}

/* 分类专栏容器 */
html body .main-container #space {
    /* 确保容器有足够的右边距 */
    margin-right: 50px !important;
    padding-right: 0 !important;
}

/* 分类项容器 */
html body .main-container #space #navigator .category-item {
    position: relative;
    margin-bottom: 8px; /* 添加分类项之间的间距 */
    /* 确保布局稳定 */
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* 一级分类样式 */
html body .main-container #space #navigator .category-item .first-index {
    position: relative;
    /* 确保布局稳定 */
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    /* 垂直排列样式 */
    margin-bottom: 12px; /* 增加分类项之间的间距 */
}

html body .main-container #space #navigator .category-item .category-header {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    cursor: pointer; /* 添加鼠标指针 */
    /* 确保垂直布局 */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 展开图标样式 */
html body .main-container #space #navigator .category-item .expand-icon {
    display: inline-block !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    transition: transform 0.3s ease;
    color: #666;
    font-size: 14px;
    text-align: center;
    flex-shrink: 0;
}

html body .main-container #space #navigator .category-item .expand-icon:hover {
    color: var(--theme-color, #007cba);
}

html body .main-container #space #navigator .category-item .expand-icon.expanded {
    transform: rotate(180deg) !important;
}

/* 强制显示子分类 - 最高优先级 */
html body .main-container #space #navigator .category-item .child-categories.show-subcategories {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 999 !important;
}

html body .main-container #space #navigator .category-item .child-categories.show-subcategories .child-category-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    z-index: 999 !important;
}

html body .main-container #space #navigator .category-item .child-categories.show-subcategories .secondary-index {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    z-index: 999 !important;
}

/* 子分类容器 - 强制垂直排列 */
html body .main-container #space #navigator .category-item .child-categories {
    margin-left: 0 !important; /* 移除左边距，让子分类直接向下展开 */
    margin-top: 8px !important;
    border-left: none !important; /* 移除左边框线 */
    padding-left: 0 !important; /* 移除左边内边距 */
    transition: all 0.3s ease;
    overflow: visible !important; /* 改为visible，确保内容不被隐藏 */
    /* 添加向下展开的样式 */
    position: relative !important;
    left: 0 !important;
    background-color: #fafafa; /* 给子分类添加背景色 */
    border-radius: 4px; /* 圆角 */
    padding: 8px 0; /* 上下内边距 */
    /* 强制从上到下展开，垂直排列 */
    width: 100% !important;
    clear: both !important;
    /* 强制垂直布局 */
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    /* 默认隐藏 */
    display: none;
}

/* 展开状态的子分类容器 */
html body .main-container #space #navigator .category-item .child-categories.show-subcategories,
html body .main-container #space #navigator .category-item .child-categories[style*="display: block"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* 子分类列表项 - 强制垂直排列 */
html body .main-container #space #navigator .category-item .child-categories li {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    /* 默认隐藏 */
    display: none;
}

/* 展开状态的子分类列表项 */
html body .main-container #space #navigator .category-item .child-categories.show-subcategories li,
html body .main-container #space #navigator .category-item .child-categories[style*="display: block"] li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 二级分类样式 - 强制垂直排列，带缩进 */
html body .main-container #space #navigator .category-item .secondary-index {
    padding: 8px 0 !important;
    margin: 4px 0 !important;
    padding-left: 20px !important; /* 给子分类添加左边距，形成层级效果 */
    border-left: 2px solid #f0f0f0 !important; /* 给子分类添加左边框线 */
    transition: all 0.3s ease;
    /* 强制从上到下排列，垂直布局 */
    width: 100% !important;
    float: none !important;
    clear: both !important;
    /* 垂直排列样式 */
    text-align: left !important;
    line-height: 1.4 !important;
    /* 强制垂直布局 */
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    /* 默认隐藏 */
    display: none;
}

/* 展开状态的二级分类 */
html body .main-container #space #navigator .category-item .child-categories.show-subcategories .secondary-index,
html body .main-container #space #navigator .category-item .child-categories[style*="display: block"] .secondary-index {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html body .main-container #space #navigator .category-item .secondary-index:hover {
    background-color: #f0f0f0; /* 悬停效果 */
    border-left-color: var(--theme-color, #007cba); /* 悬停时边框变色 */
}

/* 子分类链接样式 - 强制垂直排列 */
html body .main-container #space #navigator .category-item .secondary-index a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block !important; /* 让链接占满整个区域 */
    padding: 4px 8px; /* 添加内边距 */
    /* 强制垂直排列 */
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap; /* 防止文字换行 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 显示省略号 */
    /* 强制垂直布局 */
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

html body .main-container #space #navigator .category-item .secondary-index a:hover {
    color: var(--theme-color, #007cba);
}

/* 一级分类链接样式 */
html body .main-container #space #navigator .category-item .first-index .category-header a {
    font-weight: 500;
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
    flex: 1;
    padding: 4px 8px; /* 添加内边距 */
    border-radius: 4px; /* 圆角 */
}

html body .main-container #space #navigator .category-item .first-index .category-header a:hover {
    color: var(--theme-color, #007cba);
    background-color: #f0f0f0; /* 悬停背景色 */
}

/* 导航栏边框透明 */
.main-header {
    border-bottom: 1px solid transparent !important;
}

/* 确保所有可能的导航栏边框都被移除 */
html body .main-header {
    border-bottom: 1px solid transparent !important;
    border: none !important;
}

/* 移除可能的阴影效果 */
html body .main-header {
    box-shadow: none !important;
}

/* 导航菜单控制 - 暂时不隐藏菜单项，让JavaScript来处理 */
/* html body .main-header .right .menu .menu-item {
    display: none !important;
} */

/* 保留背景切换按钮 */
html body .main-header .right .menu .read-mode {
    display: flex !important;
    align-items: center;
    margin-left: 1rem;
}