body { 
	font-family: "LXGW WenKai Mono", sans-serif; 
	background-color: black; 
	color: #C8C8C8;
	font-size: 26px; 
	margin: 0;
	visibility: hidden;
}
.top-bar {
	width: 100%;
	padding: 10px;
	background-color: black;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 1000;
}
.right-section {
	margin-left: auto; /* 将右侧区域推到最右边 */
	display: flex;
	align-items: center; /* 垂直居中对齐 */
	margin-right: 30px;
}
/* #markAllAsRead { */
button {
	margin-right: 20px; /* 给按钮留一些边距 */ 
}
.sidebar {	
	position: fixed;
	top: 10px;
	left: 0;
	width: 16%;/* 留出侧边栏的空间，与.content的margin-left取同一个值 */
	height: calc(100% - 50px);
	overflow-y: auto;
	background-color: black;
	padding: 20px;
	line-height: 1.8;
	transition: width 0.3s; /* 添加平滑过渡效果 */
}
.sidebar.hidden {
	width: 0; /* 隐藏时宽度为0 */
}
.content {
	margin-top: 50px; /* 为内容留出顶部空间 */
	margin-left: 16%; /* 留出侧边栏的空间，与.sidebar的width取同一个值 */
	margin-right: 10px;
	transition: margin-left 0.3s; /* 添加平滑过渡效果 */
}
/* 当屏幕宽度小于800像素时，.sidebar的宽度为20% */
@media screen and (max-width: 800px) { 
	.sidebar {
		width: 25%;
	}
	.content {
		margin-left: 25%; /* 留出侧边栏的空间 */
	}
	body { 
		font-size: 24px; 
	}
}
.content.full-width {
	margin-left: 0; /* 全宽时不留出侧边栏空间 */
}
.sidebar a {
	color: #C8C8C8;
	display: flex;  
	justify-content: space-between;  
	align-items: center;
}
.sidebar a.active { color: black; }
a { color: #C8C8C8; text-decoration: none; } 
a:hover {
	background-color: #4D4D4D;
	text-decoration: none; 
}
.hidden { display: none; }
.sidebar ul { list-style-type: none; padding: 0; } /* 去掉小点 */
.active { background-color: #4D4D4D; line-height: 1.8; }
.article-content {
	color: #C8C8C8;
	display: flex;
	justify-content: space-between; 
	align-items: center; 
}
.title {
	flex: 1; 
	/* max-width: calc(100% - 100px);  */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.8;
	margin: 0; 
	padding: 0; 
}
.pubdate {
	margin-left: 10px; 
	color: #C8C8C8; 
}
.unread-count {
	color: #C8C8C8;
	margin-left: auto;  
}
input[type="checkbox"] {
	transform: scale(1.5); /* 放大 checkbox */
	margin-left: 10px; /* 调整间距 */
}
.read {
	color: #8C8C8C !important; /* 强制改变已读文章的颜色为浅灰色 */
}
li { list-style-type: none; } /* 确保列表项没有小点 */
button {
    background-color: transparent;  /* 去掉按钮的背景色 */
    border: none;  /* 去掉边框 */
    color: #C8C8C8;  /* 按钮文字颜色 */
	font-size: inherit;  /* 让按钮的字体大小继承自父元素 */
	font-family: inherit;  /* 让按钮的字体继承 */
    cursor: pointer;  /* 设置鼠标悬停时为手形 */
    /* padding: 10px 20px;  /* 设置内边距 */
    /* margin: 10px 0;  /* 设置外边距 */
    /* text-align: center;  /* 使按钮文字居中 */
    /* text-decoration: none;  /* 去掉文字下划线 */
    /* border-radius: 5px;  /* 设置按钮圆角 */
}

button:hover {
	background-color: #4D4D4D;
	text-decoration: none; 
}