/**
 * 首页全面样式优化 v2.0
 * 2026-05-09
 * 优化内容：视觉层次、响应式布局、交互动效、性能优化
 */

/* ============================================
   全局基础优化
   ============================================ */

/* 页眉固定纯黑 */
.site-header {
	position: fixed !important;
	background: #000 !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.site-header.scrolled {
	background: #000 !important;
}

/* 导航栏全部展开 */
.tabbar-all-links {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.tabbar-more,
.tabbar-link-store {
	display: none !important;
}

/* 语言选择器图标化 */
.header-lang-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s;
	position: relative;
}

.header-lang-toggle:hover {
	opacity: 0.7;
}

.header-lang-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	background: #000;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 8px;
	padding: 8px;
	min-width: 120px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s;
	z-index: 1000;
}

.header-lang-toggle:hover + .header-lang-dropdown,
.header-lang-dropdown:hover {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header-lang-dropdown .lang-links {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.header-lang-dropdown .lang-link {
	padding: 8px 12px;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	transition: background 0.2s;
	display: block;
}

.header-lang-dropdown .lang-link:hover {
	background: rgba(255,255,255,0.1);
}

.header-lang-dropdown .lang-link.is-active {
	background: rgba(255,255,255,0.15);
}

/* 隐藏原来的语言选择器 */
.header-lang:not(.header-lang-dropdown .header-lang) {
	display: none;
}

/* 邮箱按钮橙色 */
.boda-float-contact {
	background: #FF6B35 !important;
}

.boda-float-contact:hover {
	background: #E55A2B !important;
}

/* 修复手机号按钮样式 */
.boda-float-phone-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

/* ============================================
   Hero 区域视觉优化
   ============================================ */

.home-hero {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%);
}

.hero-cover-slider {
	position: relative;
	z-index: 1;
}

.hero-cover-media {
	position: relative;
	height: clamp(380px, 58svh, 680px);
	max-height: calc(100svh - 240px);
	overflow: hidden;
}

.hero-cover-media::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg,
			rgba(10, 12, 18, 0.85) 0%,
			rgba(10, 12, 18, 0.45) 30%,
			rgba(10, 12, 18, 0.15) 60%,
			rgba(10, 12, 18, 0.05) 100%
		),
		linear-gradient(180deg,
			rgba(10, 12, 18, 0.08) 0%,
			rgba(10, 12, 18, 0.4) 100%
		);
	z-index: 2;
	pointer-events: none;
}

.hero-cover-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform;
}

.hero-cover-slide:hover .hero-cover-media img {
	transform: scale(1.08);
}

.hero-cover-overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 20% 50%, rgba(255, 107, 0, 0.08) 0%, transparent 60%),
		linear-gradient(90deg, rgba(8, 10, 14, 0.75) 0%, rgba(8, 10, 14, 0.28) 36%, rgba(8, 10, 14, 0.06) 64%, rgba(8, 10, 14, 0.02) 100%),
		linear-gradient(180deg, rgba(8, 10, 14, 0.1) 0%, rgba(8, 10, 14, 0.38) 100%);
	z-index: 1;
}

.hero-cover-product-shell {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: flex-end;
	padding-bottom: clamp(80px, 12vh, 120px);
	padding-left: clamp(24px, 4vw, 48px);
	padding-right: clamp(24px, 4vw, 48px);
}

.hero-cover-product-copy {
	display: grid;
	gap: clamp(12px, 2vh, 18px);
	max-width: min(640px, 72vw);
	animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero-cover-meta-label {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid rgba(255, 107, 0, 0.3);
	background: rgba(255, 107, 0, 0.12);
	font-size: 0.78rem;
	letter-spacing: 0.15em;
	color: #FFD700;
	text-transform: uppercase;
	font-weight: 700;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: 0 4px 16px rgba(255, 107, 0, 0.2);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-cover-meta-label:hover {
	background: rgba(255, 107, 0, 0.22);
	border-color: rgba(255, 107, 0, 0.5);
	transform: translateX(8px);
	box-shadow: 0 6px 24px rgba(255, 107, 0, 0.3);
}

.hero-cover-product-title {
	display: block;
	font-family: var(--boda-font), system-ui, -apple-system, sans-serif;
	font-size: clamp(2.6rem, 5vw, 4.8rem);
	line-height: 1.05;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: #ffffff;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
	margin: 0;
}

.hero-cover-product-text {
	display: block;
	max-width: 36ch;
	font-size: clamp(0.95rem, 1.2vw, 1.08rem);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.88);
	margin: 0;
}

.hero-cover-product-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 999px;
	background: linear-gradient(135deg, #FF6B00 0%, #FF8533 100%);
	color: #0a0a0a;
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	box-shadow: 0 4px 20px rgba(255, 107, 0, 0.4);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
}

.hero-cover-product-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: left 0.6s ease;
}

.hero-cover-product-cta:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 8px 32px rgba(255, 107, 0, 0.5);
}

.hero-cover-product-cta:hover::before {
	left: 100%;
}

.hero-cover-content {
	position: relative;
	z-index: 4;
	display: block;
	min-height: 0;
	padding-top: clamp(32px, 5vh, 48px);
	padding-bottom: clamp(48px, 8vh, 72px);
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
}

.hero-cover-content .home-hero-copy {
	max-width: 900px;
	animation: fadeInUp 1s ease-out 0.2s both;
}

.hero-cover-content .eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 10px 18px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.1);
	font-size: 0.82rem;
	letter-spacing: 0.12em;
	color: rgba(255, 215, 0, 0.9);
	text-transform: uppercase;
	font-weight: 700;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	margin-bottom: 20px;
	transition: all 0.3s ease;
}

.hero-cover-content .eyebrow:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.3);
	transform: translateX(6px);
}

.hero-cover-content h1 {
	font-size: clamp(2.8rem, 5vw, 4.4rem);
	margin-bottom: 20px;
	color: #ffffff;
	text-shadow: 0 4px 28px rgba(0, 0, 0, 0.4);
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-weight: 800;
}

.hero-cover-content p {
	font-size: clamp(1rem, 1.3vw, 1.15rem);
	max-width: 600px;
	color: rgba(255, 255, 255, 0.88);
	line-height: 1.7;
	margin-bottom: 32px;
}

.hero-actions-modern {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	animation: fadeInUp 1s ease-out 0.4s both;
}

.hero-actions-modern .btn {
	min-height: 52px;
	padding: 0 32px;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	border-radius: 999px;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
}

.hero-actions-modern .btn-primary {
	background: linear-gradient(135deg, #FF6B00 0%, #FF8533 100%);
	color: #0a0a0a;
	box-shadow: 0 4px 20px rgba(255, 107, 0, 0.35);
}

.hero-actions-modern .btn-primary:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 8px 32px rgba(255, 107, 0, 0.5);
}

.hero-actions-modern .btn-secondary {
	border-color: rgba(255, 255, 255, 0.25);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.hero-actions-modern .btn-secondary:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.4);
	transform: translateY(-3px);
}

.hero-cover-controls-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: clamp(24px, 4vh, 36px);
	z-index: 5;
	padding: 0 clamp(24px, 4vw, 48px);
}

.hero-cover-controls-wrap .slider-controls {
	margin-top: 0;
	gap: 12px;
}

