/**
 * Homepage layout helpers — palette from themes.css (mk-football.com)
 * Hero/portal seam aligned with milan-web.com (site-info-container + site-entry-container).
 *
 * Note: the six nav-linked sections (gift/products/introduce/faq/tutorial/dynamic)
 * now use their own "lux-" design system — see assets/css/premium-sections.css.
 * This file only keeps hero/portal-bar layout and the untouched .feedback section.
 */

.site.site--xk-layout .site-bg {
	position: relative;
}

/* Milan desktop: no hero ::after; mobile rule lives in xk-hero.css */
.site.site--xk-layout .site-bg::after {
	display: none;
}

.yunda-ad-slot.yunda-ad-slot--before-about {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 32px 24px 20px;
	background: transparent;
	box-sizing: border-box;
}

@media screen and (min-width: 1201px) {
	.site.site--xk-layout {
		position: relative;
		background: var(--body-bg-color);
	}

	.site.site--xk-layout .site-bg {
		width: 100%;
		padding-bottom: 0;
	}

	/* milan: .site-entry-container { top: -141px } */
	.site.site--xk-layout .site-portal-container {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		z-index: 4;
		padding: 0 10px;
		padding-bottom: 0;
		box-sizing: border-box;
		top: -141px;
		margin-bottom: 0;
	}
}

@media (max-width: 1200px) {
	.site.site--xk-layout {
		background: var(--body-bg-color);
	}

	.site.site--xk-layout .site-portal-container {
		position: relative;
		top: auto !important;
		bottom: auto;
		left: auto;
		right: auto;
		margin: 0.36rem 0 0.4rem !important;
		padding: 0 0.4rem;
		transform: none;
		z-index: 4;
	}

	.site.site--xk-layout .site-portal-container .yd-portal {
		padding: 0;
	}

	.site.site--xk-layout .site-portal-container .yd-portal__card {
		background: var(--nav-background);
		box-shadow: 0 12px 28px rgba(24, 25, 86, 0.2);
	}

	.feedback > div:nth-child(1) {
		padding-top: 0.96rem;
	}

	.page-main {
		padding-bottom: 0.16rem !important;
	}

	/* 用户反馈 — 手机端头像与气泡间距、行高 */
	.feedback .feedback-container .feedback-list .feedback-item {
		align-items: flex-start;
		gap: 0.12rem;
		margin-bottom: 0.2rem;
	}

	.feedback .feedback-container .feedback-list .feedback-item .round-global-classname {
		margin-top: 0.06rem;
		flex-shrink: 0;
	}

	.feedback .feedback-container .feedback-list .feedback-item .feedback-item-desc {
		flex: 1;
		min-width: 0;
		margin-left: 0;
		padding: 0.14rem 0.18rem 0.16rem;
		border-width: 1px;
	}

	.feedback .feedback-container .feedback-list .feedback-item .feedback-item-desc > span {
		display: block;
		font-size: 0.28rem !important;
		line-height: 1.35 !important;
		padding: 0 0 0.08rem !important;
		margin-bottom: 0.04rem;
	}

	.feedback .feedback-container .feedback-list .feedback-item .feedback-item-desc > p {
		font-size: 0.26rem !important;
		line-height: 1.45 !important;
		padding: 0 !important;
		margin: 0;
	}
}