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

body {
	background: #f7f8fb;
}

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

.idiom {
	background: linear-gradient(180deg, rgba(211, 229, 254, 0.6) 0%, rgba(242, 246, 252, 0.6) 100%);
	margin-top: 60px;
	padding-bottom: 10px;
}

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

	.side-ad {
		width: 100%;
	}

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