/* 家庭空间展示页 */
body.sr-home-space-page {
	background: #eef4f5;
}

body.sr-home-space-page .hero-section[data-type="type-1"],
body.sr-home-space-page .entry-header {
	display: none !important;
}

body.sr-home-space-page #main-container,
body.sr-home-space-page .site-main,
body.sr-home-space-page .entry-content {
	background: transparent;
}

body.sr-home-space-page .entry-content > .elementor {
	max-width: none;
}

/* ── Hero ── */
body.sr-home-space-page .sr-hs-page-hero > .e-con-inner {
	max-width: 1240px;
	margin: 0 auto;
}

body.sr-home-space-page .e-con.sr-hs-hero-card {
	background-color: #ffffff !important;
	box-shadow: 0 18px 48px rgba(21, 36, 32, 0.07);
}

body.sr-home-space-page .e-con.sr-hs-hero-row {
	display: grid !important;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center !important;
}

body.sr-home-space-page .sr-hs-hero-left,
body.sr-home-space-page .sr-hs-hero-right {
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
}

body.sr-home-space-page .sr-hs-hero-left > .elementor-element:first-child .elementor-heading-title {
	letter-spacing: -0.02em;
}

body.sr-home-space-page .sr-hs-hero-left .elementor-heading-title {
	color: #152420;
}

body.sr-home-space-page .sr-hs-hero-left h5.elementor-heading-title {
	font-weight: 500;
	line-height: 1.55;
	color: #42504b;
}

body.sr-home-space-page .sr-hs-hero-left .elementor-widget-text-editor p {
	margin: 0;
	padding-top: 0;
	color: #5c6c6d;
	line-height: 1.7;
	font-size: 17px;
}

body.sr-home-space-page .sr-hs-hero-left .elementor-widget-text-editor p::before {
	display: none;
}

body.sr-home-space-page .e-con.sr-hs-hero-actions {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center;
	gap: 15px;
}

body.sr-home-space-page .sr-hs-hero-actions > .elementor-element {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
}

body.sr-home-space-page .sr-hs-hero-actions .elementor-button {
	box-shadow: 0 8px 20px rgba(39, 76, 79, 0.14);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.sr-home-space-page .sr-hs-hero-actions .elementor-button:hover {
	transform: translateY(-1px);
}

body.sr-home-space-page .e-con.sr-hs-stats {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
}

body.sr-home-space-page .sr-hs-stat-card {
	width: 100% !important;
	max-width: none !important;
	box-shadow: 0 6px 20px rgba(21, 36, 32, 0.05);
	border: 1px solid rgba(226, 237, 239, 0.95);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px;
	aspect-ratio: 1;
	min-height: 0;
}

body.sr-home-space-page .sr-hs-stat-card > .elementor-element {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
}

body.sr-home-space-page .sr-hs-stat-card .sr-hs-stat-icon {
	width: auto !important;
}

body.sr-home-space-page .sr-hs-stat-card .sr-hs-stat-icon .elementor-icon {
	font-size: 24px;
	line-height: 1;
}

body.sr-home-space-page .sr-hs-stat-card .sr-hs-stat-label {
	width: 100% !important;
	text-align: center;
}

body.sr-home-space-page .sr-hs-stat-card .sr-hs-stat-label .elementor-heading-title {
	margin: 0;
	white-space: nowrap;
	font-weight: 500;
	color: #42504b;
}

body.sr-home-space-page .sr-hs-stat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(21, 36, 32, 0.08);
}

body.sr-home-space-page .sr-hs-stat-card .e-con-inner {
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px;
	height: 100%;
}

body.sr-home-space-page .sr-hs-stat-card .elementor-icon {
	color: #274c4f;
}

