/* 防止页面拖动时的弹性滚动效果 */
html {
	overflow-x: hidden;
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling: auto;
	overscroll-behavior: none;
}

body {
	overflow-x: hidden;
	position: relative;
	height: 100%;
	overscroll-behavior-y: none;
	-webkit-overflow-scrolling: touch;
}

@media (max-width:768px) {
	html, body {
		overflow-x: hidden;
		overscroll-behavior: none;
	}
	
	header {
		width: calc(100% - 62px);
	}

	.center {
		padding: 0 20px;
		width: calc(100% - 40px);
	}

	.center_hover {
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
	}

	.center_exp_box {
		grid-template-columns: repeat(5, 1fr);
	}

	.center_exp_box_list:hover .center_exp_box_list_tc {
		display: none;
	}

	.poster {
		padding: 0 20px;
		width: calc(100% - 40px);
		margin-bottom: 20px;
	}

	.center_test_box {
		grid-template-columns: repeat(5, 1fr);
	}
	
}


@media (max-width:512px) {
	header {
		width: calc(100% - 62px);
	}

	.center {
		padding: 0 20px;
		width: calc(100% - 40px);
	}

	.center_hover {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.center_exp_box {
		grid-template-columns: repeat(4, 1fr);
	}

	.center_theme_box {
		grid-template-columns: repeat(1, 1fr);
	}

	.center_exp_box_list:hover .center_exp_box_list_tc {
		display: none;
	}

	.center_project_box {
		grid-template-columns: repeat(1, 1fr);
	}

	.poster {
		padding: 0 20px;
		width: calc(100% - 40px);
		margin-bottom: 20px;
	}

	.center_test_box {
		grid-template-columns: repeat(4, 1fr);
	}
	
	/* 后台管理页面移动端适配 */
	.admin-header-actions {
		padding-top: 10px;
		gap: 8px;
	}

	.btn-back, .btn-logout {
		padding: 6px 12px;
		font-size: 13px;
	}

	.admin-header {
		position: relative !important;
		top: 0 !important;
		margin-bottom: 10px !important;
		width: calc(100% - 40px) !important;
		box-sizing: border-box;
	}
	
	.admin-container {
		width: calc(100% - 40px);
		margin: 10px auto 20px;
		padding: 15px;
		border-radius: 10px;
		box-sizing: border-box;
		max-width: 100%;
	}
	
	.admin-tabs {
		padding-bottom: 5px;
	}
	
	.tab-btn {
		padding: 8px 15px;
		font-size: 14px;
		margin-right: 5px;
	}
	
	h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.form-group {
		margin-bottom: 15px;
	}
	
	input[type="text"],
	textarea,
	.btn-save {
		padding: 10px;
		font-size: 14px;
	}
	
	table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	
	th, td {
		padding: 8px 10px;
	}
	
	.center_project_box_list {
		flex-direction: column;
	}
	
	.center_project_box_list img {
		width: 100%;
		height: auto;
	}
	
	/* 颜色选择器适配 */
	input[type="color"] {
		height: 40px;
		width: 40px;
	}
	
	#color-preview {
		width: 25px;
		height: 25px;
	}
	
	/* 表单元素适配 */
	.form-group label {
		margin-bottom: 5px;
		font-size: 14px;
	}
	
	/* 按钮适配 */
	.btn-save {
		width: 100%;
		margin-top: 10px;
	}
}