.slider-button {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	cursor: pointer;
	font-size: 1.2rem;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-button:hover {
	background: rgba(255, 107, 0, 0.9);
	border-color: #FF6B00;
	transform: scale(1.1);
	box-shadow: 0 4px 20px rgba(255, 107, 0, 0.4);
}

/* ============================================
   产品优势区块优化
   ============================================ */

.product-advantages {
	padding: clamp(60px, 10vh, 100px) 0;
	position: relative;
	background:
		linear-gradient(180deg, transparent 0%, rgba(255, 107, 0, 0.02) 50%, transparent 100%),
		linear-gradient(135deg, #0a0a0a 0%, #0f0f0f 50%, #0a0a0a 100%);
}

.product-advantages::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(255, 107, 0, 0.06) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

.product-advantages-title {
	margin-bottom: clamp(40px, 6vh, 60px);
	font-size: clamp(2rem, 4vw, 3.2rem);
	text-align: center;
	font-weight: 800;
	color: #ffffff;
	letter-spacing: -0.02em;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
}

.product-advantages-title::after {
	content: '';
	display: block;
	width: 80px;
	height: 4px;
	margin: 20px auto 0;
	background: linear-gradient(90deg, #FF6B00, #FFD700, #FF6B00);
	border-radius: 999px;
	box-shadow: 0 2px 12px rgba(255, 107, 0, 0.4);
}

.advantages-list {
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 3vh, 24px);
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.advantage-item {
	display: grid;
	grid-template-columns: clamp(64px, 8vw, 88px) minmax(0, 1fr);
	gap: clamp(20px, 3vw, 32px);
	padding: clamp(24px, 4vh, 36px);
	border-radius: var(--boda-radius);
	border: 1px solid rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%),
		rgba(10, 10, 10, 0.6);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
}

.advantage-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #FF6B00, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.advantage-item:hover {
	transform: translateY(-6px) translateX(4px);
	border-color: rgba(255, 107, 0, 0.35);
	box-shadow:
		0 12px 40px rgba(0, 0, 0, 0.4),
		0 0 60px rgba(255, 107, 0, 0.08);
	background:
		linear-gradient(135deg, rgba(255, 107, 0, 0.06) 0%, rgba(255, 255, 255, 0.03) 100%),
		rgba(10, 10, 10, 0.7);
}

.advantage-item:hover::before {
	opacity: 1;
}

.advantage-icon {
	width: clamp(64px, 8vw, 88px);
	height: clamp(64px, 8vw, 88px);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #FF6B00 0%, #FF8533 100%);
	color: #ffffff;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	font-weight: 800;
	box-shadow:
		0 4px 16px rgba(255, 107, 0, 0.3),
		inset 0 2px 4px rgba(255, 255, 255, 0.2);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	z-index: 1;
}

.advantage-item:hover .advantage-icon {
	transform: scale(1.1) rotate(5deg);
	box-shadow:
		0 8px 28px rgba(255, 107, 0, 0.45),
		inset 0 2px 6px rgba(255, 255, 255, 0.3);
}

.advantage-content {
	display: grid;
	gap: 12px;
	align-content: center;
}

.advantage-content h3 {
	margin: 0 0 8px;
	font-size: clamp(1.15rem, 1.8vw, 1.4rem);
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.01em;
	line-height: 1.3;
	transition: color 0.3s ease;
}

.advantage-item:hover .advantage-content h3 {
	color: #FFD700;
}

.advantage-content p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: clamp(0.92rem, 1.2vw, 1.05rem);
	line-height: 1.7;
	transition: color 0.3s ease;
}

.advantage-item:hover .advantage-content p {
	color: rgba(255, 255, 255, 0.88);
}

/* ============================================
   项目展示卡片优化
   ============================================ */

.section-block {
	margin-top: clamp(60px, 10vh, 100px);
	position: relative;
}

.section-heading {
	margin-bottom: clamp(32px, 5vh, 48px);
	position: relative;
	z-index: 1;
}

.section-heading h2 {
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 800;
	color: #ffffff;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-heading h2::after {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	margin-top: 16px;
	background: linear-gradient(90deg, #FF6B00, #FFD700);
	border-radius: 999px;
	box-shadow: 0 2px 12px rgba(255, 107, 0, 0.3);
}

.project-slider .slider-track {
	grid-auto-columns: calc((100% - 24px) / 3);
	gap: clamp(12px, 2vw, 20px);
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.project-card {
	min-height: clamp(340px, 45vh, 420px);
	position: relative;
	background:
		linear-gradient(135deg, #0f1720 0%, #1a2332 100%);
	border-radius: var(--boda-radius);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.project-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 40%, rgba(255, 107, 0, 0.15) 100%);
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 1;
	pointer-events: none;
}

.project-card:hover {
	transform: translateY(-8px) scale(1.02);
	border-color: rgba(255, 107, 0, 0.4);
	box-shadow:
		0 16px 48px rgba(0, 0, 0, 0.5),
		0 0 80px rgba(255, 107, 0, 0.12);
}

.project-card:hover::before {
	opacity: 1;
}

.project-card-link {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(340px, 45vh, 420px);
	height: 100%;
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.project-card-link::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg,
			rgba(8, 15, 24, 0.08) 0%,
			rgba(8, 15, 24, 0.28) 42%,
			rgba(8, 15, 24, 0.82) 85%,
			rgba(8, 15, 24, 0.95) 100%
		);
	z-index: 1;
	transition: all 0.5s ease;
}

.project-card:hover .project-card-link::before {
	background:
		linear-gradient(180deg,
			rgba(8, 15, 24, 0.05) 0%,
			rgba(8, 15, 24, 0.18) 42%,
			rgba(8, 15, 24, 0.72) 85%,
			rgba(8, 15, 24, 0.92) 100%
		);
}

.project-card-overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at center, rgba(255, 107, 0, 0.06) 0%, transparent 70%),
		linear-gradient(180deg, rgba(8, 15, 24, 0.12) 0%, rgba(8, 15, 24, 0.34) 42%, rgba(8, 15, 24, 0.88) 100%);
	z-index: 1;
	transition: opacity 0.5s ease;
}

.project-card:hover .project-card-overlay {
	opacity: 0.7;
}

.project-card-body {
	position: relative;
	z-index: 2;
	width: 100%;
	display: grid;
	gap: clamp(10px, 1.5vh, 14px);
	align-content: end;
	min-height: 100%;
	padding: clamp(20px, 3vh, 28px);
	color: #fff;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.project-card-body h3,
.project-card-body h3 a {
	color: #ffffff;
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.3;
	transition: all 0.4s ease;
	margin: 0;
}

.project-card:hover .project-card-body h3,
.project-card:hover .project-card-body h3 a {
	color: #FFD700;
	transform: translateX(8px);
}

.project-card-body p {
	margin: 0;
	max-width: 34ch;
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(0.88rem, 1.1vw, 0.98rem);
	line-height: 1.65;
	transition: color 0.4s ease;
}

.project-card:hover .project-card-body p {
	color: rgba(255, 255, 255, 0.92);
}

/* ============================================
   企业认证区块优化
   ============================================ */

.certification-block {
	display: grid;
	gap: clamp(20px, 3vh, 28px);
	position: relative;
}

.certificate-card-single {
	display: block;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: var(--boda-radius);
	overflow: hidden;
	position: relative;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.certificate-card-single::before {
	content: '';
	position: absolute;
	inset: -2px;
	background: linear-gradient(135deg, #FF6B00, #FFD700, #FF6B00);
	border-radius: var(--boda-radius);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: -1;
}

.certificate-card-single:hover::before {
	opacity: 1;
}

.certificate-card-single .certificate-card-media {
	border: 2px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--boda-radius);
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%),
		rgba(10, 10, 10, 0.8);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.certificate-card-single:hover .certificate-card-media {
	border-color: rgba(255, 107, 0, 0.35);
	box-shadow:
		0 16px 48px rgba(0, 0, 0, 0.45),
		0 0 60px rgba(255, 107, 0, 0.08);
	transform: translateY(-6px);
}

.certificate-card-media img {
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.certificate-card-single:hover .certificate-card-media img {
	transform: scale(1.03);
}

/* ============================================
   视频展示区块优化
   ============================================ */

.video-block {
	display: grid;
	gap: clamp(20px, 3vh, 28px);
	position: relative;
}

.video-player-shell {
	position: relative;
	display: block;
	min-height: 0;
	border-radius: var(--boda-radius);
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.1);
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.95) 100%);
	box-shadow:
		0 8px 32px rgba(0, 0, 0, 0.4),
		inset 0 0 60px rgba(255, 107, 0, 0.03);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.video-player-shell::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(255, 107, 0, 0.15);
	border: 3px solid rgba(255, 107, 0, 0.4);
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.video-player-shell:hover::before {
	opacity: 1;
	animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
	50% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.7; }
}

