/* 页面样式 */
html {
	scroll-behavior: auto;
	scroll-padding-top: calc(135px * var(--font-scale));
}

.main {
	padding-top: calc(135px * var(--font-scale));
}

/* 顶部导航 */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(135px * var(--font-scale));
	background: #fff;
	z-index: 100;
	overflow: visible;
}

#header .header-inner {
	max-width: calc(1320px * var(--layout-scale));
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#header .logo {
	flex-shrink: 0;
	width: calc(106px * var(--font-scale));
	height: calc(92px * var(--font-scale));
}

#header .logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#header .nav {
	flex: 1;
	display: flex;
	justify-content: center;
	height: 100%;
}

#header .nav>ul {
	display: flex;
	align-items: center;
	height: 100%;
}

#header .nav>ul>li {
	float: left;
}

#header .nav>ul>li>a {
	display: block;
	position: relative;
	padding: 0 calc(36px * var(--layout-scale));
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifCN-Medium;
	color: #1DA473;
	line-height: calc(80px * var(--layout-scale));
	transition: color 0.3s;
}

#header .nav>ul>li>a::after {
	content: '';
	position: absolute;
	left: 50%;
	top: calc(50% + calc(11px * var(--font-scale)) + 16px);
	transform: translateX(-50%);
	width: 23px;
	height: 4px;
	background: #D51369;
	opacity: 0;
	transition: opacity 0.3s;
}

#header .nav>ul>li>a:hover,
#header .nav>ul>li.active>a {
	color: #2E8B80;
}

#header .nav>ul>li>a:hover::after {
	opacity: 1;
}

#header .nav>ul>li.nav-has-mega {
	position: static;
	align-self: stretch;
	display: flex;
	align-items: center;
}

/* PC导航 mega menu */
#header .nav .nav-mega {
	display: none;
	position: fixed;
	left: 0;
	top: calc(135px * var(--font-scale));
	width: 100%;
	height: calc(225px * var(--layout-scale));
	z-index: 99;
}

#header .nav .nav-mega::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(87.17deg, #038672 0%, #018489 100%);
	opacity: 0.95;
	z-index: 0;
}

#header .nav>ul>li.nav-has-mega:hover .nav-mega {
	display: block;
}

#header .nav .nav-mega-inner {
	position: relative;
	z-index: 1;
	max-width: calc(1320px * var(--layout-scale));
	height: calc(225px * var(--layout-scale));
	margin: 0 auto;
	padding: 0 calc(20px * var(--layout-scale));
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#header .nav .nav-mega-inner > * {
	position: relative;
	z-index: 1;
}

#header .nav .nav-mega-divider {
	width: 1px;
	min-width: 1px;
	height: calc(164px * var(--layout-scale));
	background: rgba(255, 255, 255, 1);
	flex-shrink: 0;
	margin: 0 calc(40px * var(--layout-scale));
}

#header .nav .nav-mega-img-link {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

#header .nav .nav-mega-img-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

#header .nav .nav-mega-img-link:hover img {
	transform: scale(1.05);
}

#header .nav .nav-mega-img-link--placeholder {
	background: rgba(255, 255, 255, 0.12);
}

/* 常见问题 */
#header .nav .nav-mega-problem .nav-mega-inner {
	justify-content: center;
}

#header .nav .nav-mega-problem-grid {
	display: grid;
	grid-template-columns: repeat(2, calc(300px * var(--layout-scale)));
	grid-template-rows: repeat(2, calc(97px * var(--layout-scale)));
	gap: calc(8px * var(--layout-scale));
	flex-shrink: 0;
}

#header .nav .nav-mega-problem-card {
	display: block;
	width: calc(300px * var(--layout-scale));
	height: calc(97px * var(--layout-scale));
	padding: 0;
	box-sizing: border-box;
	background: transparent;
	border: none;
	text-decoration: none;
	border-radius: calc(8px * var(--layout-scale));
	overflow: hidden;
	transition: box-shadow 0.3s;
}

#header .nav .nav-mega-problem-card:hover {
	box-shadow: 0 calc(4px * var(--layout-scale)) calc(12px * var(--layout-scale)) rgba(0, 0, 0, 0.12);
}

#header .nav .nav-mega-problem-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.6s ease;
}

#header .nav .nav-mega-problem-card:hover img {
	transform: scale(1.05);
}

#header .nav .nav-mega-problem-right {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

#header .nav .nav-mega-problem-right ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header .nav .nav-mega-problem-right ul li {
	position: relative;
	line-height: calc(42px * var(--layout-scale));
}

#header .nav .nav-mega-problem-right ul li a {
	display: inline-block;
	padding-left: calc(24px * var(--layout-scale));
	font-size: calc(16px * var(--layout-scale));
	font-family: SourceHanSerifCN-Medium;
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

#header .nav .nav-mega-problem-right ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: calc(4px * var(--layout-scale));
	height: calc(4px * var(--layout-scale));
	background: #FFFFFF;
	transform: translateY(-50%);
	transition: background 0.3s;
}

#header .nav .nav-mega-problem-right ul li a:hover {
	color: #e8c37d;
}

#header .nav .nav-mega-problem-right ul li:hover::before {
	background: #e8c37d;
}

/* 项目介绍 */
#header .nav .nav-mega-product .nav-mega-inner {
	justify-content: center;
}

#header .nav .nav-mega-product-brand {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header .nav .nav-mega-product-brand ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header .nav .nav-mega-product-brand ul li {
	position: relative;
	line-height: calc(42px * var(--layout-scale));
}

#header .nav .nav-mega-product-brand ul li span {
	display: inline-block;
	padding-left: calc(24px * var(--layout-scale));
	font-size: calc(16px * var(--layout-scale));
	font-family: SourceHanSerifCN-Medium;
	color: #fff;
}

#header .nav .nav-mega-product-brand ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: calc(4px * var(--layout-scale));
	height: calc(4px * var(--layout-scale));
	background: #FFFFFF;
	transform: translateY(-50%);
}

#header .nav .nav-mega-product-links {
	flex: 0 1 auto;
	max-width: calc(620px * var(--layout-scale));
}

#header .nav .nav-mega-product-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header .nav .nav-mega-product-links ul li {
	position: relative;
	padding-left: calc(24px * var(--layout-scale));
	line-height: calc(27px * var(--layout-scale));
	font-size: calc(15px * var(--layout-scale));
	color: #fff;
}

#header .nav .nav-mega-product-links ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: calc(4px * var(--layout-scale));
	height: calc(4px * var(--layout-scale));
	background: #FFFFFF;
	transform: translateY(-50%);
	transition: background 0.3s;
}

#header .nav .nav-mega-product-cat {
	font-family: SourceHanSerifCN-Medium;
	color: #fff;
}

#header .nav .nav-mega-product-items {
	display: inline;
}

#header .nav .nav-mega-product-item {
	font-family: SourceHanSerifCN-Regular;
	color: #fff;
}

#header .nav .nav-mega-product-item + .nav-mega-product-item {
	margin-left: calc(20px * var(--layout-scale));
}

#header .nav .nav-mega-product-links ul li a {
	display: block;
	font-family: SourceHanSerifCN-Regular;
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
}

#header .nav .nav-mega-product-links ul li a:hover,
#header .nav .nav-mega-product-links ul li a:hover .nav-mega-product-cat,
#header .nav .nav-mega-product-links ul li a:hover .nav-mega-product-item {
	color: #e8c37d;
}

#header .nav .nav-mega-product-links ul li:hover::before {
	background: #e8c37d;
}

#header .nav .nav-mega-product-img {
	width: calc(265px * var(--layout-scale));
	height: calc(170px * var(--layout-scale));
	flex-shrink: 0;
	overflow: hidden;
}

/* 最新资讯 */
#header .nav .nav-mega-news .nav-mega-inner {
	justify-content: center;
}

#header .nav .nav-mega-news-img {
	width: calc(297px * var(--layout-scale));
	height: calc(154px * var(--layout-scale));
	flex-shrink: 0;
	overflow: hidden;
}
#header .nav .nav-mega-news-img .nav-mega-img-link img {
	object-fit: initial;
	width: 100%;
	height: 100%;
}
#header .nav .nav-mega-news-feature {
	flex: 0 1 auto;
	width: calc(380px * var(--layout-scale));
	max-width: calc(380px * var(--layout-scale));
	overflow: hidden;
}

#header .nav .nav-mega-news-date {
	font-family: SourceHanSerifSC;
	font-weight: 700;
	font-size: calc(16px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(21px * var(--layout-scale));
}

#header .nav .nav-mega-news-headline {
	margin: 0 0 calc(8px * var(--layout-scale));
	overflow: hidden;
	min-width: 0;
}

#header .nav .nav-mega-news-headline-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

#header .nav .nav-mega-news-title-row {
	display: flex;
	align-items: center;
	margin: 0;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#header .nav .nav-mega-news-title {
	flex: 0 1 auto;
	min-width: 0;
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: 700;
	font-size: calc(16px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(21px * var(--layout-scale));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s;
}

#header .nav .nav-mega-news-title-sep {
	flex-shrink: 0;
	margin-left: calc(6px * var(--layout-scale));
	font-family: SourceHanSerifSC;
	font-weight: 700;
	font-size: calc(16px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(21px * var(--layout-scale));
	transition: color 0.3s;
}

#header .nav .nav-mega-news-sub-title {
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: 700;
	font-size: calc(16px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(21px * var(--layout-scale));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s;
}

#header .nav .nav-mega-news-headline-link:hover .nav-mega-news-title,
#header .nav .nav-mega-news-headline-link:hover .nav-mega-news-title-sep,
#header .nav .nav-mega-news-headline-link:hover .nav-mega-news-sub-title {
	color: #e8c37d;
}

#header .nav .nav-mega-news-desc {
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: 300;
	font-size: calc(13px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(23px * var(--layout-scale));
	text-align: justify;
	text-indent: 2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}

#header .nav .nav-mega-news-list {
	flex-shrink: 0;
	width: calc(360px * var(--layout-scale));
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: calc(56px * var(--layout-scale));
}

#header .nav .nav-mega-news-item {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: #FFFFFF;
}

#header .nav .nav-mega-news-item-date {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	line-height: calc(18px * var(--layout-scale));
}

#header .nav .nav-mega-news-item-md {
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(21px * var(--layout-scale));
	color: #FFFFFF;
}

#header .nav .nav-mega-news-item-y {
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(13px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(18px * var(--layout-scale));
}

#header .nav .nav-mega-news-item-line {
	flex-shrink: 0;
	width: 1px;
	height: calc(38px * var(--layout-scale));
	margin: 0 calc(12px * var(--layout-scale));
	background: #FFFFFF;
}

#header .nav .nav-mega-news-item-titles {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

#header .nav .nav-mega-news-item-title-row,
#header .nav .nav-mega-news-item-sub-title {
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(14px * var(--layout-scale));
	color: #FFFFFF;
	line-height: calc(20px * var(--layout-scale));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s;
}

#header .nav .nav-mega-news-item-title-row {
	display: flex;
	align-items: center;
	min-width: 0;
}

#header .nav .nav-mega-news-item-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	flex: 0 1 auto;
}

#header .nav .nav-mega-news-item-title-sep {
	flex-shrink: 0;
	margin-left: calc(4px * var(--layout-scale));
}

#header .nav .nav-mega-news-item:hover .nav-mega-news-item-title-row,
#header .nav .nav-mega-news-item:hover .nav-mega-news-item-sub-title {
	color: #e8c37d;
}

/* 品牌介绍 */
#header .nav .nav-mega-about .nav-mega-inner {
	justify-content: center;
}

#header .nav .nav-mega-about-left {
	width: calc(325px * var(--layout-scale));
	height: calc(180px * var(--layout-scale));
	flex-shrink: 0;
	overflow: hidden;
}

