/**
 * 前端统一页宽 + 统一间距（responsive 主 header / footer 加载）
 * 页宽：--sanxio-page-max-width（1280）
 * 间距：--sanxio-block-px / --sanxio-content-gap（PC 20 / 移动 12）
 * 不含会员中心（.member-md3-page）
 */
/*======= sanxio 前端统一页宽与间距 start ===========*/

body:not(.member-md3-page) {
	--md3-content-max-width: var(--sanxio-page-max-width, 1280px);
}

/* ---------- 内容轨：各频道主栏、搜索、详情、礼品、空间 ---------- */
body:not(.member-md3-page) .mdc-container,
body:not(.member-md3-page) .sx-home-page,
body:not(.member-md3-page) .sx-mall-page,
body:not(.member-md3-page) .sx-mall-index-page,
body:not(.member-md3-page) .sx-article-page,
body:not(.member-md3-page) .sx-job-page,
body:not(.member-md3-page) .sx-know-page,
body:not(.member-md3-page) .sx-club-page,
body:not(.member-md3-page) .sx-moment-page,
body:not(.member-md3-page) .sx-company-page,
body:not(.member-md3-page) .sx-sell-page,
body:not(.member-md3-page) .sx-buy-page,
body:not(.member-md3-page) .mdc-buy-page,
body:not(.member-md3-page) .sx-space,
body:not(.member-md3-page) .mdc-search-page__inner,
body:not(.member-md3-page) .mdc-show-page__inner,
body:not(.member-md3-page) .sanxio-gift-page__inner,
body:not(.member-md3-page) .sanxio-gift-page.sanxio-gift-page--site {
	max-width: var(--sanxio-page-max-width, 1280px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
}

/* 仅「裸容器」补左右留白；Premium 主栏自己已有 padding，避免叠两层 */
body:not(.member-md3-page) .mdc-container {
	padding-left: var(--sanxio-block-px, 12px) !important;
	padding-right: var(--sanxio-block-px, 12px) !important;
	width: 100%;
}

body:not(.member-md3-page) .mdc-search-page__inner {
	padding-left: var(--sanxio-block-px, 12px);
	padding-right: var(--sanxio-block-px, 12px);
}

/* ---------- 桌面顶栏主行、频道导航：与正文同轨 ---------- */
@media (min-width: 768px) {
	body:not(.member-md3-page) #topAppBar .mdc-top-app-bar__row {
		max-width: var(--sanxio-page-max-width, 1280px);
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: var(--sanxio-block-px, 20px);
		padding-right: var(--sanxio-block-px, 20px);
		box-sizing: border-box;
	}

	body:not(.member-md3-page) .mdc-module-menu .mdc-container {
		max-width: var(--sanxio-page-max-width, 1280px) !important;
		padding: var(--sanxio-gap-sm, 8px) var(--sanxio-block-px, 20px) !important;
	}
}

/* ---------- 页脚内栏同轨（背景仍全宽） ---------- */
body:not(.member-md3-page) .md3-footer {
	padding-left: 0;
	padding-right: 0;
}

body:not(.member-md3-page) .md3-footer__content {
	max-width: var(--sanxio-page-max-width, 1280px);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--sanxio-block-px, 12px);
	padding-right: var(--sanxio-block-px, 12px);
	box-sizing: border-box;
}

/* ---------- 区块间距：相邻块只用 content-gap，首块不再叠一层上边距 ---------- */
body:not(.member-md3-page) .sx-home-page__body > * + *,
body:not(.member-md3-page) .sx-mall-index-page > * + *,
body:not(.member-md3-page) .sanxio-home-section + .sanxio-home-section,
body:not(.member-md3-page) .sanxio-content-section + .sanxio-content-section,
body:not(.member-md3-page) .sx-mall-section + .sx-mall-section {
	margin-top: var(--sanxio-content-gap, 12px) !important;
}

body:not(.member-md3-page) .sanxio-content-wrap {
	gap: var(--sanxio-content-gap, 12px);
}

/*======= sanxio 前端统一页宽与间距 end ===========*/