.video-player-shell:hover {
	border-color: rgba(255, 107, 0, 0.35);
	box-shadow:
		0 16px 48px rgba(0, 0, 0, 0.55),
		0 0 80px rgba(255, 107, 0, 0.1),
		inset 0 0 80px rgba(255, 107, 0, 0.05);
	transform: translateY(-4px);
}

.video-inline-player,
.video-embed-frame {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	border: 0;
	background: #000;
	transition: all 0.4s ease;
}

/* ============================================
   下载中心区块优化
   ============================================ */

.downloads-block {
	display: grid;
	gap: clamp(20px, 3vh, 28px);
	position: relative;
}

.downloads-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: clamp(18px, 2.5vw, 24px);
}

.download-card {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%),
		rgba(10, 10, 10, 0.7);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--boda-radius);
	padding: clamp(24px, 3.5vh, 32px);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
	display: grid;
	gap: clamp(14px, 2vh, 18px);
}

.download-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #34D399, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.download-card:hover {
	transform: translateY(-6px);
	border-color: rgba(52, 211, 153, 0.4);
	box-shadow:
		0 12px 40px rgba(0, 0, 0, 0.4),
		0 0 60px rgba(52, 211, 153, 0.08);
	background:
		linear-gradient(135deg, rgba(52, 211, 153, 0.06) 0%, rgba(255, 255, 255, 0.03) 100%),
		rgba(10, 10, 10, 0.75);
}

.download-card:hover::before {
	opacity: 1;
}