#header .nav .nav-mega-about-intro {
	width: calc(530px * var(--layout-scale));
	max-width: calc(530px * var(--layout-scale));
	flex-shrink: 0;
	overflow: hidden;
}

#header .nav .nav-mega-about-intro p {
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(16px * var(--layout-scale));
	color: #FFFFFF;
	line-height:  calc(30px * var(--layout-scale));
	text-indent: 2em;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	overflow: hidden;
}

#header .nav .nav-mega-about-links {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

#header .nav .nav-mega-about-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#header .nav .nav-mega-about-links ul li {
	position: relative;
	line-height: calc(34px * var(--layout-scale));		
}

#header .nav .nav-mega-about-links ul li a {
	display: inline-block;
	padding-left: calc(24px * var(--layout-scale));
	font-family: SourceHanSerifCN-SemiBold;
	font-weight: 600;
	font-size: calc(18px * var(--layout-scale));
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.3s;
}

#header .nav .nav-mega-about-links ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: calc(4px * var(--layout-scale));
	height: calc(4px * var(--layout-scale));
	background: #FFFFFF;
	transform: translateY(-50%);
	transition: background 0.3s;
}

#header .nav .nav-mega-about-links ul li a:hover {
	color: #e8c37d;
}

#header .nav .nav-mega-about-links ul li:hover::before {
	background: #e8c37d;
}

/* .nav-anchor-highlight {
	animation: nav-anchor-pulse 1.2s ease;
}

@keyframes nav-anchor-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(38, 150, 136, 0.45);
	}

	40% {
		box-shadow: 0 0 0 12px rgba(38, 150, 136, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(38, 150, 136, 0);
	}
} */

#header .header-search {
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	height: calc(40px * var(--font-scale));
	background: #269688;
	border: calc(1px * var(--layout-scale)) solid #269688;
	border-radius: calc(4px * var(--layout-scale));
	overflow: hidden;
}

#header .search-icon {
	padding: calc(6px * var(--font-scale)) calc(10px * var(--font-scale));
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #269688;
	cursor: pointer;
}

#header .search-icon img {
	width: calc(26px * var(--font-scale));
	height: 100%;
	display: block;
	object-fit: cover;
}

#header .search-input {
	flex: 1;
	width: calc(240px * var(--font-scale));
	height: 100%;
	padding: 0 calc(14px * var(--font-scale));
	border: none;
	border-left: calc(1px * var(--layout-scale)) solid #269688;
	border-radius: 0 calc(4px * var(--layout-scale)) calc(4px * var(--layout-scale)) 0;
	font-size: calc(14px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #333;
	background: #fff;
	outline: none;
}

#header .search-input::placeholder {
	color: #bbb;
}

/* 轮播图 */
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.banner .swiper-container {
	width: 100%;
	height: calc(720px * var(--layout-scale));
}

.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-pagination {
	position: absolute;
	left: calc(80px * var(--layout-scale));
	bottom: calc(100px * var(--layout-scale));
	z-index: 10;
	display: flex;
	align-items: flex-end;
	gap: calc(10px * var(--layout-scale));
	line-height: 1;
	pointer-events: none;
	user-select: none;
}

.banner-pagination-current {
	font-family: SourceHanSansCN-Medium, sans-serif;
	font-size: calc(40px * var(--layout-scale));
	font-weight: 500;
	color: #ffffff;
}

.banner-pagination-meta {
	display: flex;
	align-items: center;
	font-family: SourceHanSansCN-Medium, sans-serif;
	font-size: calc(20px * var(--layout-scale));
	font-weight: 400;
	color: #628E8B;
	margin-left: calc(6px * var(--layout-scale));
	padding-bottom: calc(4px * var(--layout-scale));
}

.banner-pagination-sep {
	font-size: calc(18px * var(--layout-scale));
	font-weight: 400;
	margin-right: calc(4px * var(--layout-scale));
}

/* 面包屑 */
.crumbs {
	background: #ffffff;
	padding-top: calc(60px * var(--layout-scale));
	padding-bottom: calc(92px * var(--layout-scale));
}

.crumbs-inner {
	/* max-width: calc(1320px * var(--layout-scale)); */
	/* height: calc(60px * var(--layout-scale)); */
	/* margin: 0 auto; */
	display: flex;
	margin-left: calc(204px * var(--layout-scale));
	align-items: center;
}

.crumbs-home {
	flex-shrink: 0;
	width: calc(40px * var(--layout-scale));
	height: calc(40px * var(--layout-scale));
	border-radius: 50%;
	background: #2CAE9F;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: calc(24px * var(--layout-scale));
}

.crumbs-home img {
	width: calc(26px * var(--layout-scale));
	height: calc(22px * var(--layout-scale));
	display: block;
}