/* Hero 拼贴（参考图错位布局：左列宽 1.5fr，右列 1fr，上下错位分割） */
body.sr-home-space-page .e-con.sr-hs-collage-grid,
body.sr-home-space-page .e-con.sr-hs-hero-collage.sr-hs-collage-grid {
	--display: grid;
	display: grid !important;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	grid-template-rows: 228px 28px 190px;
	gap: 8px;
	align-content: stretch;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-1 {
	grid-column: 1;
	grid-row: 1 / 3;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-2 {
	grid-column: 2;
	grid-row: 1 / 2;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-3 {
	grid-column: 1;
	grid-row: 3 / 4;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-4 {
	grid-column: 2;
	grid-row: 2 / 4;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element {
	min-width: 0;
	min-height: 0;
	height: 100%;
	width: 100% !important;
	max-width: 100% !important;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid .elementor-widget-image,
body.sr-home-space-page .e-con.sr-hs-collage-grid .elementor-widget-image .elementor-widget-container,
body.sr-home-space-page .e-con.sr-hs-collage-grid .elementor-widget-image a {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: 100%;
}

body.sr-home-space-page .e-con.sr-hs-collage-grid .elementor-widget-image img {
	width: 100%;
	height: 100% !important;
	min-height: 0;
	object-fit: cover;
	display: block;
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(21, 36, 32, 0.08);
}

/* ── 案例区（居中标题 + Bento） ── */
body.sr-home-space-page .sr-hs-gallery-wrap,
body.sr-home-space-page .sr-hs-cta-wrap {
	background: #eef4f5;
}

body.sr-home-space-page .sr-hs-gallery-wrap > .e-con-inner {
	max-width: 1240px;
	margin: 0 auto;
}

body.sr-home-space-page .e-con.sr-hs-gallery-head {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px;
	text-align: center;
}

body.sr-home-space-page .sr-hs-gallery-eyebrow .elementor-heading-title {
	margin: 0;
}

body.sr-home-space-page .sr-hs-gallery-title .elementor-heading-title {
	letter-spacing: -0.02em;
	margin: 0;
}

body.sr-home-space-page .sr-hs-gallery-subtitle p {
	margin: 0;
}

body.sr-home-space-page .e-con.sr-hs-filter-bar,
body.sr-home-space-page .e-con.sr-hs-filter-bar.e-flex {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px;
	padding: 8px;
	margin-bottom: 28px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 6px 20px rgba(21, 36, 32, 0.04);
}

body.sr-home-space-page .sr-hs-filter-bar > .elementor-element {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
}

body.sr-home-space-page .sr-hs-filter-bar .elementor-button {
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	box-shadow: none;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

body.sr-home-space-page .sr-hs-filter-bar .elementor-button:hover {
	transform: translateY(-1px);
}

/* Bento 网格 */
body.sr-home-space-page .e-con.sr-hs-bento {
	--display: grid;
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: 200px 160px 180px;
	gap: 16px;
	align-items: stretch;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-1 {
	grid-column: 1 / span 5;
	grid-row: 1 / span 2;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-2 {
	grid-column: 6 / span 3;
	grid-row: 1 / span 2;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-3 {
	grid-column: 9 / span 4;
	grid-row: 1;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-4 {
	grid-column: 9 / span 4;
	grid-row: 2;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-5 {
	grid-column: 1 / span 4;
	grid-row: 3;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-6 {
	grid-column: 5 / span 4;
	grid-row: 3;
}

body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-7 {
	grid-column: 9 / span 4;
	grid-row: 3;
}

body.sr-home-space-page .e-con.sr-hs-bento-card,
body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element {
	position: relative !important;
	overflow: hidden;
	border-radius: 20px;
	min-height: 0;
	height: 100%;
	box-shadow: 0 10px 30px rgba(21, 36, 32, 0.08);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

body.sr-home-space-page .e-con.sr-hs-bento-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(21, 36, 32, 0.12);
}

body.sr-home-space-page .sr-hs-bento-card > .e-con-inner,
body.sr-home-space-page .sr-hs-bento-card.e-con-full > .e-con-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: inherit;
	padding: 0 !important;
}

body.sr-home-space-page .sr-hs-bento-card .elementor-widget-image {
	flex: 1 1 auto;
	height: 100%;
	min-height: 120px;
}

body.sr-home-space-page .sr-hs-bento-card .elementor-widget-image .elementor-widget-container,
body.sr-home-space-page .sr-hs-bento-card .elementor-widget-image a {
	display: block;
	height: 100%;
}

body.sr-home-space-page .sr-hs-bento-card .elementor-widget-image img {
	width: 100%;
	height: 100% !important;
	min-height: 120px;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

body.sr-home-space-page .sr-hs-bento-label {
	position: absolute !important;
	left: 16px !important;
	top: 16px !important;
	bottom: auto !important;
	right: auto !important;
	width: auto !important;
	max-width: calc(100% - 32px);
	z-index: 3;
	pointer-events: none;
	margin: 0 !important;
	transform: none !important;
	inset: 16px auto auto 16px !important;
}

body.sr-home-space-page .sr-hs-bento-label > .e-con-inner {
	padding: 0 !important;
}

body.sr-home-space-page .sr-hs-bento-label-inner,
body.sr-home-space-page .sr-hs-bento-label > .e-con {
	background-color: rgba(255, 255, 255, 0.92) !important;
	border-radius: 10px !important;
	padding: 8px 14px !important;
	box-shadow: 0 6px 18px rgba(21, 36, 32, 0.1);
	width: fit-content !important;
	max-width: 100%;
	backdrop-filter: blur(6px);
}

body.sr-home-space-page .sr-hs-bento-label .elementor-heading-title {
	margin: 0;
}

/* ── CTA ── */
body.sr-home-space-page .sr-hs-cta-wrap > .e-con-inner {
	max-width: 1240px;
	margin: 0 auto;
}

body.sr-home-space-page .sr-hs-cta-bar {
	box-shadow: 0 14px 36px rgba(21, 36, 32, 0.14);
}

body.sr-home-space-page .sr-hs-cta-bar .elementor-button {
	box-shadow: 0 4px 14px rgba(21, 36, 32, 0.12);
	transition: transform 0.25s ease;
}

body.sr-home-space-page .sr-hs-cta-bar .elementor-button:hover {
	transform: translateY(-1px);
}

@media (max-width: 1024px) {
	body.sr-home-space-page .e-con.sr-hs-hero-row {
		grid-template-columns: 1fr !important;
		gap: 32px;
		align-items: start !important;
	}

	body.sr-home-space-page .e-con.sr-hs-stats {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	body.sr-home-space-page .sr-hs-stat-card {
		aspect-ratio: auto;
		min-height: 88px;
		flex-direction: column !important;
	}

	body.sr-home-space-page .sr-hs-hero-right,
	body.sr-home-space-page .e-con.sr-hs-hero-collage.sr-hs-collage-grid {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid,
	body.sr-home-space-page .e-con.sr-hs-hero-collage.sr-hs-collage-grid {
		--display: grid;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: auto auto auto !important;
		gap: 12px;
		min-height: 0;
		width: 100% !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-1 {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-2 {
		grid-column: 1;
		grid-row: 2;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-3 {
		grid-column: 2;
		grid-row: 2;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-4 {
		grid-column: 1 / -1;
		grid-row: 3;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-1 .elementor-widget-image img {
		height: 200px !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-2 .elementor-widget-image img,
	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-3 .elementor-widget-image img {
		height: 168px !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-4 .elementor-widget-image img {
		height: 180px !important;
	}

	body.sr-home-space-page .e-con.sr-hs-bento {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
	}

	body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element {
		grid-column: auto !important;
		grid-row: auto !important;
		min-height: 220px;
	}

	body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-1,
	body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element.sr-hs-bento-item-7 {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 767px) {
	body.sr-home-space-page .entry-content > .elementor {
		padding-left: 0;
		padding-right: 0;
	}

	body.sr-home-space-page .sr-hs-page-hero > .e-con-inner,
	body.sr-home-space-page .sr-hs-gallery-wrap > .e-con-inner,
	body.sr-home-space-page .sr-hs-cta-wrap > .e-con-inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.sr-home-space-page .e-con.sr-hs-hero-card {
		padding: 24px 20px !important;
	}

	body.sr-home-space-page .sr-hs-hero-left h1.elementor-heading-title {
		font-size: 30px !important;
	}

	body.sr-home-space-page .sr-hs-hero-left .elementor-widget-text-editor p::before {
		display: none;
	}

	body.sr-home-space-page .e-con.sr-hs-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.sr-home-space-page .sr-hs-stat-card {
		aspect-ratio: auto;
		min-height: 84px;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid,
	body.sr-home-space-page .e-con.sr-hs-hero-collage.sr-hs-collage-grid {
		--display: grid;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: auto auto auto !important;
		gap: 10px;
		width: 100% !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element {
		grid-column: auto !important;
		grid-row: auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-1 {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-2 {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-3 {
		grid-column: 2 !important;
		grid-row: 2 !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-4 {
		grid-column: 1 / -1 !important;
		grid-row: 3 !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid .elementor-widget-image img {
		width: 100% !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-1 .elementor-widget-image img {
		height: 190px !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-2 .elementor-widget-image img,
	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-3 .elementor-widget-image img {
		height: 150px !important;
	}

	body.sr-home-space-page .e-con.sr-hs-collage-grid > .elementor-element.sr-hs-collage-item-4 .elementor-widget-image img {
		height: 170px !important;
	}

	body.sr-home-space-page .e-con.sr-hs-filter-bar {
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		overflow-x: auto;
		border-radius: 16px;
		-webkit-overflow-scrolling: touch;
	}

	body.sr-home-space-page .e-con.sr-hs-filter-bar::-webkit-scrollbar {
		display: none;
	}

	body.sr-home-space-page .e-con.sr-hs-bento {
		grid-template-columns: 1fr;
	}

	body.sr-home-space-page .e-con.sr-hs-bento > .elementor-element {
		grid-column: 1 !important;
		min-height: 240px;
	}

	body.sr-home-space-page .sr-hs-cta-bar {
		text-align: center;
	}

	body.sr-home-space-page .sr-hs-cta-bar h3.elementor-heading-title {
		font-size: 22px !important;
	}
}