.download-type {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 36px;
	padding: 0 16px;
	border-radius: 999px;
	background: linear-gradient(135deg, #34D399 0%, #10B981 100%);
	color: #ffffff;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: 0 4px 16px rgba(52, 211, 153, 0.25);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	margin-bottom: 4px;
}

.download-card:hover .download-type {
	transform: scale(1.05);
	box-shadow: 0 6px 24px rgba(52, 211, 153, 0.35);
}

.download-card h3 {
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.01em;
	line-height: 1.3;
	margin: 0;
	transition: color 0.3s ease;
}

.download-card:hover h3 {
	color: #34D399;
}

.download-card p {
	margin: 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: clamp(0.88rem, 1.1vw, 0.98rem);
	line-height: 1.65;
	transition: color 0.3s ease;
}

.download-card:hover p {
	color: rgba(255, 255, 255, 0.85);
}

.download-card .btn-secondary {
	margin-top: 8px;
	border-color: rgba(52, 211, 153, 0.35);
	background: rgba(52, 211, 153, 0.1);
	color: #34D399;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.download-card .btn-secondary:hover {
	background: rgba(52, 211, 153, 0.2);
	border-color: #34D399;
	transform: translateY(-2px);
	box-shadow: 0 4px 20px rgba(52, 211, 153, 0.3);
}

/* ============================================
   页脚社交媒体图标优化（图二样式）
   ============================================ */

.header-topbar .top-bar-right {
	display: flex !important;
	align-items: center;
	gap: 12px !important;
}

.header-topbar .top-bar-right a {
	width: 32px !important;
	height: 32px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
	font-size: 0.9rem !important;
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.header-topbar .top-bar-right a:hover {
	transform: translateY(-2px) scale(1.1) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

.header-topbar .top-bar-right a:nth-child(1):hover {
	background: rgba(255, 0, 0, 0.85) !important;
	border-color: #FF0000 !important;
	color: #fff !important;
	box-shadow:
		0 4px 20px rgba(255, 0, 0, 0.4),
		0 0 30px rgba(255, 0, 0, 0.15) !important;
}

.header-topbar .top-bar-right a:nth-child(2):hover {
	background: linear-gradient(135deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%) !important;
	border-color: #DD2A7B !important;
	color: #fff !important;
	box-shadow:
		0 4px 20px rgba(221, 42, 123, 0.4),
		0 0 30px rgba(221, 42, 123, 0.15) !important;
}

.header-topbar .top-bar-right a:nth-child(3):hover {
	background: rgba(59, 89, 152, 0.9) !important;
	border-color: #3B5998 !important;
	color: #fff !important;
	box-shadow:
		0 4px 20px rgba(59, 89, 152, 0.4),
		0 0 30px rgba(59, 89, 152, 0.15) !important;
}

.header-topbar .top-bar-right a:nth-child(4):hover,
.header-topbar .top-bar-right a:nth-child(5):hover {
	background: linear-gradient(135deg, #00F2EA 0%, #FF0050 100%) !important;
	border-color: #FF0050 !important;
	color: #fff !important;
	box-shadow:
		0 4px 20px rgba(255, 0, 80, 0.4),
		0 0 30px rgba(255, 0, 80, 0.15) !important;
}

.header-topbar .top-bar-right a i {
	position: relative;
	z-index: 1;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.header-topbar .top-bar-right a:hover i {
	transform: scale(1.2);
}

.footer-social {
	display: flex !important;
	gap: 14px !important;
	margin-top: 20px !important;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-social a {
	width: 40px !important;
	height: 40px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
	font-size: 1.05rem !important;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.footer-social a::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.footer-social a:hover::before {
	opacity: 1;
}

/* YouTube 图标悬停效果 */
.footer-social a:hover {
	transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

.footer-social a:nth-child(1):hover {
	background: rgba(255, 0, 0, 0.85) !important;
	border-color: #FF0000 !important;
	color: #fff !important;
	box-shadow:
		0 6px 24px rgba(255, 0, 0, 0.4),
		0 0 40px rgba(255, 0, 0, 0.15) !important;
}

/* Instagram 图标悬停效果 */
.footer-social a:nth-child(2):hover {
	background: linear-gradient(135deg, #F58529 0%, #DD2A7B 50%, #8134AF 100%) !important;
	border-color: #DD2A7B !important;
	color: #fff !important;
	box-shadow:
		0 6px 24px rgba(221, 42, 123, 0.4),
		0 0 40px rgba(221, 42, 123, 0.15) !important;
}

/* Facebook 图标悬停效果 */
.footer-social a:nth-child(3):hover {
	background: rgba(59, 89, 152, 0.9) !important;
	border-color: #3B5998 !important;
	color: #fff !important;
	box-shadow:
		0 6px 24px rgba(59, 89, 152, 0.4),
		0 0 40px rgba(59, 89, 152, 0.15) !important;
}

/* TikTok 图标悬停效果 */
.footer-social a:nth-child(4):hover,
.footer-social a:nth-child(5):hover {
	background: linear-gradient(135deg, #00F2EA 0%, #FF0050 100%) !important;
	border-color: #FF0050 !important;
	color: #fff !important;
	box-shadow:
		0 6px 24px rgba(255, 0, 80, 0.4),
		0 0 40px rgba(255, 0, 80, 0.15) !important;
}

.footer-social a i {
	position: relative;
	z-index: 1;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer-social a:hover i {
	transform: scale(1.15);
}

/* ============================================
   响应式设计优化
   ============================================ */

@media (max-width: 1199px) {
	.project-slider .slider-track {
		grid-auto-columns: calc((100% - 12px) / 2);
	}

	.downloads-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hero-cover-product-copy {
		max-width: min(560px, 78vw);
	}
}

@media (max-width: 899px) {
	.home-hero {
		min-height: auto;
	}

	.hero-cover-media {
		height: clamp(300px, 52svh, 520px);
		max-height: calc(100svh - 250px);
	}

	.hero-cover-content {
		padding-top: 28px;
		padding-bottom: 36px;
	}

	.hero-cover-product-shell {
		padding-bottom: clamp(64px, 10vh, 88px);
	}

	.product-advantages::before {
		width: 400px;
		height: 400px;
	}

	.advantage-item {
		grid-template-columns: clamp(56px, 12vw, 72px) minmax(0, 1fr);
		gap: 16px;
		padding: 20px;
	}

	.section-heading h2 {
		font-size: clamp(1.7rem, 4vw, 2.4rem);
	}

	.project-card {
		min-height: clamp(300px, 42vh, 380px);
	}

	.project-card-link,
	.project-card-body {
		min-height: clamp(300px, 42vh, 380px);
	}
}

@media (max-width: 768px) {
	.container {
		width: min(100% - 28px, var(--boda-container));
	}

	/* Hero 区域移动端优化 */
	.hero-cover-media {
		height: clamp(260px, 45svh, 450px);
		max-height: calc(100svh - 220px);
	}

	.hero-cover-media img {
		object-position: center 30%;
	}

	.hero-cover-product-shell {
		padding-bottom: clamp(56px, 9vh, 76px);
		padding-left: 16px;
		padding-right: 16px;
	}

	.hero-cover-product-copy {
		gap: 10px;
		max-width: 100%;
	}

	.hero-cover-meta-label {
		font-size: 0.7rem;
		padding: 6px 12px;
	}

	.hero-cover-product-title {
		font-size: clamp(2rem, 9vw, 3rem);
		line-height: 1.08;
	}

	.hero-cover-product-text {
		font-size: 0.88rem;
		max-width: 28ch;
	}

	.hero-cover-product-cta {
		min-height: 40px;
		padding: 0 18px;
		font-size: 0.84rem;
	}

	.hero-cover-content {
		padding-top: 24px;
		padding-bottom: 32px;
		align-items: flex-end;
	}

	.hero-cover-content .home-hero-copy {
		max-width: 100%;
	}

	.hero-cover-content h1 {
		font-size: clamp(2.2rem, 8vw, 3.2rem);
		margin-bottom: 16px;
	}

	.hero-cover-content p {
		font-size: 0.92rem;
		max-width: 100%;
		margin-bottom: 24px;
	}

	.hero-actions-modern {
		flex-direction: column;
		width: 100%;
		gap: 12px;
	}

	.hero-actions-modern .btn {
		width: 100%;
		min-height: 48px;
		justify-content: center;
	}

	.hero-cover-controls-wrap {
		bottom: 20px;
		padding: 0 16px;
	}

	.slider-button {
		width: 42px;
		height: 42px;
	}

	/* 产品优势移动端优化 */
	.product-advantages {
		padding: clamp(40px, 8vh, 60px) 0;
	}

	.product-advantages-title {
		font-size: clamp(1.6rem, 6vw, 2.2rem);
		margin-bottom: 32px;
	}

	.product-advantages-title::after {
		width: 60px;
		height: 3px;
		margin-top: 14px;
	}

	.advantages-list {
		gap: 14px;
	}

	.advantage-item {
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 20px 16px;
	}

	.advantage-icon {
		width: 56px;
		height: 56px;
		font-size: 1.15rem;
	}

	.advantage-content h3 {
		font-size: 1.05rem;
	}

	.advantage-content p {
		font-size: 0.88rem;
	}

	/* 区块通用移动端优化 */
	.section-block {
		margin-top: clamp(40px, 8vh, 60px);
	}

	.section-heading {
		margin-bottom: 24px;
	}

	.section-heading h2 {
		font-size: clamp(1.6rem, 6vw, 2.2rem);
	}

	.section-heading h2::after {
		width: 50px;
		height: 3px;
		margin-top: 12px;
	}

	/* 项目卡片移动端 */
	.project-slider .slider-track {
		grid-auto-columns: 100%;
		gap: 16px;
	}

	.project-card {
		min-height: 280px;
		border-radius: calc(var(--boda-radius) * 0.85);
	}

	.project-card-link,
	.project-card-body {
		min-height: 280px;
	}

	.project-card-body {
		padding: 16px;
		gap: 8px;
	}

	.project-card-body h3 {
		font-size: 1.05rem;
	}

	.project-card-body p {
		font-size: 0.84rem;
		max-width: 28ch;
	}

	/* 下载中心移动端 */
	.downloads-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.download-card {
		padding: 20px 16px;
		gap: 12px;
	}

	.download-type {
		font-size: 0.72rem;
		min-height: 32px;
		padding: 0 14px;
	}

	.download-card h3 {
		font-size: 1.05rem;
	}

	.download-card p {
		font-size: 0.86rem;
	}

	/* 企业认证移动端 */
	.certificate-card-single:hover .certificate-card-media {
		transform: translateY(-4px);
	}

	/* 视频播放器移动端 */
	.video-player-shell:hover {
		transform: translateY(-2px);
	}

	.video-player-shell::before {
		width: 60px;
		height: 60px;
	}

	/* 其他组件移动端 */
	.tabbar-all-links {
		flex-direction: column;
		gap: 6px;
	}

	.product-archive-banner {
		height: 220px;
		margin-bottom: 36px;
	}

	.product-archive-banner h1 {
		font-size: clamp(2rem, 8vw, 38px);
	}

	/* Header 社交媒体图标移动端 */
	.header-topbar .top-bar-right {
		gap: 10px !important;
	}

	.header-topbar .top-bar-right a {
		width: 30px !important;
		height: 30px !important;
		font-size: 0.85rem !important;
	}

	/* Footer 社交媒体图标移动端 */
	.footer-social {
		gap: 12px !important;
		margin-top: 16px !important;
	}

	.footer-social a {
		width: 36px !important;
		height: 36px !important;
		font-size: 0.95rem !important;
	}
}

@media (max-width: 480px) {
	.hero-cover-product-title {
		font-size: clamp(1.75rem, 10vw, 2.4rem);
	}

	.hero-cover-content h1 {
		font-size: clamp(1.9rem, 9vw, 2.8rem);
	}

	.product-advantages-title {
		font-size: 1.5rem;
	}

	.section-heading h2 {
		font-size: 1.5rem;
	}

	.advantage-icon {
		width: 48px;
		height: 48px;
		font-size: 1.05rem;
	}

	.slider-button {
		width: 38px;
		height: 38px;
		font-size: 1rem;
	}
}

/* ============================================
   全局动画与性能优化
   ============================================ */

/* 平滑滚动增强 */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 126px;
}

/* 减少动画偏好支持 */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.hero-cover-slide:hover .hero-cover-media img {
		transform: none;
	}

	.advantage-item:hover,
	.project-card:hover,
	.download-card:hover,
	.certificate-card-single:hover .certificate-card-media,
	.video-player-shell:hover {
		transform: none;
	}
}

/* GPU 加速优化 */
.hero-cover-media img,
.advantage-item,
.project-card,
.download-card,
.certificate-card-single,
.video-player-shell,
.btn,
.slider-button {
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* 加载性能优化 */
.home-hero,
.product-advantages,
.section-block {
	content-visibility: auto;
	contain-intrinsic-size: 0 500px;
}

/* 焦点可见性优化（无障碍访问） */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #FF6B00;
	outline-offset: 3px;
}

/* 打印样式优化 */
@media print {
	.site-header,
	.boda-floating-actions,
	.slider-controls,
	.hero-actions-modern {
		display: none !important;
	}

	body {
		background: white !important;
		color: black !important;
	}

	.home-hero {
		min-height: auto !important;
		padding: 20px 0 !important;
	}

	.hero-cover-media {
		height: 300px !important;
	}

	.advantage-item,
	.project-card,
	.download-card {
		break-inside: avoid;
		page-break-inside: avoid;
		background: white !important;
		border: 1px solid #ccc !important;
		color: black !important;
		box-shadow: none !important;
	}
}

/* 隐藏首页不需要的部分 */
.home .contact-cta-section,
.home .product-series-section {
	display: none !important;
}

/* 修复 Contact 弹窗关闭 */
.boda-inquiry-close {
	cursor: pointer;
	z-index: 10;
}

.boda-inquiry-backdrop {
	cursor: pointer;
}

/* ============================================
   证书跑马灯效果（无限循环滚动）
   ============================================ */

.home-cert-slider-container.marquee-container {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 20px 0;
}

.home-cert-slider.marquee-content {
	display: flex;
	gap: 20px;
	width: max-content;
	animation: marquee-scroll 30s linear infinite;
	will-change: transform;
}

.home-cert-slider.marquee-content:hover {
	animation-play-state: paused;
}

.home-cert-slider.marquee-content .home-cert-slide {
	flex: 0 0 auto;
	width: 320px;
	height: auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow:
		0 8px 32px rgba(0, 0, 0, 0.4),
		0 0 40px rgba(255, 107, 0, 0.08);
	border: 2px solid rgba(255, 255, 255, 0.12);
	background: rgba(10, 10, 10, 0.8);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-cert-slider.marquee-content .home-cert-slide:hover {
	transform: translateY(-8px) scale(1.03);
	border-color: rgba(255, 107, 0, 0.45);
	box-shadow:
		0 16px 48px rgba(0, 0, 0, 0.55),
		0 0 60px rgba(255, 107, 0, 0.15);
}

.home-cert-slider.marquee-content .home-cert-slide img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	aspect-ratio: auto;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-cert-slider.marquee-content .home-cert-slide:hover img {
	transform: scale(1.05);
}

@keyframes marquee-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* 响应式优化 */
@media (max-width: 768px) {
	.home-cert-slider-container.marquee-container {
		padding: 16px 0;
	}

	.home-cert-slider.marquee-content {
		gap: 16px;
		animation-duration: 25s;
	}

	.home-cert-slider.marquee-content .home-cert-slide {
		width: 280px;
	}
}

@media (max-width: 480px) {
	.home-cert-slider.marquee-content {
		gap: 14px;
		animation-duration: 20s;
	}

	.home-cert-slider.marquee-content .home-cert-slide {
		width: 240px;
		border-radius: 8px;
	}
}

/* ============================================
   Logo跑马灯效果（无限循环滚动）
   ============================================ */

.home-cert-logos-wrapper.marquee-logos-container {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 24px 0;
	margin-top: 20px;
}

.home-cert-logos.marquee-logos-content {
	display: flex;
	gap: 28px;
	width: max-content;
	animation: marquee-logos-scroll 40s linear infinite;
	will-change: transform;
	align-items: center;
}

.home-cert-logos.marquee-logos-content:hover {
	animation-play-state: paused;
}

.home-cert-logos.marquee-logos-content .home-cert-logo-item {
	flex: 0 0 auto;
	width: 140px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%),
		rgba(10, 10, 10, 0.7);
	border: 1.5px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow:
		0 4px 20px rgba(0, 0, 0, 0.3),
		0 0 30px rgba(255, 107, 0, 0.05);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	overflow: hidden;
}

.home-cert-logos.marquee-logos-content .home-cert-logo-item:hover {
	transform: translateY(-6px) scale(1.05);
	border-color: rgba(255, 107, 0, 0.4);
	box-shadow:
		0 12px 32px rgba(0, 0, 0, 0.45),
		0 0 50px rgba(255, 107, 0, 0.12);
	background:
		linear-gradient(135deg, rgba(255, 107, 0, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%),
		rgba(10, 10, 10, 0.8);
}

.home-cert-logos.marquee-logos-content .home-cert-logo-item img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	filter: brightness(1.1) contrast(1.05);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-cert-logos.marquee-logos-content .home-cert-logo-item:hover img {
	filter: brightness(1.2) contrast(1.1) drop-shadow(0 4px 12px rgba(255, 107, 0, 0.25));
	transform: scale(1.08);
}

@keyframes marquee-logos-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Logo响应式优化 */
@media (max-width: 1199px) {
	.home-cert-logos.marquee-logos-content {
		gap: 24px;
		animation-duration: 35s;
	}

	.home-cert-logos.marquee-logos-content .home-cert-logo-item {
		width: 120px;
		height: 70px;
		padding: 10px 14px;
	}
}

@media (max-width: 768px) {
	.home-cert-logos-wrapper.marquee-logos-container {
		padding: 20px 0;
		margin-top: 16px;
	}

	.home-cert-logos.marquee-logos-content {
		gap: 18px;
		animation-duration: 30s;
	}

	.home-cert-logos.marquee-logos-content .home-cert-logo-item {
		width: 100px;
		height: 60px;
		padding: 8px 12px;
		border-radius: 10px;
	}
}

@media (max-width: 480px) {
	.home-cert-logos-wrapper.marquee-logos-container {
		padding: 16px 0;
		margin-top: 12px;
	}

	.home-cert-logos.marquee-logos-content {
		gap: 14px;
		animation-duration: 25s;
	}

	.home-cert-logos.marquee-logos-content .home-cert-logo-item {
		width: 85px;
		height: 52px;
		padding: 6px 10px;
		border-radius: 8px;
	}
}

/* ============================================
   首页产品图片 1:1 正方形比例
   ============================================ */

.home-products-section .home-products-grid .home-product-card .home-product-img {
	box-sizing: content-box !important;
	position: relative !important;
	width: 100% !important;
	padding-top: 100% !important;
	height: 0 !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow: hidden !important;
	background: #1a1a1a !important;
}

.home-products-section .home-products-grid .home-product-card .home-product-img img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 0 !important;
	display: block !important;
}

/* ============================================
   About Page Styles
   ============================================ */

.about-shell {
	background: #000;
	color: #fff;
}

.about-section-label {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	border-radius: 999px;
	border: 1px solid rgba(255, 107, 0, 0.3);
	background: rgba(255, 107, 0, 0.1);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	color: #FFD700;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 24px;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.about-hero {
	position: relative;
	min-height: 520px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.about-hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.about-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.about-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.4) 100%);
}

.about-hero-content {
	position: relative;
	z-index: 2;
	max-width: 1280px;
	margin: 0 auto;
	padding: 120px 48px 80px;
	width: 100%;
}

.about-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	border-radius: 999px;
	border: 1px solid rgba(255, 107, 0, 0.3);
	background: rgba(255, 107, 0, 0.12);
	font-size: 0.78rem;
	letter-spacing: 0.15em;
	color: #FFD700;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 24px;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.about-hero-content h1 {
	font-size: clamp(2.4rem, 5vw, 4rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin-bottom: 20px;
	color: #fff;
}

.about-hero-content p {
	font-size: clamp(1rem, 1.3vw, 1.15rem);
	max-width: 640px;
	color: rgba(255,255,255,0.85);
	line-height: 1.7;
}

.about-stats {
	background: #000;
	padding: 0;
	position: relative;
	z-index: 2;
	margin-top: -40px;
}

.about-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2px;
	max-width: 1280px;
	margin: 0 auto;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 16px;
	overflow: hidden;
}

.about-stat-item {
	text-align: center;
	padding: 40px 24px;
	background: rgba(10,10,10,0.95);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
}

.about-stat-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #FF6B00, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.about-stat-item:hover {
	background: rgba(20,20,20,0.98);
	transform: translateY(-4px);
}

.about-stat-item:hover::after {
	opacity: 1;
}

.about-stat-icon {
	font-size: 1.8rem;
	margin-bottom: 12px;
	display: block;
}

.about-stat-item h3 {
	font-size: 2rem;
	font-weight: 800;
	color: #fff;
	margin-bottom: 6px;
	letter-spacing: -0.02em;
}

.about-stat-item p {
	font-size: 0.85rem;
	color: rgba(255,255,255,0.6);
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.about-who {
	background: #000;
	padding: 100px 48px;
}

.about-who-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	max-width: 1280px;
	margin: 0 auto;
	align-items: center;
}

.about-who-text h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 24px;
	color: #fff;
}

.about-who-text p {
	font-size: 1rem;
	color: rgba(255,255,255,0.72);
	line-height: 1.8;
	margin-bottom: 16px;
}

.about-who-visual {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

.about-who-visual::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, transparent 60%);
	pointer-events: none;
}

.about-who-visual img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 4/3;
	object-fit: cover;
}

.about-quality {
	background: linear-gradient(180deg, #000 0%, rgba(15,15,15,1) 50%, #000 100%);
	padding: 100px 48px;
	position: relative;
}

.about-quality::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(255,107,0,0.04) 0%, transparent 70%);
	pointer-events: none;
}

.about-quality-inner {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.about-quality-inner h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 16px;
	color: #fff;
}

.about-quality-lead {
	font-size: 1.05rem;
	color: rgba(255,255,255,0.7);
	line-height: 1.8;
	max-width: 700px;
	margin-bottom: 48px;
}

.about-quality-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.about-quality-card {
	padding: 32px 24px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.08);
	background: rgba(15,15,15,0.8);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
}