.crumbs-list {
	display: flex;
	align-items: center;
	font-size: calc(24px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #ffffff;
}

.crumbs-list a {
	color: #000000;
	font-family: SourceHanSerifCN-Bold;
}


.crumbs-sep {
	padding: 0 calc(14px * var(--layout-scale));
	color: #000000;
	font-size: calc(24px * var(--font-scale));
	font-family: SourceHanSerifCN-Heavy;
}

/* 品牌区块（通用） */
.brand-section {
	position: relative;
	width: calc(1730px * var(--layout-scale));
	height: calc(874px * var(--layout-scale));
	margin: calc(32px * var(--layout-scale)) auto 0;
	border-radius: calc(16px * var(--layout-scale));
	overflow: hidden;
	display: flex;
	align-items: center;
}

.brand-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: var(--brand-section-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform 0.6s ease;
	z-index: 0;
}

.brand-section:hover::before {
	transform: scale(1.05);
}

.brand-section[id] {
	scroll-margin-top: calc(140px * var(--layout-scale));
}

.brand-section:first-of-type {
	margin-top: 0;
}

.brand-section-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.brand-section--right .brand-section-inner {
	justify-content: flex-end;
	padding-right: calc(180px * var(--layout-scale));
}

.brand-section--left .brand-section-inner {
	justify-content: flex-start;
	padding-left: calc(180px * var(--layout-scale));
}

.brand-section-text {
	width: calc(558px * var(--layout-scale));
}

.brand-section-title {
	font-size: calc(70px * var(--font-scale));
	font-family: SourceHanSerifCN-Medium;
	font-weight: bold;
	color: #785631;
	text-align: center;
	line-height: 1.2;
}

.brand-section-title-line {
	display: block;
	width: calc(99px * var(--layout-scale));
	height: calc(5px * var(--layout-scale));
	margin: calc(40px * var(--layout-scale)) auto 0;
	background: #785631;
}

.brand-section-desc {
	margin-top: calc(50px * var(--layout-scale));
	font-size: calc(24px * var(--font-scale));
	color: #303030;
	line-height: calc(36px * var(--font-scale));
	text-align: center;
}

.brand-section--center-text .brand-section-desc {
	text-align: center;
}

.brand-section--left-text .brand-section-desc {
	text-align: left;
}

/* 返回顶部 */
.return-top-wrap {
	/* padding: calc(80px * var(--layout-scale)) 0 calc(100px * var(--layout-scale)); */
	text-align: center;
	height: calc(310px * var(--layout-scale));
	display: flex;
	align-items: center;
	justify-content: center;
}

.return-top {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.3s;
}

.return-top:hover {
	opacity: 0.8;
}

.return-top:hover .return-top-text {
	color: #1DA473;
}

.return-top-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.return-top-text {
	margin: 0 calc(77px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	transition: color 0.3s, transform 0.3s;
}

.return-top.is-scrolling .return-top-text {
	animation: returnTopFloat 0.8s ease;
}

@keyframes returnTopFloat {
	0% {
		transform: translateY(0);
		opacity: 1;
	}

	50% {
		transform: translateY(calc(-8px * var(--layout-scale)));
		opacity: 0.7;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/* 页脚 */
#footer {
	width: 100%;
}

.footer-main {
	width: 100%;
	height: calc(400px * var(--layout-scale));
	background: linear-gradient(0deg, #23998B, #2CAE9F, #BAE0D9);
	box-shadow: 0px 5px 15px 0px rgba(0, 16, 56, 0.2);

}

.footer-inner {
	width: calc(1280px * var(--layout-scale));
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-brand {
	flex-shrink: 0;
	width: calc(288px * var(--layout-scale));
	height: calc(350px * var(--layout-scale));
	background: #D51369;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: calc(60px * var(--layout-scale)) calc(46px * var(--layout-scale));
	box-sizing: border-box;
}

.footer-logo {
	width: calc(142px * var(--layout-scale));
	height: auto;
	display: block;
}

.footer-phone {
	display: flex;
	align-items: center;
	margin-top: calc(46px * var(--layout-scale));
}

.footer-phone-icon {
	width: calc(36px * var(--layout-scale));
	height: calc(40px * var(--layout-scale));
	display: block;
	flex-shrink: 0;
}

.footer-phone-num {
	margin-left: calc(10px * var(--layout-scale));
	font-size: calc(54px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #fff;
	line-height: 1;
}

.footer-hotline {
	margin-top: calc(10px * var(--layout-scale));
	padding: calc(4px * var(--layout-scale)) calc(16px * var(--layout-scale));
	border: calc(1px * var(--layout-scale)) solid rgb(255, 255, 255);
	border-radius: calc(20px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	font-family: SourceHanSerifCN-Medium;
	color: #fff;
	line-height: 1.4;
	/* 文字之间左右间距 */
	letter-spacing: calc(8px * var(--layout-scale));
}

.footer-nav {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: calc(75px * var(--layout-scale));
	gap: calc(100px * var(--layout-scale));
}

.footer-nav-row {
	display: flex;
	gap: calc(100px * var(--layout-scale));
}

.footer-nav-item {
	display: block;
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifCN-Medium;
	color: #fff;
	text-decoration: none;
	padding-bottom: calc(12px * var(--layout-scale));
	border-bottom: calc(1px * var(--layout-scale)) solid #FBD494;
	min-width: calc(410px * var(--layout-scale));
	transition: opacity 0.3s;
}

.footer-nav-item:hover {
	opacity: 0.8;
}

.footer-record {
	width: 100%;
	height: calc(44px * var(--layout-scale));
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;

	padding-top: calc(70px * var(--layout-scale));
	padding-bottom: calc(100px * var(--layout-scale));
}

.footer-record-icon {
	width: auto;
	height: calc(44px * var(--layout-scale));
	display: block;
	flex-shrink: 0;
}

.footer-record-text {
	margin-left: calc(20px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #999;
	line-height: 1;
}

.footer-record-text a {
	color: inherit;
	text-decoration: none;
}

.footer-record-text a + a {
	margin-left: calc(16px * var(--layout-scale));
}

/* 常见问题页 */
.crumbs--faq {
	padding-bottom: calc(40px * var(--layout-scale));
}

.faq-head {
	text-align: center;
	padding-bottom: calc(120px * var(--layout-scale));
}

.faq-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.faq-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(16px * var(--layout-scale)) auto 0;
	background: #D51369;

}

.faq-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(50px * var(--layout-scale));
}

.faq-section-title[id] {
	scroll-margin-top: calc(140px * var(--layout-scale));
}

.faq-section-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.faq-section-text {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.2;
}

.faq-card {
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto calc(84px * var(--layout-scale));
	padding: calc(76px * var(--layout-scale)) calc(32px * var(--layout-scale));
	background: #ffffff;
	border-radius: calc(18px * var(--layout-scale));
	box-shadow: 0 calc(4px * var(--layout-scale)) calc(20px * var(--layout-scale)) rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}

.faq-item {
	padding: calc(40px * var(--layout-scale)) 0;
}

.faq-item-row {
	display: flex;
	align-items: flex-start;
	gap: calc(32px * var(--layout-scale));
}

.faq-item--odd .faq-item-row {
	flex-direction: row;
}

.faq-item--even .faq-item-row {
	flex-direction: row-reverse;
}

.faq-item-icon {
	flex-shrink: 0;
	width: calc(104px * var(--layout-scale));
	padding-top: calc(6px * var(--layout-scale));
	aspect-ratio: 156 / 185;
	background-image: url('/assets/img/frontend_pc/cjwt_img.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.faq-item-body {
	flex: 1;
	min-width: 0;
}

.faq-item--even .faq-item-body {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.faq-question-row {
	display: inline-flex;
	align-items: center;
	margin-bottom: calc(20px * var(--layout-scale));
}

.faq-badge {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(44px * var(--layout-scale));
	height: calc(44px * var(--layout-scale));
	border-radius: 50%;
	background: #FE0388;
	color: #ffffff;
	font-size: calc(40px * var(--font-scale));
	font-family: SourceHanSerifCN-Medium;
	line-height: 1;
	z-index: 2;
}

.faq-item--odd .faq-badge {
	margin-right: calc(-22px * var(--layout-scale));
}

.faq-item--even .faq-badge {
	margin-left: calc(-22px * var(--layout-scale));
}

.faq-question {
	display: inline-block;
	padding: calc(12px * var(--layout-scale)) calc(60px * var(--layout-scale));
	background: #DBF1EE;
	border-radius: calc(50px * var(--layout-scale));
	font-size: calc(30px * var(--font-scale));
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: #000000;
	line-height: 1.4;
	white-space: nowrap;
}

.faq-answer {
	font-size: calc(24px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
	font-weight: 400;
	line-height: calc(36px * var(--font-scale));
	text-align: left;
}

.faq-item--even .faq-answer {
	text-align: left;
}

.faq-divider {
	margin-top: calc(75px * var(--layout-scale));
	width: 100%;
	height: calc(2px * var(--layout-scale));
	border: none;
	background: repeating-linear-gradient(to right,
			#000000 0,
			#000000 calc(10px * var(--layout-scale)),
			transparent calc(10px * var(--layout-scale)),
			transparent calc(18px * var(--layout-scale)));
}

/* 项目介绍总览页 */
.crumbs--xmjx {
	padding-bottom: calc(40px * var(--layout-scale));
}

.main--xmjx > .faq-section-title {
	padding-bottom: calc(120px * var(--layout-scale));
}

.main--xmjx > .faq-head {
	padding-bottom: calc(40px * var(--layout-scale));
}

.main--xmjx > .faq-section-title .faq-head-title {
	margin: 0 calc(40px * var(--layout-scale));
}

.main--xmjx .faq-head .faq-section-text {
	display: block;
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: bold;
	font-size: calc(36px * var(--font-scale));
	color: #000000;
	line-height: 1.2;
}

.main--xmjx .faq-head .faq-head-line {
	width: calc(50px * var(--layout-scale));
	height: calc(4px * var(--layout-scale));
	background: #D51369;
}

.xmjx-card {
	display: flex;
	align-items: stretch;
	width: calc(1730px * var(--layout-scale));
	height: calc(356px * var(--layout-scale));
	margin: 0 auto calc(84px * var(--layout-scale));
	background: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: calc(18px * var(--layout-scale));
	box-shadow: 0 calc(4px * var(--layout-scale)) calc(20px * var(--layout-scale)) rgba(0, 0, 0, 0.08);
	overflow: hidden;
	box-sizing: border-box;
}

.xmjx-card-content {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
}

.xmjx-card--has-bg {
	background-position: center;
}

.xmjx-card--has-bg .xmjx-card-content {
	position: relative;
	z-index: 1;
}

.xmjx-card-body {
	flex: 0 0 calc(1140px * var(--layout-scale));
	width: calc(1140px * var(--layout-scale));
	display: flex;
	align-items: stretch;
	min-height: calc(356px * var(--layout-scale));
}

.xmjx-card-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: calc(40px * var(--layout-scale)) calc(48px * var(--layout-scale));
	box-sizing: border-box;
}

.xmjx-card-col + .xmjx-card-col {
	position: relative;
	border-left: none;
}

.xmjx-card-col + .xmjx-card-col::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: calc(1px * var(--layout-scale));
	height: calc(247px * var(--layout-scale));
	background: #267367;
	box-sizing: border-box;
}

.xmjx-card-col--center {
	align-items: center;
	text-align: center;
}

.xmjx-card-heading {
	margin: 0 0 calc(24px * var(--layout-scale));
	font-family: SourceHanSerifSC;
	font-weight: bold;
	font-size: calc(30px * var(--font-scale));
	color: #000000;
	line-height: calc(60px * var(--font-scale));
}

.xmjx-card-label {
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(22px * var(--font-scale));
	color: #000000;
	line-height: calc(40px * var(--font-scale));
}

.xmjx-card-tags {
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifSC;
	font-weight: 400;
	color: #000000;
	line-height: calc(40px * var(--font-scale));
}

.xmjx-card-tags p {
	font-family: SourceHanSerifSC;
	font-weight: 400;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
	gap: calc(12px * var(--layout-scale));
}

.xmjx-card-name {
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: bold;
	font-size: calc(30px * var(--font-scale));
	color: #000000;
	line-height: calc(60px * var(--font-scale));
}

.xmjx-card-col{
	text-align: center;
}

.xmjx-card-block {
	text-align: center;
}

.xmjx-card-block + .xmjx-card-block {
	margin-top: calc(26px * var(--layout-scale));
}

.xmjx-card-block-title {
	font-family: SourceHanSerifSC;
	font-weight: bold;
	font-size: calc(30px * var(--font-scale));
	color: #000000;
	line-height: calc(60px * var(--font-scale));
}

.xmjx-bottom {
	display: flex;
	justify-content: space-between;
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto calc(84px * var(--layout-scale));
	gap: calc(40px * var(--layout-scale));
}

.xmjx-bottom-col {
	flex: 1;
	min-width: 0;
}

.xmjx-bottom-head {
	text-align: center;
	padding-bottom: calc(50px * var(--layout-scale));
}

.xmjx-bottom-title {
	margin: 0;
	font-family: SourceHanSerifSC;
	font-weight: bold;
	font-size: calc(36px * var(--font-scale));
	color: #000000;
	line-height: 1.2;
}

.xmjx-bottom-line {
	display: block;
	width: calc(50px * var(--layout-scale));
	height: calc(4px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.xmjx-card--compact {
	width: 100%;
	height: calc(356px * var(--layout-scale));
	margin: 0;
}

.xmjx-card--compact .xmjx-card-body {
	flex: 1;
	width: 100%;
	min-height: calc(356px * var(--layout-scale));
}

.xmjx-card--compact .xmjx-card-col {
	align-items: center;
	text-align: center;
}

.xmjx-card--compact .xmjx-card-content {
	flex: 0 0 calc(280px * var(--layout-scale));
	width: calc(280px * var(--layout-scale));
	margin-left: auto;
}

/* 最新资讯页 */
.crumbs--news {
	padding-bottom: calc(76px * var(--layout-scale));
}

.news-head {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.news-head-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.news-head-title {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.news-list {
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto;
	padding-bottom: calc(180px * var(--layout-scale));
}

.news-card {
	display: flex;
	align-items: stretch;
	background: #ffffff;
	overflow: hidden;
	height: calc(376px * var(--layout-scale));
	margin-bottom: calc(50px * var(--layout-scale));
}

.news-card:last-child {
	margin-bottom: 0;
}

.news-card-img {
	flex-shrink: 0;
	width: calc(860px * var(--layout-scale));
	overflow: hidden;
}

.news-card-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.news-card-img:hover img {
	transform: scale(1.05);
}

.news-card-body {
	flex: 1;
	min-width: 0;
	height: 100%;
	display: flex;
	align-items: flex-start;
	gap: calc(32px * var(--layout-scale));
	padding: calc(60px * var(--layout-scale)) calc(32px * var(--layout-scale));
	box-sizing: border-box;
	padding-bottom: calc(34px * var(--layout-scale));
}

.news-date {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.1;
}

.news-date-md {
	font-size: calc(36px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
}

.news-date-y {
	margin-top: calc(4px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
}

.news-card-content {
	flex: 1;
	min-width: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.news-title {
	display: flex;
	align-items: center;
	margin: 0;
	min-width: 0;
	overflow: hidden;
	user-select: none;
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(30px * var(--font-scale));
	color: #000000;
	line-height: calc(48px * var(--font-scale));
}
.news-title  span{
	font-family: SourceHanSerifSC;
    font-weight: 400;
    font-size: calc(30px * var(--font-scale));
    color: #000000;
    line-height: calc(48px * var(--font-scale));
}
.news-title-text {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-title-sep {
	flex-shrink: 0;
	margin-left: calc(6px * var(--layout-scale));
}

.news-subtitle {
	margin: 0;
	height: calc(96px * var(--font-scale));
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(30px * var(--font-scale));
	color: #000000;
	line-height: calc(48px * var(--font-scale));
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.news-time {
	margin-top: calc(26px * var(--layout-scale));
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(24px * var(--font-scale));
	color: #000000;
	line-height: calc(48px * var(--font-scale));
}

.news-btn {
	align-self: flex-end;
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(158px * var(--layout-scale));
	height: calc(53px * var(--layout-scale));
	background: #23998B;
	font-family: SourceHanSerifSC;
	font-weight: 400;
	font-size: calc(24px * var(--font-scale));
	color: #FFFFFF;
	text-decoration: none;
	transition: opacity 0.3s;
}

.news-btn:hover {
	opacity: 0.85;
}

.news-btn:focus,
.news-btn:active {
	background: #23998B;
	color: #FFFFFF;
	outline: none;
}

.news-btn:active {
	opacity: 0.75;
}

/* 资讯详情页 */
.crumbs--news-detail {
	padding-bottom: calc(40px * var(--layout-scale));
}

.news-detail-wrap {
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto;
	padding-bottom: calc(180px * var(--layout-scale));
}

.news-detail-inner {
	display: flex;
	align-items: flex-start;
	gap: calc(50px * var(--layout-scale));
}

.news-detail-main {
	flex: 1;
	min-width: 0;
	background: #ffffff;
	padding: calc(60px * var(--layout-scale)) calc(50px * var(--layout-scale));
	box-sizing: border-box;
}

.news-detail-title {
	font-size: calc(36px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: calc(48px * var(--font-scale));
	margin: 0;
}

.news-detail-subtitle {
	margin: calc(16px * var(--layout-scale)) 0 0;
	font-size: calc(28px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	font-weight: 400;
	color: #333333;
	line-height: calc(42px * var(--font-scale));
}

.news-detail-date {
	margin-top: calc(26px * var(--layout-scale));
	padding-bottom: calc(40px * var(--layout-scale));
	border-bottom: 1px solid #e8e8e8;
	font-size: calc(24px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #666666;
}

.news-detail-content {
	margin-top: calc(40px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #333333;
	line-height: calc(40px * var(--font-scale));
}

.news-detail-content img {
	display: block;
	width: calc(800px * var(--layout-scale));
	max-width: 100%;
	height: auto;
	margin: calc(20px * var(--layout-scale)) auto;
}

.news-detail-content p {
	line-height: calc(35px * var(--layout-scale));
	margin: calc(10px * var(--layout-scale)) 0;
}

.news-detail-side {
	flex-shrink: 0;
	width: calc(380px * var(--layout-scale));
}

.news-hotspot {
	background: #ffffff;
	padding: calc(40px * var(--layout-scale)) calc(32px * var(--layout-scale));
	box-sizing: border-box;
}

.news-hotspot-title {
	font-size: calc(28px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	padding-bottom: calc(24px * var(--layout-scale));
	border-bottom: calc(3px * var(--layout-scale)) solid #23998B;
}

.news-hotspot-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-hotspot-item {
	padding: calc(20px * var(--layout-scale)) 0;
	border-bottom: 1px solid #f0f0f0;
}

.news-hotspot-item:last-child {
	border-bottom: none;
}

.news-hotspot-link {
	display: block;
	font-size: calc(20px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #333333;
	line-height: calc(30px * var(--font-scale));
	text-decoration: none;
	transition: color 0.3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-hotspot-link:hover {
	color: #23998B;
}

/* 注射项目页 */
.crumbs--inject {
	padding-bottom: calc(40px * var(--layout-scale));
}

.inject-head {
	text-align: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.inject-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.inject-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.inject-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(58px * var(--layout-scale));
}

.inject-section-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.inject-section-text {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.2;
}

.inject-module {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(594px * var(--layout-scale));
	margin: 0 auto calc(68px * var(--layout-scale));
	border: none;
	overflow: hidden;
	box-sizing: border-box;
}

.inject-module-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.inject-module--last {
	margin-bottom: calc(120px * var(--layout-scale));
}

.inject-module-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.inject-module-inner--left {
	justify-content: flex-start;
	padding-left: calc(294px * var(--layout-scale));
}

.inject-module-inner--right {
	justify-content: flex-end;
	padding-right: calc(180px * var(--layout-scale));
}

.inject-module-text {
	/* width: calc(558px * var(--layout-scale)); */
}

.inject-module-inner--right .inject-module-text {
	text-align: right;
}

.inject-module-text--multi {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.inject-module-inner--right .inject-module-text--multi {
	align-items: flex-end;
}

.inject-module-tag {
	display: inline-block;
	padding: calc(16px * var(--layout-scale)) calc(28px * var(--layout-scale));
	border: 1px dashed rgba(255, 255, 255, 0.85);
	background: rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
}

.inject-module-title {
	position: relative;
	display: inline-block;
}

.inject-module-deco {
	position: absolute;
	left: calc(-52px * var(--layout-scale));
	top: 60%;
	transform: translateY(-50%);
	width: calc(192px * var(--font-scale));
	height: auto;
	z-index: 0;
	pointer-events: none;
}

.inject-module-name {
	position: relative;
	z-index: 1;
	font-size: calc(72px * var(--font-scale));
	color: #6E3D00;
	line-height: 1.2;
}

.inject-module-tag--sm {
	padding: calc(10px * var(--layout-scale)) calc(20px * var(--layout-scale));
}

.inject-module-label {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: calc(50px * var(--font-scale));
	color: #6E3D00;
	font-weight: 400;
}

.inject-module-desc {
	margin-top: calc(60px * var(--layout-scale));
	font-size: calc(30px * var(--font-scale));
	color: #6E3D00;
	line-height: calc(90px * var(--font-scale));
	letter-spacing: calc(2px * var(--layout-scale));
}

.inject-module-main {
	display: inline-flex;
	align-items: center;
	gap: calc(20px * var(--layout-scale));
	margin-top: calc(74px * var(--layout-scale));
}

.inject-module-highlight {
	font-size: calc(80px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #785631;
	line-height: 1.2;
}

.inject-module-arrow {
	width: calc(45px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.inject-module-tip {
	margin: calc(20px * var(--layout-scale)) 0 0;
	font-size: calc(30px * var(--font-scale));
	color: #6E3D00;

}

/* 首页资讯模块 */
.home-news {
	padding: calc(80px * var(--layout-scale)) 0 calc(100px * var(--layout-scale));
	background: #EEFAFB;
	margin-top: calc(50px * var(--layout-scale));
}

.home-news-head {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(120px * var(--layout-scale));
}

.home-news-head-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.home-news-head-title {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.home-news-body {
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto;
	display: flex;
	align-items: stretch;
}

.home-news-poster {
	flex-shrink: 0;
	width: calc(688px * var(--layout-scale));
	height: calc(288px * var(--layout-scale));
	overflow: hidden;
}

.home-news-poster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.home-news-poster:hover img {
	transform: scale(1.05);
}

.home-news-nav {
	flex-shrink: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: calc(288px * var(--layout-scale));
	/* width: calc(100px * var(--layout-scale)); */
	margin-left: calc(52px * var(--layout-scale));
	margin-bottom: calc(76px * var(--layout-scale));
}

.home-news-nav .more {
	display: block;
	width: calc(50px * var(--layout-scale));
	height: calc(50px * var(--layout-scale));
	line-height: calc(44px * var(--layout-scale));
	border: calc(2px * var(--font-scale)) solid #434343;
	border-radius: 50%;
	text-align: center;
	font-size: calc(40px * var(--font-scale));
	color: #434343;
	font-family: SourceHanSerifCN-Regular;
	text-decoration: none;
	transition: background 0.3s, color 0.3s, border-color 0.3s;
}

.home-news-nav .more:hover {
	background: #2CAE9F;
	border-color: #2CAE9F;
	color: #ffffff;
}

.home-news-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: calc(76px * var(--layout-scale));
}

.home-news-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: calc(32px * var(--layout-scale));
}

.home-news-item {
	display: flex;
	align-items: center;
	gap: calc(20px * var(--layout-scale));
	padding: calc(20px * var(--layout-scale)) calc(36px * var(--layout-scale));
	background: #ffffff;
	text-decoration: none;
	transition: background 0.3s, color 0.3s;
	box-sizing: border-box;
}

.home-news-item:hover {
	background: #2CAE9F;
}

.home-news-item:hover .home-news-day,
.home-news-item:hover .home-news-ym,
.home-news-item:hover .home-news-text {
	color: #ffffff;
}

.home-news-item:hover .home-news-line {
	background: #ffffff;
}

.home-news-date {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.1;
	width: calc(58px * var(--layout-scale));
	text-align: center;
}

.home-news-day {
	font-size: calc(32px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	font-weight: 400;
	color: #000000;
	white-space: nowrap;
}

.home-news-ym {
	margin-top: calc(4px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
	white-space: nowrap;
}

.home-news-line {
	flex-shrink: 0;
	width: calc(1px);
	height: calc(54px * var(--layout-scale));
	background: #C9C9C9;
}

.home-news-text {
	flex: 1;
	min-width: 0;
	margin: 0;
	font-weight: 400;
	font-size: calc(24px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.home-news-more {
	align-self: flex-end;
	margin-top: calc(24px * var(--layout-scale));
	padding: calc(10px * var(--layout-scale)) calc(32px * var(--layout-scale));
	background: #2CAE9F;
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #ffffff;
	text-decoration: none;
	transition: opacity 0.3s;
}

.home-news-more:hover {
	opacity: 0.85;
}

.home-news-more:focus,
.home-news-more:active {
	background: #2CAE9F;
	color: #ffffff;
	outline: none;
}

.home-news-more:active {
	opacity: 0.75;
}

/* 首页通用区块标题 */
.home-section-head {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.home-section-head-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.home-section-head-title {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

/* 首页关于模块 */
.home-about {
	position: relative;
	padding: calc(76px * var(--layout-scale)) 0 calc(150px * var(--layout-scale));
	overflow: hidden;
	margin-top: calc(50px * var(--layout-scale));
}

.home-about-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
	transition: transform 0.6s ease;
}

.home-about:hover .home-about-bg {
	transform: scale(1.05);
}

.home-about-inner {
	position: relative;
	z-index: 1;
}

.home-about-cards {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(228px * var(--layout-scale));
}

.home-about-card {
	display: block;
	width: calc(138px * var(--layout-scale));
	height: calc(138px * var(--layout-scale));
	padding: calc(10px * var(--layout-scale));
	border: calc(2px * var(--layout-scale)) solid #ffffff;
	border-radius: calc(16px * var(--layout-scale));
	box-sizing: border-box;
	background: transparent;
	text-decoration: none;
	overflow: hidden;
	transition: border-color 0.3s, border-width 0.3s, padding 0.3s;
}

.home-about-card-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #ffffff;
	border-radius: calc(12px * var(--layout-scale));
	transition: border-radius 0.3s;
}

.home-about-card:hover {
	padding: 0;
	border-width: calc(12px * var(--layout-scale));
	border-color: #E5006E;
}

.home-about-card:hover .home-about-card-inner {
	border-radius: calc(4px * var(--layout-scale));
}

.home-about-card-line1 {
	font-size: calc(30px * var(--font-scale));
	font-weight: bold;
	font-family: SourceHanSerifCN-SemiBold;
	color: #000000;
	line-height: 1.4;
}

.home-about-card-line2 {
	font-size: calc(30px * var(--font-scale));
	font-weight: bold;
	font-family: SourceHanSerifCN-SemiBold;
	color: #000000;
	line-height: 1.4;
}

/* 首页团队模块 */
.home-team {
	padding: calc(100px * var(--layout-scale)) 0 calc(100px * var(--layout-scale));
	background: #EDF8FA;
	margin-top: calc(50px * var(--layout-scale));
}

.home-team-inner {
	width: 100%;
	margin: 0 auto;
}

.home-team-body {
	position: relative;
}

.home-team-photo {
	overflow: hidden;
}

.home-team-photo img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.6s ease;
}

.home-team-photo:hover img {
	transform: scale(1.01);
}

.home-team-names {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-top: calc(-60px * var(--layout-scale));
	padding: 0 calc(90px * var(--layout-scale));
}

.home-team-item {
	flex: 1;
	display: flex;
	align-items: baseline;
	justify-content: center;
}

.home-team-person {
	font-size: calc(36px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.4;
}

.home-team-alias {
	font-size: calc(28px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.4;
}

.home-team-role {
	font-size: calc(24px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.4;
}

/* 首页医美项目模块 */
.home-project {
	padding: calc(80px * var(--layout-scale)) 0 calc(100px * var(--layout-scale));
	background: #ffffff;
	padding-bottom: calc(0px * var(--layout-scale));
}

.home-project-inner {
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto;
}

.home-project-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(24px * var(--layout-scale));
}

.home-project-item {
	position: relative;
	display: block;
	height: calc(246px * var(--layout-scale));
	overflow: hidden;
	text-decoration: none;
	border-radius: calc(12px * var(--layout-scale));
	background: transparent;
	transition: opacity 0.3s;
}

.home-project-item:hover {
	opacity: 0.92;
}

.home-project-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.home-project-content {
	position: relative;
	z-index: 1;
	width: calc(45% - 10px * var(--layout-scale));
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: calc(36px * var(--layout-scale)) calc(20px * var(--layout-scale)) calc(40px * var(--layout-scale));
	box-sizing: border-box;
	background: #269688;
	border-top-left-radius: calc(12px * var(--layout-scale));
	border-bottom-left-radius: calc(12px * var(--layout-scale));
	border-top-right-radius: calc(70px * var(--layout-scale));
}

.home-project-en {
	display: flex;
	flex-direction: column;
	font-size: calc(14px * var(--font-scale));
	font-weight: 400;
	color: #ffffff;
	line-height: calc(18px * var(--layout-scale));
	letter-spacing: calc(2px * var(--layout-scale));
	text-transform: uppercase;
}

.home-project-en-line1,
.home-project-en-line2,
.home-project-en p,
.home-project-en span {
	font-size: calc(14px * var(--font-scale));
	font-weight: 400;
	color: #ffffff;
	line-height: calc(18px * var(--layout-scale));
	letter-spacing: calc(2px * var(--layout-scale));
	text-transform: uppercase;
}

.home-project-btn {
	display: inline-flex;
	align-items: center;
	align-self: center;
	min-width: calc(192px * var(--layout-scale));
	padding: calc(8px * var(--layout-scale)) calc(14px * var(--layout-scale));
	background: #ffffff;
	border-radius: calc(6px * var(--layout-scale));
	box-sizing: border-box;
}

.home-project-btn-text {
	flex: 1;
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifCN-Medium;
	color: #000000;
	line-height: 1.2;
}

.home-project-btn-icon {
	flex-shrink: 0;
	width: calc(12px * var(--layout-scale));
	height: auto;
	display: block;
}

/* 营养项目页 */
.crumbs--nutrition {
	padding-bottom: calc(40px * var(--layout-scale));
}

.nutrition-head {
	text-align: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.nutrition-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.nutrition-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.nutrition-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(36px * var(--layout-scale));
}

.nutrition-section-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.nutrition-section-text {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.2;
	width: 230px;
	text-align: center;
}

.nutrition-module {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(700px * var(--layout-scale));
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}

.nutrition-module-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.nutrition-module-circles {
	position: absolute;
	top: 50%;
	right: calc(110px * var(--layout-scale));
	width: calc(764px * var(--layout-scale));
	height: calc(420px * var(--layout-scale));
	transform: translateY(-50%);
	z-index: 1;
}

.nutrition-item {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.nutrition-item-title {
	position: relative;
	display: inline-block;
}

.nutrition-item-title::before {
	content: '';
	position: absolute;
	left: calc(-68px * var(--layout-scale));
	top: 52%;
	transform: translateY(-50%);
	width: calc(170px * var(--layout-scale));
	height: calc(170px * var(--layout-scale));
	border-radius: 50%;
	background: radial-gradient(
		circle at center,
		rgba(255, 255, 255, 0.95) 0%,
		rgba(230, 245, 255, 0.75) 18%,
		rgba(190, 225, 255, 0.45) 38%,
		rgba(160, 210, 255, 0.15) 58%,
		transparent 72%
	);
	box-shadow:
		0 0 calc(18px * var(--layout-scale)) calc(4px * var(--layout-scale)) rgba(180, 225, 255, 0.85),
		0 0 calc(36px * var(--layout-scale)) calc(12px * var(--layout-scale)) rgba(150, 210, 255, 0.35);
	z-index: 0;
	pointer-events: none;
}

.nutrition-item-cn {
	position: relative;
	z-index: 1;
	font-size: calc(50px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: 1.3;
	white-space: nowrap;
}

.nutrition-item-en {
	margin-top: calc(8px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	color: #6E3D00;
	font-weight: 400;
	z-index: 10;
}

.nutrition-item--1 {
	top: calc(20px * var(--layout-scale));
	left: calc(20px * var(--layout-scale));
}

.nutrition-item--2 {
	top: calc(10px * var(--layout-scale));
	right: calc(10px * var(--layout-scale));
}

.nutrition-item--3 {
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.nutrition-item--4 {
	bottom: calc(30px * var(--layout-scale));
	left: calc(140px * var(--layout-scale));
}

.nutrition-item--5 {
	bottom: calc(20px * var(--layout-scale));
	right: calc(140px * var(--layout-scale));
}

.nutrition-intro {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(56px * var(--layout-scale));
	padding-top: calc(48px * var(--layout-scale));
	box-sizing: border-box;
	padding-left: calc(60px * var(--layout-scale));
}

.nutrition-intro-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	font-family: SourceHanSansCN-Medium;
}

.nutrition-intro-text {
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSansCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

.nutrition-intro-text:last-child {
	margin-bottom: 0;
}

/* 项目优势横幅 */
.nutrition-advantage-banner {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(610px * var(--layout-scale));
	margin: 0 auto calc(76px * var(--layout-scale));
}

.nutrition-advantage-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.nutrition-advantage-banner-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: calc(124px * var(--layout-scale)) calc(300px * var(--layout-scale)) calc(150px * var(--layout-scale));
	box-sizing: border-box;
}

.nutrition-advantage-banner-title {
	margin: 0 0 calc(90px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	text-align: center;
	font-family: SourceHanSansCN-Medium;
}

.nutrition-advantage-circles {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	width: calc(1136px * var(--layout-scale));
	align-self: flex-start;
}

.nutrition-advantage-circle {
	flex-shrink: 0;
	width: calc(182px * var(--layout-scale));
	height: calc(182px * var(--layout-scale));
	border-radius: 50%;
	border: calc(2px * var(--layout-scale)) solid #ffffff;
	padding: calc(14px * var(--layout-scale));
	box-sizing: border-box;
}

.nutrition-advantage-circle-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	text-align: center;
}

.nutrition-advantage-circle-line {
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
}

/* 项目优势详情卡片 */
.nutrition-advantage-cards {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(74px * var(--layout-scale));
	box-sizing: border-box;
	height: calc(710px * var(--layout-scale));
}

.nutrition-advantage-card {
	position: relative;
	width: calc(310px * var(--layout-scale));
	min-width: 0;
	height: calc(710px * var(--layout-scale));
}

.nutrition-advantage-card-bg {
	display: block;
	width: calc(310px * var(--layout-scale));
	height: calc(710px * var(--layout-scale));
}

.nutrition-advantage-card-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	height: calc(460px * var(--layout-scale));
	padding: calc(40px * var(--layout-scale)) calc(20px * var(--layout-scale)) calc(24px * var(--layout-scale));
	box-sizing: border-box;
	background: #2CAE9F;
	border-radius: calc(80px * var(--layout-scale)) 0 calc(80px * var(--layout-scale)) calc(80px * var(--layout-scale));
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

.nutrition-advantage-card-title {
	margin: 0 0 calc(30px * var(--layout-scale));
	font-size: calc(30px * var(--font-scale));
	font-weight: 600;
	font-family: SourceHanSerifCN-SemiBold;
	line-height: calc(48px * var(--font-scale));
}

.nutrition-advantage-card-desc {
	margin: 0;
	font-size: calc(20px * var(--font-scale));
	font-weight: 400;
	line-height: calc(30px * var(--font-scale));
	text-align: left;
}

.nutrition-advantage-card-desc p {
	margin: 0;
	color: inherit;
	text-align: center;
}

/* 适应人群 */
.nutrition-audience {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(630px * var(--layout-scale));
	margin: 0 auto calc(110px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.nutrition-audience-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.nutrition-audience-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(126px * var(--layout-scale)) calc(92px * var(--layout-scale));
	box-sizing: border-box;
}

.nutrition-audience-title {
	margin: 0 0 calc(30px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #6E3D00;
	line-height: 1.2;
	font-family: SourceHanSansCN-Medium;
}

.nutrition-audience-list {
	max-width: calc(1000px * var(--layout-scale));
}

.nutrition-audience-item {
	display: flex;
	align-items: center;
	margin-bottom: calc(24px * var(--layout-scale));
}

.nutrition-audience-item:last-child {
	margin-bottom: 0;
}

.nutrition-audience-tag {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	margin-right: calc(26px * var(--layout-scale));
}

.nutrition-audience-tag-bg {
	display: none;
}

.nutrition-audience-tag-text {
	display: inline-block;
	box-sizing: border-box;
	width: calc(175px * var(--layout-scale));
	height: calc(35px * var(--layout-scale));
	line-height: calc(35px * var(--layout-scale));
	text-align: center;
	background: #D51369;
	border-radius: calc(15px * var(--layout-scale)) 0 calc(19px * var(--layout-scale)) calc(15px * var(--layout-scale));
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #ffffff;
	white-space: nowrap;
	font-family: SourceHanSerifCN-Regular;
}

.nutrition-audience-desc {
	flex: 1;
	margin: 0;
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
}

/* 液态少女针 */
.nutrition-section-title--youth {
	padding-top: calc(20px * var(--layout-scale));
}

.nutrition-section-title--youth .nutrition-section-text {
	width: auto;
	min-width: calc(230px * var(--layout-scale));
}

.youth-needle-banner {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(760px * var(--layout-scale));
	margin: 0 auto calc(60px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.youth-needle-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.youth-needle-banner-inner {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
	padding: calc(48px * var(--layout-scale)) calc(280px * var(--layout-scale)) calc(48px * var(--layout-scale)) calc(48px * var(--layout-scale));
	box-sizing: border-box;
}

.youth-needle-banner-right {
	display: flex;
	flex-direction: column;
}

.youth-needle-banner-title-img {
	display: block;
	width: calc(512px * var(--layout-scale));
	height: auto;
	margin-bottom: calc(44px * var(--layout-scale));
}

.youth-needle-tags {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(100px * var(--layout-scale));
}

.youth-needle-tag {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(106px * var(--layout-scale));
	height: calc(106px * var(--layout-scale));
	box-sizing: border-box;
	background-image: url('/assets/img/frontend_pc/yyxm_img12.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: calc(106px * var(--layout-scale)) calc(106px * var(--layout-scale));
	text-align: center;
}

.youth-needle-tag-line {
	position: relative;
	z-index: 1;
	font-size: calc(26px * var(--font-scale));
	font-weight: 500;
	white-space: nowrap;
	font-family: SourceHanSansCN-Medium;
}

.youth-needle-intro {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(86px * var(--layout-scale));
	padding-left: calc(60px * var(--layout-scale));
	box-sizing: border-box;
}

.youth-needle-intro-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	font-family: SourceHanSansCN-Medium;
}

.youth-needle-intro-text {
	max-width: calc(1650px * var(--layout-scale));
	margin: 0;
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSansCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

.youth-needle-cards {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(0px * var(--layout-scale));
	gap: calc(46px * var(--layout-scale));
	box-sizing: border-box;
}

.youth-needle-card {
	flex: 1;
	min-width: 0;
}

.youth-needle-card-frame {
	position: relative;
	height: calc(686px * var(--layout-scale));


	padding: calc(70px * var(--layout-scale), calc(48px * var(--layout-scale)));
	box-sizing: border-box;
	background: #ffffff;

	overflow: hidden;
}

.youth-needle-card-bg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;

}

.youth-needle-card-content {
	position: absolute;
	top: calc(8px * var(--layout-scale));
	left: calc(8px * var(--layout-scale));
	right: calc(8px * var(--layout-scale));
	padding: calc(50px * var(--layout-scale)) calc(70px * var(--layout-scale)) calc(20px * var(--layout-scale));
	box-sizing: border-box;
	pointer-events: none;
}

.youth-needle-card-title {
	margin: 0 0 calc(46px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 400;
	color: #785631;
	font-family: SourceHanSerifCN-Regular;
}

.youth-needle-card-text {
	margin: 0;
	font-family: SourceHanSerifCN-Regular;
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
}

.youth-needle-card-text--small {
	font-size: calc(18px * var(--font-scale));
	line-height: calc(28px * var(--font-scale));
}

/* 私密青春页 */
.crumbs--smqc {
	padding-bottom: calc(40px * var(--layout-scale));
}

.smqc-head {
	text-align: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.smqc-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.smqc-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.smqc-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(36px * var(--layout-scale));
}

.smqc-section-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.smqc-section-text {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.2;
	width: auto;
	min-width: calc(230px * var(--layout-scale));
	text-align: center;
}

.smqc-treat-frame {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(56px * var(--layout-scale));
	box-sizing: border-box;
	background: #ffffff;
}

.smqc-treat-panel {
	position: relative;
	width: 100%;
	height: calc(702px * var(--layout-scale));
	overflow: hidden;

}

.smqc-treat-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.smqc-treat-badge {
	position: absolute;
	top: 50%;
	left: calc(272px * var(--layout-scale));
	transform: translateY(-50%);
	z-index: 1;
	box-sizing: border-box;
}

.smqc-treat-badge-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(170px * var(--layout-scale));
	height: calc(170px * var(--layout-scale));
}

.smqc-treat-badge-glow {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-50%, -50%);
	width: calc(190px * var(--layout-scale));
	height: auto;
	z-index: 0;
	pointer-events: none;
}

.smqc-treat-badge-text {
	position: relative;
	z-index: 1;
	font-size: calc(50px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: 1.3;
	text-align: center;
	white-space: nowrap;
}

.smqc-intro {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(56px * var(--layout-scale));
	padding-left: calc(60px * var(--layout-scale));
	box-sizing: border-box;
}

.smqc-intro-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	line-height: 1.2;
	font-family: SourceHanSansCN-Medium;
}

.smqc-intro-text {
	margin: 0;
	max-width: calc(1650px * var(--layout-scale));
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSansCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

.smqc-advantage-banner {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(610px * var(--layout-scale));
	margin: 0 auto calc(76px * var(--layout-scale));
	overflow: hidden;
	border-radius: calc(6px * var(--layout-scale));
	box-sizing: border-box;
}

.smqc-advantage-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.smqc-advantage-banner-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: calc(124px * var(--layout-scale)) calc(260px * var(--layout-scale)) calc(150px * var(--layout-scale));
	box-sizing: border-box;
}

.smqc-advantage-banner-title {
	margin: 0 0 calc(90px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	text-align: center;
	font-family: SourceHanSansCN-Medium;
}

.smqc-advantage-circles {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	width: calc(1136px * var(--layout-scale));
	align-self: flex-start;
	margin-left: calc(72px * var(--layout-scale));
}

.smqc-advantage-circle {
	flex-shrink: 0;
	width: calc(182px * var(--layout-scale));
	height: calc(182px * var(--layout-scale));
	border-radius: 50%;
	border: calc(2px * var(--layout-scale)) solid #ffffff;
	padding: calc(14px * var(--layout-scale));
	box-sizing: border-box;
}

.smqc-advantage-circle-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ffffff;
	text-align: center;
}

.smqc-advantage-circle-line {
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
}

/* 项目优势详情卡片 */
.smqc-advantage-cards {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(80px * var(--layout-scale));
	box-sizing: border-box;
	height: calc(710px * var(--layout-scale));
}

.smqc-advantage-card {
	position: relative;
	width: calc(310px * var(--layout-scale));
	min-width: 0;
	height: calc(710px * var(--layout-scale));
}

.smqc-advantage-card-bg {
	display: block;
	width: calc(310px * var(--layout-scale));
	height: calc(710px * var(--layout-scale));
}

.smqc-advantage-card-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	height: calc(460px * var(--layout-scale));
	padding: calc(40px * var(--layout-scale)) calc(20px * var(--layout-scale)) calc(24px * var(--layout-scale));
	box-sizing: border-box;
	background: #2CAE9F;
	border-radius: calc(80px * var(--layout-scale)) 0 calc(80px * var(--layout-scale)) calc(80px * var(--layout-scale));
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

.smqc-advantage-card-title {
	margin: 0 0 calc(30px * var(--layout-scale));
	font-size: calc(30px * var(--font-scale));
	font-weight: 600;
	font-family: SourceHanSerifCN-SemiBold;
	line-height: calc(48px * var(--font-scale));
}

.smqc-advantage-card-desc {
	margin: 0;
	font-size: calc(20px * var(--font-scale));
	font-weight: 400;
	line-height: calc(30px * var(--font-scale));
	text-align: left;
}

.smqc-advantage-card-desc p {
	margin: 0;
	color: inherit;
	text-align: center;
}

/* 适应人群 / 禁忌人群 */
.smqc-people {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(0px * var(--layout-scale));
	box-sizing: border-box;
}

.smqc-people-frame {
	display: flex;
	align-items: stretch;
	height: calc(580px * var(--layout-scale));

	overflow: hidden;
	box-sizing: border-box;
}

.smqc-people-left {
	position: relative;
	flex: 0 0 calc(1090px * var(--layout-scale));
	width: calc(1090px * var(--layout-scale));
	overflow: hidden;
}

.smqc-people-left-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	z-index: 0;
	display: block;
}

.smqc-people-left-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(80px * var(--layout-scale)) calc(60px * var(--layout-scale)) calc(56px * var(--layout-scale)) calc(130px * var(--layout-scale));
	box-sizing: border-box;
	max-width: calc(546px * var(--layout-scale));
}



.smqc-people-right {
	position: relative;
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.smqc-people-right-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	z-index: 0;
	display: block;
}

.smqc-people-right-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(80px * var(--layout-scale)) calc(60px * var(--layout-scale)) calc(56px * var(--layout-scale)) calc(100px * var(--layout-scale));
	box-sizing: border-box;
	max-width: calc(620px * var(--layout-scale));
}

.smqc-people-title {
	margin: 0 0 calc(46px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #7C562B;
	line-height: 1.2;
	font-family: SourceHanSerifCN-Regular;
}

.smqc-people-text {
	margin: 0;
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSerifCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

/* 生发护发页 */
.crumbs--sfhf {
	padding-bottom: calc(40px * var(--layout-scale));
}

.sfhf-head {
	text-align: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.sfhf-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.sfhf-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.sfhf-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(36px * var(--layout-scale));
}

.sfhf-section-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.sfhf-section-text {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.2;
	text-align: center;
}

.sfhf-module {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(32px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.sfhf-module--1 {
	height: calc(496px * var(--layout-scale));
}

.sfhf-module--2 {
	height: calc(632px * var(--layout-scale));
	margin-bottom: calc(74px * var(--layout-scale));
}

.sfhf-module--3 {
	height: calc(592px * var(--layout-scale));
	margin-bottom: calc(56px * var(--layout-scale));
}

.sfhf-module-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.sfhf-module-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
}

.sfhf-module-inner--left {
	align-items: center;
	justify-content: flex-start;
	padding-left: calc(140px * var(--layout-scale));
}

.sfhf-module-inner--right {
	align-items: flex-start;
	justify-content: flex-end;
	padding: calc(55px * var(--layout-scale)) calc(150px * var(--layout-scale)) calc(60px * var(--layout-scale)) 0;
}

.sfhf-module-text {
	/* max-width: calc(520px * var(--layout-scale)); */
}

.sfhf-module-text--right {
	max-width: calc(920px * var(--layout-scale));
	text-align: right;
}

.sfhf-module-title {
	margin: 0;
	font-size: calc(72px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: 1.4;
}

.sfhf-module-desc {
	/* margin: calc(36px * var(--layout-scale)) 0 0; */
	font-size: calc(48px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: calc(90px * var(--font-scale));
}

.sfhf-nutrient-top {
	margin: 0 0 calc(45px * var(--layout-scale));
	font-size: calc(48px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: 1.5;
	text-align: center;
}

.sfhf-nutrient-highlight {
	font-size: calc(72px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #6E3D00;
}

.sfhf-nutrient-cards {
	display: flex;
	justify-content: flex-end;
	gap: calc(34px * var(--layout-scale));
}

.sfhf-nutrient-card {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sfhf-nutrient-card-img {
	width: calc(274px * var(--layout-scale));
	height: calc(300px * var(--layout-scale));
	object-fit: cover;
	display: block;
}

.sfhf-nutrient-card-label {
	margin-top: calc(4px * var(--layout-scale));
	font-size: calc(50px * var(--font-scale));
	font-weight: 500;
	color: #6E3D00;

}

.sfhf-module-text--multi {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: calc(920px * var(--layout-scale));
}

.sfhf-collagen-line {
	margin: 0;
}

.sfhf-collagen-line--title {
	font-size: calc(50px * var(--font-scale));
	font-weight: 400;
	color: #785631;
	line-height: 1.5;
}

.sfhf-collagen-line--title+.sfhf-collagen-line--title {
	margin-top: calc(4px * var(--layout-scale));
}

.sfhf-collagen-highlight {
	font-family: SourceHanSansCN-Medium;
	font-size: calc(72px * var(--font-scale));
	color: #6E3D00;

}

.sfhf-collagen-action {
	display: inline-flex;
	align-items: center;
	gap: calc(24px * var(--layout-scale));
	margin-top: calc(80px * var(--layout-scale));
}

.sfhf-collagen-action-text {
	font-size: calc(30px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;

}

.sfhf-collagen-arrow {
	display: block;
	flex-shrink: 0;
	width: calc(44px * var(--layout-scale));
	height: calc(44px * var(--layout-scale));
	background-image: url('../../img/frontend_pc/zsxm_img5.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sfhf-collagen-type {
	margin-top: calc(8px * var(--layout-scale));
}

.sfhf-collagen-type-prefix {
	font-size: calc(30px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
}

.sfhf-collagen-type-highlight {
	font-size: calc(48px * var(--font-scale));
	font-family: SourceHanSansCN-Medium;
	font-weight: 400;
	color: #6E3D00;
	margin: 0 calc(8px * var(--layout-scale));
}

.sfhf-collagen-tip {
	font-size: calc(30px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	margin-top: calc(8px * var(--layout-scale));

}

/* 模块四：17型胶原蛋白说明 */
.sfhf-type-panel {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(128px * var(--layout-scale));
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.sfhf-type-left {
	flex: 1;
	min-width: 0;
	max-width: calc(745px * var(--layout-scale));
	padding-left: calc(75px * var(--layout-scale));
}

.sfhf-type-item {
	display: flex;
	align-items: flex-start;
	gap: calc(16px * var(--layout-scale));
}

.sfhf-type-item::before {
	content: '';
	display: block;
	flex-shrink: 0;
	width: calc(44px * var(--layout-scale));
	height: calc(44px * var(--layout-scale));
	background-image: url('../../img/frontend_pc/zsxm_img5.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sfhf-type-text {
	margin: 0;
	flex: 1;
	font-size: calc(30px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(48px * var(--font-scale));
}

.sfhf-type-divider {
	margin: calc(64px * var(--layout-scale)) 0 calc(64px * var(--layout-scale)) calc(64px * var(--layout-scale));
	width: auto;
	height: calc(2px * var(--layout-scale));
	border: none;
	background: repeating-linear-gradient(to right,
			#000000 0,
			#000000 calc(10px * var(--layout-scale)),
			transparent calc(10px * var(--layout-scale)),
			transparent calc(18px * var(--layout-scale)));
}

.sfhf-type-content {
	flex: 1;
	min-width: 0;
}

.sfhf-type-highlight-line {
	margin: 0;
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #333333;
	line-height: 1.5;
	margin-top:  calc(-12px * var(--layout-scale));
}

.sfhf-type-highlight-word {
	color: #FF0289;
	font-weight: 500;
	font-size: calc(48px * var(--font-scale));
}

.sfhf-type-highlight {
	font-size: calc(48px * var(--font-scale));
	/* font-family: SourceHanSerifCN-Bold; */
	font-weight: 500;
	color: #FF0289;

}

.sfhf-type-sub {
	font-size: calc(30px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(48px * var(--font-scale));
}

.sfhf-type-right {
	flex-shrink: 0;
	width: calc(688px * var(--layout-scale));
	margin-right: calc(40px * var(--layout-scale));
}

.sfhf-type-circle-img {
	display: block;
	width: 100%;
	height: auto;
}

/* 模块五：联合养护 */
.sfhf-care {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(592px * var(--layout-scale));
	margin: 0 auto calc(0px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.sfhf-care-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.sfhf-care-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: calc(50px * var(--layout-scale)) calc(130px * var(--layout-scale)) calc(50px * var(--layout-scale)) 0;
	box-sizing: border-box;
}

.sfhf-care-text {
	max-width: calc(900px * var(--layout-scale));
}

.sfhf-care-line1 {
	margin: 0;
	font-size: calc(54px * var(--font-scale));
	font-weight: 600;
	color: #6E3D00;
	font-family: SourceHanSansCN-Medium;

}

.sfhf-care-title-row {
	display: inline-flex;
	align-items: center;
	gap: calc(30px * var(--layout-scale));
	margin-top: calc(8px * var(--layout-scale));
}

.sfhf-care-title {
	font-size: calc(72px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: 600;
	color: #6E3D00;

}

.sfhf-care-arrow {
	width: calc(44px * var(--layout-scale));
	height: calc(44px * var(--layout-scale));
	display: block;
	flex-shrink: 0;
	background-image: url('../../img/frontend_pc/zsxm_img5.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.sfhf-care-list {
	margin-top: calc(60px * var(--layout-scale));
}

.sfhf-care-item {
	display: flex;
	align-items: center;
	margin-bottom: calc(34px * var(--layout-scale));
}

.sfhf-care-item:last-child {
	margin-bottom: 0;
}

.sfhf-care-tag {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(244px * var(--layout-scale));
	height: calc(41px * var(--layout-scale));
	margin-right: calc(32px * var(--layout-scale));
	background: #D51369;
	border-radius: calc(20px * var(--layout-scale)) 0 calc(20px * var(--layout-scale)) calc(20px * var(--layout-scale));
}

.sfhf-care-tag--wide {
	/* width: calc(220px * var(--layout-scale)); */
}

.sfhf-care-tag-text {
	font-size: calc(28px * var(--font-scale));
	font-weight: 400;
	color: #ffffff;
	white-space: nowrap;
	font-family: SourceHanSerifCN-Regular
}

.sfhf-care-desc {
	margin: 0;
	flex: 1;
	font-size: calc(28px * var(--font-scale));
	font-weight: 400;
	color: #6A3500;
	font-family: SourceHanSerifCN-Regular;
	line-height: calc(42px * var(--font-scale));
}

/* 色素管理页 */
.crumbs--ssgl {
	padding-bottom: calc(40px * var(--layout-scale));
}

.ssgl-head {
	text-align: center;
	padding-bottom: calc(78px * var(--layout-scale));
}

.ssgl-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.ssgl-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

/* 模块一：祛斑套餐 */
.ssgl-treat {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(700px * var(--layout-scale));
	margin: 0 auto calc(56px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.ssgl-treat-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.ssgl-treat-inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	padding: 0 calc(120px * var(--layout-scale)) 0 calc(290px * var(--layout-scale));
	box-sizing: border-box;
}

.ssgl-treat-left {
	display: flex;
	flex-direction: column;
	gap: calc(100px * var(--layout-scale));
	flex-shrink: 0;
	padding-top: calc(20px * var(--layout-scale));
}

.ssgl-treat-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
}

.ssgl-treat-item--box {
	/* padding: calc(28px * var(--layout-scale)) calc(36px * var(--layout-scale)); */
	/* border: 1px dashed #CCCCCC; */
	box-sizing: border-box;
}

.ssgl-treat-item--offset {
	/* margin-left: calc(36px * var(--layout-scale)); */
}

.ssgl-treat-title {
	position: relative;
	display: inline-block;
}

.ssgl-treat-deco {
	position: absolute;
	left: calc(-66px * var(--layout-scale));
	top: 56%;
	transform: translateY(-50%);
	width: calc(170px * var(--layout-scale));
	height: auto;
	z-index: 0;
	pointer-events: none;
}

.ssgl-treat-cn {
	position: relative;
	z-index: 1;
	font-size: calc(50px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: 1.3;
	white-space: nowrap;
}

.ssgl-treat-en {
	position: relative;
	z-index: 1;
	margin-top: calc(10px * var(--layout-scale));
	font-size: calc(18px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	white-space: nowrap;
}

.ssgl-treat-labels {
	position: relative;
	flex-shrink: 0;
	width: calc(220px * var(--layout-scale));
	height: calc(460px * var(--layout-scale));
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	padding-right: calc(10px * var(--layout-scale));
	margin-right: calc(40px * var(--layout-scale));
}

.ssgl-treat-labels-curve {
	position: absolute;
	right: calc(6px * var(--layout-scale));
	top: calc(8px * var(--layout-scale));
	bottom: calc(8px * var(--layout-scale));
	width: calc(70px * var(--layout-scale));
	border-right: 1px dashed #666666;
	border-radius: 0 100% 100% 0 / 50%;
	pointer-events: none;
}

.ssgl-treat-label {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: calc(10px * var(--layout-scale));
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	color: #333333;
	line-height: 1.2;
	white-space: nowrap;
}

.ssgl-treat-label--1 {
	margin-right: calc(36px * var(--layout-scale));
}

.ssgl-treat-label--2 {
	margin-right: calc(48px * var(--layout-scale));
}

.ssgl-treat-label--3 {
	margin-right: calc(54px * var(--layout-scale));
}

.ssgl-treat-label--4 {
	margin-right: calc(54px * var(--layout-scale));
}

.ssgl-treat-label--5 {
	margin-right: calc(48px * var(--layout-scale));
}

.ssgl-treat-label--6 {
	margin-right: calc(36px * var(--layout-scale));
}

.ssgl-treat-dot {
	display: block;
	width: calc(6px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	border-radius: 50%;
	background: #333333;
	flex-shrink: 0;
}

/* 治疗原理 */
.ssgl-intro {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(90px * var(--layout-scale));
	padding-top: calc(20px * var(--layout-scale));
	box-sizing: border-box;
	padding-left: calc(60px * var(--layout-scale));
}

.ssgl-intro-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;

	font-family: SourceHanSansCN-Medium;
}

.ssgl-intro-text {
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSansCN-Regular;
	/* line-height: calc(36px * var(--font-scale)); */
}

.ssgl-intro-text:last-child {
	margin-bottom: 0;
}

/* 模块二：项目优势 */
.ssgl-advantage {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(610px * var(--layout-scale));
	margin: 0 auto calc(58px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.ssgl-advantage-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.ssgl-advantage-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	width: 100%;
	padding: calc(124px * var(--layout-scale)) calc(514px * var(--layout-scale)) calc(90px * var(--layout-scale)) calc(502px * var(--layout-scale));
	box-sizing: border-box;
}

.ssgl-advantage-title-wrap {
	display: inline-grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	margin-bottom: calc(60px * var(--layout-scale));
	align-self: center;
}

.ssgl-advantage-title {
	grid-column: 1;
	grid-row: 1;
	position: relative;
	z-index: 2;
	margin: 0;
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	font-family: SourceHanSansCN-Medium;
}

.ssgl-advantage-title-shadow {
	grid-column: 2;
	grid-row: 2;
	position: static;
	margin: calc(-16px * var(--layout-scale)) 0 0 calc(-6px * var(--layout-scale));
	font-size: calc(36px * var(--font-scale));
	font-weight: 600;
	color: rgb(0, 0, 0);
	white-space: nowrap;
	pointer-events: none;
	font-family: SourceHanSerifCN-SemiBold;
}

.ssgl-advantage-circles {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	align-self: stretch;
}

.ssgl-advantage-circle {
	flex-shrink: 0;
	width: calc(182px * var(--layout-scale));
	height: calc(182px * var(--layout-scale));
	border-radius: 50%;
	border: calc(2px * var(--layout-scale)) solid rgb(255, 255, 255);
	padding: calc(12px * var(--layout-scale));
	box-sizing: border-box;
	background: transparent;
}

.ssgl-advantage-circle-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: calc(2px * var(--layout-scale)) solid rgba(255, 255, 255, 0.95);
	background: rgb(255, 255, 255);
	text-align: center;
	box-sizing: border-box;
}

.ssgl-advantage-circle-line {
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
}

/* 模块三：项目优势详情卡片 */
.ssgl-advantage-cards {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(74px * var(--layout-scale));
	box-sizing: border-box;
	height: calc(636px * var(--layout-scale));
}

.ssgl-advantage-card {
	position: relative;
	width: calc(486px * var(--layout-scale));
	min-width: 0;
	height: calc(636px * var(--layout-scale));
	overflow: hidden;
	border-radius: calc(40px * var(--layout-scale));
}

.ssgl-advantage-card-bg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ssgl-advantage-card-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	height: 56%;
	padding: calc(40px * var(--layout-scale)) calc(36px * var(--layout-scale)) calc(36px * var(--layout-scale));
	box-sizing: border-box;
	background: #2CAE9F;
	border-top-left-radius: calc(80px * var(--layout-scale));
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	text-align: left;
}

.ssgl-advantage-card-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(30px * var(--font-scale));
	font-weight: 600;
	font-family: SourceHanSerifCN-SemiBold;
	line-height: calc(48px * var(--font-scale));
	text-align: center;
}

.ssgl-advantage-card-desc {
	margin: 0;
	font-size: calc(20px * var(--font-scale));
	font-weight: 400;
	line-height: calc(30px * var(--font-scale));
	text-align: left;
}

/* 模块四：适应人群 / 禁忌人群 */
.ssgl-people {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(0px * var(--layout-scale));
	box-sizing: border-box;
}

.ssgl-people-frame {
	display: flex;
	align-items: stretch;
	height: calc(686px * var(--layout-scale));
	box-sizing: border-box;
}

.ssgl-people-left {
	position: relative;
	width: calc(904px * var(--layout-scale));
	min-width: 0;
	overflow: hidden;


}

.ssgl-people-left-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	z-index: 0;
	display: block;
}

.ssgl-people-left-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(64px * var(--layout-scale)) calc(404px * var(--layout-scale)) calc(48px * var(--layout-scale)) calc(72px * var(--layout-scale));
	box-sizing: border-box;
}

.ssgl-people-right {
	position: relative;
	width: calc(876px * var(--layout-scale));
	min-width: 0;
	overflow: hidden;
}

.ssgl-people-right-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	z-index: 0;
	display: block;
}

.ssgl-people-right-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(66px * var(--layout-scale)) calc(68px * var(--layout-scale)) calc(68px * var(--layout-scale));
	box-sizing: border-box;

}

.ssgl-people-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 400;
	color: #7C562B;
	font-family: SourceHanSansCN-Regular;
}

.ssgl-people-list {
	display: flex;
	flex-direction: column;
	gap: calc(32px * var(--layout-scale));
}

.ssgl-people-item {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: calc(30px * var(--layout-scale));
}

.ssgl-people-tag {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

.ssgl-people-tag--wide {
	/* 宽度由文字内容自适应 */
}

.ssgl-people-tag-bg {
	display: none;
}

.ssgl-people-tag-text {
	display: inline-block;
	box-sizing: border-box;
	padding: calc(4px * var(--layout-scale)) calc(24px * var(--layout-scale)) calc(4px * var(--layout-scale)) calc(20px * var(--layout-scale));
	background-color: #D51369;
	border-radius: calc(18px * var(--layout-scale)) 0 calc(18px * var(--layout-scale)) calc(18px * var(--layout-scale));
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #ffffff;
	line-height: calc(27px * var(--font-scale));
	white-space: nowrap;
	font-family: SourceHanSerifCN-Regular;
}

.ssgl-people-desc {
	flex: 1;
	margin: 0;
	min-width: 0;
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	font-family: SourceHanSerifCN-Regular;
	color: #000000;
	line-height: calc(36px * var(--font-scale));
}

.ssgl-people-text {
	margin: 0;
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSerifCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

/* 光电抗衰页 */
.crumbs--gdks {
	padding-bottom: calc(40px * var(--layout-scale));
}

.gdks-head {
	text-align: center;
	padding-bottom: calc(60px * var(--layout-scale));
}

.gdks-head-title {
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

.gdks-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.gdks-section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(36px * var(--layout-scale));
}

.gdks-section-icon {
	width: calc(118px * var(--layout-scale));
	height: auto;
	display: block;
	flex-shrink: 0;
}

.gdks-section-text {
	margin: 0 calc(40px * var(--layout-scale));
	font-size: calc(45px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	color: #000000;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

.gdks-module {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(702px * var(--layout-scale));
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
}

.gdks-module-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.gdks-module-circles {
	position: absolute;
	top: 50%;
	right: calc(200px * var(--layout-scale));
	width: calc(804px * var(--layout-scale));
	height: calc(320px * var(--layout-scale));
	transform: translateY(-50%);
	z-index: 1;
}

.gdks-item {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.gdks-item-title {
	position: relative;
	display: inline-block;
}

.gdks-item-title::before {
	content: '';
	position: absolute;
	left: calc(-68px * var(--layout-scale));
	top: 52%;
	transform: translateY(-50%);
	width: calc(170px * var(--layout-scale));
	height: calc(170px * var(--layout-scale));
	border-radius: 50%;
	background: radial-gradient(
		circle at center,
		rgba(255, 255, 255, 0.95) 0%,
		rgba(230, 245, 255, 0.75) 18%,
		rgba(190, 225, 255, 0.45) 38%,
		rgba(160, 210, 255, 0.15) 58%,
		transparent 72%
	);
	box-shadow:
		0 0 calc(18px * var(--layout-scale)) calc(4px * var(--layout-scale)) rgba(180, 225, 255, 0.85),
		0 0 calc(36px * var(--layout-scale)) calc(12px * var(--layout-scale)) rgba(150, 210, 255, 0.35);
	z-index: 0;
	pointer-events: none;
}

.gdks-item-cn {
	position: relative;
	z-index: 1;
	font-size: calc(50px * var(--font-scale));
	font-weight: 400;
	color: #6E3D00;
	line-height: 1.3;
	white-space: nowrap;
}

.gdks-item--1 {
	top: calc(20px * var(--layout-scale));
	left: calc(120px * var(--layout-scale));
}

.gdks-item--2 {
	top: calc(20px * var(--layout-scale));
	right: calc(120px * var(--layout-scale));
}

.gdks-item--3 {
	bottom: calc(30px * var(--layout-scale));
	left: calc(20px * var(--layout-scale));
}

.gdks-item--4 {
	bottom: calc(30px * var(--layout-scale));
	left: 50%;
	transform: translateX(-50%);
}

.gdks-item--5 {
	bottom: calc(30px * var(--layout-scale));
	right: calc(20px * var(--layout-scale));
}

.gdks-intro {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(76px * var(--layout-scale));
	padding-top: calc(48px * var(--layout-scale));
	padding-left: calc(60px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-intro-title {
	margin: 0 0 calc(36px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	font-family: SourceHanSansCN-Medium;
}

.gdks-intro-text {
	/* margin: 0 0 calc(34px * var(--layout-scale)); */
	font-size: calc(24px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSerifCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

.gdks-intro-text:last-child {
	margin-bottom: 0;
}

.gdks-problems {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(610px * var(--layout-scale));
	margin: 0 auto calc(40px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.gdks-problems-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.gdks-problems-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: calc(0px * var(--layout-scale)) calc(130px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-problems-title {
	margin: 0 0 calc(100px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	font-family: SourceHanSansCN-Medium;
	width: calc(1100px * var(--layout-scale));
	text-align: center;
}

.gdks-problems-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(50px * var(--layout-scale));
	max-width: calc(1100px * var(--layout-scale));
}

.gdks-problems-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(70px * var(--layout-scale));
}

.gdks-problems-row--2 {
	padding-left: calc(114px * var(--layout-scale));
}

.gdks-problem-item {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(286px * var(--layout-scale));
	height: calc(50px * var(--layout-scale));
	box-sizing: border-box;
	background-image: url('/assets/img/frontend_pc/gdks_img3.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.gdks-problem-text {
	position: relative;
	z-index: 1;
	padding-left: calc(32px * var(--layout-scale));
	font-size: calc(28px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	white-space: nowrap;

}

/* 适应人群 / 禁忌人群 */
.gdks-people {
	width: calc(1770px * var(--layout-scale));
	margin: 0 auto calc(0px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-people-frame {
	display: flex;
	align-items: stretch;
	height: calc(686px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-people-left {
	position: relative;
	width: calc(1096px * var(--layout-scale));
	min-width: 0;
	overflow: hidden;
}

.gdks-people-left-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	z-index: 0;
	display: block;
}

.gdks-people-left-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(80px * var(--layout-scale)) calc(0px * var(--layout-scale)) calc(48px * var(--layout-scale)) calc(52px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-people-right {
	position: relative;
	width: calc(686px * var(--layout-scale));
	min-width: 0;
	overflow: hidden;
}

.gdks-people-right-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	z-index: 0;
	display: block;
}

.gdks-people-right-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: calc(80px * var(--layout-scale)) calc(102px * var(--layout-scale)) calc(2px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-people-title {
	margin: 0 0 calc(64px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 400;
	color: #7C562B;
	font-family: SourceHanSerifCN-Regular;

}

.gdks-people-list {
	display: flex;
	flex-direction: column;
	gap: calc(16px * var(--layout-scale));
	padding-left: calc(42px * var(--layout-scale));
	max-width: calc(600px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-people-item {
	display: flex;
	align-items: flex-start;
	gap: calc(16px * var(--layout-scale));
}

.gdks-people-num {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(24px * var(--layout-scale));
	height: calc(24px * var(--layout-scale));
	border-radius: 50%;
	background: #D51369;
	font-size: calc(20px * var(--font-scale));
	font-weight: 400;
	color: #ffffff;
	line-height: 1;
	margin-top: calc(8px * var(--layout-scale));
}

.gdks-people-desc {
	flex: 1;
	margin: 0;
	min-width: 0;
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSerifCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

.gdks-people-text {
	margin: 0;
	font-size: calc(22px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	font-family: SourceHanSerifCN-Regular;
	line-height: calc(36px * var(--font-scale));
}

.gdks-section-title--fotona {
	padding-top: calc(60px * var(--layout-scale));
	padding-bottom: calc(36px * var(--layout-scale));
}

.gdks-section-title--fotona .gdks-section-text {
	width: auto;
	min-width: calc(230px * var(--layout-scale));
}

/* FOTONA4D PRO 四大模式 */
.gdks-fotona {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(700px * var(--layout-scale));
	margin: 0 auto calc(0px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.gdks-fotona-bg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* FOTONA4D PRO 针对问题 */
.gdks-fotona-problems {
	position: relative;
	width: calc(1770px * var(--layout-scale));
	height: calc(610px * var(--layout-scale));
	margin: 0 auto calc(42px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
}

.gdks-fotona-problems-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	display: block;
}

.gdks-fotona-problems-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;

	max-width: calc(946px * var(--layout-scale));
	padding: calc(60px * var(--layout-scale)) calc(116px * var(--layout-scale));
	box-sizing: border-box;
}

.gdks-fotona-problems-title {
	margin: 0 0 calc(50px * var(--layout-scale));
	font-size: calc(60px * var(--font-scale));
	font-weight: 500;
	color: #785631;
	text-align: center;
	font-family: SourceHanSansCN-Medium;
	width: calc(946px * var(--layout-scale));
}

.gdks-fotona-capsule {
	display: flex;
	align-items: center;
	gap: calc(32px * var(--layout-scale));
	width: calc(946px * var(--layout-scale));
	padding: calc(24px * var(--layout-scale)) calc(26px * var(--layout-scale));
	box-sizing: border-box;
	background: #ffffff;
	border-radius: calc(100px * var(--layout-scale));

}

.gdks-fotona-capsule-icon {
	flex-shrink: 0;
	width: calc(50px * var(--layout-scale));
	height: calc(50px * var(--layout-scale));
	display: block;

}

.gdks-fotona-capsule-text {
	flex: 1;
	margin: 0;
	min-width: 0;
	font-size: calc(28px * var(--font-scale));
	font-weight: 400;
	color: #000000;
	line-height: calc(40px * var(--font-scale));
}

/* 搜索页 */
.search-page {
	width: calc(1730px * var(--layout-scale));
	margin: 0 auto;
	padding-bottom: calc(120px * var(--layout-scale));
}

.search-head {
	text-align: center;
	padding: calc(60px * var(--layout-scale)) 0 calc(40px * var(--layout-scale));
}

.search-head-title {
	margin: 0;
	font-size: calc(50px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #1DA473;
	line-height: 1.2;
}

.search-head-line {
	display: block;
	width: calc(70px * var(--layout-scale));
	height: calc(6px * var(--layout-scale));
	margin: calc(20px * var(--layout-scale)) auto 0;
	background: #D51369;
}

.search-bar {
	display: flex;
	align-items: stretch;
	width: calc(640px * var(--layout-scale));
	margin: 0 auto calc(50px * var(--layout-scale));
	border: 1px solid #dcdcdc;
	background: #ffffff;
}

.search-bar input {
	flex: 1;
	min-width: 0;
	height: calc(56px * var(--layout-scale));
	padding: 0 calc(20px * var(--layout-scale));
	border: none;
	outline: none;
	font-size: calc(18px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #333333;
	background: transparent;
	box-sizing: border-box;
}

.search-bar input::placeholder {
	color: #999999;
}

.search-bar-btn {
	flex-shrink: 0;
	width: calc(56px * var(--layout-scale));
	height: calc(56px * var(--layout-scale));
	padding: 0;
	border: none;
	background: #23998B;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s;
}

.search-bar-btn:hover {
	opacity: 0.85;
}

.search-bar-btn img {
	display: block;
	width: calc(24px * var(--layout-scale));
	height: calc(24px * var(--layout-scale));
	filter: brightness(0) invert(1);
}

.search-tabs {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: calc(50px * var(--layout-scale));
}

.search-tabs ul {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.search-tabs li {
	position: relative;
	margin: 0 calc(40px * var(--layout-scale));
	padding-bottom: calc(18px * var(--layout-scale));
}

.search-tabs li a {
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #666666;
	text-decoration: none;
	transition: color 0.3s;
}

.search-tabs li.active a {
	color: #23998B;
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
}

.search-tabs li.active::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: calc(8px * var(--layout-scale)) solid transparent;
	border-right: calc(8px * var(--layout-scale)) solid transparent;
	border-bottom: calc(8px * var(--layout-scale)) solid #23998B;
}

.search-tabs li.active::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: calc(3px * var(--layout-scale));
	background: #23998B;
}

.search-panel {
	display: none;
}

.search-panel.is-active {
	display: block;
}

.search-project-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: calc(30px * var(--layout-scale));
}

.search-project-item {
	width: calc((100% - 60px * var(--layout-scale)) / 3);
	box-sizing: border-box;
}

.search-project-item a {
	display: block;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	text-decoration: none;
	transition: box-shadow 0.3s;
}

.search-project-item a:hover {
	box-shadow: 0 calc(8px * var(--layout-scale)) calc(24px * var(--layout-scale)) rgba(0, 0, 0, 0.08);
}

.search-project-img {
	position: relative;
	height: calc(320px * var(--layout-scale));
	overflow: hidden;
	box-sizing: border-box;
	background: #fafafa;
}

.search-project-img img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 120%;
	width: auto;
	min-width: 100%;
	max-width: none;
	object-fit: cover;
	object-position: left center;
	transition: transform 0.6s ease;
}

.search-project-item a:hover img {
	transform: translateY(-50%) scale(1.05);
}

.search-project-name {
	padding: calc(20px * var(--layout-scale)) calc(16px * var(--layout-scale));
	font-size: calc(20px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #333333;
	text-align: center;
	line-height: 1.4;
}

.search-news-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: calc(30px * var(--layout-scale));
}

.search-news-item {
	width: calc((100% - 60px * var(--layout-scale)) / 3);
	box-sizing: border-box;
}

.search-news-item a {
	display: block;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	text-decoration: none;
	overflow: hidden;
	transition: box-shadow 0.3s;
}

.search-news-item a:hover {
	box-shadow: 0 calc(8px * var(--layout-scale)) calc(24px * var(--layout-scale)) rgba(0, 0, 0, 0.08);
}

.search-news-img {
	width: 100%;
	height: calc(220px * var(--layout-scale));
	overflow: hidden;
	background: #fafafa;
}

.search-news-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.search-news-item a:hover img {
	transform: scale(1.05);
}

.search-news-body {
	padding: calc(20px * var(--layout-scale)) calc(18px * var(--layout-scale)) calc(24px * var(--layout-scale));
}

.search-news-title {
	font-size: calc(20px * var(--font-scale));
	font-family: SourceHanSerifCN-Bold;
	font-weight: bold;
	color: #000000;
	line-height: 1.5;
}

.search-news-desc {
	margin-top: calc(10px * var(--layout-scale));
	font-size: calc(16px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #666666;
	line-height: 1.5;
	min-height: 1.5em;
}

.search-news-date {
	margin-top: calc(12px * var(--layout-scale));
	font-size: calc(14px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #999999;
}

.search-empty {
	padding: calc(80px * var(--layout-scale)) 0 calc(40px * var(--layout-scale));
	text-align: center;
	font-size: calc(22px * var(--font-scale));
	font-family: SourceHanSerifCN-Regular;
	color: #999999;
}