body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}
body::-webkit-scrollbar {
display: none; /* Chrome, Safari 和 Opera */
}
.bosx {
	width: 100%;
	margin: 0 auto;
}
.main-content {
	width: 80%;
}
.sidebar {
	background-color: #f8f9fa;
	height: 100vh;
	overflow-y: auto; /* 添加滚动支持 */
	position: fixed;
	width: 20%;
	top: 0;
	left: 0;
	padding: 20px;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
	z-index: 10;
	transition: transform 0.3s ease;
}
.sidebar a {
	color: #333;
	text-decoration: none;
	padding: 10px;
	display: block;
	display: flex;
	align-items: center;
	gap: 5px;
}
.sidebar a.active {
	background-color: #007bff;
	color: white;
}
.main-content {
	padding: 20px;
	margin-left: 20%;
}
.main-content img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.footer {
	background-color: #333;
	color: white;
	text-align: center;
	padding: 10px 0;
	position: fixed;
	width: 80%;
	left: 20%;
	bottom: 0;
}
.card-text small {
	font-size: 0.85rem;
}
.card-text small i {
	margin-right: 5px;
}
.current-category {
	background-color: #f0f0f0;
	padding: 10px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.article-summary {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* 列表图片和文字比例调整 */
.col-md-4 {
	flex: 0 0 20%; /* 图片占比20% */
}
.col-md-8 {
	flex: 0 0 80%; /* 文字占比80% */
}
#back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none; /* 默认不显示 */
	padding: 10px 15px;
	font-size: 14px;
	cursor: pointer;
	z-index: 1000;
}
.box {
	margin-bottom: 5%;
}
.nbox{
	margin-bottom: 1%;	
}
.listtitle {
	padding: 1% 0;
	margin: 0px;
	font-weight: 700;
}
.pages{
	margin: 1% 0;
}
.active>.page-link, .page-link.active {
	z-index: 0;
}
code {
    white-space: pre-wrap; /* 允许换行 */
}
code[class*="language-"], pre[class*="language-"] {
    white-space: pre-wrap; /* 保留换行并允许自动换行 */
    word-wrap: break-word; /* 确保长单词或URL能够换行 */
    overflow: auto; /* 如果内容超出容器宽度，显示滚动条 */
}
pre[class*="language-"] {
    overflow-x: hidden; /* 禁止横向滚动 */
    white-space: pre-wrap; /* 保留换行并允许自动换行 */
    word-wrap: break-word; /* 确保长单词或URL能够换行 */
}
pre {
    background: black;
    color: white;
    padding: 2%;
}
.article-content p img{
	display: block!important;
	width: 100%!important;
	height: auto!important;
	max-width: 640px;
	margin: 0 auto;
}

/* 移动端样式 */
@media (max-width: 768px) {
.sidebar {
	transform: translateX(-100%);
	width: 50%;
	height: 100vh;
	padding: 10px;
	box-shadow: none;
}
.sidebar.active {
	transform: translateX(0);
}
.main-content {
	margin-left: 0;
	padding-top: 80px; /* 为顶部导航栏留出空间 */
	width: 100%; /* 确保全屏显示 */
}
.footer {
	width: 100%;
	left: 0;
}
.mobile-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #f8f9fa;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	z-index: 1000;
}
.mobile-nav .logo {
/*	font-size: 1.2rem;*/
	font-weight: bold;
	font-size: calc(1.5rem + 1.5vw);
}
.mobile-nav .toggle-btn {
	cursor: pointer;
}
.col-md-8 {
	flex: 0 0 100%;
}
.main-content {
	padding: 20px 0px;
}
.col-md-4 {
	/*	display: none;*/
	flex: 0 0 100%;
}
.col-md-8 {
	width: 100%;
}
.pages{
	margin: 1% 0 1% 0;
	padding: 0px;
}
.card-text{
    margin: 1% 0 2% 0;
}
.card-text:last-child {
    margin-bottom: 2%;
}
.listtitle {
    padding: 1% 0; 
    margin: 0px;
    font-weight: 700;
    background: #fff;
}

.article-content p img{
	display: block!important;
	width: 96%!important;
	height: auto!important;
	margin: 0 auto;
}
.box {
    margin-bottom: 15%;
}
.flex-column{
	margin-top: 15%;	
}
	
	
}