.about-quality-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #FF6B00, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.about-quality-card:hover {
	transform: translateY(-6px);
	border-color: rgba(255,107,0,0.3);
	box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 60px rgba(255,107,0,0.06);
	background: rgba(20,20,20,0.9);
}

.about-quality-card:hover::before {
	opacity: 1;
}

.about-quality-icon {
	font-size: 2rem;
	margin-bottom: 16px;
	display: block;
}

.about-quality-card h4 {
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.3;
}

.about-quality-card p {
	font-size: 0.9rem;
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
	margin: 0;
}

.about-offer {
	background: #000;
	padding: 100px 48px;
}

.about-offer-inner {
	max-width: 1280px;
	margin: 0 auto;
}

.about-offer-inner h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 48px;
	color: #fff;
}

.about-offer-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.about-offer-card {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 28px 24px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.06);
	background: rgba(15,15,15,0.6);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-offer-card:hover {
	border-color: rgba(255,107,0,0.25);
	background: rgba(20,20,20,0.8);
	transform: translateX(6px);
}

.about-offer-arrow {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, #FF6B00, #FF8533);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2px;
}

.about-offer-card p {
	font-size: 0.95rem;
	color: rgba(255,255,255,0.8);
	line-height: 1.6;
	margin: 0;
}

.about-advantages {
	background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.75)), url('https://bdmobilehouse.com/wp-content/uploads/2026/04/1-29-scaled-1-768x576.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 100px 48px;
	position: relative;
}

