*{
	margin: 0%;
	padding: 0%;
	box-sizing:border-box;
	font-family:楷体;
}

body{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-color: azure;
	            padding: 20px;
	            min-height: 100vh;
	            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	        
}

header,footer{
	flex: 1;
	display: flex;
	padding: 1rem;
}

content{
	flex: 1;
	padding: 1rem;
}

@media(max-width=768px){
	.main-content{
		flex-direction:column;
	}
}
.sidebar{
		width: 100%;/*侧边栏宽度变成100%*/
		margin-bottom: 1rem;
	}
}
/*下列为搜索框与文本同行*/
/*容器使用flex布局，确保子元素在同一行*/
.search-container{
	display:flex;
	align-items:center;/*垂直居中对齐*/
	gap:0.625rem;/*为子元素添加间隔*/
	}
	
	/*搜索框基本样式*/
	.search-input{
		padding:8px 12px;
		border: 1px solid ;
		border-radius: 4px;
		flex-grow:1;/*搜索框填充剩余空间*/
	}
	
	/*文本标签样式*/
	.search-label{
		white-space:nowrap;/*防止文本换行*/