@import "../header.css";
@import "../footer.css";
@import "../dialog.css";
@import "../components/case-detail-topic.css";
@import "../components/case-detail.css";
@import "../components/side-ad.css";

body {
	background: #f7f8fb;
}

.page-news-detail {
	padding-top: var(--app-header-height);
}

.case-detail-layout {
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 2;
	gap: 16px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 146px;
}

@media screen and (max-width: 1680px) {
	.case-detail-layout {
		margin-bottom: 120px;
	}
}

@media screen and (max-width: 1600px) {
	.case-detail-layout {
		margin-bottom: 100px;
	}
}

@media screen and (max-width: 1440px) {
	.case-detail-layout {
		margin-bottom: 80px;
	}
}

@media screen and (max-width: 1366px) {
	.case-detail-layout {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 1280px) {
	.case-detail-layout {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.case-detail-layout {
		flex-direction: column;
		margin-top: 16px;
	}

	.side-ad {
		width: 100%;
	}

	.idiom {
		margin-top: 35px;
	}
}