.about-advantages::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
	pointer-events: none;
}

.about-advantages-inner {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.about-advantages-inner h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 48px;
	color: #fff;
}

.about-adv-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.about-adv-card {
	padding: 36px 28px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.08);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
}

.about-adv-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, transparent 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.about-adv-card:hover {
	transform: translateY(-6px);
	border-color: rgba(255,255,255,0.25);
	background: rgba(255,255,255,0.14);
	box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 40px rgba(255,107,0,0.08);
}

.about-adv-card:hover::before {
	opacity: 1;
}

.about-adv-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: linear-gradient(135deg, #FF6B00, #FF8533);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	margin-bottom: 20px;
	box-shadow: 0 6px 20px rgba(255,107,0,0.3);
	position: relative;
	z-index: 1;
}

.about-adv-card h4 {
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.3;
	position: relative;
	z-index: 1;
}

.about-adv-card p {
	font-size: 0.92rem;
	color: rgba(255,255,255,0.7);
	line-height: 1.7;
	margin: 0;
	position: relative;
	z-index: 1;
}

.about-philosophy {
	background: #000;
	padding: 100px 48px;
}

.about-philosophy-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	gap: 60px;
	align-items: flex-start;
}

.about-philosophy-left {
	flex: 0 0 35%;
	position: sticky;
	top: 120px;
}

.about-philosophy-left h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 20px;
	color: #fff;
}

.about-philosophy-left p {
	font-size: 1rem;
	color: rgba(255,255,255,0.65);
	line-height: 1.8;
	margin-bottom: 24px;
}

.about-philosophy-divider {
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #FF6B00, #FFD700);
	border-radius: 2px;
}

.about-philosophy-right {
	flex: 1;
}

.about-philosophy-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.about-philosophy-card {
	padding: 28px 24px;
	border-left: 3px solid #FF6B00;
	background: rgba(15,15,15,0.8);
	border-radius: 0 12px 12px 0;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-philosophy-card:hover {
	background: rgba(25,25,25,0.9);
	transform: translateY(-3px);
	box-shadow: 0 8px 30px rgba(0,0,0,0.3);
	border-left-color: #FFD700;
}

.about-philosophy-card h4 {
	font-size: 1.05rem;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.4;
	font-weight: 700;
}

.about-philosophy-card p {
	font-size: 0.9rem;
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
	margin: 0;
}

.about-scenarios {
	background: linear-gradient(180deg, #000 0%, rgba(10,10,10,1) 50%, #000 100%);
	padding: 100px 48px;
}

.about-scenarios-inner {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
}

.about-scenarios-inner h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 48px;
	color: #fff;
}

.about-scenarios-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	margin-bottom: 36px;
}

.about-scenario-item {
	padding: 32px 16px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.06);
	background: rgba(15,15,15,0.6);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	text-align: center;
}

.about-scenario-item:hover {
	border-color: rgba(255,107,0,0.3);
	background: rgba(20,20,20,0.8);
	transform: translateY(-4px);
	box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}

.about-scenario-icon {
	font-size: 2rem;
	margin-bottom: 12px;
	display: block;
}

.about-scenario-item h4 {
	font-size: 0.9rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.3;
	margin: 0;
}

.about-scenarios-note {
	font-size: 0.95rem;
	color: rgba(255,255,255,0.55);
	line-height: 1.7;
	max-width: 600px;
	margin: 0 auto;
}

.about-cert {
	background: #000;
	padding: 100px 48px;
}

.about-cert-inner {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
}

.about-cert-inner h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 16px;
	color: #fff;
}

.about-cert-desc {
	font-size: 1rem;
	color: rgba(255,255,255,0.65);
	line-height: 1.7;
	max-width: 600px;
	margin: 0 auto 48px;
}

.about-cert-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.about-cert-card {
	padding: 32px 24px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.08);
	background: rgba(15,15,15,0.8);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	overflow: hidden;
	text-align: left;
}

.about-cert-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #FF6B00, transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.about-cert-card:hover {
	transform: translateY(-6px);
	border-color: rgba(255,107,0,0.3);
	box-shadow: 0 12px 40px rgba(0,0,0,0.4), 0 0 60px rgba(255,107,0,0.06);
}

.about-cert-card:hover::before {
	opacity: 1;
}

.about-cert-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 32px;
	padding: 0 14px;
	border-radius: 6px;
	background: linear-gradient(135deg, #FF6B00, #FF8533);
	color: #000;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
}

.about-cert-card h4 {
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.3;
}

.about-cert-card p {
	font-size: 0.9rem;
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
	margin: 0;
}

.about-cta {
	background: linear-gradient(135deg, rgba(255,107,0,0.08) 0%, rgba(0,0,0,1) 50%, rgba(255,107,0,0.05) 100%);
	padding: 100px 48px;
	text-align: center;
	position: relative;
}

.about-cta::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: 400px;
	background: radial-gradient(ellipse, rgba(255,107,0,0.06) 0%, transparent 70%);
	pointer-events: none;
}

.about-cta-inner {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.about-cta-inner h2 {
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin-bottom: 16px;
	color: #fff;
}

.about-cta-inner p {
	font-size: 1.05rem;
	color: rgba(255,255,255,0.7);
	line-height: 1.7;
	margin-bottom: 36px;
}

.about-cta-actions {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap;
}

.about-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 32px;
	border-radius: 999px;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.about-cta-primary {
	background: linear-gradient(135deg, #FF6B00, #FF8533);
	color: #000;
	box-shadow: 0 4px 20px rgba(255,107,0,0.35);
}

.about-cta-primary:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 8px 32px rgba(255,107,0,0.5);
}

.about-cta-secondary {
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.06);
	color: #fff;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.about-cta-secondary:hover {
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.35);
	transform: translateY(-3px);
}

