/* 主框架桌面端样式 */
body {
    background-color: #f5f5f5;
}

.main-wrapper {
    max-width: 66.666%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

/* 电脑端侧边栏：从左侧滑出，展开后贴合主容器 */
.sidebar {
    width: 16.666%;
    left: 0;
    right: auto;
    transform: translateX(-100%);
    box-shadow: none;
    border-right: 1px solid rgba(209, 213, 219, 0.6);
}

.sidebar.active {
    transform: translateX(0);
}

/* 电脑端不显示遮罩 */
.sidebar-overlay {
    display: none !important;
}

.sidebar-header {
    height: 52px;
    min-height: 52px;
}

.sidebar-title {
    font-size: 1rem;
}

.sidebar-close {
    font-size: 1.5rem;
}

.sidebar-item {
    padding: 14px 18px;
    gap: 14px;
}

.sidebar-item i {
    width: 22px;
    font-size: 1rem;
}

.sidebar-item span {
    font-size: 1rem;
}

/* 子导航项样式 - 增加左侧缩进 */
.sidebar-subitem {
    padding: 12px 18px 12px 48px;
    gap: 12px;
}

.sidebar-subitem i {
    width: 18px;
    font-size: 0.9rem;
}

.sidebar-subitem span {
    font-size: 0.95rem;
}

.dev-placeholder span {
    font-size: 1rem;
}

/* 顶部区域 */
header {
    padding: 12px 20px !important;
}

header .text-xs {
    font-size: 0.875rem !important;
}

#menu-button img {
    width: 36px !important;
    height: 36px !important;
}