/* 侧边栏样式 - 桌面端显示 */
        .sidebar {
            width: 250px;
            background-color: rgba(240,240,240,0.9);
            color: black;
            padding: 20px;
            position: fixed;
            right: 0;
            top: 0;
			height: 100vh;
            overflow-y: auto;
            transition: transform 0.3s ease;
			text-align: center;
			z-index: 996;
			display: block;
        }
        
        /* 手机上的侧边栏触发器 */
        .sidebar-trigger {
            display: none;
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(240,240,240,1);
            color: black;
            width: 40px;
            height: 60px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            cursor: pointer;
            z-index: 995;
            text-align: center;
            line-height: 60px;
            font-size: 20px;
			transition-duration: 0.4s;
        }
		
        .sidebar-trigger:hover {
		  background-color: rgba(200,200,200,1);
        }
        

/* 修改模态框样式 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1003;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: auto; /* 允许整个模态框滚动 */
    padding: 20px 0; /* 添加上下内边距 */
}

/* 修改模态框内容样式 */
.modal-content {
    background-color: white;
    margin: 20px auto; /* 恢复上下边距 */
    padding: 40px 20px 20px; /* 增加上内边距给关闭按钮留空间 */
    width: 90%;
    max-width: 400px;
    max-height: 80vh;
    border-radius: 5px;
    position: relative; /* 为绝对定位的关闭按钮提供参照 */
    overflow-y: auto;
    box-sizing: border-box;
    text-align: center; /* 内容默认居中 */
}

/* 优化关闭按钮定位 */
.close-btn {
    position: absolute; /* 改回绝对定位 */
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: white;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover {
    background-color: rgba(5, 5, 5, 0.2);
}

/* 添加内容容器确保居中不受影响 */
.modal-body {
    width: 100%;
    text-align: center;
}
        
        /* 响应式设计 - 手机端隐藏侧边栏 */
        @media (max-width: 1200px) {
            .sidebar {
                display: none;
            }
            
            .sidebar-trigger {
                display: block;
            }
        }

/* 新增角标容器样式 */
.sidebar-badge {
    position: absolute;
    top: -8px;
    left: -8px;
    background-color: red;
    color: white;
    border-radius: 50%;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 1001;
    padding: 0 6px;
    box-sizing: border-box;
}

/* 当count为0时隐藏角标 */
.sidebar-badge[data-count="0"] {
    display: none;
}

.sidebar-content {
	height: 90%;
    overflow-y: auto;
}