/* About Page Responsive */
@media (max-width: 1199px) {
	.about-quality-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-cert-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-scenarios-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 899px) {
	.about-hero {
		min-height: 400px;
	}

	.about-hero-content {
		padding: 100px 32px 60px;
	}

	.about-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-who {
		padding: 60px 32px;
	}

	.about-who-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.about-quality {
		padding: 60px 32px;
	}

	.about-quality-grid {
		grid-template-columns: 1fr 1fr;
	}

	.about-offer {
		padding: 60px 32px;
	}

	.about-offer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.about-advantages {
		padding: 60px 32px;
		background-attachment: scroll;
	}

	.about-adv-grid {
		grid-template-columns: 1fr;
	}

	.about-philosophy {
		padding: 60px 32px;
	}

	.about-philosophy-inner {
		flex-direction: column;
	}

	.about-philosophy-left {
		position: static;
		flex: none;
		width: 100%;
	}

	.about-philosophy-grid {
		grid-template-columns: 1fr;
	}

	.about-scenarios {
		padding: 60px 32px;
	}

	.about-scenarios-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.about-cert {
		padding: 60px 32px;
	}

	.about-cert-grid {
		grid-template-columns: 1fr 1fr;
	}

	.about-cta {
		padding: 60px 32px;
	}
}

@media (max-width: 768px) {
	.about-hero {
		min-height: 340px;
	}

	.about-hero-content {
		padding: 90px 20px 50px;
	}

	.about-stats {
		margin-top: -30px;
	}

	.about-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		border-radius: 12px;
		margin-left: 16px;
		margin-right: 16px;
	}

	.about-stat-item {
		padding: 28px 16px;
	}

	.about-stat-item h3 {
		font-size: 1.6rem;
	}

	.about-who {
		padding: 48px 20px;
	}

	.about-quality {
		padding: 48px 20px;
	}

	.about-quality-grid {
		grid-template-columns: 1fr;
	}

	.about-offer {
		padding: 48px 20px;
	}

	.about-offer-grid {
		grid-template-columns: 1fr;
	}

	.about-advantages {
		padding: 48px 20px;
	}

	.about-philosophy {
		padding: 48px 20px;
	}

	.about-scenarios {
		padding: 48px 20px;
	}

	.about-scenarios-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.about-cert {
		padding: 48px 20px;
	}

	.about-cert-grid {
		grid-template-columns: 1fr;
	}

	.about-cta {
		padding: 48px 20px;
	}

	.about-cta-actions {
		flex-direction: column;
		align-items: center;
	}

	.about-cta-btn {
		width: 100%;
		max-width: 320px;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.about-hero-content h1 {
		font-size: 1.8rem;
	}

	.about-stats-grid {
		grid-template-columns: 1fr 1fr;
	}

	.about-stat-item h3 {
		font-size: 1.3rem;
	}

	.about-scenarios-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ============================================
   Brochure Page Styles
   ============================================ */

.brochure-page-wrap {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.brochure-layout {
	background: transparent;
	border: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0;
	overflow: visible;
}

.brochure-hero {
	position: relative;
	min-height: 420px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px clamp(24px, 4vw, 64px) 60px;
	margin-bottom: 0;
	background:
		linear-gradient(135deg, rgba(255, 107, 0, 0.06) 0%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.95) 100%),
		radial-gradient(ellipse at 20% 50%, rgba(255, 107, 0, 0.08) 0%, transparent 60%);
	border-radius: 0;
	border-bottom: 1px solid rgba(255, 107, 0, 0.15);
	overflow: hidden;
}

.brochure-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -20%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(255, 107, 0, 0.1) 0%, transparent 70%);
	pointer-events: none;
	animation: brochure-hero-glow 8s ease-in-out infinite alternate;
}

@keyframes brochure-hero-glow {
	0% { opacity: 0.5; transform: scale(1); }
	100% { opacity: 1; transform: scale(1.2); }
}

.brochure-hero .eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: 999px;
	border: 1px solid rgba(255, 107, 0, 0.35);
	background: rgba(255, 107, 0, 0.12);
	font-size: 0.82rem;
	letter-spacing: 0.15em;
	color: #FFD700;
	text-transform: uppercase;
	font-weight: 700;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	margin-bottom: 24px;
	width: fit-content;
}

.brochure-hero h1 {
	font-size: clamp(2.4rem, 5vw, 3.8rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #fff;
	margin-bottom: 16px;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

.brochure-hero p {
	font-size: clamp(1rem, 1.3vw, 1.15rem);
	max-width: 640px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.7;
}

.brochure-toc {
	margin-top: 40px;
	padding: 28px 32px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(10, 10, 10, 0.7);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.brochure-toc-label {
	display: block;
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 700;
	margin-bottom: 16px;
}

.brochure-toc-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.brochure-toc-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.03);
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.85rem;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.brochure-toc-link:hover {
	border-color: rgba(255, 107, 0, 0.4);
	background: rgba(255, 107, 0, 0.1);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(255, 107, 0, 0.15);
}

.brochure-toc-link-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(255, 107, 0, 0.2);
	color: #FF6B00;
	font-size: 0.7rem;
	font-weight: 700;
	flex-shrink: 0;
}

.brochure-content {
	background: transparent;
	border: none;
	padding: 0;
}

.brochure-section {
	position: relative;
	padding: clamp(48px, 8vh, 80px) clamp(24px, 4vw, 64px);
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.brochure-section:nth-child(even) {
	background: rgba(255, 255, 255, 0.01);
}

.brochure-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 0;
	background: linear-gradient(180deg, #FF6B00, #FFD700);
	border-radius: 0 2px 2px 0;
	transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.brochure-section:hover::before,
.brochure-section.is-visible::before {
	height: 100%;
}

.brochure-section--intro {
	background:
		linear-gradient(135deg, rgba(255, 107, 0, 0.04) 0%, transparent 60%);
	border-bottom: 1px solid rgba(255, 107, 0, 0.1);
}

.brochure-section--intro::before {
	display: none;
}

.brochure-section--gallery {
	padding-bottom: clamp(40px, 6vh, 60px);
}

.brochure-section-header {
	display: flex;
	align-items: center;
	gap: clamp(16px, 2.5vw, 24px);
	margin-bottom: clamp(24px, 4vh, 36px);
}

.brochure-section-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(44px, 5vw, 56px);
	height: clamp(44px, 5vw, 56px);
	border-radius: 14px;
	background: linear-gradient(135deg, #FF6B00 0%, #FF8533 100%);
	color: #000;
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	font-weight: 800;
	flex-shrink: 0;
	box-shadow: 0 4px 16px rgba(255, 107, 0, 0.3);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.brochure-section:hover .brochure-section-num {
	transform: scale(1.08) rotate(3deg);
	box-shadow: 0 6px 24px rgba(255, 107, 0, 0.45);
}

.brochure-section-header h2 {
	font-size: clamp(1.5rem, 3vw, 2.2rem);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 0;
	transition: color 0.3s ease;
}

.brochure-section:hover .brochure-section-header h2 {
	color: #FFD700;
}

.brochure-section-body {
	max-width: 900px;
}

.brochure-section-body p {
	font-size: clamp(0.95rem, 1.2vw, 1.08rem);
	line-height: 2;
	color: rgba(255, 255, 255, 0.75);
	margin-bottom: 20px;
	transition: color 0.3s ease;
	text-align: justify;
	hyphens: auto;
	word-spacing: 0.02em;
	letter-spacing: 0.01em;
}

.brochure-section-body p:first-child:first-letter {
	font-size: 1.6em;
	font-weight: 700;
	color: #FFD700;
	float: left;
	margin-right: 8px;
	line-height: 1;
}

.brochure-section-body p:empty {
	display: none;
}

.brochure-section-body ul,
.brochure-section-body ol {
	padding-left: 24px;
	margin-bottom: 20px;
}

.brochure-section-body li {
	font-size: clamp(0.93rem, 1.15vw, 1.04rem);
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.72);
	margin-bottom: 10px;
	letter-spacing: 0.01em;
}

.brochure-section-body ul > li::marker {
	color: #FF6B00;
}

.brochure-section-body strong,
.brochure-section-body b {
	color: #fff;
	font-weight: 600;
}

.brochure-section-body em,
.brochure-section-body i {
	color: rgba(255, 215, 0, 0.9);
}

.brochure-section:hover .brochure-section-body p {
	color: rgba(255, 255, 255, 0.85);
}

.brochure-section-body p:last-child {
	margin-bottom: 0;
}

.brochure-gallery {
	display: grid;
	gap: clamp(12px, 2vw, 20px);
	margin-top: clamp(24px, 4vh, 36px);
}

.brochure-gallery--single {
	grid-template-columns: 1fr;
	max-width: 800px;
}

.brochure-gallery--double {
	grid-template-columns: repeat(2, 1fr);
}

.brochure-gallery--grid {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
}

.brochure-gallery-item {
	position: relative;
	border-radius: var(--boda-radius);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(10, 10, 10, 0.6);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.brochure-gallery-item::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.3) 100%);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.brochure-gallery-item:hover {
	transform: translateY(-6px) scale(1.02);
	border-color: rgba(255, 107, 0, 0.35);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 0 60px rgba(255, 107, 0, 0.08);
}

.brochure-gallery-item:hover::after {
	opacity: 1;
}

.brochure-gallery--single .brochure-gallery-item {
	border-radius: 16px;
}

.brochure-gallery-item .boda-brochure-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0;
	transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.brochure-gallery-item:hover .boda-brochure-image {
	transform: scale(1.05);
}

.brochure-gallery-item--broken,
.brochure-gallery-item--blank {
	display: none !important;
}

.brochure-section--intro .brochure-section-body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.brochure-section--intro .brochure-section-body p {
	font-size: clamp(1.05rem, 1.5vw, 1.22rem);
	color: rgba(255, 255, 255, 0.85);
	line-height: 2;
	text-align: left;
}

.brochure-section--gallery .brochure-gallery {
	margin-top: 0;
}

.brochure-section--gallery .brochure-section-body p {
	text-align: center;
	color: rgba(255, 255, 255, 0.45);
	font-style: italic;
	font-size: 0.9rem;
}

.brochure-section--gallery .brochure-section-header {
	justify-content: center;
}

.brochure-section--gallery .brochure-section-header h2 {
	text-align: center;
}

.brochure-section--gallery .brochure-section-num {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.08));
	color: rgba(255, 255, 255, 0.7);
	box-shadow: none;
}

.brochure-section--gallery:hover .brochure-section-num {
	background: linear-gradient(135deg, #FF6B00, #FF8533);
	color: #000;
	box-shadow: 0 4px 16px rgba(255, 107, 0, 0.3);
}

.brochure-section[data-section-index] .brochure-section-body p:first-child::first-letter {
	font-size: 1em;
}

.brochure-section:not(.brochure-section--intro):not(.brochure-section--gallery) .brochure-section-body {
	padding-left: clamp(60px, 5vw + 16px, 80px);
	border-left: 1px solid rgba(255, 255, 255, 0.04);
	margin-left: clamp(22px, 2.5vw, 28px);
}

.brochure-section--intro .brochure-section-body {
	padding-left: 0;
	border-left: none;
	margin-left: 0;
}

.brochure-section--gallery .brochure-section-body {
	padding-left: 0;
	border-left: none;
	margin-left: 0;
}

.brochure-section--intro .brochure-section-header {
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 107, 0, 0.15);
	margin-bottom: 24px;
}

.brochure-section--intro .brochure-section-header h2::after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	margin-top: 12px;
	background: linear-gradient(90deg, #FF6B00, #FFD700);
	border-radius: 999px;
}

.brochure-progress-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: linear-gradient(90deg, #FF6B00, #FFD700);
	z-index: 9999;
	transition: width 0.1s linear;
	box-shadow: 0 0 10px rgba(255, 107, 0, 0.5);
}

.brochure-back-top {
	position: fixed;
	right: 24px;
	bottom: 100px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 107, 0, 0.9);
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	cursor: pointer;
	z-index: 998;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 4px 16px rgba(255, 107, 0, 0.3);
	border: none;
}

.brochure-back-top.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.brochure-back-top:hover {
	transform: translateY(-4px) scale(1.1);
	box-shadow: 0 8px 24px rgba(255, 107, 0, 0.5);
}

.brochure-section.is-visible {
	animation: brochure-section-reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes brochure-section-reveal {
	from {
		opacity: 0.6;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.brochure-page-wrap .page-hero + .rich-content .brochure-section:first-child {
	margin-top: 0;
}

.brochure-page-wrap .page-hero + .rich-content {
	margin-top: 0;
}

.brochure-layout .page-hero {
	margin-bottom: 0;
}

.brochure-content .boda-rich-section:first-child {
	margin-top: 0;
}

.brochure-content .boda-rich-section:last-child {
	border-bottom: none;
}

.brochure-content .boda-rich-section h2 {
	margin-top: 0;
}

.brochure-section-header h2 {
	margin-top: 0 !important;
}

.brochure-section-body p:last-child {
	margin-bottom: 0 !important;
}

.brochure-gallery + .brochure-gallery {
	margin-top: 20px;
}

.brochure-section--gallery .brochure-gallery--grid {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}

@media (max-width: 1199px) {
	.brochure-gallery--double {
		grid-template-columns: 1fr;
	}

	.brochure-section:not(.brochure-section--intro):not(.brochure-section--gallery) .brochure-section-body {
		padding-left: clamp(40px, 4vw, 60px);
		margin-left: clamp(18px, 2vw, 22px);
	}
}

@media (max-width: 899px) {
	.brochure-hero {
		min-height: 320px;
		padding: 60px 24px 40px;
	}

	.brochure-toc {
		padding: 20px 24px;
	}

	.brochure-toc-links {
		gap: 6px;
	}

	.brochure-toc-link {
		padding: 6px 12px;
		font-size: 0.8rem;
	}

	.brochure-section {
		padding: clamp(36px, 6vh, 56px) 24px;
	}

	.brochure-section:not(.brochure-section--intro):not(.brochure-section--gallery) .brochure-section-body {
		padding-left: 0;
		border-left: none;
		margin-left: 0;
	}

	.brochure-gallery--grid {
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
	}
}

@media (max-width: 768px) {
	.brochure-hero {
		min-height: 280px;
		padding: 48px 20px 32px;
	}

	.brochure-hero h1 {
		font-size: clamp(1.8rem, 6vw, 2.5rem);
	}

	.brochure-toc {
		padding: 16px 20px;
		margin-top: 28px;
	}

	.brochure-toc-links {
		flex-direction: column;
		gap: 6px;
	}

	.brochure-toc-link {
		width: 100%;
	}

	.brochure-section {
		padding: clamp(28px, 5vh, 40px) 20px;
	}

	.brochure-section-header {
		gap: 12px;
		margin-bottom: 20px;
	}

	.brochure-section-num {
		width: 40px;
		height: 40px;
		font-size: 0.9rem;
		border-radius: 10px;
	}

	.brochure-section-header h2 {
		font-size: clamp(1.2rem, 4vw, 1.6rem);
	}

	.brochure-gallery {
		gap: 10px;
		margin-top: 20px;
	}

	.brochure-gallery--double {
		grid-template-columns: 1fr;
	}

	.brochure-gallery--grid {
		grid-template-columns: 1fr;
	}

	.brochure-gallery-item:hover {
		transform: translateY(-3px) scale(1.01);
	}

	.brochure-back-top {
		right: 16px;
		bottom: 90px;
		width: 42px;
		height: 42px;
	}

	.brochure-section-body p {
		font-size: 0.95rem;
		line-height: 1.85;
		margin-bottom: 18px;
		text-align: left;
	}

	.brochure-section-body p:first-child:first-letter {
		font-size: 1.4em;
	}

	.brochure-section--intro .brochure-section-body p {
		font-size: 1rem;
	}

	.brochure-section-body li {
		font-size: 0.9rem;
	}
}

@media (max-width: 480px) {
	.brochure-hero h1 {
		font-size: 1.6rem;
	}

	.brochure-section-num {
		width: 36px;
		height: 36px;
		font-size: 0.82rem;
		border-radius: 8px;
	}

	.brochure-section-header h2 {
		font-size: 1.15rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.brochure-section,
	.brochure-gallery-item,
	.brochure-section-num,
	.brochure-toc-link,
	.brochure-back-top {
		transition: none !important;
	}

	.brochure-section.is-visible {
		animation: none !important;
		opacity: 1 !important;
	}

	.brochure-hero::before {
		animation: none !important;
	}
}