:root {
	--ink: #111827;
	--muted: #5f6b7a;
	--line: #dbe2ea;
	--soft: #f4f7fb;
	--soft-2: #edf3f8;
	--brand: #0b64d8;
	--brand-2: #10a6a1;
	--gold: #c9a663;
	--navy: #09162c;
	--navy-2: #132642;
	--white: #ffffff;
}

/* 方案页：24 寸及以上桌面屏的阅读层级，移动端与普通笔记本保持原有尺寸。 */
@media (min-width: 1200px) {
	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .sec-title {
		font-size: 38px !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .sec :is(h3, h4) {
		font-size: 19px !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .sec :is(p, li) {
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .hero :is(.tag, .brandnote),
	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .hero-stats .l {
		font-size: 14px !important;
	}

	.drzk-solution .drzk-hero h1 {
		font-size: 52px !important;
	}

	.drzk-solution .drzk-hero p {
		font-size: 18px !important;
	}

	.drzk-solution .drzk-title h2 {
		font-size: 36px !important;
	}

	.drzk-solution .drzk-section :is(h3, h4) {
		font-size: 19px !important;
	}

	.drzk-solution .drzk-section :is(p, li) {
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	.drzk-solution :is(.drzk-btn, .drzk-hero-actions a, .drzk-cta-panel a) {
		font-size: 16px !important;
	}

	.hospital-solution .hospital-hero h1,
	.campus-page .campus-hero h1 {
		font-size: 54px !important;
	}

	.hospital-solution .hospital-hero p,
	.campus-page .campus-hero p,
	.smart-building-page .building-hero-desc {
		font-size: 18px !important;
	}

	.hospital-solution :is(h2, h3, h4),
	.campus-page :is(h2, h3, h4) {
		font-size: 20px !important;
	}

	.hospital-solution h2,
	.campus-page h2 {
		font-size: 38px !important;
	}

	.hospital-solution :is(p, li),
	.campus-page :is(p, li) {
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	.park-page :is(.park-pain-grid p, .park-module-grid p, .park-architecture p) {
		font-size: 16px !important;
	}

	.park-page :is(.park-product-grid b, .park-product-more a) {
		font-size: 16px !important;
	}

	.park-page :is(.park-kicker, .park-eyebrow, .park-title > span, .park-cta span, .park-screen figcaption, .park-delivery small) {
		font-size: 14px !important;
	}

	.smart-building-page .building-section-title {
		font-size: 40px !important;
	}

	.smart-building-page .building-section :is(h3, h4) {
		font-size: 20px !important;
	}

	.smart-building-page .building-section :is(p, li) {
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .sec-title + .sec-sub {
		margin-top: 18px !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) :is(.hero-btns, .hero-stats) {
		gap: 20px !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) .hero-stats {
		margin-top: 70px !important;
	}

	:where(.berth-selection-page, .parking-resource-exchange-page, .cloud-hosting-page, .parking-charging-storage-page) :is(.pain-grid, .cards, .hw-grid, .seat-grid, .share-grid, .clouds, .integ, .metrics, .steps, .scenes) {
		gap: 24px !important;
	}

	.drzk-solution .drzk-section {
		padding: 96px 0 !important;
	}

	.drzk-solution .drzk-title {
		margin-bottom: 52px !important;
	}

	.drzk-solution .drzk-title h2 {
		margin-bottom: 18px !important;
	}

	.drzk-solution :is(.drzk-grid, .drzk-related-grid) {
		gap: 28px !important;
	}

	.drzk-solution .drzk-card {
		min-height: 224px !important;
		padding: 34px 30px !important;
	}

	.drzk-solution .drzk-split {
		gap: 64px !important;
	}

	.drzk-solution .drzk-list {
		gap: 16px !important;
		margin-top: 30px !important;
	}

	.drzk-solution .drzk-flow {
		gap: 22px !important;
	}

	.drzk-solution .drzk-step {
		min-height: 190px !important;
		padding: 34px 28px 28px !important;
	}

	.hospital-solution .hospital-section,
	.campus-page .campus-section {
		padding: 100px 0 !important;
	}

	.hospital-solution .hospital-title,
	.campus-page .campus-title {
		margin-bottom: 52px !important;
	}

	.hospital-solution :is(.hospital-value-grid article, .hospital-architecture-flow article, .hospital-module-grid article) {
		padding: 34px 30px !important;
	}

	.hospital-solution .hospital-module-grid {
		gap: 20px !important;
	}

	.campus-page :is(.challenge-grid, .module-grid, .delivery-grid, .case-grid) {
		gap: 32px !important;
	}

	.park-page .park-section {
		padding: 92px 0 !important;
	}

	.park-page .park-title {
		margin-bottom: 42px !important;
	}

	.park-page :is(.park-pain-grid, .park-module-grid, .park-architecture) {
		gap: 20px !important;
	}

	.park-page :is(.park-pain-grid article, .park-architecture article, .park-module-grid article) {
		padding: 30px 26px !important;
	}

	.smart-building-page .building-section-header {
		margin-bottom: 72px !important;
	}

	.smart-building-page :is(.building-pain-grid, .building-highlight-grid, .building-scene-grid) {
		gap: 24px !important;
	}

	.smart-building-page :is(.building-pain-card, .building-highlight-card, .building-scene-card, .building-module-card) {
		padding: 36px 28px !important;
	}
}

/* 首页产品入口：以连续的深色产品展廊承接四个业务方向。 */
.home .product-atlas-section {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 54% 70% at 78% 5%, rgba(28, 100, 203, .28), transparent 74%),
		radial-gradient(ellipse 48% 72% at 5% 100%, rgba(15, 68, 145, .24), transparent 74%),
		#061426 !important;
}

.home .product-atlas-section::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	content: '';
	opacity: .22;
	background-image: linear-gradient(rgba(150, 194, 243, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 194, 243, .08) 1px, transparent 1px);
	background-size: 80px 80px;
	mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 80%, transparent);
}

.home .product-atlas-section > .container {
	position: relative;
	z-index: 1;
}

.home .product-atlas-heading {
	text-align: left !important;
}

.home .product-atlas-heading::before,
.home .product-atlas-heading::after {
	display: none !important;
}

.home .product-atlas-heading h2 {
	color: #fff !important;
	letter-spacing: -.045em;
}

@media (min-width: 992px) {
	.home .product-atlas-section {
		padding: 104px 0 116px !important;
	}

	.home .product-atlas-section > .container {
		width: min(1440px, calc(100% - 96px)) !important;
		max-width: 1440px !important;
	}

	.home .product-atlas-heading {
		margin: 0 0 44px !important;
	}

	.home .product-atlas-heading h2 {
		font-size: clamp(38px, 3.1vw, 52px) !important;
		line-height: 1.14 !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 2px !important;
		overflow: hidden;
		border: 1px solid rgba(163, 202, 241, .18);
		background: rgba(163, 202, 241, .18);
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover),
	.home .product-atlas__item--platform {
		position: relative !important;
		display: grid !important;
		grid-template-rows: 142px minmax(0, 1fr) !important;
		grid-column: auto !important;
		grid-row: auto !important;
		height: 510px !important;
		min-height: 510px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip-path: none !important;
		background: #091a2f !important;
		filter: none !important;
		transform: none !important;
		text-decoration: none !important;
	}

	.home .product-atlas__item::before {
		display: none !important;
	}

	.home .product-atlas__item::after {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 3;
		display: block !important;
		width: 100% !important;
		height: 2px !important;
		margin: 0 !important;
		content: '' !important;
		opacity: .55;
		background: linear-gradient(90deg, #3fb6ff, rgba(93, 182, 255, .06)) !important;
		transform: none !important;
	}

	.home .product-atlas__item.is-active,
	.home .product-atlas__item:hover {
		transform: none !important;
		background: #0d223d !important;
	}

	.home .product-atlas__item.is-active::after,
	.home .product-atlas__item:hover::after {
		opacity: 1;
	}

	.home .product-atlas__item > img {
		position: static !important;
		grid-row: 2 !important;
		grid-column: 1 !important;
		z-index: auto !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		/* 四张素材均为竖图，向下取景才能露出设备与场景主体。 */
		object-position: center 76% !important;
		filter: saturate(.92) brightness(.77) contrast(1.08) !important;
		transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .5s ease !important;
	}

	.home .product-atlas__item:hover > img {
		filter: saturate(1.03) brightness(.96) contrast(1.04) !important;
		transform: scale(1.045) !important;
	}

	.home .product-atlas__content {
		position: static !important;
		grid-row: 1 !important;
		grid-column: 1 !important;
		inset: auto !important;
		z-index: auto !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 25px 28px 21px !important;
		color: #fff !important;
		background: linear-gradient(135deg, #0d2441, #08172a 76%) !important;
		transform: none !important;
	}

	.home .product-atlas__item.is-active .product-atlas__content {
		transform: none !important;
	}

	.home .product-atlas__type,
	.home .product-atlas__item--parking .product-atlas__type {
		position: static !important;
		margin: 0 !important;
		color: #fff !important;
		font-size: 25px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: .01em;
	}

	.home .product-atlas__tags {
		position: static !important;
		display: flex !important;
		gap: 0 !important;
		margin-top: 13px !important;
		white-space: nowrap !important;
	}

	.home .product-atlas__tags b {
		position: static !important;
		padding: 0 !important;
		color: rgba(198, 220, 244, .72) !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		background: transparent !important;
		border: 0 !important;
	}

	.home .product-atlas__tags b + b::before {
		margin: 0 10px;
		color: rgba(155, 194, 233, .42);
		content: ' / ';
	}

	.home .product-atlas__link-label {
		position: static !important;
		display: inline-flex !important;
		align-items: center;
		margin-top: 17px !important;
		color: #82c6ff !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: .02em;
	}

	.home .product-atlas__link-label::after { display: none !important; }
}

@media (max-width: 991.98px) {
	.home .product-atlas-section {
		padding: 72px 0 80px !important;
	}

	.home .product-atlas-heading {
		margin: 0 0 28px !important;
	}

	.home .product-atlas-heading h2 {
		font-size: 32px !important;
		line-height: 1.25 !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 2px !important;
		overflow: hidden;
		border: 1px solid rgba(163, 202, 241, .18);
		background: rgba(163, 202, 241, .18);
	}

	.home .product-atlas__item,
	.home .product-atlas__item--platform {
		display: grid !important;
		grid-template-rows: 128px minmax(0, 1fr) !important;
		height: 405px !important;
		min-height: 405px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip-path: none !important;
		background: #091a2f !important;
		transform: none !important;
	}

	.home .product-atlas__item::before {
		display: none !important;
	}

	.home .product-atlas__item > img {
		position: static !important;
		grid-row: 2 !important;
		grid-column: 1 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center 76% !important;
		filter: saturate(.92) brightness(.8) contrast(1.06) !important;
	}

	.home .product-atlas__content {
		position: static !important;
		grid-row: 1 !important;
		grid-column: 1 !important;
		inset: auto !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		padding: 22px 22px 18px !important;
		color: #fff !important;
		background: linear-gradient(135deg, #0d2441, #08172a 76%) !important;
		transform: none !important;
	}

	.home .product-atlas__type {
		position: static !important;
		margin: 0 !important;
		color: #fff !important;
		font-size: 22px !important;
		line-height: 1.2 !important;
	}

	.home .product-atlas__tags {
		position: static !important;
		margin-top: 12px !important;
	}

	.home .product-atlas__tags b {
		padding: 0 !important;
		color: rgba(198, 220, 244, .72) !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		background: transparent !important;
		border: 0 !important;
	}

	.home .product-atlas__tags b + b::before {
		margin: 0 8px;
		color: rgba(155, 194, 233, .42);
		content: ' / ';
	}

	.home .product-atlas__link-label {
		position: static !important;
		margin-top: 14px !important;
		color: #82c6ff !important;
		font-size: 12px !important;
	}
}

@media (max-width: 575.98px) {
	.home .product-atlas {
		grid-template-columns: 1fr !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item--platform {
		height: 380px !important;
		min-height: 380px !important;
	}
}

/* 2026-07-17 关于道尔 / 品牌内容 / 新闻资讯：轻量内容相关横幅 */
.about-context-hero,
.news-context-hero {
	position: relative;
	min-height: clamp(370px, 29vw, 420px);
	display: flex;
	align-items: stretch;
	isolation: isolate;
	overflow: hidden;
	background: #071a34;
	color: #fff;
}

@media (min-width: 992px) {
	.about-context-hero,
	.news-context-hero {
		height: 410px !important;
		min-height: 410px !important;
	}
}

.about-context-hero__image,
.news-context-hero__image {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.002);
}

.about-context-hero__shade,
.news-context-hero .news-hero__shade {
	position: absolute;
	inset: 0;
	z-index: -1;
	display: block;
	background: linear-gradient(90deg, rgba(5, 19, 40, .3) 0%, rgba(5, 19, 40, .16) 44%, rgba(5, 19, 40, .04) 72%, rgba(5, 19, 40, .06) 100%);
}

/* 公司简介沿用企业文化的“左文案、右实景”横幅构图，避免实拍图整张铺满。 */
.about-context-hero[data-about-current="intro"] {
	background: #071a34;
}

.about-context-hero[data-about-current="intro"] .about-context-hero__image {
	left: 44%;
	right: auto;
	top: -60px;
	bottom: auto;
	width: 56%;
	height: calc(100% + 60px);
	object-position: calc(52% + 100px) 56%;
	transform: none;
}

.about-context-hero[data-about-current="intro"] .about-context-hero__shade {
	background: linear-gradient(90deg, #071a34 0 43%, rgba(7, 26, 52, .95) 47%, rgba(7, 26, 52, .4) 67%, rgba(7, 26, 52, .08) 100%);
}

/* 企业文化横幅完整保留会议现场的人物面部，超宽屏也从画面顶部取景。 */
.about-context-hero[data-about-current="culture"] {
	background: #071a34;
}

.about-context-hero[data-about-current="culture"] .about-context-hero__image {
	object-position: center top;
	transform: none;
}

/* 荣誉资质沿用简介页的左文案、右展示构图，证书墙不再整幅铺满。 */
.about-context-hero[data-about-current="honor"] {
	background: #071a34;
}

.about-context-hero[data-about-current="honor"] .about-context-hero__image {
	left: 44%;
	right: auto;
	width: 56%;
	height: 100%;
	object-position: 52% center;
	transform: none;
}

.about-context-hero[data-about-current="honor"] .about-context-hero__shade {
	background: linear-gradient(90deg, #071a34 0 43%, rgba(7, 26, 52, .95) 47%, rgba(7, 26, 52, .42) 67%, rgba(7, 26, 52, .1) 100%);
}

.about-context-hero .about-hero__content,
.news-context-hero .news-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 58px;
	padding-bottom: 58px;
}

.about-context-hero .about-hero__title,
.news-context-hero .news-hero__content > div {
	width: min(620px, 52%);
	padding-left: 2px;
	border-left: 0;
}

.about-context-hero h1,
.news-context-hero h1 {
	position: relative;
	margin: 0;
	padding-bottom: 20px;
	color: #fff;
	font-size: clamp(42px, 4.1vw, 56px);
	font-family: inherit;
	font-weight: 760;
	line-height: 1.12;
	letter-spacing: -.025em;
	text-shadow: 0 2px 20px rgba(0, 12, 31, .18);
}

.about-context-hero h1::after,
.news-context-hero h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 2px;
	background: rgba(255, 255, 255, .82);
}

.about-context-hero p,
.news-context-hero p {
	max-width: 580px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .8);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: .01em;
	text-shadow: 0 2px 16px rgba(0, 12, 31, .16);
}

/* 子栏目不再隐藏横幅；横幅之后留出独立阅读空间。 */
.about-hero.is-section-hidden {
	display: flex;
}

.about-page.is-section-view .pages {
	padding-top: clamp(58px, 5vw, 76px);
}

.about-tab-panel[data-about-panel="song"] > .about-section-heading,
.about-tab-panel[data-about-panel="spirit"] > .about-section-heading,
.about-tab-panel[data-about-panel="cloud-tour"] > .about-section-heading,
.about-tab-panel[data-about-panel="media"] > .about-section-heading,
.about-tab-panel[data-about-panel="contact"] > .about-section-heading {
	display: none;
}

/* 家教页已有完整标题横幅，正文直接进入海报与内容，避免标题连续重复。 */
.about-tab-panel[data-about-panel="family-education"] .about-family-education__head {
	display: none;
}

.about-page.is-section-view .about-song-experience,
.about-page.is-section-view .about-spirit-manifest,
.about-page.is-section-view .about-tab-panel[data-about-panel="cloud-tour"] .about-tab-layout {
	padding-top: 0;
}

.news-context-hero {
	min-height: clamp(360px, 28vw, 410px);
}

.news-page > .pages,
.news-page .container.pages {
	padding-top: clamp(56px, 5vw, 74px);
}

@media (max-width: 767.98px) {
	.about-context-hero,
	.news-context-hero {
		min-height: 330px;
	}

	.about-context-hero__image,
	.news-context-hero__image {
		object-position: 66% center;
	}

	.about-context-hero__shade,
	.news-context-hero .news-hero__shade {
		background: linear-gradient(90deg, rgba(4, 17, 36, .86) 0%, rgba(4, 17, 36, .64) 58%, rgba(4, 17, 36, .2) 100%);
	}

	.about-context-hero .about-hero__content,
	.news-context-hero .news-hero__content {
		padding-top: 52px;
		padding-bottom: 44px;
	}

	.about-context-hero .about-hero__title,
	.news-context-hero .news-hero__content > div {
		width: min(100%, 420px);
		padding-right: 18px;
		padding-left: 18px;
	}

	.about-context-hero h1,
	.news-context-hero h1 {
		padding-bottom: 16px;
		font-size: 36px;
	}

	.about-context-hero p,
	.news-context-hero p {
		margin-top: 14px;
		font-size: 14px;
		line-height: 1.7;
	}

	.about-page.is-section-view .pages,
	.news-page > .pages,
	.news-page .container.pages {
		padding-top: 46px;
	}
}

@media (max-width: 575.98px) {
	.research-page .research-production-gallery {
		grid-template-columns: 1fr;
	}

	.research-page .research-production-gallery figure {
		min-height: 220px;
	}
}

/* Final content rhythm: hero already carries the family-education title. */
.about-tab-panel[data-about-panel="family-education"] .about-family-education__head {
	display: none;
}

/* 首页解决方案独立布局：避开旧 solution-map 交互样式造成的列宽压缩。 */
.home .home-solution-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(30px, 3vw, 48px);
	width: 100%;
}

.home .home-solution-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: transparent;
}

.home .home-solution-card__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 20px;
}

.home .home-solution-card__head strong {
	color: #10223b;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: 0;
	white-space: nowrap;
}

.home .home-solution-card__head span {
	flex: 0 0 auto;
	color: #71839a;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}

.home .home-solution-card__cover {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: center;
	filter: saturate(.94) contrast(1.02);
	transition: transform .38s ease, filter .38s ease;
}

.home .home-solution-card:hover .home-solution-card__cover {
	filter: saturate(1.03) contrast(1.04);
	transform: translateY(-4px);
}

.home .home-solution-card > p {
	min-height: 88px;
	margin: 0;
	padding: 24px 0 26px;
	color: #63758d;
	font-size: 16px;
	line-height: 1.82;
}

.home .home-solution-card__links {
	margin-top: auto;
	border-top: 1px solid #d9e1ea;
}

.home .home-solution-card__links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
	min-height: 62px;
	padding: 14px 0;
	color: #172a44;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0;
	text-decoration: none;
	white-space: normal;
	word-break: keep-all;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	border-bottom: 1px solid #d9e1ea;
	transition: color .2s ease, padding-left .2s ease;
}

.home .home-solution-card__links a:last-child {
	border-bottom: 0;
}

.home .home-solution-card__links a .fa {
	flex: 0 0 auto;
	color: #6b7a8e;
	font-size: 17px;
}

.home .home-solution-card__links a:hover,
.home .home-solution-card__links a:focus {
	padding-left: 5px;
	color: #0b64d8;
	text-decoration: none;
}

@media (max-width: 991.98px) {
	.home .home-solution-grid {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	.home .home-solution-card > p {
		min-height: 0;
	}
}

@media (max-width: 575.98px) {
	.home .home-solution-card__head {
		display: block;
	}

	.home .home-solution-card__head strong {
		display: block;
		font-size: 25px;
	}

	.home .home-solution-card__head span {
		display: block;
		margin-top: 8px;
	}
}

/* 首页解决方案：用开放式内容栏替代三分表格，强化图片与入口的阅读节奏。 */
.home.home .home-solution-section {
	padding: 112px 0 116px;
	background: #f6f8fb;
}

.home.home .home-solution-section::before,
.home.home .home-solution-section::after {
	display: none;
}

.home.home .solution-map__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
	gap: 72px;
	align-items: end;
	max-width: none;
	margin: 0 0 48px;
	text-align: left;
}

.home.home .solution-map__heading h2 {
	color: #10223b;
	font-size: clamp(38px, 3.15vw, 50px);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.12;
}

.home.home .solution-map__heading p {
	max-width: 460px;
	margin: 0 0 3px;
	color: #64748b;
	font-size: 16px;
	line-height: 1.85;
}

.home.home .solution-map {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(28px, 3vw, 52px);
	background: transparent;
	border: 0;
	box-shadow: none;
}

.home.home .solution-map__track,
.home.home .solution-map__track:last-child {
	position: relative;
	overflow: visible;
	background: transparent;
	border: 0;
}

.home.home .solution-map__track:hover {
	background: transparent;
}

.home.home .solution-map__label {
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 0;
	padding: 0 0 20px;
}

.home.home .solution-map__label strong,
.home.home .solution-map__track--scene .solution-map__label strong,
.home.home .solution-map__track--industry .solution-map__label strong {
	padding: 0;
	color: #10223b;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.25;
}

.home.home .solution-map__label strong::after {
	display: none;
}

.home.home .solution-map__cover {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	filter: saturate(.92) contrast(1.02);
	transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s ease;
}

.home.home .solution-map__track:hover .solution-map__cover {
	filter: saturate(1) contrast(1.03);
	transform: translateY(-5px);
}

.home.home .solution-map__track > p {
	min-height: 0;
	margin: 0;
	padding: 22px 0 25px;
	color: #68778b;
	font-size: 15px;
	line-height: 1.85;
}

.home.home .solution-map__solutions {
	margin: auto 0 0;
	border-top: 1px solid #d9e1ea;
}

.home.home .solution-map__solutions a,
.home.home .solution-map__track--scene .solution-map__solutions a,
.home.home .solution-map__track--industry .solution-map__solutions a {
	min-height: 58px;
	padding: 13px 0;
	color: #182b45;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.45;
	border-bottom-color: #d9e1ea;
	transition: color .2s ease, padding-left .2s ease;
}

.home.home .solution-map__solutions a .fa {
	color: #6b7a8e;
	font-size: 17px;
}

.home.home .solution-map__solutions a:hover,
.home.home .solution-map__solutions a:focus,
.home.home .solution-map__track--scene .solution-map__solutions a:hover,
.home.home .solution-map__track--scene .solution-map__solutions a:focus,
.home.home .solution-map__track--industry .solution-map__solutions a:hover,
.home.home .solution-map__track--industry .solution-map__solutions a:focus {
	padding-left: 5px;
	color: #0b64d8;
}

.home.home .solution-map__solutions a:hover .fa,
.home.home .solution-map__solutions a:focus .fa {
	color: #0b64d8;
}

@media (max-width: 991.98px) {
	.home.home .home-solution-section { padding: 76px 0 80px; }
	.home.home .solution-map__heading { grid-template-columns: 1fr; gap: 15px; margin-bottom: 36px; }
	.home.home .solution-map__heading p { max-width: 610px; }
	.home.home .solution-map { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 575.98px) {
	.home.home .home-solution-section { padding: 58px 0 64px; }
	.home.home .solution-map__heading h2 { font-size: 34px; }
	.home.home .solution-map__label strong { font-size: 24px; }
	.home.home .solution-map__cover { aspect-ratio: 16 / 10; }
	.home.home .solution-map { gap: 42px; }
}

/* 首页产品中心末尾兜底：确保旧 product-atlas 样式不会把版面撑空或压成竖条。 */
@media (min-width: 992px) {
	.home .product-atlas-section {
		padding-top: 34px !important;
		padding-bottom: 88px !important;
	}
	.home .product-atlas-heading {
		min-height: 0 !important;
		margin: 0 0 26px !important;
		padding: 0 !important;
	}
	.home .product-atlas-heading::before,
	.home .product-atlas-heading::after {
		display: none !important;
		content: none !important;
	}
	.home .product-atlas {
		grid-template-columns: minmax(0, 1.08fr) minmax(440px, .86fr) !important;
		grid-template-rows: repeat(3, minmax(150px, 1fr)) !important;
		gap: 24px !important;
		min-height: 536px !important;
	}
	.home .product-atlas__item--parking {
		grid-column: 1 !important;
		grid-row: 1 / span 3 !important;
	}
	.home .product-atlas__item--access,
	.home .product-atlas__item--charging,
	.home .product-atlas__item--platform {
		grid-column: 2 !important;
		width: auto !important;
		min-width: 0 !important;
		writing-mode: horizontal-tb !important;
	}
	.home .product-atlas__item--platform .product-atlas__type,
	.home .product-atlas__item--platform .product-atlas__tags,
	.home .product-atlas__item--platform .product-atlas__tags b {
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}
}

/* 首页产品中心：最终收口为紧凑、均衡的主卡矩阵，去掉旧装饰造成的空白感。 */
@media (min-width: 992px) {
	.home .product-atlas-section {
		padding: 34px 0 88px !important;
		background: linear-gradient(180deg, #fff 0%, #f7fafe 100%) !important;
		overflow: hidden !important;
	}

	.home .product-atlas-section::before,
	.home .product-atlas-section::after,
	.home .product-atlas-heading::before,
	.home .product-atlas-heading::after {
		display: none !important;
		content: none !important;
	}

	.home .product-atlas-section > .container {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.home .product-atlas-heading {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
		gap: 56px !important;
		align-items: end !important;
		min-height: 0 !important;
		margin: 0 0 26px !important;
		padding: 0 !important;
		text-align: left !important;
	}

	.home .product-atlas-heading h2 {
		max-width: 880px !important;
		margin: 6px 0 0 !important;
		color: #10223b !important;
		font-size: clamp(38px, 2.45vw, 46px) !important;
		font-weight: 800 !important;
		line-height: 1.14 !important;
		letter-spacing: 0 !important;
	}

	.home .product-atlas-heading__side {
		justify-self: end !important;
		max-width: 430px !important;
		padding-bottom: 2px !important;
	}

	.home .product-atlas-heading__side p {
		margin: 0 0 13px !important;
		color: #52657d !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 1.68 !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: minmax(0, 1.08fr) minmax(440px, .86fr) !important;
		grid-template-rows: repeat(3, minmax(150px, 1fr)) !important;
		gap: 24px !important;
		width: 100% !important;
		min-height: 536px !important;
		margin: 0 !important;
		align-items: stretch !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		position: relative !important;
		display: block !important;
		grid-column: auto !important;
		grid-row: auto !important;
		width: auto !important;
		height: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__item--parking {
		grid-column: 1 !important;
		grid-row: 1 / span 3 !important;
	}

	.home .product-atlas__item--access,
	.home .product-atlas__item--charging,
	.home .product-atlas__item--platform {
		grid-column: 2 !important;
	}

	.home .product-atlas__item > img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center !important;
		transform: none !important;
	}

	.home .product-atlas__item::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
		display: block !important;
		background: linear-gradient(180deg, rgba(4, 15, 31, .08) 0%, rgba(4, 15, 31, .72) 100%) !important;
		pointer-events: none !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking)::before {
		background: linear-gradient(90deg, rgba(4, 15, 31, .78) 0%, rgba(4, 15, 31, .36) 58%, rgba(4, 15, 31, .08) 100%) !important;
	}

	.home .product-atlas__content {
		position: absolute !important;
		z-index: 2 !important;
		inset: auto auto 30px 34px !important;
		width: auto !important;
		max-width: calc(100% - 96px) !important;
		height: auto !important;
		padding: 0 !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__item--parking .product-atlas__content {
		inset: auto auto 42px 42px !important;
		max-width: 520px !important;
	}

	.home .product-atlas__type {
		display: block !important;
		color: #fff !important;
		font-size: 25px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__item--parking .product-atlas__type {
		font-size: 38px !important;
	}

	.home .product-atlas__tags {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		margin-top: 14px !important;
		opacity: 1 !important;
		transform: none !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__tags b {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 30px !important;
		padding: 6px 12px !important;
		color: rgba(255, 255, 255, .86) !important;
		font-size: 13px !important;
		font-weight: 650 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		background: rgba(255, 255, 255, .14) !important;
		border: 1px solid rgba(255, 255, 255, .2) !important;
		border-radius: 5px !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__action {
		z-index: 2 !important;
		top: 26px !important;
		right: 26px !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
	}
}

/* 首页产品区细化：减少顶部空白，并恢复卡片文字的正常横排层级。 */
@media (min-width: 992px) {
	.home .product-atlas-section {
		padding-top: 48px !important;
		padding-bottom: 92px !important;
	}

	.home .product-atlas-heading {
		margin-bottom: 30px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.home .product-atlas__content,
	.home .product-atlas__item--parking .product-atlas__content,
	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__content {
		top: auto !important;
		right: auto !important;
		bottom: 28px !important;
		left: 34px !important;
		display: block !important;
		width: auto !important;
		max-width: calc(100% - 96px) !important;
		height: auto !important;
		overflow: visible !important;
	}

	.home .product-atlas__item--parking .product-atlas__content {
		bottom: 42px !important;
		left: 42px !important;
	}

	.home .product-atlas__type,
	.home .product-atlas__tags,
	.home .product-atlas__tags b {
		position: static !important;
		inset: auto !important;
		width: auto !important;
		height: auto !important;
		min-width: 0 !important;
		overflow: visible !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__type {
		display: block !important;
	}

	.home .product-atlas__tags {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		margin-top: 14px !important;
	}
}

/* 首页产品区最终布局：取消第四张竖条卡，压实标题与内容间距。 */
@media (min-width: 992px) {
	.home .product-atlas-section {
		padding-top: 48px !important;
		padding-bottom: 92px !important;
	}

	.home .product-atlas-section > .container {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home .product-atlas-heading {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(360px, .52fr) !important;
		gap: 56px !important;
		align-items: end !important;
		max-width: none !important;
		margin: 0 0 30px !important;
		text-align: left !important;
	}

	.home .product-atlas-heading h2 {
		max-width: 860px !important;
		margin: 6px 0 0 !important;
		color: #10223b !important;
		font-size: 46px !important;
		font-weight: 800 !important;
		line-height: 1.16 !important;
		letter-spacing: 0 !important;
	}

	.home .product-atlas-heading__side {
		justify-self: end !important;
		max-width: 430px !important;
		padding-bottom: 2px !important;
	}

	.home .product-atlas-heading__side p {
		margin: 0 0 15px !important;
		color: #5c6e84 !important;
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: minmax(0, 1.1fr) minmax(390px, .9fr) !important;
		grid-template-rows: repeat(3, minmax(150px, 1fr)) !important;
		gap: 26px !important;
		width: 100% !important;
		min-height: 560px !important;
		align-items: stretch !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		grid-column: auto !important;
		grid-row: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		width: auto !important;
		height: auto !important;
		opacity: 1 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__item--parking {
		grid-column: 1 !important;
		grid-row: 1 / span 3 !important;
	}

	.home .product-atlas__item--access,
	.home .product-atlas__item--charging,
	.home .product-atlas__item--platform {
		grid-column: 2 !important;
	}

	.home .product-atlas__item > img,
	.home .product-atlas__item--platform > img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center !important;
		transform: none !important;
	}

	.home .product-atlas__content {
		right: auto !important;
		bottom: auto !important;
		left: 34px !important;
		top: auto !important;
		width: auto !important;
		max-width: calc(100% - 92px) !important;
		padding: 0 !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__item--parking .product-atlas__content {
		left: 42px !important;
		bottom: 42px !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__content {
		left: 34px !important;
		bottom: 28px !important;
	}

	.home .product-atlas__type {
		display: block !important;
		color: #fff !important;
		font-size: 26px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__item--parking .product-atlas__type {
		font-size: 36px !important;
	}

	.home .product-atlas__tags {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		margin-top: 16px !important;
		transform: none !important;
		opacity: 1 !important;
		writing-mode: horizontal-tb !important;
	}

	.home .product-atlas__tags b {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 30px !important;
		padding: 6px 12px !important;
		color: rgba(255, 255, 255, .86) !important;
		font-size: 13px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		writing-mode: horizontal-tb !important;
		text-orientation: mixed !important;
	}

	.home .product-atlas__action {
		top: 28px !important;
		right: 28px !important;
		left: auto !important;
		bottom: auto !important;
		transform: none !important;
	}
}

@media (max-width: 991.98px) {
	.home .product-atlas {
		grid-template-columns: 1fr !important;
		grid-template-rows: none !important;
	}
}

/* 首页宽版内容最终覆盖：保证内部内容跟随新版宽度重新分配。 */
@media (min-width: 1200px) {
	.home .product-atlas-section > .container,
	.home .home-solution-section > .container,
	.home .platform-section > .container,
	.home .home-news-section > .container {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home .product-atlas-heading,
	.home.home .solution-map__heading {
		display: grid !important;
		grid-template-columns: minmax(0, .95fr) minmax(420px, .72fr) !important;
		gap: clamp(64px, 8vw, 140px) !important;
		align-items: end !important;
		max-width: none !important;
		margin: 0 0 50px !important;
		text-align: left !important;
	}

	.home .product-atlas-heading {
		margin-bottom: 30px !important;
	}

	.home .product-atlas-heading h2,
	.home.home .solution-map__heading h2 {
		margin: 8px 0 0 !important;
		color: #10223b !important;
		font-size: 48px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
	}

	.home .product-atlas-heading__side,
	.home.home .solution-map__heading-side {
		justify-self: end !important;
		max-width: 470px !important;
		padding-bottom: 4px !important;
	}

	.home .product-atlas-heading__side p,
	.home.home .solution-map__heading-side p {
		max-width: none !important;
		margin: 0 0 18px !important;
		color: #55677f !important;
		font-size: 17px !important;
		line-height: 1.75 !important;
	}

	.home .product-atlas-heading__side a,
	.home.home .solution-map__heading-side a {
		display: inline-flex !important;
		align-items: center !important;
		gap: 10px !important;
		color: #0b64d8 !important;
		font-size: 15px !important;
		font-weight: 750 !important;
		text-decoration: none !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: minmax(0, 1.18fr) minmax(340px, .72fr) !important;
		grid-template-rows: repeat(3, minmax(158px, 1fr)) !important;
		gap: 22px !important;
		align-items: stretch !important;
	}

	.home .product-atlas__item {
		min-height: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.home .product-atlas__item--parking {
		grid-row: 1 / span 3 !important;
		min-height: 560px !important;
	}

	.home .product-atlas__item--parking .product-atlas__content {
		padding: 46px !important;
	}

	.home .product-atlas__item--parking .product-atlas__type {
		font-size: 38px !important;
		line-height: 1.15 !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__content {
		padding: 28px 30px !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__type {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	.home.home .home-solution-section {
		padding: 118px 0 124px !important;
	}

	.home.home .solution-map {
		display: grid !important;
		grid-template-columns: minmax(0, 1.16fr) minmax(0, .92fr) minmax(0, .92fr) !important;
		gap: 34px !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.home.home .solution-map__track {
		display: grid !important;
		grid-template-rows: auto auto auto 1fr !important;
	}

	.home.home .solution-map__label {
		display: flex !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		gap: 16px !important;
		padding-bottom: 18px !important;
	}

	.home.home .solution-map__label strong,
	.home.home .solution-map__track--scene .solution-map__label strong,
	.home.home .solution-map__track--industry .solution-map__label strong {
		color: #10223b !important;
		font-size: 30px !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
	}

	.home.home .solution-map__label span {
		display: inline !important;
		color: #71839a !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		white-space: nowrap !important;
	}

	.home.home .solution-map__cover {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 10 !important;
		object-fit: cover !important;
	}

	.home.home .solution-map__track--operation .solution-map__cover {
		aspect-ratio: 16 / 9 !important;
	}

	.home.home .solution-map__track > p {
		padding: 24px 0 28px !important;
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	.home.home .solution-map__solutions a {
		min-height: 62px !important;
		font-size: 16px !important;
	}

	.home .platform-layout--command {
		grid-template-columns: minmax(410px, .72fr) minmax(0, 1.28fr) !important;
		gap: clamp(58px, 6vw, 96px) !important;
		align-items: center !important;
	}

	.home .platform-copy h2 {
		font-size: 52px !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
	}

	.home .platform-layout .lead {
		max-width: none !important;
		white-space: nowrap !important;
		color: #31435a !important;
		font-size: 18px !important;
		font-weight: 650 !important;
		line-height: 1.65 !important;
	}

	.home .platform-visual--dashboard {
		min-height: 560px !important;
		padding: 28px !important;
	}

	.home .platform-screen {
		min-height: 500px !important;
	}

	.home .proof-layout {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
		grid-template-columns: minmax(0, .82fr) minmax(520px, .78fr) !important;
		gap: clamp(72px, 8vw, 132px) !important;
	}

	.home .home-news-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 34px !important;
	}
}

/* 首页宽版内容重排：外层变宽后，模块内部同步改成更适合宽屏阅读的比例。 */
@media (min-width: 1200px) {
	.home .product-atlas-section > .container,
	.home .home-solution-section > .container,
	.home .platform-section > .container,
	.home .home-news-section > .container {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.home .product-atlas-heading,
	.home.home .solution-map__heading {
		display: grid !important;
		grid-template-columns: minmax(0, .95fr) minmax(420px, .72fr) !important;
		gap: clamp(64px, 8vw, 140px) !important;
		align-items: end !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left !important;
	}

	.home .product-atlas-heading h2,
	.home.home .solution-map__heading h2 {
		margin: 8px 0 0 !important;
		color: #10223b !important;
		font-size: 48px !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
	}

	.home .product-atlas-heading__side,
	.home.home .solution-map__heading-side {
		justify-self: end !important;
		max-width: 470px !important;
		padding-bottom: 4px !important;
	}

	.home .product-atlas-heading__side p,
	.home.home .solution-map__heading-side p {
		max-width: none !important;
		margin: 0 0 18px !important;
		color: #55677f !important;
		font-size: 17px !important;
		line-height: 1.75 !important;
	}

	.home .product-atlas-heading__side a,
	.home.home .solution-map__heading-side a {
		display: inline-flex !important;
		align-items: center !important;
		gap: 10px !important;
		color: #0b64d8 !important;
		font-size: 15px !important;
		font-weight: 750 !important;
		text-decoration: none !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: minmax(0, 1.18fr) minmax(340px, .72fr) !important;
		grid-template-rows: repeat(3, minmax(158px, 1fr)) !important;
		gap: 22px !important;
		align-items: stretch !important;
	}

	.home .product-atlas__item {
		min-height: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.home .product-atlas__item--parking {
		grid-row: 1 / span 3 !important;
		min-height: 560px !important;
	}

	.home .product-atlas__item--parking .product-atlas__content {
		padding: 46px !important;
	}

	.home .product-atlas__item--parking .product-atlas__type {
		font-size: 38px !important;
		line-height: 1.15 !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__content {
		padding: 28px 30px !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__type {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	.home .product-atlas__item:not(.product-atlas__item--parking) .product-atlas__tags {
		margin-top: 14px !important;
	}

	.home.home .home-solution-section {
		padding: 118px 0 124px !important;
	}

	.home.home .solution-map {
		display: grid !important;
		grid-template-columns: minmax(0, 1.16fr) minmax(0, .92fr) minmax(0, .92fr) !important;
		gap: 34px !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.home.home .solution-map__track {
		display: grid !important;
		grid-template-rows: auto auto auto 1fr !important;
	}

	.home.home .solution-map__label {
		display: flex !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		gap: 16px !important;
		padding-bottom: 18px !important;
	}

	.home.home .solution-map__label strong,
	.home.home .solution-map__track--scene .solution-map__label strong,
	.home.home .solution-map__track--industry .solution-map__label strong {
		color: #10223b !important;
		font-size: 30px !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
	}

	.home.home .solution-map__label span {
		display: inline !important;
		color: #71839a !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		white-space: nowrap !important;
	}

	.home.home .solution-map__cover {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 10 !important;
		object-fit: cover !important;
	}

	.home.home .solution-map__track--operation .solution-map__cover {
		aspect-ratio: 16 / 9 !important;
	}

	.home.home .solution-map__track > p {
		padding: 24px 0 28px !important;
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	.home.home .solution-map__solutions a {
		min-height: 62px !important;
		font-size: 16px !important;
	}

	.home .platform-layout--command {
		grid-template-columns: minmax(410px, .72fr) minmax(0, 1.28fr) !important;
		gap: clamp(58px, 6vw, 96px) !important;
		align-items: center !important;
	}

	.home .platform-copy h2 {
		font-size: 52px !important;
		line-height: 1.12 !important;
		letter-spacing: 0 !important;
	}

	.home .platform-layout .lead {
		max-width: none !important;
		white-space: nowrap !important;
		color: #31435a !important;
		font-size: 18px !important;
		font-weight: 650 !important;
		line-height: 1.65 !important;
	}

	.home .platform-visual--dashboard {
		min-height: 560px !important;
		padding: 28px !important;
	}

	.home .platform-screen {
		min-height: 500px !important;
	}

	.home .proof-layout {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
		grid-template-columns: minmax(0, .82fr) minmax(520px, .78fr) !important;
		gap: clamp(72px, 8vw, 132px) !important;
	}

	.home .home-news-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 34px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.home .product-atlas,
	.home.home .solution-map {
		gap: 26px !important;
	}

	.home .platform-layout--command {
		grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr) !important;
	}
}

@media (max-width: 991.98px) {
	.home .product-atlas-heading,
	.home.home .solution-map__heading {
		display: block !important;
		text-align: left !important;
	}

	.home .product-atlas-heading__side,
	.home.home .solution-map__heading-side {
		margin-top: 18px !important;
	}

	.home .product-atlas {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: none !important;
	}

	.home .product-atlas__item--parking {
		grid-row: auto !important;
	}
}

@media (max-width: 575.98px) {
	.home .product-atlas {
		grid-template-columns: 1fr !important;
	}

	.home .platform-layout .lead {
		white-space: normal !important;
	}
}

/* 首页版心：宽屏内容跟随新版视觉比例展开，背景可通栏，内容不贴边。 */
@media (min-width: 992px) {
	.home .product-atlas-section > .container,
	.home .home-solution-section > .container,
	.home .platform-section > .container,
	.home .home-news-section > .container {
		width: min(1490px, calc(100% - 96px)) !important;
		max-width: none !important;
	}

	.home .proof-section > .container {
		width: 100% !important;
		max-width: none !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.home .proof-layout {
		width: min(1490px, calc(100% - 96px)) !important;
		grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr) !important;
		gap: clamp(48px, 5vw, 76px) !important;
	}

	.home.home .solution-map {
		width: 100% !important;
		margin: 0 !important;
		gap: clamp(30px, 3vw, 44px) !important;
	}

	.home.home .solution-map__cover {
		aspect-ratio: 16 / 10 !important;
	}

	.home .platform-layout--command {
		grid-template-columns: minmax(390px, .74fr) minmax(0, 1.26fr) !important;
		gap: clamp(48px, 5vw, 74px) !important;
	}

	.home .product-atlas,
	.home .home-news-grid {
		gap: clamp(24px, 2.4vw, 34px) !important;
	}
}

@media (min-width: 992px) {
	/* 区块背景通栏，三类方案仍保留与全站一致的阅读安全边距。 */
	.home.home .solution-map {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* About / honor: calm editorial gallery, stripped of ornamental labels and card frames. */
.about-hero--honor {
	background-color: #102a47;
	background-image: linear-gradient(rgba(10, 35, 61, .88), rgba(10, 35, 61, .88)), url("../images/banners/about.jpg");
	background-position: center;
	background-size: cover;
}

.about-hero--honor .about-hero__honor {
	align-items: flex-end;
	gap: clamp(44px, 8vw, 140px);
}

.about-hero--honor .about-hero__honor-copy {
	max-width: 690px;
}

.about-hero--honor .about-hero__honor-copy h1 {
	margin-bottom: 18px;
	font-size: clamp(36px, 3.25vw, 52px);
	line-height: 1.25;
	letter-spacing: -.025em;
}

.about-hero--honor .about-hero__honor-copy p {
	max-width: 650px;
	font-size: 17px;
	line-height: 1.85;
}

.about-hero--honor .about-hero__honor-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(130px, 1fr));
	gap: 28px 56px;
	width: min(34vw, 430px);
}

.about-hero--honor .about-hero__honor-stats div {
	min-height: 0;
	align-items: flex-start;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	backdrop-filter: none;
}

.about-hero--honor .about-hero__honor-stats strong {
	color: #fff;
	font-size: clamp(30px, 2.7vw, 42px);
	font-weight: 800;
	letter-spacing: -.04em;
}

.about-hero--honor .about-hero__honor-stats span {
	margin-top: 8px;
	color: rgba(255, 255, 255, .64);
	font-size: 14px;
}

.about-tab-panel[data-about-panel="honor"] {
	padding-top: 22px;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group {
	margin: 0;
	padding: 64px 0 0;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group + .about-honor-group {
	margin-top: 72px;
	padding-top: 0;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group__head {
	margin: 0 0 28px;
	padding: 0;
	border: 0;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group__head i,
.about-tab-panel[data-about-panel="honor"] .about-honor-group__head span,
.about-tab-panel[data-about-panel="honor"] .about-honor-card__year {
	display: none !important;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group__head h3 {
	color: #10243d;
	font-size: clamp(24px, 2vw, 30px);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -.025em;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(22px, 2.2vw, 34px) clamp(18px, 2vw, 30px);
	border: 0;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card,
.about-tab-panel[data-about-panel="honor"] .about-honor-card:nth-child(4n) {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card.is-national,
.about-tab-panel[data-about-panel="honor"] .about-honor-card.is-invention {
	background: transparent;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card__img {
	aspect-ratio: 1.28 / 1;
	border: 0;
	background: #f4f6f8;
	box-shadow: none;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card__img img {
	inset: 22px;
	width: calc(100% - 44px);
	height: calc(100% - 44px);
	transition: transform .35s ease;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card:hover .about-honor-card__img img {
	transform: scale(1.025);
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card strong {
	min-height: 0;
	padding: 14px 0 0;
	color: #26364a;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.55;
	text-align: left;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card strong::before {
	display: none;
}

@media (max-width: 900px) {
	.about-hero--honor .about-hero__honor {
		align-items: start;
	}

	.about-hero--honor .about-hero__honor-stats {
		width: 100%;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 18px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.about-hero--honor .about-hero__honor-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 28px;
	}

	.about-tab-panel[data-about-panel="honor"] {
		padding-top: 8px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-group {
		padding-top: 44px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-group + .about-honor-group {
		margin-top: 50px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-group__head {
		margin-bottom: 20px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-card__img img {
		inset: 14px;
		width: calc(100% - 28px);
		height: calc(100% - 28px);
	}
}

/* 医院陪护方案的两段章节说明与居中的标题对齐。 */
.hospital-solution .hospital-challenges .hospital-title > p,
.hospital-solution .hospital-architecture .hospital-title > p {
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
}

/* About / intro: editorial corporate narrative */
.about-hero {
	min-height: 530px;
	background: linear-gradient(90deg, rgba(5, 14, 27, .94) 0%, rgba(5, 14, 27, .74) 40%, rgba(5, 14, 27, .12) 78%), url("../images/banners/about.jpg") center / cover no-repeat;
}

.about-hero__content {
	display: flex;
	align-items: flex-end;
	padding-top: 158px;
	padding-bottom: 88px;
}

.about-hero__title {
	max-width: 860px;
	padding-left: 30px;
	border-left: 3px solid #df302d;
}

.about-hero h1 {
	margin: 0 0 22px;
	font-family: "Songti SC", "STSong", serif;
	font-size: 84px;
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: 0;
	text-shadow: none;
}

.about-hero p {
	margin: 0;
	max-width: 690px;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.6;
	text-shadow: none;
}

.about-tab-panel[data-about-panel="intro"] {
	--about-ink: #102033;
	--about-muted: #657488;
	--about-red: #d92c2c;
	padding-top: 88px;
}

.about-statement {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(390px, .72fr);
	gap: 10%;
	align-items: center;
	min-height: 360px;
	padding-bottom: 76px;
	border-bottom: 1px solid #dbe1e7;
}

.about-statement__title > span,
.about-film__content > span,
.about-delivery__copy > span,
.about-ecosystem__head > span,
.about-network__intro > span,
.about-closing span {
	display: block;
	margin-bottom: 28px;
	color: var(--about-red);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
}

.about-statement h2,
.about-delivery h2,
.about-network h2,
.about-closing h2 {
	margin: 0;
	color: var(--about-ink);
	font-family: "Songti SC", "STSong", serif;
	font-size: 64px;
	font-weight: 500;
	line-height: 1.12;
}

.about-statement__copy {
	max-width: 530px;
	padding-bottom: 0;
	color: var(--about-muted);
	font-size: 18px;
	line-height: 1.95;
}

.about-statement__copy p { margin: 0 0 16px; }
.about-statement__copy p:last-child { margin-bottom: 0; }
.about-statement__copy strong { color: var(--about-ink); font-weight: 700; }

.about-proof-rail {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 48px 0 112px;
}

.about-proof-rail > div {
	min-width: 0;
	padding: 8px 42px;
	border-left: 1px solid #dbe1e7;
}

.about-proof-rail > div:first-child { padding-left: 0; border-left: 0; }
.about-proof-rail > div:last-child { padding-right: 0; }

.about-proof-rail strong {
	display: block;
	color: var(--about-red);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 52px;
	font-weight: 700;
	line-height: 1;
}

.about-proof-rail strong b,
.about-network__metrics dt b { font: inherit; }
.about-proof-rail em { font-family: inherit; font-size: .52em; font-style: normal; }
.about-proof-rail span { display: block; margin-top: 12px; color: var(--about-muted); font-size: 14px; }

.about-film {
	position: relative;
	display: grid;
	grid-template-columns: minmax(280px, .54fr) minmax(0, 1fr);
	min-height: 470px;
	color: #fff;
	background: #102033;
	overflow: hidden;
}

.about-film__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 58px 54px;
	background: linear-gradient(90deg, #102033 0%, #102033 76%, rgba(16, 32, 51, .9) 100%);
	position: relative;
	z-index: 1;
}

.about-film__content h2 { margin: 0 0 20px; color: #fff; font-family: "Songti SC", "STSong", serif; font-size: 45px; font-weight: 500; }
.about-film__content p { max-width: 370px; margin: 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.9; }

.about-film__media { position: relative; min-height: 360px; background: #07111e; }
.about-film__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #102033 0%, transparent 25%); pointer-events: none; }
.about-film__media iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; background: #07111e; }

.about-film__cover {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 100%;
	padding: 0;
	overflow: hidden;
	color: #fff;
	background: #07111e;
	border: 0;
	cursor: pointer;
	transition: opacity .28s ease, visibility .28s ease;
}

.about-film__cover > img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.about-film__cover::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7, 17, 30, .58), rgba(7, 17, 30, .12)); }
.about-film__cover span { position: relative; z-index: 1; display: inline-grid; grid-template-columns: 44px auto; align-items: center; gap: 12px; min-height: 60px; padding: 7px 20px 7px 7px; color: #fff; background: rgba(8, 24, 46, .68); border: 1px solid rgba(255, 255, 255, .82); border-radius: 999px; box-shadow: 0 12px 28px rgba(2, 12, 27, .26); font-size: 14px; font-weight: 700; letter-spacing: .04em; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.about-film__cover span i { display: grid; place-items: center; width: 44px; height: 44px; padding-left: 2px; color: var(--brand); background: #fff; border-radius: 50%; font-size: 14px; }
.about-film__cover:hover span, .about-film__cover:focus-visible span { background: var(--brand); border-color: var(--brand); transform: translateY(-2px); }
.about-film__cover:focus { outline: 0; }
.about-film__media.is-playing .about-film__cover { opacity: 0; visibility: hidden; pointer-events: none; }

/* 公司宣传片：以独立的大尺寸播放符号明确提示封面可点击。 */
.about-film__cover .about-film__play-cta {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 12px;
	min-height: 0;
	padding: 0;
	color: #fff;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
}

.about-film__cover .about-film__play-icon {
	display: grid;
	place-items: center;
	width: 78px;
	height: 78px;
	padding: 0;
	color: var(--brand);
	background: rgba(255, 255, 255, .96);
	border: 1px solid rgba(255, 255, 255, .92);
	border-radius: 50%;
	box-shadow: 0 14px 34px rgba(2, 12, 27, .34), 0 0 0 9px rgba(255, 255, 255, .12);
	font-size: 0;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}

.about-film__play-icon svg { width: 29px; height: 29px; fill: currentColor; transform: translateX(2px); }
.about-film__play-cta em { font-style: normal; text-shadow: 0 2px 8px rgba(2, 12, 27, .55); }
.about-film__cover:hover .about-film__play-cta, .about-film__cover:focus-visible .about-film__play-cta { background: transparent; border-color: transparent; transform: none; }
.about-film__cover:hover .about-film__play-icon, .about-film__cover:focus-visible .about-film__play-icon { color: #fff; background: var(--brand); transform: scale(1.06); }

@media (max-width: 767.98px) {
	.about-film__cover .about-film__play-icon { width: 66px; height: 66px; }
	.about-film__play-icon svg { width: 25px; height: 25px; }
}

.about-delivery { display: grid; grid-template-columns: minmax(0, .88fr) minmax(440px, 1.12fr); margin-top: 96px; background: #102033; color: #fff; }
.about-delivery__copy { padding: 72px 58px 62px; }
.about-delivery__copy > span, .about-delivery h2 { color: #fff; }
.about-delivery h2 { margin-bottom: 26px; }
.about-delivery__copy > p { margin: 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 1.9; }
.about-delivery__lines { margin-top: 42px; border-top: 1px solid rgba(255,255,255,.16); }
.about-delivery__lines > div { display: grid; grid-template-columns: 34px 1fr; column-gap: 14px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.about-delivery__lines b { grid-row: span 2; color: var(--about-red); font-family: Georgia, serif; font-weight: 400; }
.about-delivery__lines strong { color: #fff; font-size: 16px; font-weight: 600; }
.about-delivery__lines span { margin-top: 6px; color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.6; }
.about-delivery__visual { position: relative; min-height: 630px; overflow: hidden; }
.about-delivery__visual > img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.88) contrast(1.04); }
.about-delivery__numbers { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; background: rgba(6,17,31,.86); backdrop-filter: blur(8px); }
.about-delivery__numbers div { padding: 23px 28px; border-right: 1px solid rgba(255,255,255,.16); }
.about-delivery__numbers div:last-child { border: 0; }
.about-delivery__numbers strong { display: block; color: #fff; font-family: Georgia, serif; font-size: 42px; font-weight: 400; line-height: 1; }
.about-delivery__numbers sup { color: var(--about-red); font-size: .45em; }
.about-delivery__numbers span { display: block; margin-top: 8px; color: rgba(255,255,255,.64); font-size: 12px; }

.about-ecosystem { padding: 112px 0 110px; }
.about-ecosystem__head { max-width: 760px; margin: 0 auto 56px; text-align: center; }
.about-ecosystem__head > span { margin-bottom: 18px; }
.about-ecosystem__head h2 { margin: 0; color: var(--about-ink); font-family: "Songti SC", "STSong", serif; font-size: 42px; font-weight: 500; line-height: 1.3; }
.about-ecosystem__head p { margin: 18px 0 0; color: var(--about-muted); font-size: 16px; line-height: 1.8; }
.about-ecosystem__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr); gap: 9%; align-items: center; }
.about-ecosystem figure { margin: 0; height: 450px; overflow: hidden; }
.about-ecosystem figure img { width: 100%; height: 100%; object-fit: cover; }
.about-ecosystem ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid #dbe1e7; }
.about-ecosystem li { display: grid; grid-template-columns: 76px 1fr; gap: 10px; padding: 27px 0; border-bottom: 1px solid #dbe1e7; }
.about-ecosystem li b { color: var(--about-red); font-family: Georgia, serif; font-size: 28px; font-weight: 400; }
.about-ecosystem li strong { display: block; color: var(--about-ink); font-size: 21px; font-weight: 600; }
.about-ecosystem li span { display: block; margin-top: 9px; color: var(--about-muted); font-size: 14px; line-height: 1.75; }

.about-network { display: grid; grid-template-columns: minmax(320px, .56fr) minmax(0, 1.44fr); gap: 5%; padding: 84px 0; border-top: 1px solid #dbe1e7; border-bottom: 1px solid #dbe1e7; }
.about-network h2 { font-size: 46px; }
.about-network__intro p { margin: 26px 0 30px; color: var(--about-muted); font-size: 15px; line-height: 1.9; }
.about-network__intro ul { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 0; padding: 0; list-style: none; color: var(--about-ink); font-size: 14px; }
.about-network__intro li::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 8px 2px 0; background: var(--about-red); border-radius: 50%; }
.about-network figure { position: relative; margin: 0; align-self: center; }
.about-network figure img { display: block; width: 100%; max-height: 355px; object-fit: contain; }
.about-network figcaption { position: absolute; right: 4px; bottom: -14px; color: #8c98a6; font-size: 12px; }
.about-network .about-network__map { width: 100%; max-height: none; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid #d6e4f0; border-radius: 20px; background: #f7fbff; box-shadow: 0 18px 46px rgba(15, 62, 102, .09); }

.about-network__figure {
	isolation: isolate;
	overflow: visible;
}

.about-network__markers {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	border-radius: 20px;
	overflow: hidden;
}

.about-network__pin {
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: 13px;
	height: 13px;
	border: 2px solid #fff;
	border-radius: 999px;
	background: #0b64d8;
	box-shadow: 0 0 0 4px rgba(11, 100, 216, .16), 0 10px 22px rgba(9, 38, 78, .24);
	transform: translate(-50%, -50%);
}

.about-network__pin::before {
	content: "";
	position: absolute;
	inset: -9px;
	border: 1px solid currentColor;
	border-radius: inherit;
	color: rgba(11, 100, 216, .42);
	animation: aboutMapPulse 2.4s ease-out infinite;
}

.about-network__pin::after {
	content: attr(data-label);
	position: absolute;
	left: 50%;
	bottom: calc(100% + 9px);
	min-width: max-content;
	padding: 4px 8px;
	color: #123252;
	background: rgba(255, 255, 255, .92);
	border: 1px solid rgba(125, 163, 205, .38);
	border-radius: 999px;
	box-shadow: 0 8px 18px rgba(21, 49, 86, .12);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	transform: translateX(-50%);
}

.about-network__pin--hq {
	width: 17px;
	height: 17px;
	background: #d92c2c;
	box-shadow: 0 0 0 5px rgba(217, 44, 44, .16), 0 12px 26px rgba(95, 20, 20, .26);
}

.about-network__pin--hq::before {
	color: rgba(217, 44, 44, .46);
}

.about-network__pin--office {
	background: #0b64d8;
}

.about-network__pin--market {
	width: 11px;
	height: 11px;
	background: #10a6a1;
	box-shadow: 0 0 0 4px rgba(16, 166, 161, .16), 0 10px 20px rgba(10, 73, 78, .2);
}

.about-network__pin--market::before {
	color: rgba(16, 166, 161, .42);
	animation-delay: .35s;
}

.about-network__legend {
	position: absolute;
	left: 18px;
	bottom: 18px;
	z-index: 3;
	display: grid;
	gap: 9px;
	padding: 13px 15px;
	background: rgba(255, 255, 255, .86);
	border: 1px solid rgba(125, 163, 205, .28);
	border-radius: 14px;
	box-shadow: 0 16px 32px rgba(23, 57, 94, .12);
	backdrop-filter: blur(12px);
	color: #27405d;
	font-size: 12px;
	font-weight: 700;
}

.about-network__legend span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.about-network__legend-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	box-shadow: 0 0 0 3px rgba(11, 100, 216, .12);
}

.about-network__legend-dot--hq { background: #d92c2c; box-shadow: 0 0 0 3px rgba(217, 44, 44, .12); }
.about-network__legend-dot--office { background: #0b64d8; }
.about-network__legend-dot--market { background: #10a6a1; box-shadow: 0 0 0 3px rgba(16, 166, 161, .12); }

@keyframes aboutMapPulse {
	0% { opacity: .72; transform: scale(.72); }
	80%, 100% { opacity: 0; transform: scale(1.72); }
}

@media (max-width: 767.98px) {
	.about-network__pin::after {
		display: none;
	}

	.about-network__legend {
		left: 12px;
		bottom: 12px;
		gap: 7px;
		padding: 10px 12px;
		font-size: 11px;
	}
}

/* Desktop dropdown typography: calmer Huawei-like hierarchy, spacing and tone. */
@media (min-width: 992px) {
	.site-header .nav-popover {
		background: #fff;
		border-top: 1px solid #edf0f3;
		box-shadow: 0 20px 38px rgba(17, 24, 39, .06);
	}

	.site-header .nav-popover__links {
		align-items: start;
		gap: 36px clamp(48px, 5vw, 82px);
		padding-top: 42px;
		padding-bottom: 48px;
	}

	.site-header .nav-popover__group {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.site-header .nav-popover__title,
	.site-header .nav-popover__node {
		color: #111827;
		font-size: 20px;
		font-weight: 800;
		line-height: 1.28;
		letter-spacing: 0;
	}

	.site-header .nav-popover__title {
		margin: 0 0 24px;
		padding: 0 0 16px;
		border-bottom: 1px solid #e5e7eb;
	}

	.site-header .nav-popover__leaf {
		color: #60646b;
		font-size: 15.5px;
		font-weight: 400;
		line-height: 1.55;
		letter-spacing: 0;
	}

	.site-header .nav-popover__leaf + .nav-popover__leaf {
		margin-top: 18px;
	}

	.site-header .nav-popover__leaf:hover {
		color: #111827 !important;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__links,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__links {
		grid-template-columns: minmax(0, 1.9fr) minmax(220px, .85fr) minmax(220px, .85fr);
		max-width: 1188px;
		gap: 54px;
		padding: 42px 0 52px;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group:first-child,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group:first-child {
		display: grid;
		grid-template-columns: repeat(3, minmax(120px, 1fr));
		gap: 0 46px;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group:first-child .nav-popover__title,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group:first-child .nav-popover__title {
		grid-column: 1 / -1;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover {
		padding-left: max(44px, calc((100vw - 1520px) / 2));
		padding-right: max(44px, calc((100vw - 1520px) / 2));
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__links {
		grid-template-columns: repeat(6, minmax(150px, 1fr));
		gap: 34px clamp(34px, 2.9vw, 54px);
		padding: 42px 0 52px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group .nav-popover__title {
		margin: 0 0 22px;
		padding: 0 0 15px;
		color: #111827;
		border-bottom-color: #e5e7eb;
		font-size: 20px;
		font-weight: 800;
		line-height: 1.28;
		letter-spacing: 0;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf,
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a {
		margin: 0;
		padding: 0;
		color: #60646b;
		font-size: 15.5px;
		font-weight: 400;
		line-height: 1.55;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf + .nav-popover__leaf,
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a + a {
		margin-top: 14px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf::before {
		display: none;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3 {
		margin: 0 0 12px;
		color: #111827;
		font-size: 15.5px;
		font-weight: 700;
		line-height: 1.45;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0 0 18px;
		padding-left: 0;
		border-left: 0;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__links {
		gap: clamp(44px, 5vw, 92px);
		padding: 42px 0 48px;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__title {
		color: #60646b;
		font-size: 15.5px;
		font-weight: 400;
		line-height: 1.55;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__title + .nav-popover__level3 {
		margin-top: 0 !important;
	}
}

/* Dropdown text cleanup: solution/about long entries should wrap naturally, not truncate. */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="解决方案"] .nav-popover__links,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__links {
		grid-template-columns: repeat(3, minmax(260px, 340px)) !important;
		gap: 34px clamp(52px, 6vw, 92px) !important;
		max-width: 1260px !important;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__leaf,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__leaf {
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: normal !important;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
}

/* Product dropdown top alignment: first content row aligns across all columns. */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__title + .nav-popover__level3 {
		margin-top: 0 !important;
	}
}

/* Dropdown hierarchy cleanup: keep solution/about group items vertical instead of spreading across row columns. */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group,
	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group:first-child,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group:first-child {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		align-items: stretch !important;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group:first-child .nav-popover__title,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group:first-child .nav-popover__title {
		grid-column: auto !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__title + .nav-popover__level3 {
		margin-top: 0 !important;
	}
}

/* Final product-menu hierarchy: parent, direct item, and child item must read differently. */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group {
		row-gap: 0;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3 {
		position: relative !important;
		margin: 0 0 10px !important;
		padding-left: 0 !important;
		color: #111827 !important;
		border-left: 0 !important;
		font-size: 15.5px !important;
		font-weight: 750 !important;
		line-height: 1.45 !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3:not(:first-child) {
		margin-top: 0 !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		margin: 0 0 18px !important;
		padding-left: 18px !important;
		border-left: 1px solid #e2e7ee !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a {
		position: relative !important;
		margin: 0 !important;
		padding-left: 10px !important;
		color: #5f6875 !important;
		font-size: 14.5px !important;
		font-weight: 400 !important;
		line-height: 1.55 !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a + a {
		margin-top: 11px !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a::before {
		content: "";
		position: absolute;
		left: 0;
		top: .72em;
		width: 3px !important;
		height: 3px !important;
		background: #c6ced8 !important;
		border-radius: 999px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf {
		position: relative !important;
		margin: 0 0 17px !important;
		padding-left: 14px !important;
		color: #1f2d3d !important;
		font-size: 15.5px !important;
		font-weight: 650 !important;
		line-height: 1.45 !important;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf::before {
		display: block !important;
		content: "";
		position: absolute;
		left: 0;
		top: .68em;
		width: 4px !important;
		height: 4px !important;
		background: #b9c3d0 !important;
		border-radius: 999px;
	}
}

.site-header .nav-popover a:focus,
.site-header .nav-popover a:focus-visible,
.site-header .nav-popover button:focus,
.site-header .nav-popover button:focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
}

/* Product dropdown hierarchy: parents stay aligned, children are indented. */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group {
		row-gap: 0;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf {
		position: relative;
		margin: 0 0 17px;
		padding-left: 14px;
		color: #1f2d3d;
		font-size: 15.5px;
		font-weight: 650;
		line-height: 1.45;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf::before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: .68em;
		width: 4px;
		height: 4px;
		background: #b9c3d0;
		border-radius: 999px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3 {
		position: relative;
		margin: 0 0 10px;
		padding-left: 0;
		color: #111827;
		font-size: 15.5px;
		font-weight: 750;
		line-height: 1.45;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3:not(:first-child) {
		margin-top: 0;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 {
		position: relative;
		margin: 0 0 18px 0;
		padding-left: 18px;
		border-left: 1px solid #e2e7ee;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a {
		position: relative;
		margin: 0;
		padding: 0 0 0 10px;
		color: #5f6875;
		font-size: 14.5px;
		font-weight: 400;
		line-height: 1.55;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a + a {
		margin-top: 11px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a::before {
		content: "";
		position: absolute;
		left: 0;
		top: .72em;
		width: 3px;
		height: 3px;
		background: #c6ced8;
		border-radius: 999px;
	}
}

.site-header .nav-popover a:focus,
.site-header .nav-popover a:focus-visible,
.site-header .nav-popover button:focus,
.site-header .nav-popover button:focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
}

@media (min-width: 992px) {
	.site-header .nav-popover__group .nav-popover__title,
	.site-header .nav-popover__group .nav-popover__node {
		margin: 0 0 24px;
		padding: 0 0 16px;
		color: #111827;
		border-bottom: 1px solid #e5e7eb;
		font-size: 20px;
		font-weight: 800;
		line-height: 1.28;
		letter-spacing: 0;
		white-space: normal;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3 {
		margin: 0 0 12px;
		padding: 0;
		border-bottom: 0;
		color: #111827;
		font-size: 15.5px;
		font-weight: 700;
		line-height: 1.45;
	}
}

.site-header .nav-popover a:focus,
.site-header .nav-popover a:focus-visible,
.site-header .nav-popover button:focus,
.site-header .nav-popover button:focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
}

.about-closing { position: relative; min-height: 420px; margin: 100px 0 24px; color: #fff; background: #102033; overflow: hidden; }
.about-closing > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .35; filter: saturate(.6); }
.about-closing::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,23,42,.98) 0%, rgba(9,23,42,.82) 45%, rgba(9,23,42,.2) 100%); }
.about-closing > div { position: relative; z-index: 1; max-width: 760px; padding: 76px 68px; }
.about-closing span, .about-closing h2 { color: #fff; }
.about-closing h2 { margin-bottom: 22px; font-size: 46px; }
.about-closing p { max-width: 510px; margin: 0; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.9; }

@media (max-width: 991.98px) {
	.about-hero { min-height: 520px; }
	.about-hero__content { padding-top: 140px; }
	.about-hero h1 { font-size: 58px; }
	.about-statement { gap: 8%; }
	.about-delivery { grid-template-columns: 1fr; }
	.about-delivery__visual { min-height: 440px; }
	.about-ecosystem__body, .about-network { gap: 6%; }
}

@media (max-width: 767.98px) {
	.about-tab-panel[data-about-panel="intro"] { padding-top: 52px; }
	.about-hero { min-height: 460px; background-position: 61% center; }
	.about-hero__content { padding-top: 124px; padding-bottom: 46px; }
	.about-hero h1 { margin-left: 18px; font-size: 45px; }
	.about-hero p { margin-left: 18px; max-width: 310px; font-size: 17px; }
	.about-statement, .about-film, .about-ecosystem__body, .about-network { grid-template-columns: 1fr; }
	.about-statement { gap: 32px; padding-bottom: 42px; }
	.about-statement h2, .about-delivery h2, .about-network h2, .about-closing h2 { font-size: 36px; }
	.about-statement__title > span, .about-film__content > span, .about-delivery__copy > span, .about-ecosystem__head > span, .about-network__intro > span, .about-closing span { margin-bottom: 16px; }
	.about-statement__copy { font-size: 15px; line-height: 1.85; }
	.about-proof-rail { grid-template-columns: 1fr 1fr; gap: 0; padding: 28px 0 56px; }
	.about-proof-rail > div { padding: 20px 16px; }
	.about-proof-rail > div:nth-child(3) { padding-left: 0; border-left: 0; }
	.about-proof-rail strong { font-size: 34px; }
	.about-film { min-height: 0; }
	.about-film__content { padding: 38px 28px 30px; }
	.about-film__content h2 { font-size: 34px; }
	.about-film__media { min-height: 240px; }
	.about-film__media::after { background: linear-gradient(180deg, #102033 0%, transparent 30%); }
	.about-delivery { margin-top: 56px; }
	.about-delivery__copy { padding: 48px 28px 40px; }
	.about-delivery__visual { min-height: 310px; }
	.about-delivery__numbers div { padding: 18px; }
	.about-delivery__numbers strong { font-size: 32px; }
	.about-ecosystem { padding: 64px 0; }
	.about-ecosystem__head { margin-bottom: 36px; text-align: left; }
	.about-ecosystem__head h2 { font-size: 32px; }
	.about-ecosystem figure { height: 280px; }
	.about-ecosystem ol { margin-top: 28px; }
	.about-ecosystem li { grid-template-columns: 50px 1fr; padding: 22px 0; }
	.about-network { gap: 42px; padding: 58px 0; }
	.about-network figure { order: -1; }
	.about-network figure img { max-height: none; }
	.about-closing { min-height: 390px; margin-top: 64px; }
	.about-closing > div { padding: 56px 28px; }
}

/* 首页解决方案：三类能力并列展开，首屏即可看清分类与具体入口 */
.home .home-solution-section {
	position: relative;
	padding: 92px 0 94px;
	overflow: hidden;
	background:
		radial-gradient(circle at 90% 7%, rgba(202, 225, 255, .68), transparent 27%),
		linear-gradient(135deg, #fff 0%, #f8fbff 57%, #eef6ff 100%);
}

.home .home-solution-section::before,
.home .home-solution-section::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.home .home-solution-section::before {
	width: 760px;
	height: 760px;
	left: -430px;
	bottom: -550px;
	border: 1px solid rgba(26, 116, 245, .11);
	border-radius: 50%;
	box-shadow: 0 0 0 62px rgba(26, 116, 245, .035), 0 0 0 124px rgba(26, 116, 245, .02);
}

.home .home-solution-section::after {
	width: 620px;
	height: 2px;
	right: -90px;
	bottom: 42px;
	background: linear-gradient(90deg, transparent, rgba(26, 116, 245, .22), transparent);
	transform: rotate(-37deg);
}

.home .home-solution-section .container {
	position: relative;
	z-index: 1;
}

.home .solution-map__heading {
	margin: 0 auto 38px;
	text-align: center;
}

.home .solution-map__heading h2 {
	margin: 0;
	color: #10235d;
	font-size: 46px;
	font-weight: 900;
	letter-spacing: .14em;
	line-height: 1.18;
}

.home .solution-map__heading p {
	margin: 15px 0 0;
	color: #7180a3;
	font-size: 16px;
	line-height: 1.8;
}

.home .solution-map {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-height: 0;
	width: 100%;
	margin: 0;
	background: rgba(255, 255, 255, .78);
	border: 1px solid #d9e3f1;
	box-shadow: 0 26px 58px rgba(45, 83, 139, .1);
	transition: none;
}

.home .solution-map:has(.solution-map__track--operation:hover),
.home .solution-map:has(.solution-map__track--industry:hover) {
	grid-template-rows: none;
}

.home .solution-map__track {
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
	background: transparent;
	border: 0;
	border-right: 1px solid #d9e3f1;
	isolation: auto;
	transition: background .28s ease, transform .28s ease;
}

.home .solution-map__track:last-child {
	border-right: 0;
}

.home .solution-map__track::before {
	display: none;
}

.home .solution-map__track:hover {
	background: rgba(255, 255, 255, .98);
}

.home .solution-map__label {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 116px;
	padding: 39px 36px 23px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.home .solution-map__track--scene .solution-map__label,
.home .solution-map__track--industry .solution-map__label {
	background: transparent;
	box-shadow: none;
}

.home .solution-map__label strong {
	position: relative;
	padding-bottom: 14px;
	color: #1467dd;
	font-size: 31px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.16;
}

.home .solution-map__label strong::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 88px;
	height: 2px;
	background: #75b6ff;
}

.home .solution-map__track--scene .solution-map__label strong {
	color: #119eaf;
}

.home .solution-map__track--scene .solution-map__label strong::after {
	background: #7edee3;
}

.home .solution-map__track--industry .solution-map__label strong {
	color: #bd8a38;
}

.home .solution-map__track--industry .solution-map__label strong::after {
	background: #d9bb83;
}

.home .solution-map__label span {
	display: none;
}

.home .solution-map__cover {
	display: block;
	width: 100%;
	height: 238px;
	object-fit: cover;
	object-position: center;
	filter: saturate(.92) contrast(1.02);
	transition: transform .45s ease, filter .45s ease;
}

.home .solution-map__track:hover .solution-map__cover {
	filter: saturate(1.04) contrast(1.04);
	transform: scale(1.035);
}

.home .solution-map__track > p {
	min-height: 114px;
	margin: 0;
	padding: 25px 36px 17px;
	color: #687895;
	font-size: 16px;
	line-height: 1.85;
}

.home .solution-map__solutions {
	display: block;
	margin: auto 36px 31px;
	min-width: 0;
	overflow: visible;
	opacity: 1;
	transition: none;
}

.home .solution-map__track:not(.is-active) .solution-map__solutions {
	opacity: 1;
}

.home .solution-map__solutions a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 70px;
	padding: 14px 0;
	overflow: visible;
	color: #1768dc;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	text-decoration: none;
	border: 0;
	border-bottom: 1px solid #dbe4ef;
	isolation: auto;
	transition: color .25s ease, padding-left .25s ease;
}

.home .solution-map__solutions a:last-child {
	border-bottom: 0;
}

.home .solution-map__solutions a::before,
.home .solution-map__solutions img,
.home .solution-map__solutions span {
	display: none;
}

.home .solution-map__solutions a .fa {
	flex: 0 0 auto;
	font-size: 22px;
	font-weight: 400;
	transition: transform .25s ease;
}

.home .solution-map__track--scene .solution-map__solutions a {
	color: #0b9db1;
}

.home .solution-map__track--industry .solution-map__solutions a {
	color: #b78333;
}

.home .solution-map__solutions a:hover,
.home .solution-map__solutions a:focus {
	padding-left: 6px;
	color: #0758d2;
	text-decoration: none;
}

.home .solution-map__track--scene .solution-map__solutions a:hover,
.home .solution-map__track--scene .solution-map__solutions a:focus {
	color: #087f91;
}

.home .solution-map__track--industry .solution-map__solutions a:hover,
.home .solution-map__track--industry .solution-map__solutions a:focus {
	color: #8f621e;
}

.home .solution-map__solutions a:hover .fa,
.home .solution-map__solutions a:focus .fa {
	transform: translateX(5px);
}

@media (max-width: 991.98px) {
	.home .home-solution-section {
		padding: 70px 0;
	}

	.home .solution-map {
		grid-template-columns: 1fr;
	}

	.home .solution-map__track {
		border-right: 0;
		border-bottom: 1px solid #d9e3f1;
	}

	.home .solution-map__track:last-child {
		border-bottom: 0;
	}

	.home .solution-map__cover {
		height: 270px;
	}
}

@media (max-width: 575.98px) {
	.home .home-solution-section {
		padding: 56px 0;
	}

	.home .solution-map__heading {
		margin-bottom: 28px;
	}

	.home .solution-map__heading h2 {
		font-size: 34px;
	}

	.home .solution-map__heading p {
		padding: 0 8px;
		font-size: 14px;
	}

	.home .solution-map__label {
		min-height: 88px;
		padding: 29px 24px 16px;
	}

	.home .solution-map__label strong {
		font-size: 26px;
	}

	.home .solution-map__cover {
		height: 205px;
	}

	.home .solution-map__track > p {
		min-height: 0;
		padding: 21px 24px 10px;
		font-size: 14px;
	}

	.home .solution-map__solutions {
		margin: 0 24px 20px;
	}

	.home .solution-map__solutions a {
		min-height: 59px;
		font-size: 15px;
	}
}

/* 首页产品支撑标题与产品矩阵采用同一条中轴，强化区块聚焦感。 */
.home .product-atlas-heading {
	max-width: none;
	text-align: center;
}

.home .product-atlas-heading::before {
	left: 50%;
	right: auto;
	width: min(920px, 100%);
	transform: translateX(-50%);
}

.home .product-atlas-heading p {
	margin-right: auto;
	margin-left: auto;
}

/* 首页解决方案与全站品牌色统一：以深海军蓝为基底，仅用同谱系蓝色区分三类方案。 */
.home.home .home-solution-section {
	background:
		radial-gradient(circle at 88% 8%, rgba(65, 139, 224, .14), transparent 27%),
		linear-gradient(135deg, #fff 0%, #f7faff 58%, #f2f6fb 100%);
}

.home.home .home-solution-section::before {
	border-color: rgba(11, 100, 216, .10);
	box-shadow: 0 0 0 62px rgba(11, 100, 216, .03), 0 0 0 124px rgba(11, 100, 216, .018);
}

.home.home .home-solution-section::after {
	background: linear-gradient(90deg, transparent, rgba(11, 100, 216, .16), transparent);
}

.home.home .solution-map__heading h2 {
	color: var(--brand-navy);
}

.home.home .solution-map {
	border-color: #d8e2ee;
	box-shadow: 0 22px 48px rgba(8, 32, 64, .08);
}

.home.home .solution-map__track {
	border-color: #d8e2ee;
}

.home.home .solution-map__track:hover {
	background: rgba(248, 251, 255, .92);
}

.home.home .solution-map__label strong,
.home.home .solution-map__track--scene .solution-map__label strong {
	color: var(--brand-blue);
}

.home.home .solution-map__track--industry .solution-map__label strong {
	color: #315d94;
}

.home.home .solution-map__label strong::after,
.home.home .solution-map__track--scene .solution-map__label strong::after {
	background: #74a9ec;
}

.home.home .solution-map__track--industry .solution-map__label strong::after {
	background: #93aecb;
}

.home.home .solution-map__solutions a,
.home.home .solution-map__track--scene .solution-map__solutions a {
	color: var(--brand-blue);
}

.home.home .solution-map__track--industry .solution-map__solutions a {
	color: #315d94;
}

.home.home .solution-map__solutions a:hover,
.home.home .solution-map__solutions a:focus,
.home.home .solution-map__track--scene .solution-map__solutions a:hover,
.home.home .solution-map__track--scene .solution-map__solutions a:focus,
.home.home .solution-map__track--industry .solution-map__solutions a:hover,
.home.home .solution-map__track--industry .solution-map__solutions a:focus {
	color: #073f96;
}

/* Keep embedded HTML pages from leaking their red brand variable into the site header. */
.site-header {
	--brand: #0b64d8;
	--brand-2: #10a6a1;
	--header-hover: #0b64d8;
	--header-hover-soft: rgba(11, 100, 216, .08);
	--header-hover-line: rgba(11, 100, 216, .18);
}

.site-header a:hover,
.site-header .navbar-dark .navbar-nav .nav-link:hover,
.site-header .nav-mega:hover > .nav-link,
.site-header .nav-mega.is-open > .nav-link,
.site-header .mega-title:hover,
.site-header .mega-side__nav a:hover,
.site-header .mega-links a:hover,
.site-header .product-mega-tabs a:hover,
.site-header .product-mega-tabs a.is-active,
.site-header .product-mega-group a:hover,
.site-header .mega-quick a:hover strong,
.site-header .product-mega-tabs a:hover strong,
.site-header .product-mega-tabs a.is-active strong,
.site-header .product-mega-group a:hover strong,
.site-header .mega-links a:hover span,
.site-header .mega-title:hover span {
	color: var(--header-hover) !important;
}

.site-header .product-mega-tabs a:hover small,
.site-header .product-mega-tabs a.is-active small,
.site-header .product-mega-group a:hover small {
	color: #667892 !important;
}

.site-header .nav-mega:hover > .nav-link .nav-caret,
.site-header .nav-mega.is-open > .nav-link .nav-caret {
	border-top-color: var(--header-hover) !important;
}

.site-header .mega-title i,
.site-header .product-mega-tabs a i,
.site-header .product-mega-group a i,
.site-header .mega-quick a i {
	color: var(--header-hover);
}

.site-header .mega-group:hover .mega-title i,
.site-header .product-mega-tabs a:hover i,
.site-header .product-mega-tabs a.is-active i,
.site-header .product-mega-group a:hover i {
	color: #fff !important;
	background: var(--header-hover) !important;
	border-color: var(--header-hover-line) !important;
}

.site-header .mega-side__nav a:hover,
.site-header .product-mega-tabs a:hover,
.site-header .product-mega-tabs a.is-active,
.site-header .product-mega-group a:hover,
.site-header .mega-quick a:hover {
	background: var(--header-hover-soft) !important;
}

html {
	scroll-behavior: smooth;
}

body {
	color: var(--ink);
	background: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	letter-spacing: 0;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1490px;
	}
}

@media (min-width: 1600px) {
	.container {
		max-width: 1520px;
	}
}

a {
	transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.site-header {
	background: rgba(255, 255, 255, .96);
	backdrop-filter: blur(12px);
	box-shadow: 0 10px 28px rgba(18, 35, 61, .08);
}

.topline {
	height: 34px;
	color: rgba(18, 35, 61, .62);
	border-bottom: 1px solid rgba(18, 35, 61, .08);
	font-size: 13px;
}

.topline .container {
	height: 34px;
}

.topline__meta {
	display: flex;
	align-items: center;
	gap: 22px;
}

.topline__meta a {
	color: var(--ink);
}

.navbar {
	min-height: 72px;
	padding: 0;
}

.brand-lockup {
	display: inline-flex;
	align-items: center;
	color: var(--ink) !important;
}

.brand-lockup__img {
	height: 60px;
	width: auto;
	display: block;
}

.navbar-dark .navbar-nav .nav-link {
	color: #111f34;
	font-size: 16px;
	font-weight: 650;
	padding: 27px 17px;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

.navbar-dark .navbar-nav .active > .nav-link:not(:hover),
.navbar-dark .navbar-nav .nav-link.active:not(:hover) {
	color: var(--ink);
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: var(--brand);
}

/* === 导航下拉三角 === */
.nav-caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border-top: 4px solid rgba(18, 35, 61, .55);
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	transition: transform .2s ease, border-color .2s ease;
}

.nav-mega.active > .nav-link:not(:hover) .nav-caret {
	border-top-color: rgba(18, 35, 61, .55);
}

.product-mega-switch,
.solution-mega-switch,
.research-mega-switch,
.case-mega-switch,
.partner-mega-switch,
.service-mega-switch,
.news-mega-switch,
.about-mega-switch,
.contact-mega-switch {
	display: none;
}

/* === 全宽 Mega 面板（桌面端）=== */
@media (min-width: 992px) {
	/* Keep the expanded menu above interactive hero/content layers. */
	.site-header {
		z-index: 2147483000;
		isolation: isolate;
	}

	.navbar-nav,
	.navbar-collapse {
		position: static;
	}

	.navbar-nav .nav-item {
		order: 50;
	}

	.navbar-nav .nav-home {
		order: 1;
	}

	.nav-mega[data-top="关于我们"] {
		order: 13;
	}

	.nav-mega[data-top="解决方案"] {
		order: 3;
	}

	.nav-mega[data-top="停充运营"] {
		display: none;
	}

	.nav-research {
		display: none !important;
	}

	.nav-mega[data-top="产品中心"] {
		order: 5;
	}

	.nav-research-dynamic {
		order: 6;
	}

	.nav-mega[data-top="客户案例"] {
		order: 7;
	}

	.nav-mega[data-top="服务支持"] {
		order: 8;
	}

	.nav-mega[data-top="渠道合作"] {
		order: 9;
	}

	.nav-mega[data-top="渠道合作"] > .nav-link {
		font-size: 0;
	}

	.nav-mega[data-top="渠道合作"] > .nav-link::before {
		content: "生态合作";
		font-size: 16px;
	}

	.nav-mega[data-top="新闻资讯"] {
		order: 10;
	}

	.nav-mega[data-top="联系我们"] {
		order: 11;
	}

	.nav-research-dynamic > .mega-panel,
	.nav-mega[data-top="客户案例"] > .mega-panel,
	.nav-mega[data-top="渠道合作"] > .mega-panel,
	.nav-mega[data-top="生态合作"] > .mega-panel,
	.nav-mega[data-top="新闻资讯"] > .mega-panel {
		display: none !important;
	}

	.nav-research-dynamic > .nav-link .nav-caret,
	.nav-mega[data-top="客户案例"] > .nav-link .nav-caret,
	.nav-mega[data-top="渠道合作"] > .nav-link .nav-caret,
	.nav-mega[data-top="生态合作"] > .nav-link .nav-caret,
	.nav-mega[data-top="新闻资讯"] > .nav-link .nav-caret {
		display: none !important;
	}

	.nav-mega {
		position: static;
	}

	.nav-mega:hover .nav-caret {
		transform: rotate(180deg);
		border-top-color: var(--brand);
	}

	.mega-panel {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 2147483001;
		background: #fff;
		border-top: 1px solid rgba(11, 100, 216, .16);
		border-bottom: 1px solid rgba(18, 35, 61, .08);
		box-shadow: 0 26px 56px rgba(4, 12, 25, .12);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-6px);
		transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
		pointer-events: none;
	}

	.mega-panel > .container {
		display: block !important;
		max-width: none !important;
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/*
	 * A panel must stay interactive when the pointer moves from the top-level
	 * item into it, and when its links receive keyboard focus.  Relying on the
	 * hover state alone can briefly return clicks to the content behind it.
	 */
	.nav-mega:hover > .mega-panel,
	.nav-mega:focus-within > .mega-panel,
	.nav-mega.is-open > .mega-panel {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: opacity .22s ease, transform .22s ease, visibility 0s linear 0s;
		pointer-events: auto;
	}

	.mega-layout {
		display: grid;
		width: 100%;
		grid-template-columns: clamp(260px, 17vw, 340px) minmax(0, 1fr) clamp(360px, 24vw, 460px);
		gap: 0;
		align-items: stretch;
		padding: 0;
	}

	.mega-side {
		padding: 30px 34px 34px 6vw;
		border-right: 1px solid rgba(18, 35, 61, .08);
	}

	.mega-side__head {
		display: block;
		margin-bottom: 14px;
		padding: 20px 18px;
		color: #fff;
		background:
			linear-gradient(135deg, rgba(6, 35, 76, .96), rgba(11, 100, 216, .86)),
			radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .24), transparent 30%);
		border-radius: 14px;
		box-shadow: 0 16px 34px rgba(11, 100, 216, .18);
	}

	.mega-side__head:hover {
		color: #fff;
		text-decoration: none;
	}

	.mega-side__head em {
		display: block;
		margin-bottom: 10px;
		color: rgba(255, 255, 255, .7);
		font-style: normal;
		font-size: 12px;
		font-weight: 700;
	}

	.mega-side__head strong {
		display: block;
		font-size: 22px;
		line-height: 1.25;
		font-weight: 900;
	}

	.mega-side__head small {
		display: block;
		margin-top: 8px;
		color: rgba(255, 255, 255, .72);
		font-size: 12px;
		line-height: 1.6;
	}

	.mega-lead span,
	.mega-desc span {
		display: none;
	}

	.mega-lead .mega-lead-default,
	.mega-desc .mega-desc-default {
		display: inline;
	}

	.nav-mega[data-top="产品中心"] .mega-lead-default,
	.nav-mega[data-top="产品中心"] .mega-desc-default,
	.nav-mega[data-top="解决方案"] .mega-lead-default,
	.nav-mega[data-top="解决方案"] .mega-desc-default,
	.nav-mega[data-top="客户案例"] .mega-lead-default,
	.nav-mega[data-top="客户案例"] .mega-desc-default,
	.nav-mega[data-top="生态合作"] .mega-lead-default,
	.nav-mega[data-top="生态合作"] .mega-desc-default,
	.nav-mega[data-top="服务支持"] .mega-lead-default,
	.nav-mega[data-top="服务支持"] .mega-desc-default,
	.nav-mega[data-top="新闻资讯"] .mega-lead-default,
	.nav-mega[data-top="新闻资讯"] .mega-desc-default,
	.nav-mega[data-top="关于我们"] .mega-lead-default,
	.nav-mega[data-top="关于我们"] .mega-desc-default,
	.nav-mega[data-top="联系我们"] .mega-lead-default,
	.nav-mega[data-top="联系我们"] .mega-desc-default {
		display: none;
	}

	.nav-mega[data-top="产品中心"] .mega-lead-product,
	.nav-mega[data-top="产品中心"] .mega-desc-product,
	.nav-mega[data-top="解决方案"] .mega-lead-solution,
	.nav-mega[data-top="解决方案"] .mega-desc-solution,
	.nav-mega[data-top="客户案例"] .mega-lead-case,
	.nav-mega[data-top="客户案例"] .mega-desc-case,
	.nav-mega[data-top="生态合作"] .mega-lead-partner,
	.nav-mega[data-top="生态合作"] .mega-desc-partner,
	.nav-mega[data-top="服务支持"] .mega-lead-service,
	.nav-mega[data-top="服务支持"] .mega-desc-service,
	.nav-mega[data-top="新闻资讯"] .mega-lead-news,
	.nav-mega[data-top="新闻资讯"] .mega-desc-news,
	.nav-mega[data-top="关于我们"] .mega-lead-about,
	.nav-mega[data-top="关于我们"] .mega-desc-about,
	.nav-mega[data-top="联系我们"] .mega-lead-contact,
	.nav-mega[data-top="联系我们"] .mega-desc-contact {
		display: inline;
	}

	.mega-side__nav {
		display: grid;
		gap: 4px;
	}

	.mega-side__nav a {
		display: block;
		padding: 13px 15px;
		color: #526172;
		background: transparent;
		border-radius: 10px;
		font-size: 14px;
		font-weight: 700;
		transition: color .18s ease, background .18s ease, transform .18s ease;
	}

	.mega-side__nav a:hover {
		color: var(--brand);
		background: rgba(11, 100, 216, .07);
		text-decoration: none;
		transform: translateX(3px);
	}

	.mega-content {
		min-width: 0;
		padding: 30px 56px 34px;
	}

	.mega-heading {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 20px;
		margin-bottom: 18px;
		padding-bottom: 16px;
		border-bottom: 1px solid var(--line);
	}

	.mega-heading span {
		color: var(--ink);
		font-size: 22px;
		font-weight: 800;
	}

	.mega-heading p {
		margin: 0;
		color: var(--muted);
		font-size: 14px;
	}

	.mega-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(180px, 1fr));
		gap: 28px 42px;
	}

	.mega-group {
		position: relative;
		min-height: auto;
		padding: 0;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		transition: none;
	}

	.mega-group:hover {
		border-color: transparent;
		box-shadow: none;
		transform: none;
	}

	.mega-title {
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr);
		column-gap: 16px;
		align-items: center;
		margin-bottom: 16px;
		color: var(--ink);
	}

	.mega-title i {
		width: 44px;
		height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--brand);
		background: #f4f8ff;
		border: 1px solid rgba(11, 100, 216, .14);
		box-shadow: none;
		border-radius: 50%;
		font-size: 18px;
		transition: background .18s ease, transform .18s ease;
	}

	.mega-title span {
		display: block;
		font-size: 16px;
		font-weight: 800;
		line-height: 1.35;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.mega-title:hover {
		color: var(--brand);
		text-decoration: none;
	}

	.mega-group:hover .mega-title i {
		color: #fff;
		background: var(--brand);
		transform: translateX(2px);
	}

	.mega-links {
		display: grid;
		gap: 8px 24px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 0 0 0 60px;
		border-top: 0;
	}

	.mega-links a {
		position: relative;
		display: block;
		padding-left: 12px;
		color: var(--muted);
		font-size: 13px;
		line-height: 1.7;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mega-links a::before {
		content: "";
		position: absolute;
		left: 0;
		top: .82em;
		width: 4px;
		height: 4px;
		background: #bcc7d4;
		border-radius: 50%;
		transition: background .18s ease, transform .18s ease;
	}

	.mega-links a:hover {
		color: var(--brand);
		text-decoration: none;
	}

	.mega-links a:hover::before {
		background: var(--brand-2);
		transform: scale(1.25);
	}

	.mega-view-all {
		color: var(--brand) !important;
		font-weight: 700;
	}

	.mega-product-catalog {
		display: none;
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 28px;
		margin-top: 26px;
		padding-top: 22px;
		border-top: 1px solid rgba(18, 35, 61, .08);
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog div {
		min-width: 0;
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog strong {
		display: block;
		margin-bottom: 12px;
		color: var(--ink);
		font-size: 15px;
		font-weight: 900;
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog a {
		position: relative;
		display: block;
		padding: 6px 0 6px 12px;
		color: var(--muted);
		font-size: 13px;
		line-height: 1.55;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 1.05em;
		width: 4px;
		height: 4px;
		background: #bcc7d4;
		border-radius: 50%;
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog a:hover {
		color: var(--brand);
		text-decoration: none;
	}

	.nav-mega[data-top="产品中心"] .mega-product-catalog a:hover::before {
		background: var(--brand-2);
	}

	.product-mega-switch,
	.solution-mega-switch,
	.research-mega-switch,
	.case-mega-switch,
	.partner-mega-switch,
	.service-mega-switch,
	.news-mega-switch,
	.about-mega-switch,
	.contact-mega-switch {
		display: none;
	}

	.nav-mega[data-top="产品中心"] .mega-layout,
		.nav-mega[data-top="解决方案"] .mega-layout,
		.nav-mega[data-top="研发生产"] .mega-layout,
		.nav-research .mega-layout,
	.nav-mega[data-top="客户案例"] .mega-layout,
	.nav-mega[data-top="渠道合作"] .mega-layout,
	.nav-mega[data-top="生态合作"] .mega-layout,
	.nav-mega[data-top="服务支持"] .mega-layout,
	.nav-mega[data-top="新闻资讯"] .mega-layout,
	.nav-mega[data-top="关于我们"] .mega-layout,
	.nav-mega[data-top="联系我们"] .mega-layout {
		display: block;
	}

	.nav-mega[data-top="产品中心"] .mega-side,
	.nav-mega[data-top="产品中心"] .mega-content,
	.nav-mega[data-top="产品中心"] .mega-quick,
		.nav-mega[data-top="解决方案"] .mega-side,
		.nav-mega[data-top="解决方案"] .mega-content,
		.nav-mega[data-top="解决方案"] .mega-quick,
		.nav-mega[data-top="研发生产"] .mega-side,
		.nav-mega[data-top="研发生产"] .mega-content,
		.nav-mega[data-top="研发生产"] .mega-quick,
		.nav-research .mega-side,
	.nav-research .mega-content,
	.nav-research .mega-quick,
	.nav-mega[data-top="客户案例"] .mega-side,
	.nav-mega[data-top="客户案例"] .mega-content,
	.nav-mega[data-top="客户案例"] .mega-quick,
	.nav-mega[data-top="渠道合作"] .mega-side,
	.nav-mega[data-top="渠道合作"] .mega-content,
	.nav-mega[data-top="渠道合作"] .mega-quick,
	.nav-mega[data-top="生态合作"] .mega-side,
	.nav-mega[data-top="生态合作"] .mega-content,
	.nav-mega[data-top="生态合作"] .mega-quick,
	.nav-mega[data-top="服务支持"] .mega-side,
	.nav-mega[data-top="服务支持"] .mega-content,
	.nav-mega[data-top="服务支持"] .mega-quick,
	.nav-mega[data-top="新闻资讯"] .mega-side,
	.nav-mega[data-top="新闻资讯"] .mega-content,
	.nav-mega[data-top="新闻资讯"] .mega-quick,
	.nav-mega[data-top="关于我们"] .mega-side,
	.nav-mega[data-top="关于我们"] .mega-content,
	.nav-mega[data-top="关于我们"] .mega-quick,
	.nav-mega[data-top="联系我们"] .mega-side,
	.nav-mega[data-top="联系我们"] .mega-content,
	.nav-mega[data-top="联系我们"] .mega-quick {
		display: none;
	}

	.nav-mega[data-top="产品中心"] .product-mega-switch,
	.nav-mega[data-top="解决方案"] .solution-mega-switch,
	.nav-research .research-mega-switch,
	.nav-mega[data-top="客户案例"] .case-mega-switch,
	.nav-mega[data-top="渠道合作"] .partner-mega-switch,
	.nav-mega[data-top="生态合作"] .partner-mega-switch,
	.nav-mega[data-top="服务支持"] .service-mega-switch,
	.nav-mega[data-top="新闻资讯"] .news-mega-switch,
	.nav-mega[data-top="关于我们"] .about-mega-switch,
		.nav-mega[data-top="联系我们"] .contact-mega-switch {
			display: grid;
			grid-template-columns: clamp(210px, 19vw, 270px) minmax(0, 1fr);
			min-height: 420px;
			background: #fff;
		}

		.nav-research-dynamic > .mega-panel,
		.nav-mega[data-top="客户案例"] > .mega-panel,
		.nav-mega[data-top="渠道合作"] > .mega-panel,
		.nav-mega[data-top="生态合作"] > .mega-panel,
		.nav-mega[data-top="新闻资讯"] > .mega-panel {
			display: block !important;
		}

		.nav-research-dynamic > .nav-link .nav-caret,
		.nav-mega[data-top="客户案例"] > .nav-link .nav-caret,
		.nav-mega[data-top="渠道合作"] > .nav-link .nav-caret,
		.nav-mega[data-top="生态合作"] > .nav-link .nav-caret,
		.nav-mega[data-top="新闻资讯"] > .nav-link .nav-caret {
			display: inline-block !important;
		}

			.nav-mega[data-top="解决方案"] .solution-mega-switch,
			.nav-mega[data-top="研发生产"] .research-mega-switch,
			.nav-research .research-mega-switch,
			.nav-mega[data-top="客户案例"] .case-mega-switch,
			.nav-mega[data-top="渠道合作"] .partner-mega-switch,
			.nav-mega[data-top="生态合作"] .partner-mega-switch,
			.nav-mega[data-top="服务支持"] .service-mega-switch,
				.nav-mega[data-top="新闻资讯"] .news-mega-switch,
				.nav-mega[data-top="关于我们"] .about-mega-switch,
				.nav-mega[data-top="联系我们"] .contact-mega-switch {
					display: block;
					min-height: auto;
					padding: 42px clamp(72px, 8vw, 150px) 46px;
					background: #fff;
			}

		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs {
			display: none;
		}

			.nav-mega:not([data-top="产品中心"]) .product-mega-panes {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
				gap: 22px 34px;
				padding: 0;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-pane,
			.nav-mega:not([data-top="产品中心"]) .product-mega-pane.is-active {
				display: grid;
				grid-template-columns: 1fr;
				gap: 18px;
				align-content: start;
				min-width: 0;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-group {
				min-height: 0;
				padding: 0;
				background: transparent;
				border: 0;
				border-radius: 0;
				box-shadow: none;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-group h4 {
				margin-bottom: 10px;
				padding-bottom: 8px;
				color: var(--ink);
				border-bottom: 1px solid rgba(18, 35, 61, .1);
				font-size: 15px;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-group a {
				display: block;
				margin-bottom: 7px;
				padding: 4px 0;
				color: var(--muted);
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-group i {
				display: none;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-group strong {
				display: inline;
				font-size: 14px;
				font-weight: 600;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-group small {
				display: none;
			}
	
		.product-mega-tabs {
			padding: 28px 0 28px 6vw;
		background: #fff;
		border-right: 1px solid rgba(18, 35, 61, .08);
	}

	.product-mega-tabs a {
		display: block;
		margin: 0 22px 10px 0;
		padding: 16px 18px;
		color: #24364c;
		background: transparent;
		border-radius: 4px;
		font-size: 15px;
		font-weight: 700;
		transition: color .18s ease, background .18s ease, box-shadow .18s ease;
	}

	.product-mega-tabs a:hover,
	.product-mega-tabs a.is-active {
		color: var(--brand);
		background: #f5f8fc;
		box-shadow: inset 3px 0 0 var(--brand);
		text-decoration: none;
	}

	.product-mega-panes {
		min-width: 0;
		padding: 34px 6vw 36px 48px;
	}

	.product-mega-pane {
		display: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 34px 72px;
		align-content: start;
	}

		.product-mega-pane.is-active {
			display: grid;
		}

				.nav-mega:not([data-top="产品中心"]) .product-mega-tabs {
					display: grid !important;
					grid-template-columns: repeat(2, minmax(360px, 1fr));
					gap: 34px clamp(64px, 7vw, 128px);
					align-content: start;
					align-items: start;
					max-width: 1180px;
					margin: 0 auto;
					padding: 0 !important;
					background: transparent;
					border-right: 0;
				}

				.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a {
					display: grid;
					grid-template-columns: 66px minmax(0, 1fr);
					align-items: center;
					gap: 22px;
					min-height: 78px;
					margin: 0;
					padding: 0;
					color: #24364c;
				background: transparent;
			border: 0;
			border-radius: 0;
			box-shadow: none;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a i {
				width: 66px;
				height: 66px;
				display: inline-flex;
				align-items: center;
					justify-content: center;
				color: var(--brand);
				background: #fff;
					border: 1px solid rgba(18, 35, 61, .1);
					border-radius: 50%;
					box-shadow: 0 10px 24px rgba(18, 35, 61, .06);
					font-size: 24px;
				transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
			}

		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a span,
		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a strong,
		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a small {
			display: block;
		}

			.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a strong {
				margin-bottom: 7px;
				color: inherit;
				font-size: 16px;
				font-weight: 800;
				line-height: 1.35;
			}

			.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a small {
				color: #8a97a8;
				font-size: 13px;
				line-height: 1.7;
			}

		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a:hover,
		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a.is-active {
			color: var(--brand);
			background: transparent !important;
			border-color: transparent;
			box-shadow: none !important;
			text-decoration: none;
		}

		/* Non-product mega menus use an icon-led hover state; keep header-wide rules from filling the whole link. */
		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a:focus {
			outline: 0;
		}

		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a:focus-visible {
			box-shadow: 0 0 0 2px rgba(11, 100, 216, .3) !important;
		}

		/* Other mega-menu variants are text/icon navigation, not selectable side tabs. */
		.nav-mega:not([data-top="产品中心"]) .mega-side__nav a:hover,
		.nav-mega:not([data-top="产品中心"]) .product-mega-group a:hover,
		.nav-mega:not([data-top="产品中心"]) .mega-quick a:hover {
			background: transparent !important;
		}

		.nav-mega:not([data-top="产品中心"]) .mega-panel a:focus {
			outline: 0;
		}

		.nav-mega:not([data-top="产品中心"]) .mega-panel a:focus-visible {
			outline: 2px solid rgba(11, 100, 216, .3);
			outline-offset: 3px;
		}

		/* Product-center tabs keep their selected state through type and icon, without a filled tile. */
		.nav-mega[data-top="产品中心"] .product-mega-tabs a:hover,
		.nav-mega[data-top="产品中心"] .product-mega-tabs a.is-active {
			background: transparent !important;
			box-shadow: none !important;
		}

		.nav-mega[data-top="产品中心"] .product-mega-tabs a:focus {
			outline: 0;
		}

		.nav-mega[data-top="产品中心"] .product-mega-tabs a:focus-visible {
			box-shadow: 0 0 0 2px rgba(11, 100, 216, .3) !important;
		}

		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a:hover i,
		.nav-mega:not([data-top="产品中心"]) .product-mega-tabs a.is-active i {
			color: #fff;
			background: var(--brand);
			border-color: var(--brand);
			box-shadow: 0 12px 24px rgba(11, 100, 216, .18);
			transform: translateY(-2px);
		}

			.nav-mega:not([data-top="产品中心"]) .product-mega-panes,
			.nav-mega:not([data-top="产品中心"]) .product-mega-pane,
			.nav-mega:not([data-top="产品中心"]) .product-mega-pane.is-active {
				display: none !important;
			}

			.nav-mega[data-top="关于我们"] .product-mega-tabs,
			.nav-mega[data-top="联系我们"] .product-mega-tabs {
				grid-template-columns: repeat(3, minmax(260px, 1fr));
				gap: 34px clamp(38px, 4.8vw, 78px);
				max-width: 1320px;
			}

				.nav-mega[data-top="解决方案"] .product-mega-tabs,
				.nav-mega[data-top="研发生产"] .product-mega-tabs,
				.nav-research .product-mega-tabs {
					display: none !important;
				}

				.nav-mega[data-top="解决方案"] .product-mega-panes,
				.nav-mega[data-top="研发生产"] .product-mega-panes,
				.nav-research .product-mega-panes {
					display: grid !important;
					grid-template-columns: repeat(3, minmax(0, 1fr));
					gap: 34px clamp(42px, 5vw, 82px);
				max-width: 1320px;
				margin: 0 auto;
				padding: 0;
			}

				.nav-mega[data-top="解决方案"] .product-mega-pane,
				.nav-mega[data-top="解决方案"] .product-mega-pane.is-active,
				.nav-mega[data-top="研发生产"] .product-mega-pane,
				.nav-mega[data-top="研发生产"] .product-mega-pane.is-active,
				.nav-research .product-mega-pane,
				.nav-research .product-mega-pane.is-active {
					display: block !important;
					min-width: 0;
				}

				.nav-mega[data-top="解决方案"] .product-mega-group,
				.nav-mega[data-top="研发生产"] .product-mega-group,
				.nav-research .product-mega-group {
					margin-bottom: 26px;
					padding: 0;
					background: transparent;
				border: 0;
				border-radius: 0;
				box-shadow: none;
			}

				.nav-mega[data-top="解决方案"] .product-mega-group:last-child,
				.nav-mega[data-top="研发生产"] .product-mega-group:last-child,
				.nav-research .product-mega-group:last-child {
					margin-bottom: 0;
				}

				.nav-mega[data-top="解决方案"] .product-mega-group h4,
				.nav-mega[data-top="研发生产"] .product-mega-group h4,
				.nav-research .product-mega-group h4 {
					margin: 0 0 16px;
					padding-bottom: 12px;
					color: var(--ink);
				border-bottom: 1px solid rgba(18, 35, 61, .1);
				font-size: 16px;
				font-weight: 900;
				line-height: 1.35;
			}

				.nav-mega[data-top="解决方案"] .product-mega-group a,
				.nav-mega[data-top="研发生产"] .product-mega-group a,
				.nav-research .product-mega-group a {
					display: grid;
					grid-template-columns: 38px minmax(0, 1fr);
					align-items: start;
				gap: 13px;
				margin-bottom: 16px;
				padding: 0;
				color: #24364c;
			}

				.nav-mega[data-top="解决方案"] .product-mega-group i,
				.nav-mega[data-top="研发生产"] .product-mega-group i,
				.nav-research .product-mega-group i {
					width: 38px;
					height: 38px;
					display: inline-flex;
				align-items: center;
				justify-content: center;
				color: var(--brand);
				background: #f5f8fc;
				border: 1px solid rgba(18, 35, 61, .08);
				border-radius: 50%;
				font-size: 16px;
			}

				.nav-mega[data-top="解决方案"] .product-mega-group strong,
				.nav-mega[data-top="解决方案"] .product-mega-group small,
				.nav-mega[data-top="研发生产"] .product-mega-group strong,
				.nav-mega[data-top="研发生产"] .product-mega-group small,
				.nav-research .product-mega-group strong,
				.nav-research .product-mega-group small {
					display: block;
				}

				.nav-mega[data-top="解决方案"] .product-mega-group strong,
				.nav-mega[data-top="研发生产"] .product-mega-group strong,
				.nav-research .product-mega-group strong {
					margin-bottom: 4px;
					color: inherit;
					font-size: 14px;
				font-weight: 800;
				line-height: 1.4;
			}

				.nav-mega[data-top="解决方案"] .product-mega-group small,
				.nav-mega[data-top="研发生产"] .product-mega-group small,
				.nav-research .product-mega-group small {
					color: #8a97a8;
					font-size: 12px;
					line-height: 1.55;
				}

				.nav-mega[data-top="解决方案"] .product-mega-group a:hover,
				.nav-mega[data-top="研发生产"] .product-mega-group a:hover,
				.nav-research .product-mega-group a:hover {
					color: var(--brand);
					text-decoration: none;
				}

				.nav-mega[data-top="产品中心"] .product-mega-switch {
					display: block;
					min-height: auto;
					padding: 40px clamp(44px, 5vw, 96px) 44px;
					background: #fff;
				}

				.nav-mega[data-top="产品中心"] .product-mega-tabs {
					display: none !important;
				}

				.nav-mega[data-top="产品中心"] .product-mega-panes {
					display: grid !important;
					grid-template-columns: repeat(5, minmax(0, 1fr));
					gap: 30px clamp(24px, 2.5vw, 46px);
					max-width: 1580px;
					margin: 0 auto;
					padding: 0;
				}

				.nav-mega[data-top="产品中心"] .product-mega-pane,
				.nav-mega[data-top="产品中心"] .product-mega-pane.is-active {
					display: block !important;
					min-width: 0;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group {
					margin-bottom: 26px;
					padding: 0;
					background: transparent;
					border: 0;
					border-radius: 0;
					box-shadow: none;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group:last-child {
					margin-bottom: 0;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group h4 {
					margin: 0 0 16px;
					padding-bottom: 12px;
					color: var(--ink);
					border-bottom: 1px solid rgba(18, 35, 61, .1);
					font-size: 16px;
					font-weight: 900;
					line-height: 1.35;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group a {
					display: grid;
					grid-template-columns: 38px minmax(0, 1fr);
					align-items: start;
					gap: 13px;
					margin-bottom: 16px;
					padding: 0;
					color: #24364c;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group i {
					width: 38px;
					height: 38px;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					color: var(--brand);
					background: #f5f8fc;
					border: 1px solid rgba(18, 35, 61, .08);
					border-radius: 50%;
					font-size: 16px;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group strong,
				.nav-mega[data-top="产品中心"] .product-mega-group small {
					display: block;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group strong {
					margin-bottom: 4px;
					color: inherit;
					font-size: 14px;
					font-weight: 800;
					line-height: 1.4;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group small {
					color: #8a97a8;
					font-size: 12px;
					line-height: 1.55;
				}

				.nav-mega[data-top="产品中心"] .product-mega-group a:hover {
					color: var(--brand);
					text-decoration: none;
				}
	
		.product-mega-group h4 {
		margin: 0 0 18px;
		color: var(--ink);
		font-size: 16px;
		font-weight: 900;
		line-height: 1.35;
	}

	.product-mega-group a {
		display: grid;
		grid-template-columns: 58px minmax(0, 1fr);
		align-items: center;
		gap: 18px;
		margin-bottom: 22px;
		color: #24364c;
	}

	.product-mega-group a:hover {
		color: var(--brand);
		text-decoration: none;
	}

	.product-mega-group i {
		width: 58px;
		height: 58px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--brand);
		background: #fff;
		border: 1px solid rgba(18, 35, 61, .1);
		border-radius: 50%;
		box-shadow: 0 8px 20px rgba(18, 35, 61, .05);
		font-size: 22px;
		transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	}

	.product-mega-group a:hover i {
		color: #fff;
		background: var(--brand);
		border-color: var(--brand);
		box-shadow: 0 12px 24px rgba(11, 100, 216, .18);
		transform: translateY(-2px);
	}

	.product-mega-group strong {
		display: block;
		margin-bottom: 4px;
		color: inherit;
		font-size: 15px;
		font-weight: 800;
		line-height: 1.35;
	}

	.product-mega-group small {
		display: block;
		color: #8a97a8;
		font-size: 12px;
		line-height: 1.55;
	}

	.mega-quick {
		padding: 30px 6vw 34px 40px;
		background: transparent;
		border: 0;
		border-left: 1px solid rgba(18, 35, 61, .08);
		border-radius: 0;
		box-shadow: none;
		justify-self: stretch;
	}

	.mega-quick h4 {
		margin-bottom: 16px;
		color: var(--ink);
		font-size: 16px;
		font-weight: 900;
	}

	.mega-quick a {
		position: relative;
		display: block;
		padding: 16px 38px 16px 0;
		border-bottom: 1px solid var(--line);
	}

	.mega-quick a::after {
		content: "\f105";
		position: absolute;
		right: 4px;
		top: 50%;
		color: #b9c4d1;
		font-family: FontAwesome;
		transform: translateY(-50%);
		transition: color .18s ease, transform .18s ease;
	}

	.mega-quick a:hover::after {
		color: var(--brand);
		transform: translate(3px, -50%);
	}

	.mega-quick a:last-child {
		border-bottom: 0;
	}

	.mega-quick strong {
		display: block;
		margin-bottom: 4px;
		color: var(--ink);
		font-size: 14px;
		font-weight: 800;
		transition: color .2s ease;
	}

	.mega-quick span {
		display: block;
		color: var(--muted);
		font-size: 12px;
		line-height: 1.6;
	}

	.mega-scenario-strip {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 12px;
		margin-top: 28px;
		padding-top: 18px;
		border-top: 1px solid rgba(18, 35, 61, .08);
	}

	.mega-scenario-strip a {
		display: inline-flex;
		align-items: center;
		min-height: 34px;
		padding: 7px 14px;
		color: #415266;
		background: #f5f8fc;
		border: 1px solid rgba(18, 35, 61, .06);
		border-radius: 999px;
		font-size: 13px;
		font-weight: 700;
	}

	.mega-scenario-strip a:hover {
		color: var(--brand);
		background: rgba(11, 100, 216, .08);
		text-decoration: none;
	}

	.mega-context-item {
		display: none !important;
	}

	.nav-mega[data-top="产品中心"] .context-product,
	.nav-mega[data-top="解决方案"] .context-solution,
	.nav-mega[data-top="服务支持"] .context-service,
	.nav-mega[data-top="关于我们"] .context-about {
		display: inline-flex !important;
	}

	.mega-quick a:hover strong {
		color: var(--brand);
	}

	@media (min-width: 992px) and (max-width: 1280px) {
		.mega-panel > .container {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

		.mega-layout {
			grid-template-columns: clamp(210px, 18vw, 250px) minmax(0, 1fr) clamp(280px, 25vw, 340px);
			gap: 0;
		}

		.mega-grid {
			grid-template-columns: repeat(2, minmax(210px, 1fr));
			gap: 24px 30px;
		}

		.mega-side {
			padding-left: 32px;
			padding-right: 24px;
		}

		.mega-content {
			padding-left: 34px;
			padding-right: 34px;
		}

		.mega-quick {
			padding-left: 28px;
			padding-right: 32px;
		}

		.nav-mega[data-top="产品中心"] .product-mega-switch,
		.nav-mega[data-top="解决方案"] .solution-mega-switch,
		.nav-mega[data-top="研发生产"] .research-mega-switch,
		.nav-research .research-mega-switch,
		.nav-mega[data-top="客户案例"] .case-mega-switch,
		.nav-mega[data-top="渠道合作"] .partner-mega-switch,
		.nav-mega[data-top="生态合作"] .partner-mega-switch,
		.nav-mega[data-top="服务支持"] .service-mega-switch,
		.nav-mega[data-top="新闻资讯"] .news-mega-switch,
		.nav-mega[data-top="关于我们"] .about-mega-switch,
		.nav-mega[data-top="联系我们"] .contact-mega-switch {
			grid-template-columns: 220px minmax(0, 1fr);
		}

		.product-mega-tabs {
			padding-left: 32px;
		}

		.product-mega-panes {
			padding-left: 34px;
			padding-right: 32px;
		}

			.product-mega-pane {
				gap: 28px 40px;
			}

			.nav-mega[data-top="产品中心"] .product-mega-panes {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 30px 46px;
			}

			.mega-links {
				grid-template-columns: 1fr;
			}
	}

	.mega-hotline {
		margin-top: 18px;
		padding: 18px;
		background: rgba(7, 24, 50, .94);
		border-radius: 12px;
	}

	.mega-hotline em {
		display: block;
		margin-bottom: 8px;
		color: rgba(255, 255, 255, .62);
		font-style: normal;
		font-size: 12px;
		font-weight: 700;
	}

	.mega-hotline b {
		display: block;
		color: var(--gold);
		font-size: 22px;
		line-height: 1;
	}

	.menu-extra {
		display: none !important;
	}

	.top-extra {
		display: none !important;
	}

	.mega-group[data-menu="运营服务"] .extra-operation,
	.mega-group[data-menu="行业方案"] .extra-industry,
	.mega-group[data-menu="场景方案"] .extra-scene,
	.mega-group[data-menu="停车引导"] .extra-parking,
	.mega-group[data-menu="智慧停车"] .extra-parking,
	.mega-group[data-menu="门禁通道"] .extra-access,
	.mega-group[data-menu="智慧人行"] .extra-access,
	.mega-group[data-menu="充电储能"] .extra-charging,
	.mega-group[data-menu="新能源充电桩"] .extra-charging,
	.mega-group[data-menu="软件平台"] .extra-software {
		display: block !important;
	}

	.nav-mega[data-top="停车运营"] .extra-operation-top,
	.nav-mega[data-top="客户案例"] .extra-case,
	.nav-mega[data-top="渠道合作"] .extra-partner-top,
	.nav-mega[data-top="服务支持"] .extra-support,
	.nav-mega[data-top="新闻资讯"] .extra-news,
	.nav-mega[data-top="关于我们"] .extra-about,
	.nav-mega[data-top="联系我们"] .extra-contact {
		display: block !important;
	}

}

.nav-actions {
	margin-left: 8px;
}

.nav-right-tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.nav-tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	color: rgba(18, 35, 61, .78);
	line-height: 1;
	white-space: nowrap;
}

.nav-search {
	position: relative;
	display: flex;
	align-items: center;
	width: auto;
	height: auto;
	margin: 0;
}

.nav-search:focus-within {
	width: auto;
}

.nav-search input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}

.nav-search__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	color: rgba(18, 35, 61, .72);
	background: transparent;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
	transition: color .18s ease, background .18s ease;
}

.nav-search__trigger:hover,
.nav-search__trigger:focus {
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	outline: 0;
}

.nav-search.is-open .nav-search__trigger {
	color: var(--brand);
	background: rgba(11, 100, 216, .1);
}

.nav-search__panel {
	position: absolute;
	top: calc(100% + 16px);
	right: 0;
	z-index: 1090;
	width: min(520px, calc(100vw - 32px));
	padding: 18px;
	background: rgba(255, 255, 255, .98);
	border: 1px solid rgba(11, 100, 216, .12);
	border-radius: 18px;
	box-shadow: 0 20px 50px rgba(18, 35, 61, .16);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}

.nav-search.is-open .nav-search__panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity .2s ease, transform .2s ease, visibility 0s linear 0s;
}

.nav-search__panel::before {
	content: "";
	position: absolute;
	top: -7px;
	right: 18px;
	width: 14px;
	height: 14px;
	background: rgba(255, 255, 255, .98);
	border-top: 1px solid rgba(11, 100, 216, .12);
	border-left: 1px solid rgba(11, 100, 216, .12);
	transform: rotate(45deg);
}

.nav-search__field {
	position: relative;
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 7px 8px 7px 14px;
	background: #f6f9fd;
	border: 1px solid rgba(11, 100, 216, .13);
	border-radius: 999px;
}

.nav-search__field i {
	color: rgba(11, 100, 216, .72);
	font-size: 14px;
}

.nav-search .nav-search__input {
	position: static;
	width: 100%;
	height: 36px;
	padding: 0;
	margin: 0;
	overflow: visible;
	clip: auto;
	color: var(--ink);
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 14px;
	line-height: 36px;
	white-space: normal;
}

.nav-search .nav-search__input:focus,
.nav-search .nav-search__input:focus-visible {
	outline: 0 !important;
	box-shadow: none !important;
}

.nav-search__field:focus-within {
	border-color: rgba(11, 100, 216, .22);
	box-shadow: 0 0 0 3px rgba(11, 100, 216, .06);
}

.nav-search__input::placeholder {
	color: rgba(18, 35, 61, .42);
}

.nav-search__submit {
	height: 36px;
	padding: 0 18px;
	color: #fff;
	background: var(--brand);
	border: 0;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition: background .18s ease, transform .18s ease;
}

.nav-search__submit:hover,
.nav-search__submit:focus {
	background: #084fae;
	outline: 0;
	transform: translateY(-1px);
}

.nav-search__section {
	margin-top: 16px;
}

.nav-search__section > strong {
	display: block;
	margin-bottom: 10px;
	color: rgba(18, 35, 61, .9);
	font-size: 14px;
	font-weight: 800;
}

.nav-search__products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.nav-search__products a {
	display: flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 12px;
	color: rgba(18, 35, 61, .76);
	background: #f8fbff;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.nav-search__products a:hover,
.nav-search__products a:focus {
	color: var(--brand);
	background: rgba(11, 100, 216, .06);
	border-color: rgba(11, 100, 216, .22);
	outline: 0;
	transform: translateY(-1px);
	text-decoration: none;
}

.nav-search__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.nav-search__tags button {
	padding: 7px 12px;
	color: rgba(18, 35, 61, .68);
	background: #fff;
	border: 1px solid rgba(11, 100, 216, .16);
	border-radius: 999px;
	font-size: 13px;
	line-height: 1.2;
	cursor: pointer;
	transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.nav-search__tags button:hover,
.nav-search__tags button:focus {
	color: var(--brand);
	background: rgba(11, 100, 216, .06);
	border-color: rgba(11, 100, 216, .34);
	outline: 0;
}

.nav-contact {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-left: 0;
	white-space: nowrap;
	font-size: 13px;
}

.nav-contact a {
	color: rgba(18, 35, 61, .78);
}

.nav-contact a:hover {
	color: var(--brand);
	text-decoration: none;
}

	.nav-contact__phone i {
		margin-right: 7px;
		color: var(--brand);
		font-size: 18px;
	}
	
	.nav-contact__phone {
		gap: 0;
		height: 40px;
		font-size: 21px;
		font-weight: 600;
		letter-spacing: 0;
	}

.nav-consult {
	height: 30px;
	padding: 0 14px;
	color: var(--brand) !important;
	border: 1px solid rgba(11, 100, 216, .5);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	background: rgba(11, 100, 216, .04);
}

.nav-consult:hover,
.nav-consult:focus {
	color: #fff !important;
	background: var(--brand);
	border-color: var(--brand);
	text-decoration: none;
}

.nav-contact__lang {
	display: inline-flex;
	align-items: center;
	padding: 0 1px;
	line-height: 1;
	font-weight: 600;
}

.site-header .btn-outline-light {
	color: var(--brand);
	border-color: rgba(11, 100, 216, .35);
}

.site-header .btn-outline-light:hover {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.site-header .navbar-toggler {
	border-color: rgba(18, 35, 61, .2);
}

.site-header .navbar-toggler-icon {
	background-image: none;
	position: relative;
	width: 22px;
	height: 2px;
	background: var(--ink);
}

.site-header .navbar-toggler-icon::before,
.site-header .navbar-toggler-icon::after {
	content: "";
	position: absolute;
	left: 0;
	width: 22px;
	height: 2px;
	background: var(--ink);
}

.site-header .navbar-toggler-icon::before {
	top: -7px;
}

.site-header .navbar-toggler-icon::after {
	top: 7px;
}

.site-header-spacer {
	height: 72px;
}

.btn {
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: 0;
}

.btn-brand {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
	box-shadow: 0 12px 28px rgba(11, 100, 216, .28);
}

.btn-brand:hover {
	color: #fff;
	background: #084fab;
	border-color: #084fab;
	transform: translateY(-1px);
}

.btn-ghost {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .58);
	background: rgba(255, 255, 255, .08);
}

.btn-ghost:hover {
	color: #061226;
	background: #fff;
}

.btn-link-dark {
	color: var(--ink);
	background: transparent;
	border: 1px solid var(--line);
}

.btn-link-dark:hover {
	color: var(--brand);
	border-color: var(--brand);
}

.hero {
	position: relative;
	min-height: 760px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	background:
		radial-gradient(circle at 76% 26%, rgba(16, 166, 161, .22), transparent 30%),
		radial-gradient(circle at 28% 18%, rgba(11, 100, 216, .26), transparent 34%),
		linear-gradient(135deg, #07111f 0%, #0d1b32 54%, #162642 100%);
}

.hero-visual {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 1;
	animation: heroZoom 18s ease-in-out infinite alternate;
}

.hero__shade {
	position: absolute;
	inset: 0;
	display: none;
	background:
		linear-gradient(90deg, rgba(4, 12, 25, .46) 0%, rgba(8, 25, 48, .28) 46%, rgba(8, 25, 48, .08) 100%),
		linear-gradient(180deg, rgba(9, 22, 44, .08), rgba(9, 22, 44, .22));
	pointer-events: none;
}

.hero-slide[data-title-hide="1"][data-subtitle-hide="1"] .hero__shade {
	display: none;
}

.hero__content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(430px, .72fr);
	gap: 110px;
	align-items: center;
	padding-top: 104px;
	padding-bottom: 104px;
}

.eyebrow,
.section-heading span,
.section-kicker,
.panel-label {
	display: inline-flex;
	align-items: center;
	color: var(--gold);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.hero h1 {
	max-width: 900px;
	margin: 22px 0;
	color: var(--hero-title-color, #fff);
	font-size: 68px;
	line-height: 1.08;
	font-weight: 800;
}

.hero p {
	max-width: 780px;
	color: var(--hero-subtitle-color, rgba(255, 255, 255, .78));
	font-size: 21px;
	line-height: 1.85;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 36px;
}

.hero__actions .btn {
	padding: 15px 30px;
	font-size: 16px;
}

.hero__panel {
	padding: 34px;
	border: 1px solid rgba(255, 255, 255, .18);
	background: rgba(255, 255, 255, .1);
	box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
	backdrop-filter: blur(15px);
	border-radius: 8px;
	animation: floatPanel 5.5s ease-in-out infinite;
}

.metric-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.metric-grid div {
	min-height: 146px;
	padding: 24px;
	background: rgba(255, 255, 255, .92);
	border-radius: 6px;
	transition: transform .25s ease, box-shadow .25s ease;
}

.metric-grid div:hover {
	box-shadow: 0 16px 34px rgba(4, 12, 25, .16);
	transform: translateY(-4px);
}

.metric-grid strong {
	display: block;
	color: var(--navy);
	font-size: 28px;
	margin-bottom: 12px;
}

.metric-grid span {
	display: block;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.7;
}

/* 首页解决方案卡片稳定展示 */
.home .solution-grid .solution-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 0;
	overflow: hidden;
	background: #fff;
	color: var(--ink);
	border-radius: 12px;
}

.home .solution-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
}

.home .solution-grid .solution-card.featured {
	grid-row: auto;
}

.home .solution-grid .solution-card__image {
	position: relative;
	height: 176px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(11, 100, 216, .42));
}

.home .solution-grid .solution-card.featured .solution-card__image {
	height: 176px;
}

.home .solution-grid .solution-card__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(6, 18, 38, .08), rgba(6, 18, 38, .42));
	pointer-events: none;
}

.home .solution-grid .solution-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .9;
	transform: scale(1.02);
	transition: transform .35s ease, opacity .35s ease;
}

.home .solution-grid .solution-card:hover .solution-card__image img {
	opacity: 1;
	transform: scale(1.08);
}

.home .solution-grid .solution-card h3 {
	display: block;
	margin: 18px 28px 12px;
	color: var(--ink) !important;
	font-size: 23px;
	font-weight: 900;
	line-height: 1.35;
}

.home .solution-grid .solution-card.featured h3 {
	font-size: 23px;
}

.home .solution-grid .solution-card p {
	display: block;
	margin: 0 28px 18px;
	color: var(--muted) !important;
	font-size: 15px;
	line-height: 1.72;
}

.home .solution-grid .solution-card.featured p {
	font-size: 15px;
	line-height: 1.72;
}

.home .solution-grid .solution-card ul {
	display: block;
	margin: auto 28px 28px;
	padding: 0;
	list-style: none;
}

.home .solution-grid .solution-card li {
	position: relative;
	display: block;
	margin: 8px 0;
	padding-left: 18px;
	color: var(--muted) !important;
	font-size: 14px;
	line-height: 1.55;
}

.home .solution-grid .solution-card.featured li {
	margin: 8px 0;
	line-height: 1.48;
}

.home .solution-grid .solution-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	background: var(--teal);
	border-radius: 50%;
}

.home .solution-grid .solution-card .tag {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	min-width: 0;
	height: 32px;
	margin: 24px 28px 0;
	padding: 0 14px;
	color: var(--gold);
	background: rgba(201, 166, 99, .12);
	font-size: 13px;
	font-weight: 800;
}

/* 首页纹理与微动效增强 */
.home .section-dark {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 14% 20%, rgba(16, 166, 161, .16), transparent 32%),
		radial-gradient(circle at 88% 12%, rgba(11, 100, 216, .18), transparent 36%),
		linear-gradient(180deg, #061226, #071832);
}

.home .section-dark::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
	background-size: 48px 48px;
	opacity: .65;
	pointer-events: none;
}

.home .section-dark > .container {
	position: relative;
	z-index: 1;
}

	.home .role-card,
	.home .scenario-card,
	.home .product-block,
	.home .process-card,
	.home .solution-grid .solution-card {
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

	.home .role-card:hover,
	.home .scenario-card:hover,
	.home .product-block:hover,
	.home .process-card:hover,
	.home .solution-grid .solution-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .16);
}

.home .solution-visual,
.home .brand-proof-card,
.home .partner-card {
	position: relative;
	overflow: hidden;
}

.home .solution-visual::before,
.home .brand-proof-card::before,
.home .partner-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, .16) 45%, transparent 70%);
	transform: translateX(-120%);
	transition: transform .7s ease;
	pointer-events: none;
	z-index: 2;
}

.home .solution-visual:hover::before,
.home .brand-proof-card:hover::before,
.home .partner-card:hover::before {
	transform: translateX(120%);
}

.home .module-board span,
.home .brand-proof__stats div,
.home .proof-stats div {
	transition: transform .25s ease, box-shadow .25s ease;
}

.home .module-board span:hover,
.home .brand-proof__stats div:hover,
.home .proof-stats div:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(18, 35, 61, .1);
}

.home .product-block__image {
	animation: softFloat 7s ease-in-out infinite alternate;
}

.home .product-block:nth-child(2) .product-block__image { animation-delay: .6s; }
.home .product-block:nth-child(3) .product-block__image { animation-delay: 1.2s; }
.home .product-block:nth-child(4) .product-block__image { animation-delay: 1.8s; }

@keyframes softFloat {
	from { transform: translateY(0); }
	to { transform: translateY(-8px); }
}

/* 首页 BANNER 全屏幻灯片 */
.hero.hero-slider {
	min-height: 0;
	height: 100vh;
	height: 100svh;
	display: block;
}

.hero-slider .swiper-wrapper,
.hero-slider .swiper-slide,
.hero-slide {
	width: 100%;
	height: 100%;
}

.hero-slide {
	position: relative;
	overflow: hidden;
}

.hero-slide__link {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: block;
	cursor: pointer;
}

.hero-slide__link:not([href]) {
	pointer-events: none;
	cursor: default;
}

.hero-slider .hero__content {
	position: relative;
	z-index: 4;
	grid-template-columns: minmax(0, 920px);
	align-content: center;
	min-height: 100vh;
	min-height: 100svh;
	max-width: none;
	width: 100%;
	padding-left: 6vw;
	padding-right: 6vw;
	padding-top: 120px;
	padding-bottom: 84px;
	pointer-events: none;
}

.hero-slide[data-text-position="center"] .hero__content,
.hero-slide[data-text-position="center-upper"] .hero__content {
	justify-content: center;
	text-align: center;
}

.hero-slide[data-text-position="center"] .hero h1,
.hero-slide[data-text-position="center"] .hero p,
.hero-slide[data-text-position="center"] .hero__copy,
.hero-slide[data-text-position="center-upper"] .hero h1,
.hero-slide[data-text-position="center-upper"] .hero p,
.hero-slide[data-text-position="center-upper"] .hero__copy {
	margin-left: auto;
	margin-right: auto;
}

.hero-slide[data-text-position="center"] .hero__actions,
.hero-slide[data-text-position="center-upper"] .hero__actions {
	justify-content: center;
}

.hero-slide[data-text-position="right-center"] .hero__content,
.hero-slide[data-text-position="right-bottom"] .hero__content {
	justify-content: end;
	text-align: right;
}

.hero-slide[data-text-position="right-center"] .hero h1,
.hero-slide[data-text-position="right-center"] .hero p,
.hero-slide[data-text-position="right-bottom"] .hero h1,
.hero-slide[data-text-position="right-bottom"] .hero p {
	margin-left: auto;
}

.hero-slide[data-text-position="left-bottom"] .hero__content,
.hero-slide[data-text-position="right-bottom"] .hero__content {
	align-content: end;
}

.hero-slider .hero-visual {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: none;
	transform: scale(1.01);
	backface-visibility: hidden;
	will-change: transform;
}

/* 无脚本兜底；正常情况下由首页轮播事件主动重启动效。 */
.hero-slider .swiper-slide-active .hero-visual {
	animation: none;
}

.hero-slider .hero-visual.is-hero-motion-active {
	animation: heroSlideZoomActive 6.2s cubic-bezier(.22, .61, .36, 1) both;
}

.hero-slider .hero__shade {
	z-index: 1;
}

.hero-slide::before {
	content: none;
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 18% 30%, rgba(16, 166, 161, .2), transparent 28%),
		radial-gradient(circle at 80% 18%, rgba(11, 100, 216, .22), transparent 32%),
		linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: auto, auto, 52px 52px, 52px 52px;
	pointer-events: none;
}

.hero-slide::after {
	content: none;
	position: absolute;
	right: 8vw;
	top: 20vh;
	z-index: 1;
	width: 260px;
	height: 260px;
	background: radial-gradient(circle, rgba(16, 166, 161, .26), transparent 66%);
	border-radius: 50%;
	filter: blur(4px);
	animation: heroGlowMove 8s ease-in-out infinite alternate;
	pointer-events: none;
}

.hero-slider .hero__copy,
.hero-slider .hero__panel {
	position: relative;
	z-index: 2;
}

.hero-slider .hero__copy {
	transform: translateY(-50px);
}

.hero-slide[data-text-position="center-upper"] .hero__copy {
	transform: translateY(-100px);
}

.hero__actions {
	margin-top: 28px;
	pointer-events: auto;
}

.hero__action {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	min-height: 46px;
	padding: 0 21px;
	color: #fff;
	background: #0b64d8;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 2px;
	box-shadow: 0 12px 28px rgba(5, 65, 145, .24);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .02em;
	text-decoration: none;
	transition: transform .24s ease, background .24s ease, box-shadow .24s ease;
}

.hero__action:hover,
.hero__action:focus {
	color: #fff;
	background: #0d78f2;
	box-shadow: 0 16px 32px rgba(5, 65, 145, .34);
	text-decoration: none;
	transform: translateY(-2px);
}

.hero__copy[data-title-hide="1"][data-subtitle-hide="1"] .hero__actions {
	display: none;
}

.hero__copy[data-title-hide="1"] h1,
.hero__copy[data-subtitle-hide="1"] p,
.hero__copy[data-title-hide="1"][data-subtitle-hide="1"] .eyebrow {
	display: none;
}

.hero__copy[data-title-hide="1"][data-subtitle-hide="1"] {
	min-height: 1px;
}

.hero-slider .swiper-slide-active .hero__copy {
	animation: heroTextIn .7s ease both;
}

.hero-slider .swiper-slide-active[data-text-position="center-upper"] .hero__copy {
	animation-name: heroTextInUpper;
}

.hero-slider .swiper-slide-active .hero__panel {
	animation: heroPanelIn .8s ease .12s both, floatPanel 5.5s ease-in-out 1s infinite;
}

.hero-pagination {
	position: absolute;
	left: 6vw !important;
	bottom: 44px !important;
	width: auto !important;
	z-index: 5;
	text-align: left;
}

.hero-pagination .swiper-pagination-bullet {
	width: 34px;
	height: 3px;
	margin: 0 8px 0 0 !important;
	background: rgba(255, 255, 255, .45);
	border-radius: 999px;
	opacity: 1;
	transition: width .25s ease, background .25s ease;
}

.hero-pagination .swiper-pagination-bullet-active {
	width: 56px;
	background: var(--gold);
}

.hero-button {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	backdrop-filter: blur(6px);
	background-image: none !important;
	background-size: auto;
	transition: background .25s ease, transform .25s ease;
}

.hero-button::after {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.hero-button-prev::after {
	transform: rotate(-135deg);
	margin-left: 3px;
}

.hero-button-next::after {
	transform: rotate(45deg);
	margin-right: 3px;
}

.hero-button:hover {
	background-color: rgba(255, 255, 255, .22);
	transform: translateY(-2px);
}

.hero-button-prev {
	left: 28px;
}

.hero-button-next {
	right: 28px;
}

@keyframes heroTextIn {
	from { opacity: 0; transform: translateY(-26px); }
	to { opacity: 1; transform: translateY(-50px); }
}

@keyframes heroTextInUpper {
	from { opacity: 0; transform: translateY(-76px); }
	to { opacity: 1; transform: translateY(-100px); }
}

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

@keyframes heroGlowMove {
	from { transform: translate3d(0, 0, 0) scale(1); opacity: .7; }
	to { transform: translate3d(-46px, 32px, 0) scale(1.14); opacity: .95; }
}

.section {
	padding: 116px 0;
}

.section-heading {
	margin: 0 auto 56px;
	text-align: center;
}

.section-heading h2,
.platform-layout h2,
.proof-layout h2,
.partner-card h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 46px;
	line-height: 1.25;
	font-weight: 800;
}

.section-heading p,
.platform-layout .lead,
.proof-layout p,
.partner-card p {
	color: var(--muted);
	font-size: 18px;
	line-height: 1.9;
}

	.role-grid,
	.scenario-grid,
	.solution-grid,
	.product-matrix {
	display: grid;
	gap: 28px;
}

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

	.scenario-entry-section {
		background:
			linear-gradient(180deg, #fff 0%, #f6f9fe 100%);
	}

	.scenario-map {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(380px, .55fr);
		gap: 28px;
		align-items: stretch;
		margin-bottom: 28px;
		overflow: hidden;
		border: 1px solid var(--line);
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 18px 45px rgba(18, 35, 61, .08);
	}

	.scenario-map__visual {
		position: relative;
		min-height: 380px;
		overflow: hidden;
		background: #07182f;
	}

	.scenario-map__visual img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .45s ease;
	}

	.scenario-map:hover .scenario-map__visual img {
		transform: scale(1.06);
	}

	.scenario-map__visual::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(5, 17, 36, .02), rgba(5, 17, 36, .72));
	}

	.scenario-map__label {
		position: absolute;
		left: 28px;
		right: 28px;
		bottom: 28px;
		z-index: 2;
		padding: 22px 24px;
		color: #fff;
		background: rgba(7, 18, 36, .58);
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 8px;
		backdrop-filter: blur(10px);
	}

	.scenario-map__label strong,
	.scenario-map__label span {
		display: block;
	}

	.scenario-map__label strong {
		font-size: 24px;
		font-weight: 900;
	}

	.scenario-map__label span {
		margin-top: 8px;
		color: rgba(255, 255, 255, .72);
		line-height: 1.7;
	}

	.scenario-map__content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 44px;
		background:
			linear-gradient(135deg, rgba(11, 100, 216, .08), transparent 42%),
			linear-gradient(180deg, #fff, var(--soft));
	}

	.scenario-map__content > span {
		color: var(--gold);
		font-size: 13px;
		font-weight: 900;
		letter-spacing: .08em;
	}

	.scenario-map__content h3 {
		margin: 14px 0 18px;
		color: var(--ink);
		font-size: 32px;
		line-height: 1.35;
		font-weight: 900;
	}

	.scenario-map__content p {
		margin: 0;
		color: var(--muted);
		font-size: 17px;
		line-height: 1.9;
	}

	.scenario-tags {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 26px;
	}

	.scenario-tags em {
		padding: 7px 14px;
		color: var(--brand);
		background: rgba(11, 100, 216, .08);
		border-radius: 999px;
		font-style: normal;
		font-size: 13px;
		font-weight: 800;
	}

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

	.scenario-card {
		display: block;
		height: 100%;
		padding: 30px;
		color: inherit;
		background: #fff;
		border: 1px solid var(--line);
		border-radius: 8px;
		box-shadow: 0 14px 34px rgba(18, 35, 61, .05);
	}

	.scenario-card:hover {
		color: inherit;
		text-decoration: none;
		border-color: rgba(11, 100, 216, .28);
	}

	.scenario-card i {
		width: 48px;
		height: 48px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 24px;
		color: #fff;
		background: linear-gradient(135deg, var(--brand), var(--brand-2));
		border-radius: 8px;
		font-size: 21px;
	}

	.scenario-card h3 {
		margin-bottom: 12px;
		color: var(--ink);
		font-size: 22px;
		line-height: 1.4;
		font-weight: 900;
	}

	.scenario-card p {
		margin: 0;
		color: var(--muted);
		font-size: 16px;
		line-height: 1.8;
	}

	.scenario-card > span {
		display: block;
		margin-top: 22px;
		padding-top: 18px;
		color: var(--brand);
		border-top: 1px solid var(--line);
		font-size: 14px;
		font-weight: 800;
		line-height: 1.6;
	}

.role-showcase {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(380px, .5fr);
	gap: 28px;
	align-items: stretch;
	margin-bottom: 28px;
	overflow: hidden;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 18px 45px rgba(18, 35, 61, .08);
}

.role-showcase__image {
	min-height: 330px;
	overflow: hidden;
}

.role-showcase__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.role-showcase:hover .role-showcase__image img {
	transform: scale(1.06);
}

.role-showcase__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
	background:
		radial-gradient(circle at 85% 15%, rgba(16, 166, 161, .16), transparent 32%),
		linear-gradient(180deg, #fff, var(--soft));
}

.role-showcase__copy span {
	color: var(--gold);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .5px;
}

.role-showcase__copy h3 {
	margin: 12px 0 22px;
	color: var(--ink);
	font-size: 32px;
	line-height: 1.35;
	font-weight: 800;
}

.role-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.role-tags em {
	padding: 7px 14px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 30px;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
}

.role-card,
.product-block,
.solution-card {
	display: block;
	height: 100%;
	padding: 34px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 8px;
}

.role-card:hover,
.product-block:hover {
	border-color: rgba(11, 100, 216, .32);
	box-shadow: 0 18px 45px rgba(18, 35, 61, .1);
	transform: translateY(-3px);
	text-decoration: none;
}

.role-card i,
.product-block i {
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--brand);
	border-radius: 6px;
	font-size: 22px;
	margin-bottom: 28px;
}

.role-card h3,
.product-block h3,
.solution-card h3 {
	color: var(--ink);
	font-size: 23px;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 12px;
}

.role-card p,
.product-block p,
.solution-card p {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.85;
	margin: 0;
}

.section-dark {
	background: var(--navy);
	color: #fff;
}

.heading-light h2 {
	color: #fff;
}

.heading-light p {
	color: rgba(255, 255, 255, .68);
}

.solution-grid {
	grid-template-columns: 1.18fr 1fr 1fr;
	align-items: stretch;
}

.solution-visuals {
	display: grid;
	grid-template-columns: 1.42fr 1fr 1fr;
	gap: 18px;
	margin-bottom: 28px;
}

.solution-visual {
	position: relative;
	min-height: 220px;
	overflow: hidden;
	border-radius: 10px;
	background: #0a1730;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .22);
}

.solution-visual--large {
	min-height: 280px;
}

.solution-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .78;
	transform: scale(1.02);
	transition: transform .45s ease, opacity .35s ease;
}

.solution-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(4, 12, 25, .08), rgba(4, 12, 25, .82));
}

.solution-visual strong,
.solution-visual span {
	position: absolute;
	left: 24px;
	right: 24px;
	z-index: 2;
	color: #fff;
}

.solution-visual strong {
	bottom: 58px;
	font-size: 26px;
	font-weight: 800;
}

.solution-visual span {
	bottom: 28px;
	color: rgba(255, 255, 255, .74);
	font-size: 14px;
}

.solution-visual:hover img {
	opacity: .92;
	transform: scale(1.08);
}

.solution-card {
	border-color: rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .07);
}

.solution-card.featured {
	grid-row: span 2;
	background: #fff;
}

.solution-card.featured h3 {
	font-size: 32px;
}

.solution-card.featured p {
	font-size: 17px;
}

.solution-card:not(.featured) h3 {
	color: #fff;
}

.solution-card:not(.featured) p,
.solution-card:not(.featured) li {
	color: rgba(255, 255, 255, .7);
}

.solution-card .tag {
	display: inline-block;
	margin-bottom: 20px;
	padding: 6px 10px;
	color: var(--gold);
	background: rgba(201, 166, 99, .12);
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.solution-card ul {
	margin: 24px 0 0;
	padding: 0;
}

.solution-card li {
	position: relative;
	margin: 10px 0;
	padding-left: 18px;
	color: var(--muted);
}

.solution-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	background: var(--brand-2);
	border-radius: 50%;
}

/* 首页解决方案：以沉浸式方案轨道代替常规卡片排版 */
.home-solution-section {
	position: relative;
	overflow: hidden;
	padding: 0;
	background:
		radial-gradient(circle at 18% 76%, rgba(13, 88, 178, .25), transparent 32%),
		radial-gradient(circle at 86% 12%, rgba(16, 166, 161, .16), transparent 28%),
		#061325;
}

.home-solution-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(117, 167, 226, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(117, 167, 226, .06) 1px, transparent 1px);
	background-size: 78px 78px;
	mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.home-solution-section .container {
	position: relative;
	z-index: 1;
}

.product-solution-bridge {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-height: 74px;
	padding: 0 28px;
	color: rgba(214, 235, 255, .78);
	background: linear-gradient(90deg, #071a31, #0a2e60 50%, #071a31);
	border-top: 1px solid rgba(104, 183, 255, .38);
	border-bottom: 1px solid rgba(104, 183, 255, .3);
}

.product-solution-bridge::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #65beff 45%, #d4b270 50%, #65beff 55%, transparent);
}

.product-solution-bridge span {
	color: #76c4ff;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	white-space: nowrap;
}

.product-solution-bridge strong {
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .02em;
	white-space: nowrap;
}

.product-solution-bridge i {
	width: min(7vw, 104px);
	height: 1px;
	background: linear-gradient(90deg, rgba(118, 196, 255, .1), rgba(118, 196, 255, .8));
}

.product-solution-bridge i:nth-of-type(2) {
	background: linear-gradient(90deg, rgba(118, 196, 255, .8), rgba(118, 196, 255, .1));
}

@media (max-width: 575.98px) {
	.product-solution-bridge {
		min-height: 64px;
		gap: 8px;
		padding: 0 18px;
	}

	.product-solution-bridge span,
	.product-solution-bridge i {
		display: none;
	}

	.product-solution-bridge strong {
		font-size: 13px;
		white-space: normal;
		text-align: center;
	}
}

.home-solution-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 56px;
	align-items: end;
	margin-bottom: 28px;
}

.home-solution-heading__eyebrow {
	display: block;
	margin-bottom: 17px;
	color: #70b8ff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
}

.home-solution-heading h2 {
	margin: 0;
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	letter-spacing: -.035em;
	line-height: 1.18;
}

.home-solution-heading h2 em {
	color: #c7a96a;
	font-style: normal;
}

.home-solution-heading p {
	margin: 0 0 5px;
	color: rgba(222, 237, 255, .7);
	font-size: 15px;
	line-height: 1.9;
}

.home-solution-heading__types {
	display: flex;
	gap: 24px;
	margin-top: 19px;
	padding-top: 15px;
	border-top: 1px solid rgba(129, 179, 240, .28);
}

.home-solution-heading__types span {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.home-solution-heading__types b {
	color: rgba(255, 255, 255, .94);
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

.home-solution-heading__types small {
	color: #70b8ff;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .09em;
}

.home-solution-stage {
	display: grid;
	grid-template-columns: minmax(340px, .9fr) minmax(0, 1.36fr);
	min-height: 570px;
	border-top: 1px solid rgba(129, 179, 240, .34);
	border-bottom: 1px solid rgba(129, 179, 240, .25);
}

@media (min-width: 992px) {
	.home-solution-stage,
	.home-solution-close {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

.home-solution-close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	min-height: 76px;
	padding: 0 max(28px, calc((100vw - 1235px) / 2));
	background: linear-gradient(90deg, #071a32, #0b2649);
	border-bottom: 1px solid rgba(129, 179, 240, .28);
}

.home-solution-close__system {
	display: flex;
	align-items: center;
	gap: 15px;
	min-width: 0;
}

.home-solution-close__system > i {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	background: #71baff;
	border-radius: 50%;
	box-shadow: 0 0 0 7px rgba(113, 186, 255, .1);
}

.home-solution-close__system span {
	color: #80bdf6;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .13em;
	white-space: nowrap;
}

.home-solution-close__system strong {
	color: rgba(255, 255, 255, .84);
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

.home-solution-close__action {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.home-solution-close__action .fa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #071a32;
	background: #fff;
	border-radius: 50%;
	transition: transform .25s ease, background .25s ease;
}

.home-solution-close__action:hover,
.home-solution-close__action:focus {
	color: #fff;
	text-decoration: none;
}

.home-solution-close__action:hover .fa {
	background: #71baff;
	transform: translateX(4px);
}

.home-solution-lead,
.home-solution-line {
	position: relative;
	display: block;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}

.home-solution-lead {
	min-height: 570px;
	padding: 38px;
	border-right: 1px solid rgba(129, 179, 240, .32);
	isolation: isolate;
}

.home-solution-lead::after,
.home-solution-line::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(3, 13, 28, .9), rgba(3, 13, 28, .4) 54%, rgba(3, 13, 28, .82));
	transition: background .35s ease;
}

.home-solution-lead img,
.home-solution-line img {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.9) contrast(1.05);
	transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .35s ease;
}

.home-solution-lead__number {
	display: block;
	margin-top: 42px;
	color: rgba(210, 231, 255, .78);
	font-family: Arial, sans-serif;
	font-size: 92px;
	font-weight: 200;
	letter-spacing: -.08em;
	line-height: .8;
}

.home-solution-lead__kicker {
	display: block;
	color: #75bfff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .15em;
}

.home-solution-lead__headline {
	display: block;
	max-width: 365px;
	margin-top: 17px;
	color: #fff;
	font-size: 31px;
	font-weight: 900;
	letter-spacing: -.045em;
	line-height: 1.2;
}

.home-solution-lead__headline em {
	color: #c7a96a;
	font-style: normal;
}

.home-solution-lead__type {
	display: block;
	margin-top: 26px;
	color: #81c4ff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
}

.home-solution-lead__copy {
	position: absolute;
	left: 38px;
	right: 38px;
	bottom: 39px;
}

.home-solution-lead__copy strong {
	display: block;
	color: #fff;
	font-size: 39px;
	font-weight: 900;
	line-height: 1.16;
	letter-spacing: -.045em;
}

.home-solution-lead__copy small {
	display: block;
	margin-top: 14px;
	color: rgba(225, 240, 255, .72);
	font-size: 14px;
}

.home-solution-lead__detail {
	display: block;
	max-height: 0;
	margin-top: 0;
	overflow: hidden;
	color: rgba(225, 240, 255, .76);
	font-size: 13px;
	line-height: 1.7;
	opacity: 0;
	transform: translateY(8px);
	transition: max-height .35s ease, margin-top .35s ease, opacity .25s ease, transform .35s ease;
}

.home-solution-lead > .fa {
	position: absolute;
	right: 38px;
	bottom: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	color: #07172c;
	background: #fff;
	border-radius: 50%;
	font-size: 17px;
	transition: transform .3s ease, background .3s ease;
}

.home-solution-rail {
	display: grid;
	grid-template-rows: 3fr 1fr 1fr;
	transition: grid-template-rows .42s cubic-bezier(.2, .7, .2, 1);
}

.home-solution-rail:has(.home-solution-group--scene .home-solution-line:hover) {
	grid-template-rows: 1.5fr 2.8fr .7fr;
}

.home-solution-rail:has(.home-solution-group--industry .home-solution-line:hover) {
	grid-template-rows: 1.5fr .7fr 2.8fr;
}

.home-solution-group {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	min-height: 0;
	border-bottom: 1px solid rgba(129, 179, 240, .38);
}

.home-solution-group:last-child {
	border-bottom: 0;
}

.home-solution-group__axis {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px 14px 18px;
	color: #fff;
	background: rgba(8, 31, 62, .82);
	border-right: 1px solid rgba(129, 179, 240, .35);
	box-shadow: inset 3px 0 0 rgba(112, 184, 255, .82);
}

.home-solution-group--scene .home-solution-group__axis {
	background: rgba(8, 43, 62, .78);
	box-shadow: inset 3px 0 0 rgba(73, 199, 194, .82);
}

.home-solution-group--industry .home-solution-group__axis {
	background: rgba(59, 40, 21, .78);
	box-shadow: inset 3px 0 0 rgba(214, 178, 109, .82);
}

.home-solution-group__axis strong {
	font-size: 16px;
	font-weight: 900;
	letter-spacing: .03em;
	line-height: 1.18;
}

.home-solution-group__axis small {
	color: rgba(225, 241, 255, .62);
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .09em;
	line-height: 1.5;
}

.home-solution-group__lines {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.home-solution-line {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr) 44px;
	gap: 24px;
	align-items: center;
	min-height: 0;
	flex: 1 1 0;
	padding: 18px 35px;
	border-bottom: 1px solid rgba(129, 179, 240, .3);
	isolation: isolate;
	transition: flex .52s cubic-bezier(.16, 1, .3, 1), padding .42s ease, box-shadow .42s ease;
}

.home-solution-group--operation .home-solution-line:hover {
	flex: 2.8 1 0;
	padding-left: 46px;
	box-shadow: inset 6px 0 0 #76bcff, 0 12px 36px rgba(0, 0, 0, .22);
	z-index: 2;
}

.home-solution-group--operation:has(.home-solution-line:hover) .home-solution-line:not(:hover) {
	flex: .35 1 0;
}

.home-solution-line:last-child {
	border-bottom: 0;
}

.home-solution-line::after {
	background: linear-gradient(90deg, rgba(3, 14, 29, .94) 0%, rgba(3, 14, 29, .76) 43%, rgba(3, 14, 29, .45));
}

.home-solution-line__number {
	color: rgba(190, 220, 255, .77);
	font-family: Arial, sans-serif;
	font-size: 48px;
	font-weight: 200;
	letter-spacing: -.06em;
	line-height: 1;
	transition: color .35s ease, font-size .42s cubic-bezier(.16, 1, .3, 1), transform .42s ease;
}

.home-solution-line__content {
	min-width: 0;
}

.home-solution-line__content small,
.home-solution-line__content strong {
	display: block;
}

.home-solution-line__content {
	overflow: hidden;
}

.home-solution-line__content small {
	margin-bottom: 6px;
	color: #77b9f8;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
}

.home-solution-line__content strong {
	color: #fff;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.3;
	transition: font-size .42s cubic-bezier(.16, 1, .3, 1), letter-spacing .35s ease;
}

.home-solution-line__detail {
	display: block;
	max-height: 0;
	margin-top: 0;
	overflow: hidden;
	color: rgba(225, 240, 255, .78);
	font-size: 12px;
	line-height: 1.65;
	opacity: 0;
	transform: translateY(6px);
	transition: max-height .35s ease, margin-top .35s ease, opacity .25s ease, transform .35s ease;
}

.home-solution-line > .fa {
	color: rgba(255, 255, 255, .9);
	font-size: 20px;
	text-align: right;
	transition: transform .3s ease, color .3s ease;
}

.home-solution-lead:hover,
.home-solution-line:hover {
	color: #fff;
	text-decoration: none;
}

.home-solution-lead:hover img,
.home-solution-line:hover img {
	filter: saturate(1.15) contrast(1.06) brightness(1.08);
	transform: scale(1.055);
}

.home-solution-lead:hover .home-solution-lead__detail,
.home-solution-line:hover .home-solution-line__detail {
	max-height: 94px;
	margin-top: 10px;
	opacity: 1;
	transform: translateY(0);
}

.home-solution-line:hover .home-solution-line__number {
	color: #fff;
	font-size: 68px;
	transform: translateX(-3px);
}

.home-solution-line:hover .home-solution-line__content strong {
	font-size: 27px;
	letter-spacing: -.025em;
}

.home-solution-group--scene .home-solution-line:hover,
.home-solution-group--industry .home-solution-line:hover {
	padding-left: 48px;
	box-shadow: inset 7px 0 0 #76bcff, 0 14px 38px rgba(0, 0, 0, .24);
	z-index: 2;
}

.home-solution-group--industry .home-solution-line:hover {
	box-shadow: inset 7px 0 0 #d6b26d, 0 14px 38px rgba(0, 0, 0, .24);
}

.home-solution-lead:hover::after {
	background: linear-gradient(90deg, rgba(3, 13, 28, .68), rgba(3, 13, 28, .22) 56%, rgba(3, 13, 28, .7));
}

.home-solution-line:hover::after {
	background: linear-gradient(90deg, rgba(3, 14, 29, .76) 0%, rgba(3, 14, 29, .5) 43%, rgba(3, 14, 29, .22));
}

.home-solution-lead:hover > .fa {
	background: #70b8ff;
	transform: translateX(5px);
}

.home-solution-line:hover > .fa {
	color: #70b8ff;
	transform: translateX(6px);
}

@media (max-width: 991.98px) {
	.home-solution-section {
		padding: 0;
	}

	.home-solution-heading {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.home-solution-heading p {
		max-width: 620px;
	}

	.home-solution-heading__types {
		max-width: 500px;
	}

	.home-solution-stage {
		grid-template-columns: 1fr;
	}

	.home-solution-close {
		padding-right: 28px;
		padding-left: 28px;
	}

	.home-solution-lead {
		min-height: 390px;
		border-right: 0;
		border-bottom: 1px solid rgba(129, 179, 240, .32);
	}
}

@media (max-width: 575.98px) {
	.home-solution-section {
		padding: 0;
	}

	.home-solution-heading {
		margin-bottom: 24px;
	}

	.home-solution-heading h2 {
		font-size: 33px;
	}

	.home-solution-heading__types {
		gap: 15px;
		margin-top: 16px;
	}

	.home-solution-heading__types b {
		font-size: 12px;
	}

	.home-solution-close {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
		min-height: 0;
		padding-top: 21px;
		padding-bottom: 21px;
	}

	.home-solution-close__system {
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 9px 13px;
	}

	.home-solution-close__system strong {
		width: calc(100% - 22px);
		margin-left: 22px;
		font-size: 12px;
		white-space: normal;
	}

	.home-solution-lead {
		min-height: 330px;
		padding: 28px;
	}

	.home-solution-lead__number {
		font-size: 72px;
		margin-top: 30px;
	}

	.home-solution-lead__headline {
		font-size: 25px;
	}

	.home-solution-lead__copy {
		left: 28px;
		right: 28px;
		bottom: 28px;
	}

	.home-solution-lead__copy strong {
		font-size: 31px;
	}

	.home-solution-lead > .fa {
		right: 28px;
		bottom: 36px;
	}

	.home-solution-line {
		grid-template-columns: 64px minmax(0, 1fr) 24px;
		gap: 12px;
		min-height: 94px;
		padding: 16px 20px;
	}

	.home-solution-group {
		grid-template-columns: 84px minmax(0, 1fr);
	}

	.home-solution-group__axis {
		padding: 16px 12px;
	}

	.home-solution-group__axis strong {
		font-size: 14px;
	}

	.home-solution-group__axis small {
		font-size: 8px;
	}

	.home-solution-line__number {
		font-size: 35px;
	}

	.home-solution-line__content strong {
		font-size: 16px;
	}

	.home-solution-rail,
	.home-solution-rail:has(.home-solution-group--scene .home-solution-line:hover),
	.home-solution-rail:has(.home-solution-group--industry .home-solution-line:hover) {
		grid-template-rows: auto;
	}

	.home-solution-group__lines {
		display: block;
	}

	.home-solution-line,
	.home-solution-group--operation .home-solution-line:hover {
		min-height: 116px;
	}

	.home-solution-line__detail,
	.home-solution-lead__detail {
		max-height: 72px;
		margin-top: 8px;
		opacity: 1;
		transform: none;
	}
}

.platform-section {
	background: linear-gradient(180deg, var(--soft), #fff);
}

.platform-layout,
.proof-layout,
.partner-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(480px, .82fr);
	gap: 82px;
	align-items: center;
}

.platform-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 28px;
}

.module-board {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 34px;
	background: var(--navy);
	border-radius: 8px;
	box-shadow: 0 22px 55px rgba(9, 22, 44, .18);
}

.platform-visual {
	position: relative;
	min-height: 560px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 24px 65px rgba(9, 22, 44, .18);
}

.platform-visual > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.04);
	transition: transform .45s ease;
}

.platform-visual--dashboard {
	background: linear-gradient(145deg, #071a30, #0c2d5f);
}

.platform-visual--dashboard > img {
	object-fit: contain;
	padding: 104px 22px 250px;
	transform: none;
}

.platform-visual:hover > img {
	transform: scale(1.1);
}

.platform-visual--dashboard:hover > img {
	transform: none;
}

.platform-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(6, 18, 38, .18), rgba(6, 18, 38, .76)),
		radial-gradient(circle at 82% 20%, rgba(16, 166, 161, .36), transparent 30%);
	z-index: 1;
}

.platform-visual__panel {
	position: absolute;
	left: 28px;
	right: 28px;
	top: 28px;
	z-index: 2;
	padding: 24px 26px;
	color: #fff;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 8px;
	backdrop-filter: blur(12px);
}

.platform-visual__panel strong {
	display: block;
	font-size: 38px;
	line-height: 1;
}

.platform-visual__panel span {
	display: block;
	margin-top: 10px;
	color: rgba(255, 255, 255, .78);
}

.platform-visual .module-board {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	z-index: 2;
	background: rgba(9, 22, 44, .84);
	backdrop-filter: blur(12px);
}

.module-board span {
	display: flex;
	align-items: center;
	min-height: 54px;
	padding: 12px 16px;
	color: rgba(255, 255, 255, .84);
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 4px;
	font-size: 15px;
}

/* 首页天枢平台：以实时控制中枢替代单一设备截图 */
.platform-section {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(18, 105, 232, .08) 0 1px, transparent 1px),
		linear-gradient(rgba(18, 105, 232, .055) 0 1px, transparent 1px),
		radial-gradient(circle at 78% 20%, rgba(43, 148, 255, .18), transparent 34%),
		linear-gradient(135deg, #f6fbff 0%, #fff 43%, #eaf5ff 100%);
	background-size: 64px 64px, 64px 64px, auto, auto;
}

.platform-section::before {
	content: "";
	position: absolute;
	width: 620px;
	height: 620px;
	right: -240px;
	top: -270px;
	border: 1px solid rgba(11, 100, 216, .1);
	border-radius: 50%;
	box-shadow: 0 0 0 74px rgba(11, 100, 216, .03), 0 0 0 148px rgba(11, 100, 216, .02);
}

.platform-section::after {
	content: "";
	position: absolute;
	right: 9%;
	bottom: 0;
	width: 420px;
	height: 190px;
	background:
		linear-gradient(90deg, rgba(42, 136, 255, .18), rgba(42, 136, 255, 0)),
		linear-gradient(180deg, rgba(42, 136, 255, 0), rgba(42, 136, 255, .13));
	clip-path: polygon(0 100%, 18% 26%, 35% 56%, 52% 10%, 72% 44%, 100% 0, 100% 100%);
	opacity: .32;
	pointer-events: none;
}

.platform-section .container {
	position: relative;
	z-index: 1;
}

.platform-layout--command {
	grid-template-columns: minmax(340px, .72fr) minmax(600px, 1.28fr);
	gap: 58px;
}

.platform-copy {
	position: relative;
	padding: 22px 0 36px 8px;
}

.platform-copy::before {
	content: "ADMS";
	position: absolute;
	left: -4px;
	top: -44px;
	color: rgba(11, 100, 216, .055);
	font-family: Arial, sans-serif;
	font-size: 112px;
	font-weight: 900;
	letter-spacing: -.09em;
	pointer-events: none;
}

.platform-copy h2 {
	margin: 0 0 24px;
	font-size: 51px;
	line-height: 1.14;
	letter-spacing: -.06em;
}

.platform-copy h2 em {
	color: #1269e8;
	font-style: normal;
}

.platform-copy h2::after {
	content: "";
	display: block;
	width: 54px;
	height: 4px;
	margin-top: 26px;
	background: #1269e8;
}

.platform-copy .lead {
	max-width: 460px;
	font-size: 17px;
	line-height: 1.85;
}

.platform-copy > * {
	position: relative;
}

.platform-capabilities {
	display: grid;
	gap: 10px;
	max-width: 470px;
	margin: 30px 0 28px;
}

.platform-capabilities span {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 14px;
	align-items: center;
	min-height: 64px;
	padding: 12px 14px;
	background: rgba(255, 255, 255, .72);
	border: 1px solid rgba(57, 136, 231, .14);
	box-shadow: 0 14px 34px rgba(31, 93, 161, .08);
	backdrop-filter: blur(10px);
}

.platform-capabilities b {
	grid-row: span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	color: #1269e8;
	background: linear-gradient(180deg, rgba(18, 105, 232, .12), rgba(18, 105, 232, .03));
	border: 1px solid rgba(18, 105, 232, .2);
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 800;
}

.platform-capabilities strong {
	color: #10243f;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
}

.platform-capabilities em {
	margin-top: 3px;
	color: #6b7e96;
	font-size: 12px;
	font-style: normal;
	line-height: 1.35;
}

.platform-visual--dashboard {
	display: flex;
	flex-direction: column;
	gap: 13px;
	min-height: 620px;
	margin-top: 34px;
	padding: 72px 16px 16px;
	background:
		radial-gradient(circle at 54% 56%, rgba(36, 148, 255, .2), transparent 28%),
		linear-gradient(145deg, #06172d, #0a2e61 70%, #08234a);
	border: 1px solid rgba(98, 176, 255, .34);
	border-radius: 16px;
	box-shadow: 0 30px 70px rgba(5, 38, 80, .19);
}

.platform-visual--dashboard::before {
	background:
		linear-gradient(90deg, rgba(113, 186, 255, .075) 1px, transparent 1px),
		linear-gradient(rgba(113, 186, 255, .065) 1px, transparent 1px);
	background-size: 38px 38px;
	opacity: .65;
}

.platform-visual--dashboard::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 82px;
	z-index: 1;
	width: 2px;
	height: 118px;
	background: linear-gradient(180deg, rgba(80, 199, 255, 0), rgba(80, 199, 255, .92), rgba(80, 199, 255, 0));
	box-shadow: 0 0 24px rgba(48, 163, 255, .85);
	transform: translateX(-50%);
	pointer-events: none;
}

.platform-status-strip,
.platform-live-grid,
.platform-screen,
.platform-module-rail {
	position: relative;
	z-index: 2;
}

.platform-status-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	position: absolute;
	top: -1px;
	left: 40px;
	right: 40px;
	background: rgba(151, 202, 255, .2);
	border: 1px solid rgba(151, 202, 255, .26);
	border-radius: 9px;
}

.platform-status-strip span {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 7px;
	align-content: center;
	min-height: 54px;
	padding: 0 12px;
	color: rgba(235, 247, 255, .9);
	background: rgba(3, 22, 47, .78);
	font-size: 11px;
}

.platform-status-strip i {
	grid-row: span 2;
	align-self: center;
	color: #75c3ff;
	font-size: 14px;
}

.platform-status-strip b {
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	white-space: nowrap;
}

.platform-status-strip small {
	color: rgba(206, 233, 255, .66);
	font-size: 9px;
	white-space: nowrap;
}

.platform-live-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.platform-live-grid span {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	column-gap: 10px;
	padding: 13px;
	background: linear-gradient(135deg, rgba(11, 79, 157, .72), rgba(10, 35, 72, .82));
	border: 1px solid rgba(105, 188, 255, .38);
	border-radius: 9px;
	transition: transform .28s ease, border-color .28s ease, background .28s ease;
}

.platform-live-grid span:nth-child(2) {
	background: linear-gradient(135deg, rgba(8, 115, 128, .72), rgba(8, 43, 75, .82));
	border-color: rgba(77, 216, 210, .35);
}

.platform-live-grid span:nth-child(3) {
	background: linear-gradient(135deg, rgba(78, 54, 155, .72), rgba(38, 27, 90, .82));
	border-color: rgba(178, 144, 255, .38);
}

.platform-live-grid span:hover {
	border-color: #90d4ff;
	transform: translateY(-3px);
}

.platform-live-grid i {
	grid-row: span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #a8dcff;
	background: rgba(255, 255, 255, .1);
	border-radius: 7px;
	font-size: 15px;
}

.platform-live-grid b,
.platform-live-grid small {
	min-width: 0;
}

.platform-live-grid b {
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
}

.platform-live-grid small {
	margin-top: 3px;
	color: rgba(214, 237, 255, .7);
	font-size: 10px;
	line-height: 1.35;
}

.platform-screen {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	min-height: 258px;
	overflow: hidden;
	background: linear-gradient(145deg, rgba(0, 11, 30, .88), rgba(9, 38, 76, .72));
	border: 1px solid rgba(103, 192, 255, .42);
	border-radius: 11px;
	box-shadow: inset 0 0 0 1px rgba(147, 216, 255, .08), 0 20px 44px rgba(0, 0, 0, .2);
}

.platform-screen::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 50% 60%, rgba(26, 135, 255, .22), transparent 46%),
		linear-gradient(90deg, transparent 0 49.7%, rgba(85, 197, 255, .42) 49.9% 50.1%, transparent 50.3% 100%);
}

.platform-screen img {
	position: relative;
	z-index: 1;
	width: calc(100% + 34px);
	height: calc(100% - 34px);
	max-height: none;
	object-fit: cover;
	object-position: center 42%;
	margin-top: -10px;
	padding: 0 0 24px;
	filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .35));
	transition: transform .45s ease;
}

.platform-visual--dashboard:hover .platform-screen img {
	transform: scale(1.015);
}

.platform-screen__caption {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 10px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.platform-screen__caption span {
	color: #72beff;
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .11em;
}

.platform-screen__caption strong {
	color: rgba(236, 247, 255, .86);
	font-size: 11px;
	font-weight: 700;
}

.platform-module-rail {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	overflow: hidden;
	border: 1px solid rgba(124, 191, 251, .26);
	border-radius: 9px;
}

.platform-module-rail span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 66px;
	color: rgba(231, 245, 255, .84);
	background: rgba(4, 28, 61, .76);
	border-right: 1px solid rgba(124, 191, 251, .18);
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
	transition: background .25s ease, color .25s ease;
}

.platform-module-rail span:last-child {
	border-right: 0;
}

.platform-module-rail i {
	color: #76c3ff;
	font-size: 15px;
}

.platform-module-rail span:hover {
	color: #fff;
	background: rgba(21, 102, 210, .76);
}

/* 首页 ADMS：以真实平台画面为重点，移除模拟仪表卡片与装饰性网格。 */
.home .platform-section {
	background: #f4f7fb;
}

.home .platform-section::before,
.home .platform-section::after,
.home .platform-copy::before,
.home .platform-visual--dashboard::before,
.home .platform-visual--dashboard::after {
	display: none;
}

.home .platform-layout--command {
	grid-template-columns: minmax(340px, .76fr) minmax(560px, 1.24fr);
	gap: clamp(48px, 5vw, 88px);
}

.home .platform-copy {
	padding: 0;
}

.home .platform-copy h2 {
	margin-bottom: 20px;
	font-size: clamp(42px, 3.7vw, 54px);
	letter-spacing: -.055em;
}

.home .platform-copy h2::after {
	display: none;
}

.home .platform-copy .lead {
	max-width: 440px;
	font-size: 17px;
	line-height: 1.9;
}

.home .platform-copy .lead {
	max-width: none;
	color: #40536a !important;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
	white-space: nowrap;
}

.home .platform-capabilities {
	gap: 0;
	margin: 32px 0 30px;
	border-top: 1px solid #d6e0eb;
}

.home .platform-capabilities span {
	min-height: 68px;
	padding: 13px 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #d6e0eb;
	box-shadow: none;
	backdrop-filter: none;
}

.home .platform-capabilities b {
	width: auto;
	height: auto;
	justify-content: flex-start;
	color: #0b64d8;
	background: transparent;
	border: 0;
	font-size: 13px;
}

.home .platform-capabilities strong {
	font-size: 16px;
}

.home .platform-capabilities em {
	font-size: 13px;
}

.home .platform-visual--dashboard {
	gap: 14px;
	min-height: 0;
	margin-top: 0;
	padding: 18px;
	background: #081d3a;
	border: 0;
	border-radius: 0;
	box-shadow: 0 22px 46px rgba(12, 37, 70, .15);
}

.home .platform-screen {
	flex: none;
	min-height: 0;
	aspect-ratio: 1249 / 571;
	background: #06152b;
	border: 1px solid rgba(137, 194, 248, .34);
	border-radius: 0;
	box-shadow: none;
}

.home .platform-screen::before {
	display: none;
}

.home .platform-screen img {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	filter: none;
}

.home .platform-screen__caption {
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: flex-start;
	min-height: 46px;
	padding: 0 16px;
	background: rgba(5, 20, 42, .92);
}

.home .platform-screen__caption strong {
	font-size: 13px;
	letter-spacing: .02em;
}

.home .platform-module-rail {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid rgba(124, 191, 251, .24);
	border-radius: 0;
}

.home .platform-module-rail span {
	min-height: 57px;
	flex-direction: row;
	gap: 8px;
	background: rgba(4, 28, 61, .44);
	border-bottom: 1px solid rgba(124, 191, 251, .18);
	font-size: 11px;
}

.home .platform-module-rail span:nth-child(3n) { border-right: 0; }
.home .platform-module-rail span:nth-child(n + 4) { border-bottom: 0; }

@media (max-width: 991.98px) {
	.home .platform-layout--command { grid-template-columns: 1fr; }
	.home .platform-copy .lead { white-space: normal; }
}

@media (max-width: 575.98px) {
	.home .platform-visual--dashboard { padding: 10px; }
	.home .platform-module-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.home .platform-module-rail span:nth-child(3n) { border-right: 1px solid rgba(124, 191, 251, .18); }
	.home .platform-module-rail span:nth-child(2n) { border-right: 0; }
	.home .platform-module-rail span:nth-child(n + 4) { border-bottom: 1px solid rgba(124, 191, 251, .18); }
	.home .platform-module-rail span:nth-child(n + 5) { border-bottom: 0; }
}

@media (max-width: 991.98px) {
	.platform-layout--command {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.platform-copy {
		padding: 10px 0 0;
	}

	.platform-capabilities {
		max-width: none;
	}

	.platform-visual--dashboard {
		min-height: 0;
		margin-top: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1400px) {
	.home .platform-layout--command {
		grid-template-columns: minmax(390px, .72fr) minmax(0, 1fr);
		gap: 38px;
		padding-right: 64px;
	}

	.home .platform-copy h2 {
		font-size: 45px;
	}

	.home .platform-visual--dashboard {
		min-height: 590px;
	}
}

@media (max-width: 575.98px) {
	.platform-visual--dashboard {
		gap: 9px;
		padding: 10px;
	}

	.platform-capabilities span {
		grid-template-columns: 36px minmax(0, 1fr);
		column-gap: 10px;
		min-height: 58px;
		padding: 10px 12px;
	}

	.platform-capabilities b {
		width: 36px;
		height: 36px;
		font-size: 12px;
	}

	.platform-status-strip {
		grid-template-columns: 1fr;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}

	.platform-status-strip span {
		min-height: 34px;
		font-size: 10px;
	}

	.platform-live-grid {
		grid-template-columns: 1fr;
	}

	.platform-live-grid span {
		padding: 10px 12px;
	}

	.platform-screen {
		min-height: 190px;
	}

	.platform-screen img {
		padding: 8px 10px 30px;
	}

	.platform-screen__caption strong {
		font-size: 9px;
	}

	.platform-module-rail {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.platform-module-rail span {
		min-height: 58px;
		border-bottom: 1px solid rgba(124, 191, 251, .18);
	}
}

.product-matrix {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
}

.product-block {
	overflow: hidden;
	position: relative;
}

.product-block__image {
	height: 140px;
	margin: -34px -34px 26px;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .86), rgba(11, 100, 216, .24)),
		url("../images/generated/drzk-hero-smart-access.png") center/cover;
	transition: transform .35s ease;
}

.product-block:nth-child(2) .product-block__image {
	background-position: 62% center;
}

.product-block:nth-child(3) .product-block__image {
	background-position: 76% center;
}

.product-block:nth-child(4) .product-block__image {
	background-position: 38% center;
}

.product-block:hover .product-block__image {
	transform: scale(1.06);
}

/* 首页产品支撑：连续产品领域图谱 */
.product-atlas-section {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #fff, #f5f9fe);
}

.product-atlas-heading {
	position: relative;
	min-height: 178px;
	margin: 0;
	padding: 64px 0 44px;
}

.product-atlas-heading::before {
	content: "";
	position: absolute;
	right: -100px;
	top: 16px;
	width: 760px;
	height: 210px;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 70% 50%, rgba(72, 163, 255, .16), transparent 42%),
		linear-gradient(158deg, transparent 43%, rgba(46, 143, 244, .14) 43.2%, transparent 43.6%),
		linear-gradient(172deg, transparent 56%, rgba(46, 143, 244, .12) 56.2%, transparent 56.6%);
}

.product-atlas-heading > * {
	position: relative;
	z-index: 1;
}

.product-atlas-heading span {
	margin-bottom: 15px;
	color: #1269e8;
}

.product-atlas-heading h2 {
	margin: 0 0 13px;
	font-size: 38px;
	letter-spacing: -.045em;
}

.product-atlas-heading p {
	font-size: 16px;
}

.product-atlas {
	display: flex;
	min-height: 675px;
	overflow: hidden;
	background: #071a31;
	border-top: 1px solid rgba(95, 160, 231, .26);
	border-bottom: 1px solid rgba(95, 160, 231, .26);
}

@media (min-width: 992px) {
	.product-atlas {
		width: 100vw;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}
}

.product-atlas__item {
	position: relative;
	display: block;
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	padding: 43px 46px 40px;
	color: #fff;
	border-right: 0;
	text-decoration: none;
	isolation: isolate;
	transition: flex .56s cubic-bezier(.16, 1, .3, 1), padding .42s ease;
}

.product-atlas__item:last-child {
	border-right: 0;
}

.product-atlas__item::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(3, 15, 31, .64), rgba(3, 15, 31, .9) 71%, #06172c);
	transition: background .42s ease;
}

.product-atlas__item::after {
	content: "";
	position: absolute;
	top: -55px;
	right: -1px;
	bottom: -55px;
	width: 2px;
	height: auto;
	background: linear-gradient(180deg, transparent, #3e9fff 12%, #3e9fff 88%, transparent);
	transform: rotate(-5deg);
	transform-origin: center;
	transition: width .42s ease, background .42s ease;
}

.product-atlas__item > img {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.88) contrast(1.05) brightness(.72);
	transition: transform .7s cubic-bezier(.16, 1, .3, 1), filter .42s ease;
}

.product-atlas__item--platform > img {
	object-fit: contain;
	padding: 50px 16px 14px;
	background: radial-gradient(circle at 50% 54%, rgba(23, 120, 231, .4), transparent 42%), #071a31;
}

.product-atlas__content,
.product-atlas__action {
	position: relative;
	z-index: 1;
}

.product-atlas__content {
	display: block;
	max-width: 100%;
}

.product-atlas__number {
	display: block;
	color: rgba(205, 230, 255, .82);
	font-family: Arial, sans-serif;
	font-size: 68px;
	font-weight: 200;
	letter-spacing: -.07em;
	line-height: .8;
	transition: color .35s ease, transform .42s ease;
}

.product-atlas__type {
	display: block;
	margin-top: 26px;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .12em;
}

.product-atlas__item h3 {
	margin: 7px 0 13px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1.18;
	white-space: nowrap;
	transition: font-size .42s ease;
}

.product-atlas__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	max-height: none;
	margin-top: 0;
	overflow: visible;
	opacity: 1;
	transform: none;
}

.product-atlas__tags b {
	padding: 6px 10px;
	color: rgba(237, 248, 255, .9);
	background: rgba(255, 255, 255, .11);
	border: 1px solid rgba(163, 210, 255, .3);
	border-radius: 5px;
	font-size: 11px;
	font-weight: 700;
}


.product-atlas__action {
	position: relative;
	margin-top: 28px;
	display: flex;
	width: 54px;
	height: 54px;
	align-items: center;
	justify-content: flex-start;
	color: #3187ff;
	border-top: 1px solid rgba(89, 175, 255, .45);
	font-size: 36px;
	line-height: 1;
	transition: width .35s ease, transform .35s ease, color .35s ease, border-color .35s ease;
}

.product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
	flex: 1 1 0;
}

.product-atlas__item:hover {
	flex: 1.18 1 0;
	padding-left: 46px;
	color: #fff;
	text-decoration: none;
}

.product-atlas__item:hover::before {
	background: linear-gradient(90deg, rgba(3, 16, 34, .88), rgba(3, 16, 34, .44) 70%, rgba(3, 16, 34, .2));
}

.product-atlas__item:hover::after {
	width: 4px;
	background: #72c4ff;
}

.product-atlas__item:hover > img {
	filter: saturate(1.1) contrast(1.08) brightness(.94);
	transform: scale(1.06);
}

.product-atlas__item--platform:hover > img {
	transform: scale(1.025);
}

.product-atlas__item:hover .product-atlas__number {
	color: #fff;
	transform: translateX(-4px);
}

.product-atlas__item:hover h3 {
	font-size: 29px;
}

.product-atlas__item:hover .product-atlas__tags {
	max-height: none;
	margin-top: 0;
	opacity: 1;
	transform: none;
}


.product-atlas__item:hover .product-atlas__action {
	width: 66px;
	border-color: rgba(153, 214, 255, .85);
	color: #7fc6ff;
	transform: translateX(8px);
}

@media (max-width: 991.98px) {
	.product-atlas {
		min-height: 420px;
	}

	.product-atlas__item {
		padding: 30px 23px 26px;
	}

	.product-atlas__item h3 {
		font-size: 21px;
	}

	.product-atlas__item p {
		font-size: 12px;
	}
}

@media (max-width: 575.98px) {
	.product-atlas {
		display: grid;
		grid-template-columns: 1fr 1fr;
		min-height: 0;
	}

	.product-atlas__item,
	.product-atlas__item:hover,
	.product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		min-height: 292px;
		padding: 23px 18px;
		flex: auto;
		border-bottom: 1px solid rgba(135, 189, 249, .32);
	}

	.product-atlas__item:nth-child(2n) {
		border-right: 0;
	}

	.product-atlas__item::after {
		left: 18px;
		right: 18px;
	}

	.product-atlas__number {
		font-size: 43px;
	}

	.product-atlas__type {
		margin-top: 17px;
		font-size: 9px;
	}

	.product-atlas__item h3,
	.product-atlas__item:hover h3 {
		font-size: 18px;
		white-space: normal;
	}

	.product-atlas__item p {
		display: none;
	}

	.product-atlas__tags,
	.product-atlas__item:hover .product-atlas__tags {
		max-height: 52px;
		margin-top: 12px;
		opacity: 1;
		transform: none;
	}

	.product-atlas__action {
		margin-top: 18px;
		width: 43px;
		height: 46px;
		font-size: 28px;
	}
}

.brand-proof-section {
	background: linear-gradient(180deg, #fff, var(--soft));
}

.brand-proof-card {
	display: grid;
	grid-template-columns: minmax(420px, .85fr) minmax(0, 1fr);
	gap: 48px;
	align-items: stretch;
	overflow: hidden;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 24px 65px rgba(18, 35, 61, .1);
}

.brand-proof__visual {
	position: relative;
	min-height: 420px;
	overflow: hidden;
}

.brand-proof__visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.brand-proof-card:hover .brand-proof__visual img {
	transform: scale(1.08);
}

.brand-proof__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(5, 16, 34, .04), rgba(5, 16, 34, .72));
}

.brand-proof__badge {
	position: absolute;
	left: 28px;
	bottom: 28px;
	z-index: 2;
	padding: 8px 16px;
	color: #fff;
	background: rgba(11, 100, 216, .86);
	border-radius: 30px;
	font-weight: 800;
	letter-spacing: .5px;
}

.brand-proof__content {
	padding: 54px 56px 54px 0;
}

.brand-proof__content h2 {
	margin: 14px 0 16px;
	font-size: 42px;
	line-height: 1.25;
	font-weight: 800;
}

.brand-proof__content p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.85;
}

.brand-proof__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 30px;
}

.brand-proof__stats div {
	padding: 22px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.brand-proof__stats strong {
	display: block;
	color: var(--brand);
	font-size: 32px;
	line-height: 1;
	margin-bottom: 8px;
}

.brand-proof__stats span {
	color: var(--muted);
}

.process-section {
	background: #fff;
}

.process-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.process-card {
	position: relative;
	min-height: 230px;
	padding: 32px 28px;
	overflow: hidden;
	background: var(--navy);
	border-radius: 10px;
	box-shadow: 0 18px 45px rgba(9, 22, 44, .12);
}

.process-card::before {
	content: "";
	position: absolute;
	right: -35px;
	top: -35px;
	width: 140px;
	height: 140px;
	background: rgba(16, 166, 161, .18);
	border-radius: 50%;
}

.process-card em {
	display: block;
	color: var(--gold);
	font-style: normal;
	font-size: 34px;
	font-weight: 900;
	margin-bottom: 42px;
}

.process-card strong {
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.process-card span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.75;
}

.proof-section {
	background: var(--soft-2);
}

.proof-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.proof-stats div {
	padding: 34px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
}

.proof-stats strong {
	display: block;
	color: var(--brand);
	font-size: 48px;
	line-height: 1;
	margin-bottom: 12px;
}

.proof-stats span {
	color: var(--muted);
}

.case-strip {
	margin-top: 44px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid var(--line);
	background: var(--line);
}

.case-strip__track {
	display: flex;
	width: max-content;
	min-width: 100%;
	animation: home-case-marquee 32s linear infinite;
}

.case-strip:hover .case-strip__track {
	animation-play-state: paused;
}

.case-strip__track a {
	min-width: 270px;
	min-height: 92px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
	background: #fff;
	color: var(--ink);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid var(--line);
}

.case-strip__track a:hover {
	color: var(--brand);
	text-decoration: none;
}

@keyframes home-case-marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.home-case-carousel {
	position: relative;
	margin-top: 24px;
	overflow: hidden;
}

@media (min-width: 992px) {
	.proof-section .home-case-carousel {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.proof-section .home-case-carousel__track {
		gap: 28px;
		padding-right: max(28px, calc((100vw - 1235px) / 2));
		padding-left: max(28px, calc((100vw - 1235px) / 2));
	}

	.proof-section .home-case-card {
		flex-basis: min(44vw, 560px);
		min-height: 420px;
	}

	.proof-section .home-case-card img {
		height: 300px;
	}

	.proof-section .home-case-card div {
		margin-top: -74px;
		padding: 22px 26px 25px;
	}
}

.home-case-carousel__track {
	display: flex;
	gap: 22px;
	padding: 4px 0 18px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	scrollbar-width: thin;
}

.home-case-carousel__track::-webkit-scrollbar {
	height: 8px;
}

.home-case-carousel__track::-webkit-scrollbar-thumb {
	background: rgba(89, 103, 124, .22);
	border-radius: 999px;
}

.home-case-card {
	position: relative;
	flex: 0 0 360px;
	display: block;
	min-height: 332px;
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .72);
	box-shadow: 0 24px 56px rgba(18, 35, 61, .16);
	color: var(--ink);
	text-decoration: none;
	isolation: isolate;
	scroll-snap-align: start;
	transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

.home-case-card:hover {
	transform: translateY(-8px);
	border-color: rgba(22, 103, 211, .34);
	box-shadow: 0 34px 70px rgba(18, 35, 61, .22);
	color: var(--ink);
	text-decoration: none;
}

.home-case-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(4, 12, 24, 0) 28%, rgba(4, 12, 24, .62) 100%),
		linear-gradient(135deg, rgba(22, 103, 211, .18), rgba(20, 184, 166, .08));
	opacity: .92;
	transition: opacity .32s ease;
}

.home-case-card:hover::before {
	opacity: .78;
}

.home-case-card img {
	width: 100%;
	height: 216px;
	display: block;
	object-fit: cover;
	background: linear-gradient(135deg, rgba(22, 103, 211, .12), rgba(20, 184, 166, .12));
	transition: transform .55s ease, filter .55s ease;
}

.home-case-card:hover img {
	transform: scale(1.08);
	filter: saturate(1.08) contrast(1.04);
}

.home-case-card div {
	position: relative;
	z-index: 2;
	min-width: 0;
	margin-top: -58px;
	padding: 18px 20px 20px;
	color: #fff;
}

.home-case-card span {
	display: inline-flex;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .18);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .24);
	backdrop-filter: blur(10px);
	font-size: 12px;
	font-weight: 700;
}

.home-case-card h3 {
	margin: 0 0 9px;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.home-case-card p {
	margin: 0;
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.partner-section {
	padding-top: 82px;
}

.partner-section--full {
	overflow: hidden;
	padding: 0;
	color: #fff;
	background:
		linear-gradient(90deg, rgba(7, 18, 36, .9), rgba(10, 31, 58, .76)),
		url("../images/generated/home-banner-park.svg") center / cover no-repeat;
}

.partner-full {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(360px, .55fr);
	gap: 70px;
	align-items: center;
	width: 100%;
	min-height: 640px;
	padding: 86px 6vw;
}

.partner-full__form {
	max-width: 980px;
}

.partner-full .section-kicker {
	color: var(--gold);
}

.partner-full h2 {
	margin: 14px 0 14px;
	color: #fff;
	font-size: clamp(34px, 3.4vw, 54px);
	line-height: 1.15;
	font-weight: 900;
}

.partner-full__form > p {
	max-width: 780px;
	margin: 0 0 28px;
	color: rgba(255, 255, 255, .76);
	font-size: 18px;
	line-height: 1.85;
}

.home-partner-form {
	display: grid;
	gap: 18px;
}

.home-partner-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.home-partner-form input,
.home-partner-form textarea {
	width: 100%;
	padding: 0 20px;
	color: #172336;
	background: rgba(255, 255, 255, .92);
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 8px;
	outline: none;
	box-shadow: none;
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.home-partner-form input {
	height: 54px;
}

.home-partner-form textarea {
	min-height: 104px;
	padding-top: 16px;
	padding-bottom: 16px;
	resize: vertical;
}

.home-partner-form input:focus,
.home-partner-form textarea:focus {
	background: #fff;
	border-color: rgba(11, 100, 216, .62);
	box-shadow: 0 0 0 4px rgba(11, 100, 216, .16);
}

.home-partner-choice {
	padding: 18px 20px;
	background: rgba(255, 255, 255, .88);
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 8px;
}

.home-partner-choice label {
	display: block;
	margin-bottom: 12px;
	color: #203048;
	font-size: 14px;
	font-weight: 800;
}

.home-partner-tags {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px 14px;
}

.home-partner-tags button {
	position: relative;
	min-height: 34px;
	padding: 6px 10px 6px 26px;
	color: #39495e;
	background: transparent;
	border: 0;
	text-align: left;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.home-partner-tags button::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 1px solid rgba(32, 48, 72, .22);
	border-radius: 3px;
	transform: translateY(-50%);
}

.home-partner-tags button.is-active {
	color: var(--brand);
}

.home-partner-tags button.is-active::before {
	background: var(--brand);
	border-color: var(--brand);
	box-shadow: inset 0 0 0 3px #fff;
}

.home-partner-submit {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 52px;
	padding: 0 28px;
	color: #fff;
	background: var(--brand);
	border: 0;
	border-radius: 999px;
	font-weight: 900;
	box-shadow: 0 18px 36px rgba(11, 100, 216, .28);
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.home-partner-submit:hover {
	background: var(--brand-2);
	box-shadow: 0 22px 42px rgba(16, 166, 161, .28);
	transform: translateY(-2px);
}

.home-partner-note {
	margin: -6px 0 0;
	color: rgba(255, 255, 255, .56);
	font-size: 13px;
}

.partner-full__side {
	align-self: stretch;
	display: flex;
	align-items: center;
}

.partner-support-card {
	width: 100%;
	padding: 34px;
	background: rgba(6, 18, 35, .46);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 18px;
	backdrop-filter: blur(10px);
}

.partner-support-card h3 {
	margin: 0 0 14px;
	color: #fff;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 900;
	text-align: center;
}

.partner-contact-copy p {
	max-width: 340px;
	margin: 0 auto 26px;
	color: rgba(255, 255, 255, .76);
	font-size: 17px;
	line-height: 1.8;
	text-align: center;
}

.partner-contact-box {
	display: grid;
	grid-template-columns: minmax(112px, 136px) minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	padding: 20px;
	background: linear-gradient(135deg, #1765d8 0%, #0b57c6 100%);
	border-radius: 8px;
	box-shadow: 0 18px 36px rgba(0, 42, 100, .25);
}

.partner-contact-box img {
	width: 100%;
	aspect-ratio: 1;
	height: auto;
	border-radius: 8px;
	background: #fff;
	object-fit: cover;
}

.partner-contact-info span,
.partner-contact-info strong,
.partner-contact-info a {
	display: block;
	color: #fff;
}

.partner-contact-info span {
	font-size: 15px;
	line-height: 1.6;
}

.partner-contact-info strong {
	margin-top: 4px;
	font-size: 21px;
	line-height: 1.35;
	font-weight: 900;
}

.partner-contact-info a {
	margin-top: 24px;
	font-size: clamp(18px, 1.65vw, 23px);
	line-height: 1;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
}

.partner-contact-info i {
	margin-right: 8px;
	font-size: 28px;
}

.home-news-section {
	position: relative;
	background:
		linear-gradient(180deg, #fff 0%, #f7faff 100%);
}

.home-news-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 36px;
	margin-bottom: 38px;
}

.home-news-head h2 {
	margin: 12px 0 14px;
	color: var(--ink);
	font-size: clamp(30px, 3vw, 44px);
	line-height: 1.2;
	font-weight: 900;
}

.home-news-head p {
	max-width: 760px;
	margin: 0;
	color: var(--muted);
	font-size: 17px;
	line-height: 1.85;
}

.home-news-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	padding: 12px 20px;
	color: var(--brand);
	background: #fff;
	border: 1px solid rgba(11, 100, 216, .16);
	border-radius: 999px;
	font-weight: 800;
	box-shadow: 0 14px 32px rgba(18, 35, 61, .06);
}

.home-news-more:hover {
	color: #fff;
	background: var(--brand);
	text-decoration: none;
}

.home-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.home-news-card {
	position: relative;
	display: block;
	min-height: 100%;
	padding: 0;
	color: inherit;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 18px;
	box-shadow: 0 18px 46px rgba(18, 35, 61, .06);
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.home-news-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--brand), var(--brand-2));
	transform: scaleX(.18);
	transform-origin: left center;
	transition: transform .22s ease;
}

.home-news-card:hover {
	color: inherit;
	text-decoration: none;
	border-color: rgba(11, 100, 216, .22);
	box-shadow: 0 24px 58px rgba(18, 35, 61, .12);
	transform: translateY(-5px);
}

.home-news-card:hover::before {
	transform: scaleX(1);
}

.home-news-cover {
	position: relative;
	height: 210px;
	overflow: visible;
	background: #edf4ff;
}

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

.home-news-card:hover .home-news-cover img {
	transform: scale(1.06);
}

.home-news-date {
	position: absolute;
	right: 22px;
	bottom: -20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 82px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(255, 255, 255, .64);
	border-radius: 14px;
	box-shadow: 0 14px 32px rgba(7, 24, 50, .18);
}

.home-news-date strong {
	color: var(--brand);
	font-size: 27px;
	line-height: 1;
	font-weight: 900;
	white-space: nowrap;
}

.home-news-date span {
	margin-top: 8px;
	color: #7a8898;
	font-size: 12px;
	font-weight: 700;
}

.home-news-body em {
	color: var(--brand);
	font-style: normal;
	font-size: 13px;
	font-weight: 800;
}

.home-news-body {
	padding: 28px 30px 30px;
}

.home-news-body h3 {
	margin: 10px 0 12px;
	color: var(--ink);
	font-size: 20px;
	line-height: 1.45;
	font-weight: 900;
}

.home-news-body p {
	margin: 0;
	color: var(--muted);
	line-height: 1.75;
}

.home-news-link {
	display: inline-flex;
	margin-top: 20px;
	color: var(--brand);
	font-weight: 800;
}

.partner-card {
	padding: 58px;
	color: #fff;
	background: var(--navy);
	border-radius: 8px;
}

.partner-card h2,
.partner-card p {
	color: #fff;
}

.partner-card p {
	color: rgba(255, 255, 255, .72);
}

.footer {
	margin-top: 0 !important;
	background: #07111f !important;
	color: rgba(255, 255, 255, .68) !important;
	border-top: 0 !important;
}

.footer a {
	color: rgba(255, 255, 255, .78);
}

.footer a:hover {
	color: #fff;
	text-decoration: none;
}

.footer h5 {
	color: #fff;
	font-weight: 800;
}

.site-footer {
	padding-top: 58px;
}

.footer-main {
	display: grid;
	grid-template-columns: minmax(360px, .85fr) minmax(0, 1.15fr);
	gap: 34px;
	align-items: stretch;
	padding-bottom: 34px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer-logo {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: #fff !important;
	margin-bottom: 20px;
}

.footer-logo span {
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--navy);
	background: #fff;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 900;
}

.footer-logo strong {
	font-size: 20px;
}

.footer-brand p {
	max-width: 640px;
	color: rgba(255, 255, 255, .68);
	line-height: 1.9;
	margin-bottom: 0;
}

.footer-hotline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	margin-top: 20px;
	padding: 16px 18px;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 10px;
}

.footer-hotline small {
	color: var(--gold);
	font-weight: 800;
	width: 100%;
}

.footer-hotline a {
	color: #fff;
	font-size: 18px;
	font-weight: 800;
}

.footer-nav {
	display: grid;
	grid-template-columns: repeat(3, minmax(150px, .65fr)) minmax(320px, 1.1fr);
	gap: 30px;
	padding: 34px 0 42px;
}

.footer-col ul,
.footer-contact ul {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.footer-col li,
.footer-contact li {
	margin: 10px 0;
	color: rgba(255, 255, 255, .62);
	line-height: 1.7;
}

.footer-contact li {
	display: flex;
	gap: 10px;
}

.footer-contact li i {
	width: 18px;
	margin-top: 4px;
	color: var(--gold);
	flex-shrink: 0;
}

.footer-socials {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 180px));
	justify-content: end;
	gap: 16px;
	margin-top: 0;
}

.footer-socials > div {
	min-height: 100%;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 10px;
	transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.footer-qr-card {
	padding: 18px;
	text-align: center;
}

.footer-socials .footer-qr-card:hover {
	background: rgba(255, 255, 255, .11);
	border-color: rgba(255, 255, 255, .2);
	transform: translateY(-2px);
}

.footer-qr {
	width: 116px;
	height: 116px;
	margin: 0 auto 12px;
	padding: 8px;
	background: #fff url('../images/wechat-qr.png') center / contain no-repeat;
	border: 8px solid #fff;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
}

.footer-qr--wechat {
	outline: 3px solid rgba(16, 166, 161, .42);
}

.footer-qr--douyin {
	outline: 3px solid rgba(11, 100, 216, .42);
}

.footer-socials span,
.footer-socials small {
	display: block;
}

.footer-socials span {
	color: #fff;
	font-weight: 800;
}

.footer-socials small {
	margin-top: 4px;
	color: rgba(255, 255, 255, .56);
}

.footer-bottom {
	padding: 18px 0;
	border-color: rgba(255, 255, 255, .1) !important;
	border-top: 1px solid rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .55);
}

.footer-bottom .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
}

/* 底部菜单 - 海康风格简洁排版 */
.site-footer {
	padding-top: 0;
	background: #3f3f3f;
	color: rgba(255, 255, 255, .72);
}

.site-footer::before {
	display: none;
}

.footer-layout {
	display: grid;
	grid-template-columns: 190px repeat(3, minmax(150px, 1fr)) 270px;
	gap: 70px;
	align-items: start;
	padding: 74px 0 50px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

@media (min-width: 1200px) {
	.site-footer > .container,
	.footer-bottom > .container {
		max-width: 1320px;
	}
}

.footer-logo {
	margin-bottom: 0;
	color: #fff !important;
}

.footer-logo strong {
	color: #fff;
	font-size: 26px;
	font-weight: 900;
	letter-spacing: .04em;
}

.footer-menu {
	display: contents;
}

.footer-col h5 {
	margin-bottom: 24px;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
}

.footer-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-col li {
	margin: 0 0 15px;
	padding-left: 0;
	line-height: 1.45;
}

.footer-col li::before {
	display: none;
}

.footer-col a {
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
	transition: color .2s ease;
}

.footer-col a:hover {
	color: #fff;
	transform: none;
}

.footer-side {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 22px;
}

.footer-contact-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	transition: background .2s ease, border-color .2s ease;
}

.footer-contact-btn:hover {
	color: #fff;
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .45);
}

.footer-social-links {
	display: flex;
	justify-content: center;
	gap: 14px;
}

.footer-social-links a {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .75);
	background: rgba(255, 255, 255, .12);
	border-radius: 50%;
	font-size: 14px;
	transition: color .2s ease, background .2s ease;
}

.footer-social-links a:hover {
	color: #fff;
	background: rgba(255, 255, 255, .22);
}

.footer-bottom {
	padding: 22px 0;
	background: #3f3f3f;
	border-top: 0;
	color: rgba(255, 255, 255, .72);
}

.footer-bottom .container {
	justify-content: center;
	text-align: center;
	font-size: 13px;
}

@media (max-width: 991.98px) {
	.footer-layout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px;
	}

	.footer-brand {
		grid-column: 1 / -1;
	}

	.footer-menu {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-column: 1 / -1;
		gap: 24px;
	}
}

@media (max-width: 575.98px) {
	.footer-layout,
	.footer-menu {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.footer-layout {
		padding: 38px 0 28px;
	}

	.footer-side {
		align-items: flex-start;
	}

	.footer-contact-btn {
		width: 180px;
	}
}

/* 首页统一视觉系统：深海蓝为主舞台，清透白为内容呼吸区 */
.home {
	--home-navy: #061a34;
	--home-navy-deep: #041326;
	--home-blue: #1676e8;
	--home-cyan: #54b7ff;
	--home-mist: #f4f9ff;
	--home-line: rgba(22, 118, 232, .17);
}

.home .section-heading > span,
.home .section-kicker,
.home .product-atlas-heading > span {
	color: var(--home-blue);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
}

.home .section-heading h2,
.home .platform-copy h2,
.home .proof-layout h2,
.home .home-news-head h2 {
	color: #10243f;
	letter-spacing: -.035em;
}

.home .section-heading p,
.home .platform-copy .lead,
.home .proof-layout p {
	color: #62758e;
}

.home .product-atlas-section {
	background: linear-gradient(180deg, #fff 0%, var(--home-mist) 100%);
}

.home .product-atlas-heading::before {
	background:
		radial-gradient(ellipse at 70% 50%, rgba(64, 157, 245, .13), transparent 44%),
		linear-gradient(158deg, transparent 43%, rgba(46, 143, 244, .1) 43.2%, transparent 43.6%),
		linear-gradient(172deg, transparent 56%, rgba(46, 143, 244, .08) 56.2%, transparent 56.6%);
}

.home .home-solution-section {
	background:
		radial-gradient(circle at 18% 76%, rgba(28, 104, 207, .2), transparent 32%),
		radial-gradient(circle at 86% 12%, rgba(84, 183, 255, .12), transparent 28%),
		var(--home-navy-deep);
}

.home .product-solution-bridge {
	background: linear-gradient(90deg, var(--home-navy-deep), #0b315f 50%, var(--home-navy-deep));
}

.home .product-solution-bridge > span {
	color: rgba(181, 216, 249, .58);
	font-size: 9px;
	letter-spacing: .11em;
}

.home .product-solution-bridge strong {
	font-size: 15px;
	letter-spacing: .02em;
}

.home .product-atlas__number {
	font-size: 46px;
	line-height: .88;
	color: rgba(196, 224, 250, .58);
}

.home .product-atlas__type {
	margin-top: 18px;
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: .03em;
}

.home .product-atlas__item h3,
.home .product-atlas__item:hover h3 {
	margin-top: 8px;
	color: rgba(226, 240, 255, .64);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: .02em;
}

/* 产品支撑：容器内能力矩阵，避免与解决方案区块重复使用通栏分屏 */
.home .product-atlas {
	display: grid;
	grid-template-columns: 1.08fr 1fr 1.08fr;
	grid-template-rows: repeat(2, minmax(232px, 1fr));
	gap: 16px;
	min-height: 520px;
	width: auto;
	margin: 0;
	overflow: visible;
	background: transparent;
	border: 0;
}

.home .product-atlas__item,
.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover),
.home .product-atlas__item:hover {
	display: block;
	min-height: 0;
	padding: 30px;
	overflow: hidden;
	border: 1px solid rgba(75, 150, 221, .18);
	border-radius: 14px;
	box-shadow: 0 18px 42px rgba(20, 68, 119, .1);
	flex: none;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.home .product-atlas__item:nth-child(1) {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.home .product-atlas__item:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.home .product-atlas__item:nth-child(3) {
	grid-column: 2;
	grid-row: 2;
}

.home .product-atlas__item:nth-child(4) {
	grid-column: 3;
	grid-row: 1 / span 2;
}

.home .product-atlas__item::after {
	display: none;
}

.home .product-atlas__item::before {
	background: linear-gradient(145deg, rgba(3, 18, 37, .8) 0%, rgba(3, 18, 37, .4) 56%, rgba(3, 18, 37, .74) 100%);
}

.home .product-atlas__item:hover {
	padding-left: 30px;
	border-color: rgba(78, 166, 244, .58);
	box-shadow: 0 26px 54px rgba(20, 68, 119, .2);
	transform: translateY(-7px);
}

.home .product-atlas__number {
	font-size: 36px;
	line-height: 1;
}

.home .product-atlas__type {
	position: absolute;
	left: 30px;
	right: 70px;
	bottom: 76px;
	margin-top: 18px;
	font-size: 22px;
	letter-spacing: .02em;
}

.home .product-atlas__item h3,
.home .product-atlas__item:hover h3 {
	margin-top: 6px;
	font-size: 13px;
	letter-spacing: .03em;
}

.home .product-atlas__tags {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
}

.home .product-atlas__action {
	position: absolute;
	right: 30px;
	top: 30px;
	margin: 0;
	width: 36px;
	height: 36px;
	justify-content: center;
	border: 1px solid rgba(152, 211, 255, .45);
	border-radius: 50%;
	font-size: 18px;
}

.home .product-atlas__item:hover .product-atlas__action {
	width: 36px;
	transform: translateX(3px);
}

.home .product-atlas__item--platform > img {
	padding: 0;
	object-fit: cover;
	object-position: 65% center;
}

@media (max-width: 991.98px) {
	.home .product-atlas {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(230px, 1fr));
		min-height: 0;
	}

	.home .product-atlas__item:nth-child(1),
	.home .product-atlas__item:nth-child(4) {
		grid-column: auto;
		grid-row: auto;
	}

	.home .product-atlas__item:nth-child(2),
	.home .product-atlas__item:nth-child(3) {
		grid-column: auto;
		grid-row: auto;
	}
}

@media (max-width: 575.98px) {
	.home .product-atlas {
		gap: 10px;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		min-height: 234px;
		padding: 20px;
		border-radius: 10px;
	}

	.home .product-atlas__tags {
		left: 20px;
		right: 20px;
		bottom: 20px;
	}

	.home .product-atlas__type {
		left: 20px;
		right: 54px;
		bottom: 68px;
		font-size: 19px;
	}

	.home .product-atlas__action {
		right: 18px;
		top: 18px;
	}
}

.home .home-solution-section::before {
	background-image:
		linear-gradient(rgba(117, 167, 226, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(117, 167, 226, .035) 1px, transparent 1px);
}

/* 首页方案区块：以同一条蓝色数据光带承接“产品支撑”与“天枢平台”，避免深色方案舞台被切成孤立页面 */
.home .home-solution-section {
	padding: 0 0 68px;
	background:
		radial-gradient(ellipse at 16% 9%, rgba(49, 157, 245, .18), transparent 24%),
		radial-gradient(ellipse at 83% 19%, rgba(32, 185, 202, .12), transparent 25%),
		linear-gradient(180deg, #eff8ff 0, #dcefff 9%, #a8d3f5 17%, #123b69 31%, var(--home-navy-deep) 62%, #0a315c 77%, #cfe8fb 94%, #f4faff 100%);
}

.home .home-solution-section::before {
	background-image:
		linear-gradient(rgba(74, 148, 218, .1) 1px, transparent 1px),
		linear-gradient(90deg, rgba(74, 148, 218, .1) 1px, transparent 1px);
	background-size: 86px 86px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .3), #000 17%, #000 78%, transparent 100%);
}

.home .product-solution-bridge {
	min-height: 114px;
	margin-bottom: -1px;
	padding-top: 20px;
	padding-bottom: 16px;
	background: linear-gradient(180deg, rgba(239, 248, 255, 0) 0%, rgba(19, 67, 116, .24) 100%);
	border-top: 0;
	border-bottom: 1px solid rgba(129, 199, 255, .44);
}

.home .product-solution-bridge::before {
	top: auto;
	bottom: -1px;
	background: linear-gradient(90deg, transparent, rgba(91, 187, 255, .7) 34%, rgba(236, 207, 140, .86) 50%, rgba(91, 187, 255, .7) 66%, transparent);
}

.home .product-solution-bridge > span {
	color: rgba(30, 95, 151, .68);
}

.home .product-solution-bridge strong {
	color: #183a61;
	font-size: 17px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
}

.home .product-solution-bridge i {
	background: linear-gradient(90deg, rgba(46, 129, 203, .02), rgba(46, 129, 203, .54));
}

.home .product-solution-bridge i:nth-of-type(2) {
	background: linear-gradient(90deg, rgba(46, 129, 203, .54), rgba(46, 129, 203, .02));
}

.home .home-solution-stage {
	position: relative;
	z-index: 1;
	border-top-color: rgba(157, 208, 250, .5);
	border-bottom-color: rgba(129, 194, 244, .44);
	box-shadow: 0 34px 58px rgba(4, 28, 59, .22);
}

.home .home-solution-stage::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 3;
	border-top: 1px solid rgba(224, 244, 255, .16);
	border-bottom: 1px solid rgba(98, 187, 252, .22);
}

.home .home-solution-close {
	position: relative;
	min-height: 102px;
	margin-bottom: 0;
	padding-top: 14px;
	padding-bottom: 14px;
	background: linear-gradient(90deg, rgba(8, 30, 58, .84), rgba(11, 55, 101, .78) 53%, rgba(8, 30, 58, .84));
	border-bottom-color: rgba(117, 194, 250, .42);
	box-shadow: 0 28px 44px rgba(4, 35, 70, .12);
}

.home .home-solution-close::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -69px;
	height: 70px;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(41, 123, 188, .18), transparent);
}

.home .home-solution-close__system > i {
	box-shadow: 0 0 0 7px rgba(113, 186, 255, .14), 0 0 18px rgba(113, 186, 255, .5);
}

/* 方案信息以中文名称和价值说明为主，弱化装饰性编号与英文标签 */
.home .product-solution-bridge {
	gap: 22px;
}

.home .product-solution-bridge strong {
	font-size: 19px;
}

.home .home-solution-lead__kicker {
	color: rgba(136, 198, 250, .88);
	font-size: 12px;
	letter-spacing: .12em;
}

.home .home-solution-lead__headline {
	margin-top: 20px;
	font-size: 34px;
}

.home .home-solution-lead__type {
	max-width: 310px;
	margin-top: 22px;
	color: rgba(202, 229, 253, .7);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .03em;
	line-height: 1.6;
}

.home .product-atlas__content {
	position: absolute;
	inset: 0;
	max-width: none;
}

.home .home-solution-group__axis {
	justify-content: center;
	padding: 18px 14px;
}

.home .home-solution-group__axis strong {
	font-size: 17px;
	line-height: 1.55;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.home .home-solution-line {
	grid-template-columns: minmax(0, 1fr) 38px;
	gap: 20px;
	padding-right: 30px;
	padding-left: 30px;
}

.home .home-solution-group--operation .home-solution-line:hover,
.home .home-solution-group--scene .home-solution-line:hover,
.home .home-solution-group--industry .home-solution-line:hover {
	padding-left: 40px;
}

.home .home-solution-line__content strong {
	font-size: 22px;
}

.home .home-solution-line:hover .home-solution-line__content strong {
	font-size: 27px;
}

.home .home-solution-close__system {
	gap: 16px;
}

.home .home-solution-close__system strong {
	font-size: 15px;
}

/* 首页方案地图：三类方案同级呈现，悬停展开对应方案集合 */
.home .solution-map {
	display: grid;
	grid-template-rows: 1fr 2.15fr 1fr;
	min-height: 620px;
	width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background: #061a32;
	border-top: 1px solid rgba(147, 205, 252, .42);
	border-bottom: 1px solid rgba(147, 205, 252, .3);
	box-shadow: 0 34px 58px rgba(4, 28, 59, .22);
	transition: grid-template-rows .55s cubic-bezier(.2, .8, .2, 1);
}

.home .solution-map:has(.solution-map__track--operation:hover) {
	grid-template-rows: 2.15fr 1fr 1fr;
}

.home .solution-map:has(.solution-map__track--industry:hover) {
	grid-template-rows: 1fr 1fr 2.15fr;
}

.home .solution-map__track {
	position: relative;
	display: grid;
	grid-template-columns: minmax(320px, 25vw) minmax(0, 1fr);
	min-height: 0;
	overflow: hidden;
	border-bottom: 1px solid rgba(143, 202, 248, .32);
	background: #08213e;
	isolation: isolate;
	transition: background .35s ease;
}

.home .solution-map__track:last-child {
	border-bottom: 0;
}

.home .solution-map__track--scene {
	background: #072947;
}

.home .solution-map__track--industry {
	background: #1d2a3d;
}

.home .solution-map__track::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(2, 15, 31, .82) 0%, rgba(2, 18, 36, .35) 45%, rgba(2, 18, 36, .08) 100%),
		linear-gradient(rgba(99, 176, 235, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(99, 176, 235, .06) 1px, transparent 1px);
	background-size: auto, 62px 62px, 62px 62px;
}

.home .solution-map__track--industry::before {
	background:
		linear-gradient(90deg, rgba(28, 22, 17, .84) 0%, rgba(28, 22, 17, .35) 45%, rgba(28, 22, 17, .08) 100%),
		linear-gradient(rgba(218, 185, 113, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(218, 185, 113, .06) 1px, transparent 1px);
	background-size: auto, 62px 62px, 62px 62px;
}

.home .solution-map__label {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
	padding: 30px max(28px, calc((100vw - 1235px) / 2));
	padding-right: 30px;
	background: rgba(4, 25, 50, .77);
	border-right: 1px solid rgba(141, 204, 251, .28);
	box-shadow: inset 4px 0 0 #54adf5;
}

.home .solution-map__track--scene .solution-map__label {
	background: rgba(4, 41, 68, .76);
	box-shadow: inset 4px 0 0 #31c2c4;
}

.home .solution-map__track--industry .solution-map__label {
	background: rgba(52, 39, 26, .76);
	box-shadow: inset 4px 0 0 #d8ae62;
}

.home .solution-map__label strong {
	color: #fff;
	font-size: 26px;
	font-weight: 900;
	letter-spacing: .03em;
	line-height: 1.2;
	white-space: nowrap;
}

.home .solution-map__label span {
	max-width: 170px;
	color: rgba(218, 238, 255, .72);
	font-size: 13px;
	line-height: 1.7;
	transition: opacity .3s ease, transform .3s ease;
}

.home .solution-map__solutions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-width: 0;
	transition: opacity .35s ease;
}

.home .solution-map__solutions a {
	position: relative;
	display: block;
	min-width: 0;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid rgba(143, 202, 248, .28);
	isolation: isolate;
}

.home .solution-map__solutions a:last-child {
	border-right: 0;
}

.home .solution-map__solutions a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(3, 17, 34, .2) 20%, rgba(3, 17, 34, .84) 100%);
	transition: background .35s ease;
}

.home .solution-map__solutions img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.8) contrast(1.04);
	transition: transform .55s ease, filter .4s ease;
}

.home .solution-map__solutions span {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 26px;
	z-index: 2;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.35;
	transition: transform .35s ease, font-size .35s ease;
}

.home .solution-map__track:not(.is-active) .solution-map__solutions {
	opacity: .72;
}

.home .solution-map__track:not(.is-active) .solution-map__solutions span {
	bottom: 18px;
	font-size: 16px;
}

.home .solution-map__track:hover .solution-map__solutions,
.home .solution-map__track.is-active:hover .solution-map__solutions {
	opacity: 1;
}

.home .solution-map__solutions a:hover {
	color: #fff;
	text-decoration: none;
}

.home .solution-map__solutions a:hover::before {
	background: linear-gradient(180deg, rgba(3, 17, 34, .08) 16%, rgba(3, 17, 34, .7) 100%);
}

.home .solution-map__solutions a:hover img {
	filter: saturate(1.08) contrast(1.06);
	transform: scale(1.06);
}

.home .solution-map__solutions a:hover span {
	transform: translateY(-5px);
}

@media (max-width: 991.98px) {
	.home .solution-map,
	.home .solution-map:has(.solution-map__track--operation:hover),
	.home .solution-map:has(.solution-map__track--industry:hover) {
		grid-template-rows: repeat(3, minmax(280px, auto));
	}

	.home .solution-map__track {
		grid-template-columns: 220px minmax(0, 1fr);
	}
}

@media (max-width: 575.98px) {
	.home .solution-map,
	.home .solution-map:has(.solution-map__track--operation:hover),
	.home .solution-map:has(.solution-map__track--industry:hover) {
		min-height: 0;
		grid-template-rows: repeat(3, auto);
	}

	.home .solution-map__track {
		grid-template-columns: 1fr;
		min-height: 380px;
	}

	.home .solution-map__label {
		justify-content: flex-start;
		gap: 6px;
		min-height: 100px;
		padding: 22px 20px 16px;
		background: linear-gradient(90deg, rgba(4, 25, 50, .94), rgba(4, 25, 50, .5));
		border-right: 0;
	}

	.home .solution-map__label strong {
		font-size: 22px;
	}

	.home .solution-map__label span {
		max-width: none;
		font-size: 12px;
	}

	.home .solution-map__solutions {
		grid-template-columns: repeat(3, minmax(180px, 1fr));
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.home .solution-map__solutions a {
		scroll-snap-align: start;
	}

	.home .solution-map__solutions span,
	.home .solution-map__track:not(.is-active) .solution-map__solutions span {
		left: 16px;
		right: 16px;
		bottom: 16px;
		font-size: 15px;
	}
}

@media (max-width: 575.98px) {
	.home .product-solution-bridge {
		gap: 10px;
	}

	.home .product-solution-bridge strong {
		font-size: 15px;
	}

	.home .home-solution-group__axis strong {
		font-size: 15px;
	}

	.home .home-solution-line {
		grid-template-columns: minmax(0, 1fr) 28px;
		gap: 12px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.home .home-solution-group--operation .home-solution-line:hover,
	.home .home-solution-group--scene .home-solution-line:hover,
	.home .home-solution-group--industry .home-solution-line:hover {
		padding-left: 24px;
	}
}

@media (max-width: 575.98px) {
	.home .home-solution-section {
		padding-bottom: 42px;
	}

	.home .product-solution-bridge {
		min-height: 82px;
		padding-top: 12px;
		padding-bottom: 10px;
	}

	.home .product-solution-bridge strong {
		font-size: 14px;
	}

	.home .home-solution-close {
		min-height: 0;
	}
}

.home .home-solution-lead__kicker,
.home .home-solution-line__content small {
	color: rgba(119, 185, 248, .78);
	font-size: 9px;
	letter-spacing: .1em;
}

/* 首页客户案例：由常规轮播卡片升级为通栏项目展廊，延续首页的白蓝空间与深蓝媒体语汇 */
.home .proof-section {
	position: relative;
	overflow: hidden;
	padding-top: 116px;
	padding-bottom: 112px;
	background:
		radial-gradient(ellipse at 91% 19%, rgba(55, 154, 239, .13), transparent 28%),
		linear-gradient(180deg, #f3faff 0%, #fff 38%, #f3f8fd 100%);
}

.home .proof-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(1520px, 100vw);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(36, 126, 225, .34), transparent);
	transform: translateX(-50%);
}

.home .proof-section::after {
	content: "";
	position: absolute;
	top: 54px;
	right: max(-120px, calc((1235px - 100vw) / 2));
	width: min(39vw, 620px);
	height: 270px;
	pointer-events: none;
	background:
		linear-gradient(90deg, transparent 49.6%, rgba(56, 145, 234, .12) 50%, transparent 50.4%),
		linear-gradient(rgba(56, 145, 234, .1) 1px, transparent 1px),
		linear-gradient(90deg, rgba(56, 145, 234, .1) 1px, transparent 1px);
	background-size: auto, 58px 58px, 58px 58px;
	mask-image: radial-gradient(ellipse at 65% 42%, #000, transparent 70%);
}

.home .proof-section .container {
	position: relative;
	z-index: 1;
}

.home .proof-layout {
	grid-template-columns: minmax(0, 1.08fr) minmax(560px, .92fr);
	gap: 72px;
	align-items: end;
	margin-bottom: 44px;
	padding-bottom: 36px;
	border-bottom: 1px solid rgba(42, 122, 206, .16);
}

.home .proof-layout h2 {
	max-width: 680px;
	font-size: 46px;
	line-height: 1.18;
}

.home .proof-layout p {
	max-width: 650px;
	margin-top: 16px;
	font-size: 16px;
	line-height: 1.85;
}

.home .proof-layout__action {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: 27px;
	color: #0b65d9;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.home .proof-layout__action .fa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(11, 101, 217, .3);
	border-radius: 50%;
	transition: color .24s ease, background .24s ease, transform .24s ease;
}

.home .proof-layout__action:hover,
.home .proof-layout__action:focus {
	color: #0b65d9;
	text-decoration: none;
}

.home .proof-layout__action:hover .fa {
	color: #fff;
	background: #0b65d9;
	transform: translateX(4px);
}

.home .proof-layout__types {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.home .proof-layout__types span {
	padding: 6px 10px;
	color: #39719f;
	border: 1px solid rgba(57, 113, 159, .18);
	border-radius: 2px;
	background: rgba(255, 255, 255, .68);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.home .proof-stats {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border: 1px solid rgba(52, 130, 207, .2);
	border-radius: 2px;
	background: rgba(255, 255, 255, .72);
	box-shadow: 0 16px 36px rgba(34, 91, 151, .06);
	backdrop-filter: blur(10px);
}

.home .proof-stats div {
	position: relative;
	min-height: 126px;
	padding: 26px 20px 20px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.home .proof-stats div + div {
	border-left: 1px solid rgba(52, 130, 207, .17);
}

.home .proof-stats strong {
	margin-bottom: 8px;
	font-size: 36px;
	letter-spacing: -.04em;
}

.home .proof-stats span {
	font-size: 12px;
	line-height: 1.45;
}

.home .proof-section .home-case-carousel {
	width: 100vw;
	margin-top: 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
	background: #071d37;
	box-shadow: 0 26px 52px rgba(9, 42, 81, .17);
}

.home .proof-section .home-case-carousel::before {
	content: none;
	position: absolute;
	top: 18px;
	left: max(28px, calc((100vw - 1235px) / 2));
	z-index: 3;
	color: rgba(225, 242, 255, .66);
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	pointer-events: none;
}

.home .proof-section .home-case-carousel__track {
	gap: 1px;
	padding: 0;
	background: rgba(118, 189, 249, .35);
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	counter-reset: project;
}

.home .proof-section .home-case-carousel__track::-webkit-scrollbar {
	display: none;
}

.home .proof-section .home-case-card {
	flex: 0 0 min(24vw, 410px);
	height: 360px;
	min-height: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: #0b2949;
	scroll-snap-align: start;
	counter-increment: project;
}

.home .proof-section .home-case-card:first-child {
	flex-basis: min(24vw, 410px);
}

.home .proof-section .home-case-card:hover {
	transform: none;
	border-color: transparent;
	box-shadow: none;
}

.home .proof-section .home-case-card::before {
	background:
		linear-gradient(180deg, rgba(3, 18, 34, .01) 24%, rgba(3, 18, 34, .8) 100%),
		linear-gradient(115deg, rgba(7, 64, 124, .12), rgba(15, 154, 184, .06));
	opacity: 1;
}

.home .proof-section .home-case-card:hover::before {
	opacity: .84;
}

.home .proof-section .home-case-card img {
	height: 100%;
	filter: saturate(.9) contrast(1.02);
}

.home .proof-section .home-case-card:hover img {
	transform: scale(1.05);
	filter: saturate(1.06) contrast(1.05) brightness(1.08);
}

.home .proof-section .home-case-card div {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 64px 24px 24px;
}

.home .proof-section .home-case-card:first-child div {
	padding-right: 24px;
	padding-bottom: 24px;
}

.home .proof-section .home-case-card span {
	margin-bottom: 14px;
	padding: 4px 10px;
	border-radius: 2px;
	font-size: 11px;
}

.home .proof-section .home-case-card h3 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.28;
}

.home .proof-section .home-case-card:first-child h3 {
	font-size: 20px;
}

.home .proof-section .home-case-card p {
	max-width: 610px;
	font-size: 12px;
	line-height: 1.75;
	-webkit-line-clamp: 2;
}

.home .proof-section .home-case-card::after {
	content: "PROJECT " counter(project, decimal-leading-zero);
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	color: rgba(237, 247, 255, .72);
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .1em;
}

@media (max-width: 991.98px) {
	.home .proof-layout {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.home .proof-stats {
		max-width: 680px;
	}

	.home .proof-section .home-case-card,
	.home .proof-section .home-case-card:first-child {
		flex-basis: min(52vw, 440px);
		height: 390px;
	}
}

@media (max-width: 575.98px) {
	.home .proof-section {
		padding-top: 76px;
		padding-bottom: 72px;
	}

	.home .proof-layout {
		margin-bottom: 28px;
		padding-bottom: 26px;
	}

	.home .proof-layout h2 {
		font-size: 32px;
	}

	.home .proof-layout p {
		font-size: 14px;
	}

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

	.home .proof-stats div {
		min-height: 102px;
		padding: 18px 16px;
	}

	.home .proof-stats div:nth-child(3) {
		border-left: 0;
		border-top: 1px solid rgba(52, 130, 207, .17);
	}

	.home .proof-stats div:nth-child(4) {
		border-top: 1px solid rgba(52, 130, 207, .17);
	}

	.home .proof-stats strong {
		font-size: 31px;
	}

	.home .proof-section .home-case-carousel::before {
		top: 14px;
		left: 20px;
	}

	.home .proof-section .home-case-card,
	.home .proof-section .home-case-card:first-child {
		flex-basis: 84vw;
		height: 390px;
	}

	.home .proof-section .home-case-card div,
	.home .proof-section .home-case-card:first-child div {
		padding: 64px 22px 24px;
	}

	.home .proof-section .home-case-card h3,
	.home .proof-section .home-case-card:first-child h3 {
		font-size: 22px;
	}
}

.home .platform-section,
.home .process-section,
.home .home-news-section {
	background: linear-gradient(180deg, #fff 0%, var(--home-mist) 100%);
}

.home .proof-section {
	background: #fff;
}

.home .process-card em {
	color: var(--home-cyan);
}

.home .process-card::before {
	background: rgba(22, 118, 232, .16);
}

.site-footer,
.footer-bottom,
.footer-friend-links {
	background: linear-gradient(180deg, #081d38, var(--home-navy-deep)) !important;
}

.mobile-bottom {
	background: var(--brand) !important;
}

.online {
	--brand: #0b64d8;
	--brand-2: #10a6a1;
	--ink: #12233d;
	--muted: #667892;
	right: 18px !important;
	bottom: 118px !important;
	width: 64px !important;
	z-index: 1000 !important;
	color: var(--ink) !important;
}

.online a,
.online a:hover {
	text-decoration: none !important;
}

.online dl {
	margin: 0 0 8px !important;
	padding: 0 !important;
	overflow: visible !important;
	background: rgba(255, 255, 255, .96) !important;
	border: 1px solid rgba(11, 100, 216, .14) !important;
	border-radius: 16px !important;
	box-shadow: 0 12px 30px rgba(9, 22, 44, .14) !important;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.online dl:hover {
	transform: translateY(-2px);
	background: #fff !important;
	border-color: rgba(11, 100, 216, .32) !important;
	box-shadow: 0 18px 36px rgba(9, 22, 44, .2) !important;
}

.online dl dd {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--brand) !important;
	line-height: 1.2 !important;
}

.online dl dd:first-of-type {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 42px;
	padding-top: 8px !important;
}

.online dl dd:last-child {
	padding: 0 0 10px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .04em;
}

.online dl dd i {
	font-size: 22px !important;
	color: var(--brand) !important;
	transition: color .2s ease, transform .2s ease;
}

.online dl:hover dd,
.online dl:hover dd a,
.online dl:hover dd i {
	color: #fff !important;
}

.online dl:hover {
	background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
}

.online dl dd a {
	display: block;
	color: var(--brand) !important;
}

.online dl dt {
	top: 50% !important;
	right: 78px !important;
	transform: translateY(-50%);
	padding: 16px !important;
	background: #fff !important;
	border: 1px solid rgba(11, 100, 216, .12) !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 45px rgba(9, 22, 44, .18) !important;
	color: var(--ink) !important;
}

.online dl dt::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -8px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-top: 1px solid rgba(11, 100, 216, .12);
	border-right: 1px solid rgba(11, 100, 216, .12);
	transform: translateY(-50%) rotate(45deg);
}

.online dl dt h3 {
	margin: 0 0 12px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid rgba(18, 35, 61, .08) !important;
	color: var(--ink) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

.online dl dt h3 i {
	color: var(--brand);
}

.online dl dt h3 .remove {
	color: rgba(18, 35, 61, .45);
}

.online dl dt p {
	margin: 8px 0 0 !important;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.6;
}

.online dl dt p a {
	color: var(--ink) !important;
}

.online dl dt p a:hover {
	color: var(--brand) !important;
}

.online dl dt input {
	margin-top: 10px !important;
	border: 1px solid rgba(18, 35, 61, .16) !important;
	border-radius: 10px !important;
	color: var(--ink);
}

.online dl dt button {
	margin: 10px 0 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
	font-size: 15px !important;
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(11, 100, 216, .22);
}

.online-qr-img {
	display: block;
	width: 132px;
	height: 132px;
	margin: 0 auto 10px;
	padding: 8px;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 14px;
	box-shadow: inset 0 0 0 1px rgba(11, 100, 216, .08);
}

.online .scroll-top {
	overflow: hidden !important;
}

/* 首页区块衔接与悬浮服务入口：避免大面积留白及内容遮挡 */
.home .platform-section {
	padding-top: 94px;
	padding-bottom: 82px;
}

.home .platform-section + .process-section {
	position: relative;
	padding-top: 84px;
	padding-bottom: 104px;
	background: linear-gradient(180deg, #fff 0%, #f4f9ff 100%);
}

.home .platform-section + .process-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: min(86vw, 1180px);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(35, 124, 231, .34), transparent);
	transform: translateX(-50%);
}

.home .platform-section + .process-section .section-heading {
	margin-bottom: 52px;
}

@media (min-width: 992px) {
	.home .home-solution-stage {
		min-height: 620px;
	}

	.home .home-solution-lead {
		min-height: 620px;
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.home .home-solution-lead__copy {
		bottom: 48px;
	}

	.home .home-solution-line {
		padding-top: 22px;
		padding-bottom: 22px;
	}
}

@media (min-width: 768px) and (max-width: 1400px) {
	.online {
		right: 10px !important;
		width: 50px !important;
		opacity: .94;
	}

	.online dl {
		border-radius: 13px !important;
	}

	.online dl dd:first-of-type {
		width: 50px;
		height: 38px;
	}

	.online dl dd:last-child {
		padding-bottom: 8px !important;
		font-size: 11px !important;
	}

	.online dl dd i {
		font-size: 19px !important;
	}

	.online dl dt {
		right: 64px !important;
	}
}

@media (max-width: 767.98px) {
	.home .platform-section {
		padding-top: 68px;
		padding-bottom: 52px;
	}

	.home .platform-section + .process-section {
		padding-top: 62px;
		padding-bottom: 76px;
	}
}

@media (max-width: 1199.98px) {
	.online {
		right: 12px !important;
	}
}

.pages {
	min-height: 560px;
	padding-top: 56px;
	padding-bottom: 96px;
}

.position {
	font-size: 13px;
	color: var(--muted);
}

.position a {
	color: var(--muted);
}

.position a:hover {
	color: var(--brand);
	text-decoration: none;
}

.position-sep {
	margin: 0 8px;
	color: #c2cad3;
}

.sortnav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 36px;
	padding: 18px 22px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.sortnav__btn {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 6px 16px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	transition: all .2s ease;
}

.sortnav__btn:hover {
	color: var(--brand);
	border-color: rgba(11, 100, 216, .32);
	text-decoration: none;
	transform: translateY(-1px);
}

.sortnav__btn.active {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
	box-shadow: 0 8px 18px rgba(11, 100, 216, .22);
}

.sortnav__btn em {
	margin-left: 8px;
	padding: 0 8px;
	background: rgba(11, 100, 216, .12);
	color: var(--brand);
	font-style: normal;
	font-size: 12px;
	border-radius: 12px;
	line-height: 1.8;
}

.sortnav__btn.active em {
	color: #fff;
	background: rgba(255, 255, 255, .22);
}

.page-empty {
	color: var(--muted);
	font-size: 16px;
	padding: 80px 0;
}

.page-pb {
	margin-top: 30px;
}

.page-pb .pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.page-pb .pagination .page-link,
.page-pb .pagination a,
.page-pb .pagination span {
	min-width: 42px;
	margin: 0;
	padding: 10px 16px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 6px;
	font-weight: 700;
	text-align: center;
	line-height: 1.35;
}

.page-pb .pagination .page-link:hover,
.page-pb .pagination a:hover {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.page-pb .pagination .page-item.active .page-link,
.page-pb .pagination .active,
.page-pb .pagination span.current {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.page-pb .pagination .disabled,
.page-pb .pagination .page-link.disabled {
	color: var(--muted);
	background: #f5f7fa;
	border-color: var(--line);
	cursor: not-allowed;
}

.comment-form label {
	color: var(--ink);
	font-weight: 700;
}

.comment-code-row {
	display: flex;
	gap: 12px;
	align-items: center;
}

.comment-code-row img {
	height: 40px;
	border-radius: 4px;
	cursor: pointer;
}

.comment-item {
	display: flex;
	gap: 16px;
	padding: 18px 0;
	border-bottom: 1px dashed var(--line);
}

.comment-item:last-child {
	border-bottom: 0;
}

.comment-sub {
	margin-top: 14px;
	padding: 14px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 6px;
}

.comment-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--soft);
	object-fit: cover;
}

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

.comment-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.comment-meta strong {
	color: var(--ink);
}

.comment-date {
	color: var(--muted);
	font-size: 13px;
}

.comment-reply {
	margin-left: auto;
	padding: 2px 10px;
	color: var(--brand);
	border: 1px solid rgba(11, 100, 216, .28);
	border-radius: 30px;
	font-size: 12px;
	cursor: pointer;
}

.comment-text {
	color: var(--muted);
	line-height: 1.85;
}

.job-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 28px 30px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 8px;
	transition: all .25s ease;
}

.job-card:hover {
	box-shadow: 0 18px 45px rgba(18, 35, 61, .1);
	transform: translateY(-2px);
	text-decoration: none;
}

.job-card__eyebrow {
	color: var(--gold);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.job-card__title {
	margin: 10px 0 14px;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.4;
}

.job-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.job-card__tags span {
	padding: 4px 12px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 30px;
	font-size: 12px;
}

.job-card__summary {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 16px;
}

.job-card__meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 14px;
	border-top: 1px dashed var(--line);
	color: var(--muted);
	font-size: 13px;
}

.job-card__more {
	color: var(--brand);
	font-weight: 700;
}

.job-detail-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, .45fr);
	gap: 56px;
	align-items: start;
}

.job-meta-card {
	padding: 30px 32px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.job-meta-card h3 {
	font-size: 22px;
	font-weight: 800;
	color: var(--ink);
	margin-bottom: 18px;
}

.job-meta-card dl {
	margin: 0;
}

.job-meta-card dt {
	color: var(--muted);
	font-size: 13px;
	margin-top: 14px;
}

.job-meta-card dd {
	color: var(--ink);
	font-size: 16px;
	font-weight: 700;
	margin: 4px 0 0;
}

.apply-card {
	margin-top: 24px;
	padding: 28px;
	color: #fff;
	background: var(--navy);
	border-radius: 8px;
}

.apply-card h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px;
}

.apply-card p {
	color: rgba(255, 255, 255, .72);
	line-height: 1.85;
	margin-bottom: 16px;
}

.search-hero {
	padding: 74px 0 46px;
	color: #fff;
	background:
		linear-gradient(90deg, rgba(3, 17, 38, .94), rgba(3, 17, 38, .78)),
		url("../images/generated/drzk-hero-smart-access.png") center / cover no-repeat;
}

.search-hero h1 {
	margin: 0;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.25;
}

.search-hero form {
	display: flex;
	gap: 12px;
	max-width: 720px;
	margin-top: 24px;
}

.search-hero .form-control {
	height: 52px;
	color: #fff;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 6px;
}

.search-hero .form-control::placeholder {
	color: rgba(255, 255, 255, .5);
}

.search-stats {
	max-width: 720px;
	margin-top: 16px;
	color: rgba(255, 255, 255, .62);
	font-size: 14px;
	text-align: left;
}

.search-keyword {
	color: var(--gold);
	font-weight: 700;
}

.search-page {
	padding-top: 36px;
}

.search-result-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin: 18px 0 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--line);
}

.search-result-head h2 {
	margin: 0;
	color: var(--ink);
	font-size: 28px;
	font-weight: 800;
}

.search-result-head p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
}

.search-result-head strong,
.search-stats strong {
	color: var(--gold);
	font-weight: 800;
}

.search-result-grid {
	row-gap: 24px;
}

.search-result-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.search-result-card:hover {
	border-color: rgba(11, 100, 216, .28);
	box-shadow: 0 18px 40px rgba(18, 35, 61, .1);
	transform: translateY(-2px);
}

.search-result-card__thumb {
	display: block;
	aspect-ratio: 16 / 9;
	background: var(--soft);
	overflow: hidden;
}

.search-result-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .28s ease;
}

.search-result-card:hover .search-result-card__thumb img {
	transform: scale(1.04);
}

.search-result-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 20px 22px 22px;
}

.search-result-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.search-result-card__meta em {
	color: var(--muted);
	font-size: 12px;
	font-style: normal;
}

.search-result-card__meta a,
.search-result-card__meta span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 2px 10px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 30px;
	font-size: 12px;
	font-weight: 700;
}

.search-result-card__meta span {
	color: #5b6b7f;
	background: #f1f4f8;
}

.search-result-card__meta span:empty {
	display: none;
}

.search-result-card h3 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.45;
}

.search-result-card h3 a {
	color: var(--ink);
}

.search-result-card h3 a:hover {
	color: var(--brand);
	text-decoration: none;
}

.search-result-card p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.85;
}

.search-empty {
	margin: 48px 0;
	padding: 54px 24px;
	color: var(--muted);
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
	text-align: center;
}

.message-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .62fr);
	gap: 56px;
	align-items: start;
}

.message-card {
	padding: 36px 40px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 8px;
}

.message-card h2 {
	font-size: 28px;
	font-weight: 800;
	color: var(--ink);
	margin-bottom: 10px;
}

.message-card .lead {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.85;
	margin-bottom: 28px;
}

.message-card label {
	color: var(--ink);
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 8px;
}

.message-card .form-control {
	min-height: 48px;
	padding: 12px 14px;
	border: 1px solid var(--line);
	border-radius: 4px;
}

.message-card textarea.form-control {
	min-height: 140px;
}

.message-card .message-code {
	display: flex;
	gap: 12px;
	align-items: center;
}

.message-card .message-code img {
	height: 40px;
	border-radius: 4px;
	cursor: pointer;
}

.message-side h3 {
	font-size: 22px;
	font-weight: 800;
	color: var(--ink);
	margin-bottom: 18px;
}

.message-side .contact-block {
	margin-bottom: 22px;
}

.message-side .contact-block strong {
	display: block;
	color: var(--ink);
	font-size: 18px;
	margin-bottom: 6px;
}

.message-side .contact-block span {
	color: var(--muted);
	line-height: 1.85;
}

.message-record {
	padding: 24px 28px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.message-record__item {
	padding: 14px 0;
	border-bottom: 1px dashed var(--line);
}

.message-record__item:last-child {
	border-bottom: 0;
}

.message-record__meta {
	display: flex;
	justify-content: space-between;
	color: var(--muted);
	font-size: 13px;
	margin-bottom: 6px;
}

.message-record__body strong {
	color: var(--ink);
	margin-right: 6px;
}

.message-record__reply {
	margin-top: 8px;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 4px;
	color: var(--muted);
	font-size: 14px;
}

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

.tag-card {
	padding: 28px 30px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 8px;
	transition: all .2s ease;
}

.tag-card:hover {
	box-shadow: 0 18px 45px rgba(18, 35, 61, .1);
	transform: translateY(-2px);
	text-decoration: none;
}

.tag-card h3 {
	font-size: 21px;
	font-weight: 800;
	color: var(--ink);
	margin: 8px 0 12px;
}

.tag-card p {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.85;
	margin: 0;
}

.tag-meta {
	display: flex;
	justify-content: space-between;
	color: var(--muted);
	font-size: 13px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px dashed var(--line);
}

.badge-pill {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 30px;
	background: rgba(11, 100, 216, .08);
	color: var(--brand);
	font-size: 12px;
	font-weight: 700;
}

.badge-pill.badge-top {
	background: rgba(220, 53, 69, .1);
	color: #dc3545;
}

.badge-pill.badge-recommend {
	background: rgba(255, 193, 7, .15);
	color: #d39e00;
}

.badge-pill.badge-headline {
	background: rgba(23, 162, 184, .12);
	color: #17a2b8;
}

@keyframes heroZoom {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.08);
	}
}

@keyframes heroSlideZoomActive {
	from {
		transform: scale(1.01);
	}

	to {
		transform: scale(1.07);
	}
}

@keyframes floatPanel {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}
}

@media (max-width: 991.98px) {
	.job-detail-grid,
	.message-layout,
	.tag-grid {
		grid-template-columns: 1fr;
	}

	.job-detail-grid {
		gap: 32px;
	}
}

.page-hero {
	padding: 96px 0;
	color: #fff;
	background: var(--navy);
}

.page-hero h1 {
	font-size: 54px;
	font-weight: 800;
	margin: 12px 0;
}

.page-hero p {
	max-width: 940px;
	color: rgba(255, 255, 255, .72);
	line-height: 1.9;
	margin: 0;
}

.case-detail-hero {
	position: relative;
	overflow: hidden;
	min-height: 360px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(5, 16, 34, .88) 0%, rgba(8, 30, 64, .72) 48%, rgba(8, 30, 64, .38) 100%),
		var(--case-hero-image) center / cover no-repeat,
		var(--navy);
}

.case-detail-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(2, 8, 18, .26) 0%, rgba(2, 8, 18, .62) 100%),
		radial-gradient(circle at 22% 20%, rgba(11, 100, 216, .24), transparent 34%);
}

.case-detail-hero .container {
	position: relative;
	z-index: 1;
}

/* 案例现场图按正文栏宽度展示，避免导入的原图维持缩略尺寸。 */
.case-detail-content .case-import-gallery {
	margin: 30px 0 0;
}

.case-detail-content .case-import-gallery figure {
	margin: 0 0 26px;
}

.case-detail-content .case-import-gallery img {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	border: 1px solid rgba(15, 49, 87, .08);
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(16, 38, 68, .08);
}

/* 案例详情右侧转化入口：保留页面的轻量留白，同时提供完整动作。 */
.case-detail-cta {
	position: sticky;
	top: 112px;
	overflow: hidden;
	padding: 30px;
	border: 1px solid #d9e5f2;
	border-radius: 14px;
	background: linear-gradient(145deg, #fff 0%, #f3f8fe 100%);
	box-shadow: 0 16px 36px rgba(17, 50, 88, .09);
}

.case-detail-cta::before {
	content: '';
	display: block;
	width: 42px;
	height: 3px;
	margin: 0 0 18px;
	border-radius: 99px;
	background: linear-gradient(90deg, #126dd2, #75b8ff);
}

.case-detail-cta h3 {
	margin: 8px 0 12px;
	color: #102f56;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.35;
}

.case-detail-cta > p {
	margin: 0;
	color: #63758a;
	font-size: 14px;
	line-height: 1.85;
}

.case-detail-cta__points {
	margin: 22px 0 24px;
	padding: 17px 0 3px;
	border-top: 1px solid #dbe7f3;
	list-style: none;
}

.case-detail-cta__points li {
	position: relative;
	margin: 0 0 12px;
	padding-left: 18px;
	color: #34516f;
	font-size: 14px;
	line-height: 1.45;
}

.case-detail-cta__points li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .38em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #2278d8;
	box-shadow: 0 0 0 4px rgba(34, 120, 216, .1);
}

.case-detail-cta__actions {
	display: grid;
	gap: 10px;
}

.case-detail-cta__primary,
.case-detail-cta__secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.case-detail-cta__primary {
	gap: 9px;
	background: #126dd2;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(18, 109, 210, .2);
}

.case-detail-cta__primary:hover {
	background: #0c5eb9;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 11px 22px rgba(18, 109, 210, .26);
}

.case-detail-cta__secondary {
	gap: 8px;
	border: 1px solid #c9d9ea;
	background: rgba(255, 255, 255, .72);
	color: #285375 !important;
}

.case-detail-cta__secondary:hover {
	border-color: #78a8dc;
	background: #fff;
	color: #126dd2 !important;
}

.case-detail-cta__hint {
	margin-top: 15px !important;
	font-size: 12px !important;
	line-height: 1.55 !important;
	text-align: center;
}

@media (max-width: 991.98px) {
	.case-detail-cta {
		position: static;
		padding: 26px;
	}
}

.content {
	color: #364152;
	line-height: 2;
	font-size: 16px;
}

.content h2,
.content h3,
.content h4 {
	color: var(--ink);
	font-weight: 800;
	margin-top: 34px;
}

.content table {
	width: 100%;
	margin: 22px 0;
	border-collapse: collapse;
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

.content th,
.content td {
	padding: 13px 15px;
	border: 1px solid var(--line);
	vertical-align: top;
}

.content th {
	background: var(--soft);
	color: var(--ink);
}

.content img,
.content iframe {
	max-width: 100% !important;
}

.content .module-link-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 24px 0 30px;
}

.content .module-link-grid a {
	display: block;
	min-height: 72px;
	padding: 16px 18px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	font-weight: 700;
	line-height: 1.45;
	box-shadow: 0 12px 32px rgba(18, 35, 61, .06);
}

.content .module-link-grid a:hover {
	color: var(--brand);
	border-color: rgba(21, 95, 176, .35);
	transform: translateY(-2px);
}

.content .value-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 24px 0;
}

.content .value-strip div {
	padding: 20px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.content .value-strip strong {
	display: block;
	color: var(--ink);
	font-size: 18px;
	margin-bottom: 8px;
}

.article-detail-page {
	padding-top: 108px;
	padding-bottom: 76px;
}

.article-detail {
	color: #2f3b4a;
}

.article-detail-layout {
	gap: 34px;
}

.article-detail__head {
	padding: 26px 0 28px;
	margin-bottom: 26px;
	border-bottom: 1px solid var(--line);
	text-align: left;
}

.article-detail__eyebrow {
	margin-bottom: 12px;
	color: var(--brand);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .08em;
}

.article-detail__head h1 {
	max-width: 900px;
	margin: 0 0 18px;
	color: var(--ink);
	font-size: 34px;
	font-weight: 800;
	line-height: 1.38;
}

.article-detail__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	justify-content: flex-start;
	color: #7a8594;
	font-size: 14px;
}

.article-detail__head > p {
	max-width: 780px;
	margin: 22px auto 0;
	padding: 18px 22px;
	color: #5f6b7a;
	background: #f6f8fb;
	border: 1px solid var(--line);
	border-radius: 8px;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
}

.article-content {
	color: #2f3b4a;
	font-size: 17px;
	line-height: 1.95;
	word-break: break-word;
}

.article-content p {
	margin: 0 0 20px;
}

.article-content p:empty {
	display: none;
}

.article-content h2,
.article-content h3,
.article-content h4 {
	margin: 38px 0 18px;
	color: var(--ink);
	line-height: 1.45;
}

.article-content h2 {
	font-size: 25px;
}

.article-content h3 {
	font-size: 22px;
}

.article-content h4 {
	font-size: 19px;
}

.article-content img {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 28px auto;
	border-radius: 6px;
}

.article-content figure {
	margin: 30px 0;
}

.article-content blockquote {
	margin: 28px 0;
	padding: 18px 22px;
	color: #4c5a6b;
	background: #f6f8fb;
	border-left: 4px solid var(--brand);
	border-radius: 6px;
}

.article-content ul,
.article-content ol {
	margin: 18px 0 22px 1.4em;
	padding: 0;
}

.article-content li {
	margin: 8px 0;
}

.article-content table {
	margin: 28px 0;
	font-size: 15px;
	line-height: 1.65;
}

.article-detail__pager {
	margin-top: 52px;
	padding-top: 24px;
	border-top: 1px solid var(--line);
	color: #6b7685;
	font-size: 15px;
	line-height: 1.8;
}

.article-detail__pager p {
	margin: 8px 0;
}

.article-detail__pager a {
	color: var(--ink);
	font-weight: 700;
}

.article-detail__pager a:hover {
	color: var(--brand);
}

.article-sidebar {
	padding-top: 28px;
}

.article-sidebar__inner {
	position: sticky;
	top: 96px;
	display: grid;
	gap: 18px;
}

.article-sidebar-card {
	padding: 22px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.article-sidebar-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 16px;
}

.article-sidebar-card__head span {
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
}

.article-sidebar-card__head a {
	color: var(--brand);
	font-size: 13px;
	font-weight: 800;
}

.article-hot-list {
	display: grid;
	gap: 4px;
}

.article-hot-list a {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 10px;
	padding: 12px 0;
	border-top: 1px solid #edf1f6;
}

.article-hot-list a:first-child {
	border-top: 0;
	padding-top: 0;
}

.article-hot-list em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #fff;
	background: var(--brand);
	border-radius: 6px;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.article-hot-list strong,
.article-product-list strong {
	display: -webkit-box;
	overflow: hidden;
	color: var(--ink);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.55;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.article-hot-list small,
.article-product-list small {
	display: block;
	margin-top: 6px;
	color: #7a8594;
	font-size: 12px;
	line-height: 1.4;
}

.article-hot-list a:hover strong,
.article-product-list a:hover strong {
	color: var(--brand);
}

.article-product-list {
	display: grid;
	gap: 12px;
}

.article-product-list a {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 10px;
	background: #f7f9fc;
	border: 1px solid #edf1f6;
	border-radius: 8px;
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.article-product-list a:hover {
	background: #fff;
	border-color: rgba(11, 100, 216, .28);
	transform: translateY(-2px);
}

.article-product-list img {
	width: 78px;
	height: 64px;
	object-fit: contain;
	background: #fff;
	border: 1px solid #edf1f6;
	border-radius: 6px;
}

.list-card {
	height: 100%;
	padding: 32px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: #fff;
}

.list-card:hover {
	box-shadow: 0 18px 45px rgba(18, 35, 61, .1);
	transform: translateY(-2px);
}

.list-card__image {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	margin: -24px -24px 20px;
	background: var(--soft);
	border-radius: 8px 8px 0 0;
}

.list-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list-card h3 {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.45;
}

.list-card p {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.8;
}

.card-more {
	display: inline-flex;
	align-items: center;
	margin-top: 10px;
	color: var(--brand);
	font-weight: 700;
}

.card-more::after {
	content: ">";
	margin-left: 8px;
	font-family: Arial, sans-serif;
}

.news-hero {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(5, 16, 34, .98), rgba(8, 38, 72, .94)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 48px);
	color: #fff;
}

.news-hero__shade {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 78% 18%, rgba(16, 166, 161, .32), transparent 30%),
		radial-gradient(circle at 24% 78%, rgba(226, 175, 75, .18), transparent 30%);
}

.news-hero__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .46fr);
	gap: 72px;
	align-items: center;
	padding-top: 96px;
	padding-bottom: 96px;
}

.news-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 60px;
	line-height: 1.12;
	font-weight: 800;
}

.news-hero p {
	max-width: 820px;
	color: rgba(255, 255, 255, .74);
	font-size: 20px;
	line-height: 1.85;
}

.news-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.news-hero__tags span {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-weight: 700;
}

.news-hero__panel {
	padding: 34px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	backdrop-filter: blur(14px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
}

.news-hero__panel strong {
	display: block;
	color: #fff;
	font-size: 30px;
	line-height: 1.35;
	margin-bottom: 14px;
}

.news-hero__panel span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.8;
}

.news-channel-section,
.news-focus-section,
.news-list-section,
.news-topic-section,
.news-media-section,
.news-video-section {
	margin-bottom: 76px;
}

.news-tabs-section {
	margin-bottom: 76px;
}

.news-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	margin: -18px auto 42px;
	padding: 0;
	border-bottom: 1px solid var(--brand-line);
}

.news-tabs button {
	position: relative;
	min-width: 148px;
	padding: 24px 26px;
	color: var(--ink);
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
	cursor: pointer;
	transition: color .22s ease, background .22s ease;
}

.news-tabs button::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--teal));
	border-radius: 999px 999px 0 0;
	opacity: 0;
	transform: scaleX(.45);
	transition: opacity .22s ease, transform .22s ease;
}

.news-tabs button::after {
	content: "";
	position: absolute;
	right: 0;
	top: 22px;
	bottom: 22px;
	width: 1px;
	background: var(--line);
}

.news-tabs button:last-child::after {
	display: none;
}

.news-tabs button:hover,
.news-tabs button.is-active {
	color: var(--brand);
	background: transparent;
}

.news-tabs button.is-active::before {
	opacity: 1;
	transform: scaleX(1);
}

.news-tabs button.is-active {
	box-shadow: none;
}

.news-tabs button:focus,
.news-tabs button:focus-visible,
.case-tabs button:focus,
.case-tabs button:focus-visible,
.support-tabs button:focus,
.support-tabs button:focus-visible,
.parking-overview-tabs .parking-hardware-tab:focus,
.parking-overview-tabs .parking-hardware-tab:focus-visible {
	outline: 0;
	box-shadow: none;
}

.news-tab-panels {
	position: relative;
}

.news-tab-panel {
	display: none;
}

.news-tab-panel.is-active {
	display: block;
	animation: newsTabFade .24s ease both;
}

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

.news-tab-heading {
	max-width: 880px;
	margin: 0 auto 34px;
	text-align: center;
}

.news-tab-heading span {
	color: var(--brand);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.news-tab-heading h2 {
	margin: 12px 0 0;
	color: var(--ink);
	font-size: 36px;
	line-height: 1.3;
	font-weight: 800;
}

.news-tab-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.news-tab-card-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.news-tab-card-grid div {
	min-height: 240px;
	padding: 30px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.news-tab-card-grid i {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

.news-tab-card-grid strong {
	display: block;
	color: var(--ink);
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 10px;
}

.news-tab-card-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.news-social-board--full {
	max-width: 920px;
	margin: 0 auto;
}

.news-channel-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.news-channel-card {
	display: block;
	min-height: 210px;
	padding: 28px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.news-channel-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .1);
}

.news-channel-card i,
.news-topic-grid i {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

.news-channel-card strong,
.news-topic-grid strong {
	display: block;
	color: var(--ink);
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 10px;
}

.news-channel-card span,
.news-topic-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.news-focus-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .76fr);
	gap: 36px;
	align-items: stretch;
}

.news-focus-main {
	padding: 44px;
	background: var(--navy);
	border-radius: 16px;
	color: #fff;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.news-focus-main h2 {
	margin: 14px 0 16px;
	color: #fff;
	font-size: 40px;
	line-height: 1.28;
	font-weight: 800;
}

.news-focus-main p {
	color: rgba(255, 255, 255, .68);
	font-size: 17px;
	line-height: 1.9;
}

.news-focus-points,
.news-social-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.news-focus-points span,
.news-social-tags span {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	font-weight: 700;
}

.news-focus-side {
	display: grid;
	gap: 14px;
}

.news-focus-side div {
	padding: 26px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.news-focus-side strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px;
}

.news-focus-side span {
	color: var(--muted);
	line-height: 1.75;
}

.news-list-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.news-empty-note {
	text-align: center;
	padding: 48px 24px;
	color: #999;
	font-size: 15px;
	background: #f8f9fa;
	border-radius: 8px;
	margin-top: 16px;
}

.news-video-category-grid ~ .news-empty-note {
	display: block;
}

.news-list-card {
	display: block;
	min-height: 240px;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.news-list-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .1);
}

.news-list-card__cover {
	position: relative;
	height: 190px;
	overflow: hidden;
	background: var(--navy);
}

.news-list-card__cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .42s ease;
}

.news-list-card:hover .news-list-card__cover img {
	transform: scale(1.06);
}

.news-list-card__cover span {
	position: absolute;
	left: 18px;
	top: 18px;
	padding: 6px 12px;
	color: #fff;
	background: rgba(9, 22, 44, .72);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	backdrop-filter: blur(8px);
}

.news-list-card > div:last-child {
	position: relative;
	padding: 28px;
}

.news-list-card__date {
	width: 78px;
	height: 78px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 22px;
	top: -54px;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 14px;
	box-shadow: 0 12px 26px rgba(18, 35, 61, .12);
}

.news-list-card__date strong {
	color: var(--brand);
	font-size: 22px;
	line-height: 1;
}

.news-list-card__date span {
	margin-top: 8px;
	color: var(--muted);
	font-size: 13px;
}

.news-list-card em {
	color: var(--brand);
	font-style: normal;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: .08em;
}

.news-list-card h3 {
	margin: 10px 0 12px;
	color: var(--ink);
	font-size: 21px;
	line-height: 1.45;
	font-weight: 800;
}

.news-list-card p {
	color: var(--muted);
	line-height: 1.75;
}

.news-topic-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.news-topic-grid div {
	min-height: 240px;
	padding: 28px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 14px;
}

.news-media-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .74fr);
	gap: 42px;
	padding: 46px;
	background: var(--navy);
	border-radius: 16px;
	color: #fff;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.news-media-card > div > span {
	color: var(--gold);
	font-weight: 800;
}

.news-media-card h2,
.news-social-board h2 {
	margin: 12px 0 16px;
	color: #fff;
	font-size: 36px;
	line-height: 1.3;
	font-weight: 800;
}

.news-media-card p,
.news-social-board p {
	color: rgba(255, 255, 255, .68);
	line-height: 1.9;
}

.news-media-card ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-media-card li {
	padding: 18px 20px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.news-media-card li strong {
	display: block;
	color: #fff;
	margin-bottom: 6px;
}

.news-media-card li em {
	color: rgba(255, 255, 255, .62);
	font-style: normal;
}

.news-video-layout {
	display: grid;
	grid-template-columns: minmax(420px, .74fr) minmax(0, 1fr);
	gap: 36px;
	align-items: stretch;
}

.news-video-board {
	min-height: 360px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 46px);
	border-radius: 16px;
}

.news-video-board i {
	width: 84px;
	height: 84px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	color: #fff;
	background: var(--brand);
	border: 10px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	font-size: 28px;
}

.news-video-board strong {
	color: #fff;
	font-size: 34px;
	font-weight: 800;
	margin-bottom: 10px;
}

.news-video-board span {
	color: rgba(255, 255, 255, .68);
}

.news-social-board {
	padding: 44px;
	background: var(--navy);
	border-radius: 16px;
	color: #fff;
}

.news-video-category-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.news-video-category {
	display: block;
	overflow: hidden;
	color: inherit;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	text-decoration: none;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.news-video-category:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .1);
}

.news-video-category__cover {
	position: relative;
	min-height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.news-video-category__cover img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .72;
	transition: transform .42s ease;
}

.news-video-category:hover .news-video-category__cover img {
	transform: scale(1.06);
}

.news-video-category__cover i {
	position: relative;
	z-index: 1;
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--brand);
	border: 8px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	font-size: 22px;
}

.news-video-category__cover span {
	position: absolute;
	left: 20px;
	bottom: 18px;
	color: rgba(255, 255, 255, .54);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
}

.news-video-category__body {
	padding: 24px;
}

.news-video-category__body em {
	display: block;
	margin-bottom: 8px;
	color: var(--brand);
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .08em;
}

.news-video-category__body strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px;
}

.news-video-category__body p {
	color: var(--muted);
	line-height: 1.75;
	margin: 0;
}

.news-video-note {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
	padding: 18px 22px;
	color: var(--muted);
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 12px;
}

.news-video-note i {
	color: var(--brand);
}

.video-detail-hero {
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 46px);
}

.video-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 34px;
	align-items: start;
}

.video-detail-main,
.video-detail-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 18px 42px rgba(18, 35, 61, .07);
}

.video-detail-main {
	overflow: hidden;
}

.video-detail-player {
	position: relative;
	min-height: 420px;
	overflow: hidden;
	background: var(--navy);
}

.video-detail-player img {
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	display: block;
	opacity: .86;
}

.video-detail-player__mask {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: #fff;
	background: linear-gradient(180deg, rgba(9, 22, 44, .12), rgba(9, 22, 44, .54));
}

.video-detail-player__mask i {
	width: 88px;
	height: 88px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--brand);
	border: 10px solid rgba(255, 255, 255, .22);
	border-radius: 50%;
	font-size: 30px;
}

.video-detail-player__mask span {
	font-weight: 800;
	letter-spacing: .18em;
}

.video-detail-meta {
	display: flex;
	gap: 18px;
	padding: 22px 28px;
	color: var(--muted);
	border-bottom: 1px solid var(--line);
}

.video-detail-meta i {
	color: var(--brand);
}

.video-detail-content {
	padding: 30px 34px 38px;
}

.video-detail-card {
	padding: 28px;
	margin-bottom: 18px;
}

.video-detail-card h3 {
	margin: 10px 0 12px;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
}

.video-detail-card p {
	color: var(--muted);
	line-height: 1.8;
}

.video-detail-card--contact {
	background: var(--soft);
}

.video-detail-card--hot {
	background: var(--soft);
	min-height: 586px;
}

.video-hot-list {
	display: grid;
	gap: 22px;
	margin-top: 22px;
}

.video-hot-list a {
	display: grid;
	grid-template-columns: 126px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.video-hot-list img {
	width: 126px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: #e7edf5;
	border-radius: 8px;
}

.video-hot-list strong {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: var(--ink);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.45;
}

.video-hot-list em {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	color: #7c8a9c;
	font-style: normal;
	font-size: 13px;
}

.video-hot-list a:hover strong {
	color: var(--brand);
}

.partner-hero {
	position: relative;
	min-height: 580px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(5, 16, 34, .9), rgba(8, 38, 72, .64)),
		url("../images/banners/partner.jpg") center / cover no-repeat;
}

.partner-hero__shade {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 78% 16%, rgba(16, 166, 161, .32), transparent 30%),
		radial-gradient(circle at 22% 80%, rgba(226, 175, 75, .18), transparent 30%);
}

.partner-hero__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .46fr);
	gap: 72px;
	align-items: center;
	padding-top: 96px;
	padding-bottom: 96px;
}

.partner-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 60px;
	line-height: 1.12;
	font-weight: 800;
}

.partner-hero p {
	max-width: 820px;
	color: rgba(255, 255, 255, .74);
	font-size: 20px;
	line-height: 1.85;
}

.partner-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.partner-hero__tags span {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-weight: 700;
}

.partner-hero__panel {
	padding: 34px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	backdrop-filter: blur(14px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
}

.partner-hero__panel strong {
	display: block;
	color: var(--gold);
	font-size: 34px;
	line-height: 1.3;
	margin-bottom: 14px;
}

.partner-hero__panel span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.8;
}

.partner-model-section,
.partner-product-section,
.partner-service-section,
.partner-process-section,
.partner-join-section {
	margin-bottom: 76px;
}

.partner-model-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.partner-model-grid div {
	min-height: 250px;
	padding: 30px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.partner-model-grid div:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .1);
}

.partner-model-grid i {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

/* 成套微立体图标：服务能力与生态合作卡片 */
.feature-illustration {
	display: block;
	width: 96px;
	height: 96px;
	margin: -10px 0 14px -10px;
	background-repeat: no-repeat;
	background-size: 400% auto;
	background-position: 0 50%;
	mix-blend-mode: multiply;
}

.feature-illustration--two { background-position: 33.333% 50%; }
.feature-illustration--three { background-position: 66.667% 50%; }
.feature-illustration--four { background-position: 100% 50%; }
.feature-illustration--service { background-image: url('../images/generated/service-partner-icons/service-capabilities.png'); }
.feature-illustration--partner { background-image: url('../images/generated/service-partner-icons/partner-models.png'); }

.support-capability .feature-illustration { margin-bottom: 12px; }
.partner-model-grid .feature-illustration { margin-bottom: 16px; }

.partner-model-grid strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.partner-model-grid span {
	color: var(--muted);
	line-height: 1.78;
}

.partner-product-layout {
	display: grid;
	grid-template-columns: minmax(0, .88fr) minmax(520px, 1fr);
	gap: 56px;
	align-items: center;
}

.partner-product-layout h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 44px;
	line-height: 1.25;
	font-weight: 800;
}

.partner-product-layout p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.partner-product-list {
	display: grid;
	gap: 14px;
}

.partner-product-list div {
	padding: 24px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 12px;
}

.partner-product-list strong {
	display: block;
	color: var(--ink);
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
}

.partner-product-list span {
	color: var(--muted);
	line-height: 1.75;
}

.partner-service-section {
	padding: 76px 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--navy);
	color: #fff;
}

.partner-service-section .container,
.partner-service-section > .section-heading,
.partner-service-section .partner-service-stats,
.partner-service-section .partner-service-note {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.partner-service-section .section-heading h2 {
	color: #fff;
}

.partner-service-stats {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.partner-service-stats div {
	padding: 26px 18px;
	text-align: center;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.partner-service-stats strong {
	display: block;
	color: var(--gold);
	font-size: 34px;
	line-height: 1;
	margin-bottom: 12px;
}

.partner-service-stats span {
	color: rgba(255, 255, 255, .72);
	line-height: 1.55;
}

.partner-service-note {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 22px;
	padding-top: 0;
	color: rgba(255, 255, 255, .76);
}

.partner-service-note i {
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #fff;
	background: var(--brand);
	border-radius: 10px;
}

.partner-process-card,
.partner-join-card {
	display: grid;
	grid-template-columns: minmax(0, .68fr) minmax(0, 1fr);
	gap: 42px;
	padding: 46px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(18, 35, 61, .1);
}

.partner-process-card h2,
.partner-join-card h2 {
	margin: 12px 0 14px;
	color: var(--ink);
	font-size: 36px;
	line-height: 1.3;
	font-weight: 800;
}

.partner-process-card p,
.partner-join-card p {
	color: var(--muted);
	line-height: 1.9;
}

.partner-process-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.partner-process-steps div {
	padding: 22px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 12px;
}

.partner-process-steps b {
	display: block;
	color: var(--brand);
	font-size: 24px;
	line-height: 1;
	margin-bottom: 18px;
}

.partner-process-steps strong {
	display: block;
	color: var(--ink);
	font-size: 18px;
	margin-bottom: 8px;
}

.partner-process-steps span {
	color: var(--muted);
	line-height: 1.7;
}

.partner-join-card {
	background: var(--navy);
	color: #fff;
}

.partner-join-card h2 {
	color: #fff;
}

.partner-join-card p {
	color: rgba(255, 255, 255, .68);
}

.partner-join-hotline {
	display: inline-flex;
	margin-top: 20px;
	padding: 10px 16px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	font-weight: 800;
}

.partner-form label {
	color: rgba(255, 255, 255, .78);
	font-weight: 700;
}

.partner-form .form-control {
	color: #fff;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 6px;
}

.partner-form .form-control::placeholder {
	color: rgba(255, 255, 255, .42);
}

.case-hero {
	position: relative;
	min-height: 580px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(5, 16, 34, .9), rgba(8, 38, 72, .64)),
		url("../images/banners/cases.jpg") center / cover no-repeat;
}

.case-hero__shade {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 78% 16%, rgba(16, 166, 161, .32), transparent 30%),
		radial-gradient(circle at 22% 80%, rgba(226, 175, 75, .18), transparent 30%);
}

.case-hero__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .46fr);
	gap: 72px;
	align-items: center;
	padding-top: 96px;
	padding-bottom: 96px;
}

.case-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 60px;
	line-height: 1.12;
	font-weight: 800;
}

.case-hero p {
	max-width: 820px;
	color: rgba(255, 255, 255, .74);
	font-size: 20px;
	line-height: 1.85;
}

.case-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.case-hero__tags span {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-weight: 700;
}

.case-hero__panel {
	padding: 34px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	backdrop-filter: blur(14px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
}

.case-hero__panel strong {
	display: block;
	color: var(--gold);
	font-size: 34px;
	line-height: 1.3;
	margin-bottom: 14px;
}

.case-hero__panel span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.8;
}

.case-detail-overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 34px;
}

.case-detail-overview__item {
	padding: 24px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(18, 35, 61, .08);
}

.case-detail-overview__item--wide {
	grid-column: 1 / -1;
}

.case-detail-overview__item span {
	display: block;
	margin-bottom: 10px;
	color: var(--brand);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
}

.case-detail-overview__item strong {
	display: block;
	color: var(--dark);
	font-size: 24px;
	line-height: 1.45;
}

.case-detail-overview__item p {
	margin: 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.9;
}

.case-feature-section,
.case-proof-section,
.case-value-section,
.case-tabs-section,
.case-latest-section,
.case-cta-section {
	margin-bottom: 76px;
}

.case-feature-card {
	display: grid;
	grid-template-columns: minmax(420px, .88fr) minmax(0, 1fr);
	gap: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 24px 64px rgba(18, 35, 61, .12);
}

.case-feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.case-feature-item {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.case-feature-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .1);
}

.case-feature-item__cover {
	position: relative;
	min-height: 190px;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(11, 100, 216, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-feature-item:nth-child(2n) .case-feature-item__cover {
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-feature-item:nth-child(3n) .case-feature-item__cover {
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(226, 175, 75, .66)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-feature-item__cover::after {
	content: "";
	position: absolute;
	right: 30px;
	top: 38px;
	width: 130px;
	height: 82px;
	border: 10px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
}

.case-feature-item__cover span {
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 7px 12px;
	color: #fff;
	background: rgba(9, 22, 44, .68);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	backdrop-filter: blur(8px);
}

.case-feature-item__body {
	padding: 26px;
}

.case-feature-item__body em {
	color: var(--brand);
	font-style: normal;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: .08em;
}

.case-feature-item__body h3 {
	margin: 10px 0 12px;
	color: var(--ink);
	font-size: 22px;
	line-height: 1.45;
	font-weight: 800;
}

.case-feature-item__body p {
	color: var(--muted);
	line-height: 1.78;
}

.case-feature__visual {
	position: relative;
	min-height: 430px;
	display: block;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(11, 100, 216, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-feature__visual::before {
	content: "";
	position: absolute;
	left: 52px;
	top: 86px;
	width: 280px;
	height: 170px;
	border: 18px solid rgba(255, 255, 255, .18);
	border-radius: 24px;
}

.case-feature__visual::after {
	content: "";
	position: absolute;
	right: 54px;
	bottom: 72px;
	width: 160px;
	height: 160px;
	background: radial-gradient(circle, rgba(16, 166, 161, .38), transparent 68%);
	border-radius: 50%;
}

.case-feature__visual span {
	position: absolute;
	left: 34px;
	bottom: 34px;
	padding: 9px 15px;
	color: #fff;
	background: rgba(9, 22, 44, .7);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-weight: 800;
	letter-spacing: .08em;
	backdrop-filter: blur(8px);
}

.case-feature__content {
	padding: 48px;
}

.case-feature__content h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 38px;
	line-height: 1.32;
	font-weight: 800;
}

.case-feature__content p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.case-feature__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0 30px;
}

.case-feature__tags span {
	padding: 8px 14px;
	color: var(--brand);
	background: rgba(16, 166, 161, .08);
	border: 1px solid rgba(16, 166, 161, .16);
	border-radius: 999px;
	font-weight: 800;
}

.case-proof-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.case-proof-grid div {
	padding: 26px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.case-proof-grid strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px;
}

.case-proof-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.case-value-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	padding: 26px;
	background: var(--navy);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .14);
}

.case-value-grid div {
	padding: 26px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 14px;
}

.case-value-grid strong {
	display: block;
	color: var(--gold);
	font-size: 30px;
	line-height: 1;
	margin-bottom: 12px;
}

.case-value-grid span {
	color: rgba(255, 255, 255, .72);
	line-height: 1.75;
}

.case-tabs {
	display: flex;
	justify-content: center;
	gap: 0;
	margin: 0 auto 42px;
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--brand-line);
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
}

.case-tabs button {
	position: relative;
	min-width: 180px;
	padding: 24px 28px;
	color: var(--ink);
	background: transparent;
	border: 0;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
	cursor: pointer;
	transition: color .22s ease, background .22s ease;
}

.case-tabs button::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--teal));
	border-radius: 999px 999px 0 0;
	opacity: 0;
	transform: scaleX(.45);
	transition: opacity .22s ease, transform .22s ease;
}

.case-tabs button::after {
	content: "";
	position: absolute;
	right: 0;
	top: 22px;
	bottom: 22px;
	width: 1px;
	background: var(--line);
}

.case-tabs button:last-child::after {
	display: none;
}

.case-tabs button:hover,
.case-tabs button.is-active {
	color: var(--brand);
	background: transparent;
}

.case-tabs button.is-active::before {
	opacity: 1;
	transform: scaleX(1);
}

.case-tag-filter {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0;
	max-width: 1180px;
	margin: -12px auto 30px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}

.case-tag-filter::-webkit-scrollbar {
	display: none;
}

.case-tag-filter button {
	position: relative;
	flex: 0 0 auto;
	height: 28px;
	padding: 0 17px;
	color: var(--muted);
	background: transparent;
	border: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 28px;
	cursor: pointer;
	white-space: nowrap;
	transition: color .2s ease;
}

.case-tag-filter button + button::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 1px;
	height: 12px;
	background: #dce4ee;
}

.case-tag-filter button::after {
	content: "";
	position: absolute;
	left: 17px;
	right: 17px;
	bottom: -3px;
	height: 2px;
	border-radius: 999px;
	background: var(--brand);
	opacity: 0;
	transform: scaleX(.55);
	transition: opacity .2s ease, transform .2s ease;
}

.case-tag-filter button:hover {
	color: var(--brand);
}

.case-tag-filter button.is-active {
	color: var(--brand);
	font-weight: 800;
}

.case-tag-filter button.is-active::after {
	opacity: 1;
	transform: scaleX(1);
}

@media (max-width: 767px) {
	.case-tag-filter {
		justify-content: flex-start;
		margin-left: 0;
		margin-right: 0;
		padding: 0 4px;
	}

	.case-tag-filter button {
		padding-left: 13px;
		padding-right: 13px;
	}

	.case-tag-filter button::after {
		left: 13px;
		right: 13px;
	}
}

.case-tab-panel {
	display: none;
}

.case-tab-panel.is-active {
	display: block;
	animation: newsTabFade .24s ease both;
}

.case-tab-heading {
	max-width: 900px;
	margin: -12px auto 28px;
	text-align: center;
}

.case-tab-heading span {
	color: var(--brand);
	font-weight: 800;
	letter-spacing: .08em;
}

.case-tab-heading h2 {
	margin: 12px 0 10px;
	color: var(--ink);
	font-size: 36px;
	font-weight: 800;
}

.case-tab-heading p {
	display: inline-block;
	margin: 0;
	padding: 10px 18px;
	color: var(--muted);
	background: rgba(244, 247, 251, .86);
	border: 1px solid rgba(18, 35, 61, .06);
	border-radius: 999px;
	line-height: 1.65;
}

.case-card-grid,
.case-latest-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.case-card-grid.is-empty {
	display: block;
}

.case-empty-note {
	display: none;
	padding: 34px 28px;
	color: var(--muted);
	text-align: center;
	background: #fff;
	border: 1px dashed rgba(18, 35, 61, .18);
	border-radius: 14px;
}

.case-card-grid.is-empty .case-empty-note {
	display: block;
}

.case-local-pagination,
.news-local-pagination {
	margin-top: 28px;
}

.case-local-pagination .pagination,
.news-local-pagination .pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.case-local-pagination .page-link,
.news-local-pagination .page-link {
	min-width: 42px;
	padding: 10px 14px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 6px;
	font-weight: 700;
	cursor: pointer;
}

.case-local-pagination .page-link:hover,
.case-local-pagination .page-link.is-active,
.news-local-pagination .page-link:hover,
.news-local-pagination .page-link.is-active {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.case-local-pagination .page-link:disabled,
.news-local-pagination .page-link:disabled {
	color: var(--muted);
	background: #f5f7fa;
	border-color: var(--line);
	cursor: not-allowed;
}

.case-local-pagination .case-local-pagination__status,
.case-local-pagination .case-local-pagination__status:hover,
.case-local-pagination .case-local-pagination__ellipsis,
.case-local-pagination .case-local-pagination__ellipsis:hover,
.news-local-pagination .news-local-pagination__status,
.news-local-pagination .news-local-pagination__status:hover {
	color: var(--muted);
	background: #f5f7fa;
	border-color: var(--line);
	cursor: default;
}

.case-card,
.case-latest-card {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease;
}

.case-card:hover,
.case-latest-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .1);
}

.case-card__cover,
.case-latest-card__cover {
	position: relative;
	min-height: 220px;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-card--parking .case-card__cover {
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(11, 100, 216, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-card--energy .case-card__cover {
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .74)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-card--city .case-card__cover {
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(226, 175, 75, .66)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
}

.case-card__cover::after,
.case-latest-card__cover::after {
	content: "";
	position: absolute;
	right: 32px;
	top: 42px;
	width: 150px;
	height: 92px;
	border: 12px solid rgba(255, 255, 255, .16);
	border-radius: 18px;
}

.case-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	z-index: 0;
}

.case-card__cover span,
.case-latest-card__cover span {
	position: absolute;
	left: 22px;
	bottom: 22px;
	padding: 8px 14px;
	color: #fff;
	background: rgba(9, 22, 44, .68);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-weight: 800;
	backdrop-filter: blur(8px);
	z-index: 2;
}

.case-card__cover::after,
.case-latest-card__cover::after {
	z-index: 1;
}

.case-card__body,
.case-latest-card__body {
	padding: 24px 26px 22px;
}

.case-card__title-row {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
}

.case-card__title-row h3 {
	flex: 1 1 0;
	min-width: 0;
}

.case-card__region {
	margin-left: auto;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

.case-card__body em {
	color: var(--brand);
	font-style: normal;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: .08em;
}

.case-card__body h3,
.case-latest-card__body h3 {
	margin: 10px 0 12px;
	color: var(--ink);
	font-size: 22px;
	line-height: 1.45;
	font-weight: 800;
}

.case-card__body p,
.case-latest-card__body p {
	margin-bottom: 0;
	color: var(--muted);
	line-height: 1.78;
}

.case-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 0;
}

.case-card__tags span {
	padding: 5px 9px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.about-hero {
	position: relative;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(5, 16, 34, .9), rgba(8, 38, 72, .64)),
		url("../images/banners/about.jpg") center / cover no-repeat;
}

.about-hero__shade {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 78% 16%, rgba(16, 166, 161, .32), transparent 30%),
		radial-gradient(circle at 22% 80%, rgba(226, 175, 75, .18), transparent 30%);
}

.about-hero__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .46fr);
	gap: 72px;
	align-items: center;
	padding-top: 96px;
	padding-bottom: 96px;
}

.about-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 60px;
	line-height: 1.12;
	font-weight: 800;
}

.about-hero p {
	max-width: 820px;
	color: rgba(255, 255, 255, .74);
	font-size: 20px;
	line-height: 1.85;
}

.about-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.about-hero__tags span {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-weight: 700;
}

.about-hero__panel {
	padding: 34px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	backdrop-filter: blur(14px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
}

.about-hero__panel strong {
	display: block;
	color: var(--gold);
	font-size: 34px;
	line-height: 1.3;
	margin-bottom: 14px;
}

.about-hero__panel span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.8;
}

.about-intro-section,
.about-honor-section,
.about-business-section,
.about-capability-section,
.about-network-section,
.about-scene-section,
.about-milestone-section,
.about-culture-section,
.about-brand-section {
	margin-bottom: 76px;
}

.about-subnav {
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center;
	margin: -8px 0 58px;
	padding: 10px;
	background: rgba(255, 255, 255, .88);
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 18px;
	box-shadow: 0 16px 42px rgba(18, 35, 61, .08);
	overflow-x: auto;
	overflow-y: hidden;
}

.about-subnav button {
	position: relative;
	flex: 1 1 0;
	min-width: 104px;
	padding: 15px 12px;
	text-align: center;
	color: var(--muted);
	background: transparent;
	border: 0;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.about-subnav button:hover,
.about-subnav button.is-active {
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
}

.about-subnav button.is-active {
	color: #fff;
	background: linear-gradient(135deg, #0b64d8 0%, #1073e6 100%);
	box-shadow: 0 10px 24px rgba(11, 100, 216, .22);
	transform: translateY(-1px);
}

.about-tabs-section {
	margin-bottom: 76px;
}

.about-tab-panel {
	display: none;
}

.about-tab-panel.is-active {
	display: block;
	animation: newsTabFade .24s ease both;
}

.about-tab-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(440px, .78fr);
	gap: 42px;
	align-items: stretch;
	padding: 46px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 20px 52px rgba(18, 35, 61, .08);
}

.about-tab-layout h2,
.about-tab-heading h2 {
	margin: 12px 0 16px;
	color: var(--ink);
	font-size: 38px;
	line-height: 1.32;
	font-weight: 800;
}

.about-tab-layout p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.about-rich-copy p {
	margin-bottom: 14px;
}

.about-intro-copy strong {
	color: var(--ink);
	font-weight: 900;
	background: linear-gradient(180deg, transparent 58%, rgba(16, 166, 161, .18) 0);
}

.about-intro-detail-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.about-intro-detail-grid div {
	position: relative;
	min-height: 220px;
	padding: 28px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .06);
	overflow: hidden;
}

.about-intro-detail-grid div::after {
	content: "";
	position: absolute;
	right: -36px;
	bottom: -36px;
	width: 110px;
	height: 110px;
	background: rgba(11, 100, 216, .07);
	border-radius: 50%;
}

.about-intro-detail-grid b {
	display: block;
	color: var(--brand);
	font-size: 26px;
	font-weight: 900;
	margin-bottom: 18px;
}

.about-intro-detail-grid strong {
	display: block;
	position: relative;
	z-index: 1;
	color: var(--ink);
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
}

.about-intro-detail-grid span {
	position: relative;
	z-index: 1;
	color: var(--muted);
	line-height: 1.72;
}

.about-position-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.about-position-strip div {
	min-height: 150px;
	padding: 28px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .96), rgba(11, 100, 216, .82)),
		radial-gradient(circle at 90% 0, rgba(16, 166, 161, .36), transparent 42%);
	border-radius: 18px;
	box-shadow: 0 18px 44px rgba(18, 35, 61, .12);
}

.about-position-strip strong {
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight: 900;
	margin-bottom: 12px;
}

.about-position-strip span {
	color: rgba(255, 255, 255, .74);
	line-height: 1.75;
}

.about-values-section {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 42px;
}

.about-value-card {
	padding: 32px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .06);
}

.about-value-card > span {
	color: var(--brand);
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.about-value-card h3 {
	margin: 12px 0 12px;
	color: var(--ink);
	font-size: 25px;
	font-weight: 900;
}

.about-value-card p {
	color: var(--muted);
	line-height: 1.8;
}

.about-value-card strong {
	color: var(--ink);
	font-weight: 900;
}

.about-service-section {
	margin-top: 42px;
	padding: 38px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 20px;
	box-shadow: 0 18px 46px rgba(18, 35, 61, .07);
}

.about-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.about-service-grid div {
	padding: 28px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 16px;
}

.about-service-grid i {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 14px;
	font-size: 21px;
}

.about-service-grid strong {
	display: block;
	color: var(--ink);
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 10px;
}

.about-service-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.about-photo-section {
	margin-top: 42px;
	padding: 38px;
	background: linear-gradient(180deg, #fff, #f6f9fe);
	border: 1px solid var(--line);
	border-radius: 20px;
	box-shadow: 0 18px 46px rgba(18, 35, 61, .07);
}

.about-photo-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.about-photo-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .06);
	transition: transform .25s ease, box-shadow .25s ease;
}

.about-photo-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .12);
}

.about-photo-card img {
	display: block;
	width: 100%;
	height: 210px;
	object-fit: cover;
	background: var(--soft);
}

.about-photo-card div {
	padding: 24px;
}

.about-photo-card strong {
	display: block;
	color: var(--ink);
	font-size: 21px;
	font-weight: 900;
	margin-bottom: 10px;
}

.about-photo-card span {
	color: var(--muted);
	line-height: 1.75;
}

.about-video-section {
	display: grid;
	grid-template-columns: minmax(0, .75fr) minmax(520px, 1fr);
	gap: 34px;
	align-items: center;
	margin-top: 42px;
	padding: 38px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .96), rgba(11, 100, 216, .84)),
		radial-gradient(circle at 86% 12%, rgba(16, 166, 161, .34), transparent 36%);
	border-radius: 22px;
	box-shadow: 0 24px 64px rgba(18, 35, 61, .18);
	overflow: hidden;
}

.about-video-copy > span {
	color: var(--gold);
	font-weight: 900;
	letter-spacing: .08em;
}

.about-video-copy h2 {
	margin: 14px 0 16px;
	color: #fff;
	font-size: 34px;
	line-height: 1.32;
	font-weight: 900;
}

.about-video-copy p {
	color: rgba(255, 255, 255, .74);
	font-size: 17px;
	line-height: 1.85;
}

.about-video-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}

.about-video-tags b {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	font-size: 13px;
}

.about-video-player {
	position: relative;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 18px;
	padding: 10px;
	box-shadow: 0 20px 52px rgba(0, 0, 0, .22);
}

.about-video-player video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #071832;
	border-radius: 12px;
	object-fit: cover;
}

/* 公司介绍 - 顶部视频+正文 与 数据卡 */
.about-intro-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 240px;
	gap: 26px;
	margin-bottom: 32px;
	align-items: start;
}

.about-intro-main {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 18px 46px rgba(18, 35, 61, .07);
	overflow: hidden;
}

.about-intro-video {
	background: #071832;
	line-height: 0;
}

.about-intro-video video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #071832;
	object-fit: cover;
}

.about-intro-main .about-intro-copy {
	padding: 34px 38px 38px;
	border: 0;
	box-shadow: none;
	border-radius: 0;
}

.about-intro-side {
	position: sticky;
	top: 20px;
}

.about-intro-side .about-intro-card {
	margin-top: 0;
	grid-template-columns: 1fr;
	gap: 12px;
}

.about-intro-side .about-intro-card div {
	padding: 20px 18px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	text-align: left;
}

.about-intro-side .about-intro-card strong {
	font-size: 26px;
	margin-bottom: 0;
}

.about-intro-side .about-intro-card span {
	font-size: 14px;
}

.about-tab-heading {
	max-width: 900px;
	margin: 0 auto 34px;
	text-align: center;
}

.about-tab-heading span {
	color: var(--brand);
	font-weight: 800;
	letter-spacing: .08em;
}

.about-tab-points,
.about-spirit-grid {
	display: grid;
	gap: 14px;
}

.about-culture-banner {
	position: relative;
	max-width: 1120px;
	min-height: 300px;
	margin: 0 auto;
	padding: 46px 64px 44px 136px;
	background:
		linear-gradient(90deg, rgba(11, 100, 216, .08) 0 1px, transparent 1px 100%),
		radial-gradient(circle at 18% 18%, rgba(11, 100, 216, .12), transparent 30%),
		radial-gradient(circle at 82% 14%, rgba(16, 166, 161, .1), transparent 28%),
		linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(244, 248, 253, .94)),
		#f8fbff;
	border-top: 1px solid rgba(11, 100, 216, .16);
	border-bottom: 1px solid rgba(11, 100, 216, .16);
	border-radius: 0;
	overflow: hidden;
	margin-bottom: 0;
	box-shadow: 0 18px 60px rgba(9, 22, 44, .06);
}

.about-culture-banner::before {
	content: "道尔文化";
	position: absolute;
	left: 42px;
	top: 44px;
	color: rgba(9, 22, 44, .86);
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.12;
	letter-spacing: .08em;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.about-culture-banner::after {
	content: "道";
	position: absolute;
	left: 72px;
	bottom: 46px;
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	color: #fff;
	background: #e60012;
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 22px;
	font-weight: 900;
	box-shadow: 0 12px 28px rgba(230, 0, 18, .18);
}

.about-culture-banner img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .045;
	mix-blend-mode: luminosity;
	pointer-events: none;
}

.about-culture-banner__mask {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(245, 249, 254, .82)),
		linear-gradient(135deg, rgba(11, 100, 216, .04), rgba(16, 166, 161, .04));
}

.about-culture-banner__text {
	z-index: 1;
	position: absolute;
	left: 136px;
	right: 64px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--navy);
}

.about-culture-banner__text span {
	display: inline-block;
	padding: 0 0 12px;
	margin-bottom: 22px;
	color: var(--brand);
	border-bottom: 1px solid rgba(11, 100, 216, .22);
	font-weight: 900;
	letter-spacing: .24em;
}

.about-culture-banner__text strong {
	display: block;
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: clamp(42px, 4.6vw, 56px);
	font-weight: 900;
	line-height: 1.18;
	letter-spacing: .08em;
	margin-bottom: 18px;
	text-shadow: 0 10px 28px rgba(9, 22, 44, .08);
}

.about-culture-banner__text em {
	font-style: normal;
	color: #51627a;
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: 20px;
}

.about-culture-body {
	display: block;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 64px 58px 136px;
	background:
		linear-gradient(90deg, rgba(11, 100, 216, .08) 0 1px, transparent 1px 100%),
		linear-gradient(180deg, rgba(248, 251, 255, .96), rgba(255, 255, 255, .98)),
		#fff;
	border-bottom: 1px solid rgba(11, 100, 216, .14);
	box-shadow: 0 24px 70px rgba(9, 22, 44, .045);
}

.about-culture-copy {
	position: relative;
	max-width: 900px;
	margin: 0;
	padding: 12px 180px 0 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.about-culture-side-note {
	position: absolute;
	right: 0;
	top: 38px;
	width: 132px;
	padding: 18px 14px 16px;
	color: #51627a;
	border-top: 2px solid rgba(230, 0, 18, .55);
	border-bottom: 1px solid rgba(11, 100, 216, .16);
	background: linear-gradient(180deg, rgba(246, 250, 255, .92), rgba(255, 255, 255, .74));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.about-culture-side-note strong {
	display: block;
	margin-bottom: 14px;
	color: var(--navy);
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: .08em;
}

.about-culture-side-note span {
	display: block;
	padding: 9px 0;
	color: #5f6b7a;
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: 15px;
	line-height: 1.5;
	border-top: 1px solid rgba(11, 100, 216, .12);
}

.about-culture-lead {
	margin-bottom: 28px;
	padding: 26px 0 30px;
	color: var(--navy);
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 2.05;
	border-top: 1px solid rgba(11, 100, 216, .16);
	border-bottom: 1px solid rgba(11, 100, 216, .16);
}

.about-culture-copy p {
	margin-bottom: 22px;
	color: #3d4c63;
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: 17.5px;
	line-height: 2.12;
	letter-spacing: .02em;
	text-indent: 2em;
}

.about-culture-copy p.about-culture-lead {
	text-indent: 0;
}

.about-culture-copy h3 {
	position: relative;
	margin: 40px 0 18px;
	padding-left: 48px;
	color: var(--navy);
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.35;
	text-indent: 0;
}

.about-culture-copy h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: .38em;
	width: 30px;
	height: 30px;
	background: linear-gradient(135deg, rgba(11, 100, 216, .12), rgba(16, 166, 161, .1));
	border: 1px solid rgba(11, 100, 216, .2);
}

.about-tab-points--inline {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 24px;
}

.about-tab-points div,
.about-spirit-grid div {
	padding: 24px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 12px;
}

.about-tab-points strong,
.about-spirit-grid strong {
	display: block;
	color: var(--ink);
	font-size: 19px;
	font-weight: 800;
	margin-bottom: 8px;
}

.about-tab-points span,
.about-spirit-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.about-spirit-manifest {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 48px;
	align-items: center;
	max-width: 1120px;
	margin: 0 auto;
	padding: 42px 46px 46px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 42px),
		linear-gradient(90deg, rgba(11, 100, 216, .08) 0 1px, transparent 1px 100%),
		radial-gradient(circle at 14% 18%, rgba(11, 100, 216, .12), transparent 28%),
		radial-gradient(circle at 84% 10%, rgba(16, 166, 161, .1), transparent 30%),
		linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(244, 248, 253, .94)),
		#f8fbff;
	border-top: 1px solid rgba(11, 100, 216, .16);
	border-bottom: 1px solid rgba(11, 100, 216, .16);
	border-radius: 0;
	box-shadow: 0 18px 60px rgba(9, 22, 44, .06);
}

.about-tab-panel[data-about-panel="spirit"] .about-tab-heading {
	margin-bottom: 30px;
}

.about-tab-panel[data-about-panel="spirit"] .about-tab-heading h2 {
	font-size: clamp(30px, 3.2vw, 42px);
	line-height: 1.25;
	letter-spacing: .02em;
}

.about-spirit-manifest::before {
	content: "DOOR";
	position: absolute;
	right: 36px;
	top: 18px;
	color: rgba(11, 100, 216, .055);
	font-family: Arial, sans-serif;
	font-size: 124px;
	font-weight: 900;
	letter-spacing: .08em;
	line-height: 1;
	pointer-events: none;
}

.about-spirit-manifest::after {
	display: none;
	content: none;
}

.about-spirit-mark {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 430px;
	padding-right: 52px;
	border-right: 1px solid rgba(11, 100, 216, .14);
}

.about-spirit-mark__frame {
	display: none;
}

.about-spirit-mark__cn {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: rgba(9, 22, 44, .9);
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 68px;
	font-weight: 900;
	line-height: 1.02;
	letter-spacing: .04em;
	writing-mode: vertical-rl;
	text-orientation: upright;
	text-align: right;
	transform: none;
	text-shadow: 0 10px 28px rgba(9, 22, 44, .08);
}

.about-spirit-mark__en {
	position: absolute;
	left: 34px;
	top: 124px;
	z-index: 3;
	color: rgba(81, 98, 122, .78);
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: .08em;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.about-spirit-lines {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 0;
	counter-reset: spirit;
}

.about-spirit-lines div {
	position: relative;
	display: flex;
	gap: 18px;
	align-items: start;
	padding: 16px 0 16px 42px;
	border-top: 1px solid rgba(11, 100, 216, .1);
	transition: transform .24s ease, background-color .24s ease;
}

.about-spirit-lines div:first-child {
	border-top: 0;
}

.about-spirit-lines div::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 21px;
	width: 18px;
	height: 18px;
	border: 5px solid rgba(11, 100, 216, .14);
	border-radius: 50%;
	background: var(--brand);
	box-shadow:
		0 0 0 6px rgba(11, 100, 216, .06),
		0 10px 20px rgba(11, 100, 216, .12);
}

.about-spirit-lines div::after {
	content: "";
	position: absolute;
	left: 13px;
	top: 45px;
	bottom: -10px;
	width: 1px;
	background: linear-gradient(180deg, rgba(11, 100, 216, .24), transparent);
}

.about-spirit-lines div:last-child::after {
	display: none;
}

.about-spirit-lines div:hover {
	transform: translateX(6px);
	background: linear-gradient(90deg, rgba(11, 100, 216, .035), transparent 62%);
}

.about-spirit-lines em {
	flex: 0 0 auto;
	color: var(--brand);
	font-style: normal;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.55;
	letter-spacing: .01em;
	white-space: nowrap;
}

.about-spirit-lines span {
	color: var(--navy);
	font-size: 20px;
	font-weight: 750;
	line-height: 1.55;
	letter-spacing: .01em;
}

.about-song-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.about-song-list div {
	padding: 22px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
}

.about-song-list b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 14px;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
	font-size: 13px;
}

.about-song-list strong {
	display: block;
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 8px;
}

.about-song-list span {
	color: var(--muted);
	line-height: 1.7;
}

/* 道尔之歌 - 现代东方排版 */
.about-song-stack {
	position: relative;
	display: grid;
	gap: 0;
	max-width: 1120px;
	margin: 0 auto;
	padding: 18px 40px 20px 92px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .34) 0 1px, transparent 1px 38px),
		linear-gradient(90deg, rgba(11, 100, 216, .08) 0 1px, transparent 1px 100%),
		radial-gradient(circle at 18% 10%, rgba(11, 100, 216, .1), transparent 30%),
		radial-gradient(circle at 82% 16%, rgba(16, 166, 161, .08), transparent 26%),
		linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(244, 248, 253, .94)),
		#f8fbff;
	border-top: 1px solid rgba(11, 100, 216, .16);
	border-bottom: 1px solid rgba(11, 100, 216, .16);
	box-shadow: 0 18px 60px rgba(9, 22, 44, .06);
}

.about-song-stack::before {
	content: "道尔之歌";
	position: absolute;
	left: 28px;
	top: 48px;
	color: rgba(9, 22, 44, .74);
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 31px;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: .12em;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.about-song-stack::after {
	content: "♪";
	position: absolute;
	left: 26px;
	bottom: 54px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	color: #fff;
	background: #e60012;
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: .08em;
	box-shadow: 0 12px 28px rgba(230, 0, 18, .18);
}

.about-song-pane {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
	gap: 54px;
	align-items: start;
	padding: 44px 0 50px;
	background: transparent;
	border: 0;
	border-top: 1px solid rgba(11, 100, 216, .14);
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.about-song-pane:first-child {
	border-top: 0;
}

.about-song-pane::before {
	content: "壹";
	position: absolute;
	top: 42px;
	left: 0;
	right: auto;
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	color: #e60012;
	background: rgba(230, 0, 18, .07);
	border: 1px solid rgba(230, 0, 18, .18);
	border-radius: 50%;
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	pointer-events: none;
}

.about-song-pane:nth-child(2)::before {
	content: "贰";
}

.about-song-pane:nth-child(3)::before {
	content: "叁";
}

.about-song-video {
	position: relative;
	background: #111;
	border: 0;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 18px 44px rgba(9, 22, 44, .14);
	line-height: 0;
	margin-top: 48px;
	outline: 1px solid rgba(11, 100, 216, .18);
	outline-offset: 8px;
	border: 1px solid rgba(255, 255, 255, .82);
}

.about-song-video::after {
	content: "PLAY";
	position: absolute;
	left: 18px;
	top: 18px;
	z-index: 2;
	padding: 5px 10px;
	color: rgba(255, 255, 255, .88);
	background: rgba(9, 22, 44, .42);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	pointer-events: none;
}

.about-song-video::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.about-song-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.about-song-lyric {
	position: relative;
	z-index: 1;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: auto;
}

.about-song-lyric h3 {
	margin-bottom: 12px;
	color: var(--navy);
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 44px;
	font-weight: 900;
	line-height: 1.25;
	letter-spacing: .08em;
	text-shadow: 0 10px 28px rgba(9, 22, 44, .08);
}

.about-song-credit {
	display: inline-block;
	align-items: center;
	padding: 0 0 16px;
	margin-bottom: 18px;
	color: var(--brand);
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(11, 100, 216, .22);
	border-radius: 0;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: .04em;
}

.about-song-lyric-body {
	max-height: none;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	overflow: visible;
}

.about-song-lyric-body::before {
	display: none;
	content: none;
}

.about-song-lyric-body p {
	margin-bottom: 8px;
	color: #3d4c63;
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: 16.8px;
	line-height: 2.02;
	letter-spacing: .02em;
}

.about-song-lyric-body p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.about-song-stack {
		padding: 82px 28px 22px;
	}

	.about-song-stack::before {
		left: 28px;
		top: 30px;
		font-size: 30px;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
	}

	.about-song-stack::after {
		left: auto;
		right: 28px;
		top: 28px;
		bottom: auto;
	}

	.about-song-pane {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 48px 0 44px;
	}

	.about-song-pane::before {
		top: 42px;
		width: 36px;
		height: 36px;
		font-size: 20px;
	}

	.about-song-video {
		margin-top: 48px;
	}
}

@media (max-width: 575px) {
	.about-song-stack {
		gap: 0;
		width: calc(100% - 24px);
		padding: 74px 16px 18px;
	}

	.about-song-pane {
		padding: 42px 0 38px;
	}

	.about-song-lyric {
		padding: 0;
	}

	.about-song-lyric h3 {
		font-size: 34px;
	}

	.about-song-credit {
		display: inline-block;
		font-size: 14px;
	}

	.about-song-lyric-body p {
		font-size: 16px;
		line-height: 1.95;
	}

	.about-song-video {
		margin-top: 42px;
		outline-offset: 6px;
	}

	.about-song-stack::before {
		left: 16px;
		top: 24px;
		font-size: 27px;
	}

	.about-song-stack::after {
		right: 16px;
		top: 22px;
		width: 34px;
		height: 34px;
	}
}

.about-issue-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 24px;
}

.about-issue-grid span {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 18px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 999px;
	font-weight: 700;
	box-shadow: 0 10px 24px rgba(18, 35, 61, .05);
}

/* 《道尔云》内刊卡片 */
.about-drcloud-intro {
	max-width: 880px;
	margin: 0 auto 30px;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.9;
	text-align: center;
}

.about-drcloud-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 16px;
}

.about-drcloud-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(18, 35, 61, .08);
	transition: transform .25s ease, box-shadow .25s ease;
	cursor: pointer;
}

.about-drcloud-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(18, 35, 61, .16);
}

.about-drcloud-card__top {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 14px 14px 12px;
	background: #c8252c;
	color: #fff;
}

.about-drcloud-card__title {
	font-family: "STKaiti", "KaiTi", "楷体", serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
}

.about-drcloud-card__logo {
	position: absolute;
	top: 12px;
	right: 14px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	opacity: .92;
}

.about-drcloud-card__date {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	opacity: .88;
}

.about-drcloud-card__img {
	position: relative;
	line-height: 0;
	background: #eef3fa;
	overflow: hidden;
}

.about-drcloud-card__img::before {
	content: "";
	display: block;
	padding-top: 133%;
}

.about-drcloud-card__img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.about-drcloud-card:hover .about-drcloud-card__img img {
	transform: scale(1.05);
}

.about-drcloud-card__bottom {
	min-height: 42px;
	padding: 9px 8px;
	text-align: center;
	color: #fff;
	background: #0b64d8;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.3;
}

.about-drcloud-card:hover .about-drcloud-card__bottom {
	background: #07409c;
}

.about-tab-actions {
	margin-top: 24px;
}

.about-tab-actions--center {
	text-align: center;
}

.about-tab-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 44px;
	padding: 0 22px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 999px;
	font-weight: 800;
	box-shadow: 0 12px 28px rgba(11, 100, 216, .18);
}

.about-tab-actions a:hover {
	color: #fff;
	transform: translateY(-2px);
}

.about-tab-panel[data-about-panel="cloud-tour"] .about-tab-layout {
	display: block;
	padding: 0;
	overflow: hidden;
}

.about-cloud-tour-frame {
	min-height: 600px;
	overflow: hidden;
	background: #f4f7fb;
	border-radius: 18px;
}

.about-cloud-tour-frame iframe {
	display: block;
	width: 100%;
	height: 600px;
	border: 0;
}

.about-media-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 30px;
	align-items: center;
	padding: 42px;
	margin-bottom: 28px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .98), rgba(11, 100, 216, .82)),
		radial-gradient(circle at 86% 18%, rgba(16, 166, 161, .34), transparent 40%);
	border-radius: 18px;
	overflow: hidden;
}

.about-media-hero span {
	display: block;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, .64);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.about-media-hero h2 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.2;
}

.about-media-hero p {
	max-width: 760px;
	margin: 0;
	color: rgba(255, 255, 255, .78);
	font-size: 16px;
	line-height: 1.8;
}

.about-media-hero__badge {
	min-height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 16px;
	background: rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.about-media-hero__badge strong {
	color: #fff;
	font-size: 38px;
	font-weight: 900;
	letter-spacing: 3px;
}

.about-media-hero__badge em {
	margin-top: 6px;
	color: rgba(255, 255, 255, .72);
	font-style: normal;
	font-size: 13px;
}

.about-media-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.about-media-card {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 16px;
	position: relative;
	min-height: 210px;
	padding: 26px;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 16px;
	box-shadow: 0 16px 42px rgba(18, 35, 61, .07);
	overflow: hidden;
}

.about-media-card--primary {
	grid-column: span 2;
	grid-template-columns: 64px minmax(0, 1fr) 168px;
	align-items: center;
	min-height: 240px;
	background: linear-gradient(135deg, #fff 0%, #f3f9ff 100%);
	border-color: rgba(11, 100, 216, .16);
}

.about-media-card__icon {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 16px;
	font-size: 24px;
	box-shadow: 0 12px 28px rgba(11, 100, 216, .18);
}

.about-media-card__body > span {
	display: block;
	margin-bottom: 6px;
	color: var(--brand);
	font-size: 13px;
	font-weight: 800;
}

.about-media-card h3 {
	margin: 0 0 10px;
	color: var(--dark);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.25;
}

.about-media-card p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.75;
}

.about-media-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.about-media-tags b {
	padding: 5px 10px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
}

.about-media-link {
	position: absolute;
	right: 24px;
	bottom: 24px;
	display: inline-flex;
	align-items: center;
	color: var(--brand);
	font-size: 13px;
	font-weight: 900;
}

.about-media-link::after {
	content: '\f105';
	margin-left: 7px;
	font-family: FontAwesome;
}

.about-media-qr {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	align-self: center;
	justify-self: end;
	width: 146px;
	height: 146px;
	padding: 14px;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .1);
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .1);
}

.about-media-qr i {
	display: block;
	border-radius: 4px;
	background: rgba(11, 100, 216, .14);
}

.about-media-qr i:nth-child(1),
.about-media-qr i:nth-child(5),
.about-media-qr i:nth-child(9) {
	background: var(--brand);
}

.about-media-note {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 18px;
}

.about-media-note div {
	padding: 22px 24px;
	background: rgba(255, 255, 255, .78);
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 14px;
}

.about-media-note strong {
	display: block;
	margin-bottom: 6px;
	color: var(--dark);
	font-size: 17px;
	font-weight: 900;
}

.about-media-note span {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}

.about-account-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.about-account-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-height: 0;
	padding: 18px;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(18, 35, 61, .07);
}

.about-account-card > div:not(.about-account-card__image) {
	text-align: center;
}

.about-account-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 220px;
	padding: 10px;
	background: #f6f9fc;
	border: 1px solid rgba(18, 35, 61, .08);
	border-radius: 10px;
	overflow: hidden;
}

.about-account-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.about-account-card span {
	display: block;
	margin-bottom: 4px;
	color: var(--brand);
	font-size: 12px;
	font-weight: 800;
}

.about-account-card strong {
	display: block;
	color: var(--dark);
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

@media (max-width: 991.98px) {
	.about-media-hero,
	.about-media-grid,
	.about-media-note {
		grid-template-columns: 1fr;
	}

	.about-media-hero {
		padding: 30px;
	}

	.about-media-card,
	.about-media-card--primary {
		grid-column: auto;
		grid-template-columns: 54px minmax(0, 1fr);
		min-height: 0;
	}

	.about-media-qr {
		grid-column: 1 / -1;
		justify-self: start;
	}

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

	.about-account-card__image {
		height: 190px;
	}
}

@media (max-width: 575.98px) {
	.about-media-hero {
		padding: 24px;
		border-radius: 14px;
	}

	.about-media-hero h2 {
		font-size: 26px;
	}

	.about-media-card,
	.about-media-card--primary {
		display: block;
		padding: 22px;
	}

	.about-media-card__icon {
		margin-bottom: 16px;
	}

	.about-media-link {
		position: static;
		margin-top: 16px;
	}

	.about-account-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.about-account-card {
		padding: 12px;
	}

	.about-account-card__image {
		height: 150px;
		padding: 8px;
	}

	.about-account-card strong {
		font-size: 14px;
	}
}

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

.about-song-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 300px;
	text-align: center;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
	border-radius: 16px;
}

.about-song-card i {
	width: 78px;
	height: 78px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	color: #fff;
	background: var(--brand);
	border: 10px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	font-size: 28px;
}

.about-song-card strong {
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 10px;
}

.about-song-card span {
	color: rgba(255, 255, 255, .72);
}

.about-intro-layout,
.about-network-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(460px, .76fr);
	gap: 56px;
	align-items: center;
}

.about-intro-layout h2,
.about-network-layout h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 44px;
	line-height: 1.25;
	font-weight: 800;
}

.about-intro-layout p,
.about-network-layout p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.about-intro-card,
.about-network-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.about-intro-card div,
.about-network-stats div {
	padding: 28px 20px;
	text-align: center;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.about-intro-card strong,
.about-network-stats strong {
	display: block;
	color: var(--brand);
	font-size: 34px;
	line-height: 1;
	margin-bottom: 12px;
}

.about-intro-card span,
.about-network-stats span {
	color: var(--muted);
}

.about-honor-grid,
.about-capability-grid,
.about-scene-grid,
.about-culture-layout {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.about-honor-grid div,
.about-capability-grid div {
	min-height: 240px;
	padding: 30px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.about-honor-grid i {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

.about-honor-grid strong,
.about-capability-grid strong {
	display: block;
	color: var(--ink);
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 10px;
}

.about-honor-grid span,
.about-capability-grid span {
	color: var(--muted);
	line-height: 1.75;
}

/* 荣誉资质 - 数据概览 + 分组列表 */
/* 荣誉资质 - 顶部横幅 */
.about-honor-banner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 40px;
	align-items: center;
	padding: 44px 46px;
	margin-bottom: 44px;
	overflow: hidden;
	border-radius: 20px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .97), rgba(11, 100, 216, .82)),
		radial-gradient(circle at 88% 16%, rgba(16, 166, 161, .32), transparent 42%);
	box-shadow: 0 26px 60px rgba(18, 35, 61, .22);
}

.about-honor-banner__bg {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 12% 88%, rgba(199, 154, 58, .22), transparent 32%),
		linear-gradient(transparent 95%, rgba(255, 255, 255, .06) 95%);
	background-size: 100% 14px;
	opacity: .55;
	pointer-events: none;
}

.about-honor-banner__title {
	position: relative;
	z-index: 1;
}

.about-honor-banner__title .eyebrow {
	color: var(--gold);
	font-weight: 900;
	letter-spacing: .1em;
}

.about-honor-banner__title h2 {
	margin: 12px 0 14px;
	color: #fff;
	font-size: 30px;
	line-height: 1.34;
	font-weight: 900;
}

.about-honor-banner__title p {
	color: rgba(255, 255, 255, .78);
	font-size: 16px;
	line-height: 1.85;
}

.about-honor-banner__stats {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.about-honor-banner__stats div {
	padding: 22px 18px;
	text-align: center;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 14px;
	backdrop-filter: blur(4px);
}

.about-honor-banner__stats strong {
	display: block;
	color: var(--gold);
	font-size: 36px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 10px;
}

.about-honor-banner__stats sup {
	font-size: 18px;
	font-weight: 800;
	vertical-align: super;
}

.about-honor-banner__stats span {
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
}

/* 荣誉资质 - 分组 */
.about-honor-group {
	margin-bottom: 40px;
	padding: 36px 38px 40px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(18, 35, 61, .06);
}

.about-honor-group__head {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--line);
}

.about-honor-group__head i {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), #3a86ff);
	border-radius: 12px;
	font-size: 17px;
	font-weight: 900;
	font-style: normal;
	box-shadow: 0 10px 22px rgba(11, 100, 216, .3);
}

.about-honor-group__head h3 {
	color: var(--ink);
	font-size: 24px;
	font-weight: 900;
}

.about-honor-group__head span {
	margin-left: auto;
	color: var(--muted);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
}

/* 荣誉资质 - 图文卡片 */
.about-honor-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.about-honor-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(18, 35, 61, .08);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.about-honor-card:hover {
	transform: translateY(-8px);
	border-color: rgba(199, 154, 58, .5);
	box-shadow: 0 24px 50px rgba(18, 35, 61, .18), 0 0 0 1px rgba(199, 154, 58, .25);
}

.about-honor-card__img {
	position: relative;
	display: block;
	background: #f7f9fc;
	line-height: 0;
	overflow: hidden;
}

.about-honor-card__img::before {
	content: "";
	display: block;
	padding-top: 132%;
}

.about-honor-card__img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(7, 24, 50, .18));
	pointer-events: none;
}

.about-honor-card__img img {
	position: absolute;
	inset: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	object-fit: contain;
	transition: transform .5s ease;
}

.about-honor-card:hover .about-honor-card__img img {
	transform: scale(1.06);
}

.about-honor-card__year {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	padding: 5px 14px;
	color: #fff;
	background: linear-gradient(135deg, rgba(11, 100, 216, .95), rgba(16, 166, 161, .9));
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	box-shadow: 0 6px 16px rgba(11, 100, 216, .35);
}

.about-honor-card strong {
	position: relative;
	padding: 16px 16px 20px;
	color: var(--ink);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.55;
	text-align: center;
}

.about-honor-card strong::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--gold));
	border-radius: 2px;
}

/* 荣誉资质：档案陈列带（替代普通卡片列表） */
.about-tab-panel.is-active[data-about-panel="honor"] {
	display: flex;
	flex-direction: column;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-banner { order: 0; }
.about-tab-panel[data-about-panel="honor"] .about-honor-group:nth-of-type(3) { order: 1; }
.about-tab-panel[data-about-panel="honor"] .about-honor-group:nth-of-type(4) { order: 2; }
.about-tab-panel[data-about-panel="honor"] .about-honor-group:nth-of-type(2) { order: 3; }

.about-honor-group {
	padding: 50px 0 24px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.about-honor-group__head {
	margin: 0 0 30px;
	padding: 0 0 18px;
	border-bottom: 1px solid #d9e1e8;
}

.about-honor-cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid #d9e1e8;
}

.about-honor-card {
	position: relative;
	min-width: 0;
	padding: 26px 22px 24px;
	background: transparent;
	border: 0;
	border-right: 1px solid #d9e1e8;
	border-bottom: 1px solid #d9e1e8;
	border-radius: 0;
	box-shadow: none;
}

.about-honor-card:nth-child(4n) { border-right: 0; }
.about-honor-card:hover { transform: none; border-color: #d9e1e8; box-shadow: none; }

.about-honor-card__img {
	aspect-ratio: 4 / 5;
	background: linear-gradient(145deg, #f6f8fa, #eef2f5);
	border: 1px solid #e1e7ec;
	box-shadow: inset 0 0 0 8px #fff, 0 12px 22px rgba(18, 35, 61, .06);
}
.about-honor-card__img::before { display: none; }
.about-honor-card__img::after { display: none; }
.about-honor-card__img img { inset: 18px; width: calc(100% - 36px); height: calc(100% - 36px); }

.about-honor-card__year {
	top: 0;
	left: 0;
	padding: 5px 10px;
	background: #0b416d;
	border: 0;
	border-radius: 0 0 7px 0;
	box-shadow: none;
}
.about-honor-card strong { min-height: 72px; padding: 16px 0 0; text-align: left; font-size: 15px; }
.about-honor-card strong::before { left: 0; transform: none; width: 24px; background: #c79a3a; }
.about-honor-card.is-national { background: linear-gradient(135deg, rgba(199,154,58,.08), transparent 52%); }
.about-honor-card.is-invention { background: linear-gradient(135deg, rgba(11,100,216,.07), transparent 52%); }

@media (max-width: 900px) {
	.about-honor-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.about-honor-card:nth-child(4n) { border-right: 1px solid #d9e1e8; }
	.about-honor-card:nth-child(2n) { border-right: 0; }
}

.about-business-card {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(460px, 1fr);
	gap: 42px;
	padding: 46px;
	color: #fff;
	background: var(--navy);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.about-business-card h2 {
	margin: 12px 0 16px;
	color: #fff;
	font-size: 40px;
	line-height: 1.3;
	font-weight: 800;
}

.about-business-card p {
	color: rgba(255, 255, 255, .68);
	line-height: 1.9;
}

.about-business-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.about-business-list div {
	padding: 22px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.about-business-list strong {
	display: block;
	color: #fff;
	font-size: 18px;
	margin-bottom: 8px;
}

.about-business-list span {
	color: rgba(255, 255, 255, .66);
	line-height: 1.7;
}

.about-capability-grid b {
	display: block;
	color: var(--brand);
	font-size: 28px;
	line-height: 1;
	margin-bottom: 22px;
}

.about-scene-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.about-scene-grid div {
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(16, 166, 161, .72)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 42px);
	border-radius: 14px;
	font-size: 18px;
	font-weight: 800;
}

.about-projects {
	margin-top: 18px;
	padding: 22px 26px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 14px;
	color: var(--muted);
	line-height: 1.8;
}

.about-projects strong {
	color: var(--ink);
}

.about-culture-layout {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-culture-card {
	min-height: 260px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
	color: #fff;
	background:
		linear-gradient(180deg, rgba(9, 22, 44, .2), rgba(9, 22, 44, .9)),
		linear-gradient(135deg, rgba(11, 100, 216, .7), rgba(16, 166, 161, .56));
	border-radius: 16px;
	box-shadow: 0 20px 44px rgba(18, 35, 61, .12);
}

.about-culture-card span {
	color: var(--gold);
	font-weight: 800;
}

.about-culture-card strong {
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 24px;
	line-height: 1.35;
}

.about-timeline {
	position: relative;
	display: grid;
	gap: 34px;
	max-width: 1120px;
	margin: 0 auto;
	padding: 14px 0 18px;
}

.about-timeline::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 3px;
	transform: translateX(-50%);
	background: linear-gradient(180deg, rgba(31, 122, 240, .08), rgba(31, 122, 240, .9) 12%, rgba(16, 166, 161, .9) 88%, rgba(16, 166, 161, .08));
	border-radius: 999px;
	box-shadow: 0 0 28px rgba(31, 122, 240, .28);
}

.about-timeline::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	width: 13px;
	height: 13px;
	transform: translateX(-50%);
	background: #fff;
	border: 3px solid var(--brand);
	border-radius: 50%;
	box-shadow: 0 0 0 9px rgba(31, 122, 240, .08), 0 0 24px rgba(31, 122, 240, .28);
	pointer-events: none;
}

.about-timeline div {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr);
	align-items: center;
	gap: 30px;
	min-height: 190px;
	padding: 0;
}

.about-timeline div:nth-child(even) {
	direction: rtl;
}

.about-timeline div::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 96px;
	height: 1px;
	transform: translate(-100%, -50%);
	background: linear-gradient(90deg, rgba(31, 122, 240, 0), rgba(31, 122, 240, .55));
}

.about-timeline div::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 20px;
	height: 20px;
	transform: translate(-50%, -50%);
	background: #fff;
	border: 5px solid var(--brand);
	border-radius: 50%;
	box-shadow:
		0 0 0 8px rgba(31, 122, 240, .12),
		0 0 24px rgba(31, 122, 240, .35);
}

.about-timeline div:nth-child(even)::before {
	transform: translate(0, -50%);
	background: linear-gradient(90deg, rgba(16, 166, 161, .55), rgba(16, 166, 161, 0));
}

.about-timeline div:nth-child(even)::after {
	border-color: #10a6a1;
	box-shadow:
		0 0 0 8px rgba(16, 166, 161, .12),
		0 0 24px rgba(16, 166, 161, .35);
}

.about-timeline figure {
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 100%;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(31, 122, 240, .13);
	border-radius: 8px;
	background: #f5f8fc;
	box-shadow: 0 22px 52px rgba(19, 45, 82, .12);
	direction: ltr;
}

.about-timeline div:nth-child(even) figure {
	grid-column: 3;
}

.about-timeline figure img {
	display: block;
	width: 100%;
	height: 214px;
	object-fit: cover;
	background: #f5f8fc;
	transition: transform .35s ease;
}

.about-timeline figure.about-timeline__figure--dual {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: #e4eaf1;
}

.about-timeline figure.about-timeline__figure--dual img {
	min-width: 0;
	height: 214px;
	object-fit: contain;
	object-position: center;
	background: #fff;
}

@media (max-width: 767.98px) {
	.about-timeline figure.about-timeline__figure--dual img {
		height: 190px;
	}
}

.about-timeline div:hover figure img {
	transform: scale(1.035);
}

.about-timeline b {
	position: relative;
	z-index: 3;
	grid-column: 2;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 132px;
	height: 54px;
	margin: 0;
	color: var(--brand);
	background: #fff;
	border: 1px solid rgba(31, 122, 240, .16);
	border-radius: 999px;
	font-size: 20px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: 0;
	box-shadow: 0 18px 42px rgba(31, 122, 240, .12);
	direction: ltr;
}

.about-timeline div:nth-child(even) b {
	color: #10a6a1;
	border-color: rgba(16, 166, 161, .2);
	box-shadow: 0 18px 42px rgba(16, 166, 161, .12);
}

.about-timeline strong,
.about-timeline span {
	grid-column: 3;
	direction: ltr;
}

.about-timeline strong {
	grid-row: 1;
	align-self: end;
	display: block;
	max-width: 390px;
	margin-bottom: 12px;
	color: var(--ink);
	font-size: 22px;
	line-height: 1.38;
	font-weight: 900;
}

.about-timeline span {
	grid-row: 2;
	align-self: start;
	position: relative;
	z-index: 1;
	display: block;
	max-width: 430px;
	color: #66758a;
	font-size: 15px;
	line-height: 1.9;
}

.about-timeline div:nth-child(even) strong,
.about-timeline div:nth-child(even) span {
	grid-column: 1;
	justify-self: end;
	text-align: right;
}

.about-brand-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.about-brand-card {
	min-height: 270px;
	padding: 30px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.about-brand-card i {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

.about-brand-card > span {
	display: block;
	color: var(--brand);
	font-weight: 800;
	margin-bottom: 10px;
}

.about-brand-card h3 {
	color: var(--ink);
	font-size: 22px;
	line-height: 1.4;
	font-weight: 800;
	margin-bottom: 12px;
}

.about-brand-card p {
	color: var(--muted);
	line-height: 1.78;
	margin: 0;
}

.case-cta-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 46px;
	color: #fff;
	background: var(--navy);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.case-cta-card span {
	color: var(--gold);
	font-weight: 800;
}

.case-cta-card h2 {
	margin: 10px 0 0;
	color: #fff;
	font-size: 32px;
	line-height: 1.36;
	font-weight: 800;
}

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

.contact-option {
	min-height: 220px;
	padding: 28px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.contact-option:hover {
	transform: translateY(-4px);
	border-color: rgba(16, 166, 161, .22);
	box-shadow: 0 22px 50px rgba(18, 35, 61, .1);
}

.contact-option i {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	color: #fff;
	background: var(--brand);
	border-radius: 10px;
}

.contact-option h3 {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 10px;
}

.contact-option p {
	color: var(--muted);
	line-height: 1.8;
	margin: 0;
}

.contact-hero {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(5, 16, 34, .98), rgba(8, 38, 72, .94)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 48px);
	color: #fff;
}

.contact-hero__shade {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 82% 18%, rgba(16, 166, 161, .32), transparent 30%),
		radial-gradient(circle at 20% 82%, rgba(226, 175, 75, .18), transparent 28%);
}

.contact-hero__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .46fr);
	gap: 72px;
	align-items: center;
	padding-top: 96px;
	padding-bottom: 96px;
}

.contact-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 60px;
	line-height: 1.12;
	font-weight: 800;
}

.contact-hero p {
	max-width: 820px;
	color: rgba(255, 255, 255, .74);
	font-size: 20px;
	line-height: 1.85;
}

.contact-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.contact-hero__panel {
	padding: 22px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	backdrop-filter: blur(14px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
}

.contact-hero__panel div {
	padding: 24px;
	background: rgba(255, 255, 255, .09);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.contact-hero__panel div + div {
	margin-top: 12px;
}

.contact-hero__panel span {
	display: block;
	color: rgba(255, 255, 255, .62);
	margin-bottom: 10px;
}

.contact-hero__panel strong {
	display: block;
	color: var(--gold);
	font-size: 24px;
	line-height: 1.2;
}

.contact-page .pages {
	padding-top: 56px;
}

.contact-headquarters-section,
.contact-channel-section,
.contact-process-section,
.contact-service-section,
.contact-form-section {
	margin-bottom: 72px;
}

.contact-headquarters-layout {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(480px, 1fr);
	gap: 36px;
	align-items: stretch;
}

.contact-address-card {
	padding: 42px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 20px 44px rgba(18, 35, 61, .08);
}

.contact-address-card h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 40px;
	line-height: 1.28;
	font-weight: 800;
}

.contact-address-card p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.contact-address-list {
	display: grid;
	gap: 14px;
	margin-top: 30px;
}

.contact-address-list div {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	column-gap: 16px;
	align-items: center;
	padding: 20px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 12px;
}

.contact-address-list i {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--brand);
	border-radius: 10px;
	grid-row: span 2;
}

.contact-address-list strong {
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
}

.contact-address-list span {
	color: var(--muted);
	line-height: 1.7;
}

.contact-map-card {
	position: relative;
	min-height: 480px;
	overflow: hidden;
	background: var(--navy);
	border-radius: 14px;
	box-shadow: 0 20px 44px rgba(18, 35, 61, .14);
}

.contact-map-card iframe,
.contact-map-card__map {
	display: block;
	width: 100%;
	height: 540px;
	border: 0;
	overflow: hidden;
	filter: saturate(.92);
}

.contact-map-card__map img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease, filter .45s ease;
}

.contact-map-card__map:hover img {
	transform: scale(1.018);
	filter: saturate(1.04) contrast(1.02);
}

.contact-map-card__info {
	position: static;
	min-width: 0;
	padding: 24px;
	background: var(--navy);
	border-top: 1px solid rgba(255, 255, 255, .12);
	border-radius: 0;
}

.contact-map-card__info strong {
	display: block;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 8px;
}

.contact-map-card__info span {
	color: rgba(255, 255, 255, .7);
}

.contact-map-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 24px 24px;
	background: var(--navy);
}

.contact-map-card__actions a {
	padding: 10px 16px;
	color: #fff;
	background: var(--brand);
	border-radius: 999px;
	font-weight: 700;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.contact-map-card__actions a:last-child {
	background: rgba(9, 22, 44, .86);
	border: 1px solid rgba(255, 255, 255, .16);
}

.contact-process-card {
	display: grid;
	grid-template-columns: minmax(0, .68fr) minmax(0, 1fr);
	gap: 42px;
	padding: 46px;
	background: var(--navy);
	border-radius: 16px;
	color: #fff;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.contact-process-card h2 {
	margin: 12px 0 14px;
	color: #fff;
	font-size: 36px;
	line-height: 1.3;
	font-weight: 800;
}

.contact-process-card p {
	color: rgba(255, 255, 255, .68);
	line-height: 1.9;
	margin: 0;
}

.contact-process-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.contact-process-steps div {
	padding: 22px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.contact-process-steps b {
	display: block;
	color: var(--gold);
	font-size: 24px;
	line-height: 1;
	margin-bottom: 18px;
}

.contact-process-steps strong {
	display: block;
	color: #fff;
	font-size: 18px;
	margin-bottom: 8px;
}

.contact-process-steps span {
	color: rgba(255, 255, 255, .66);
	line-height: 1.7;
}

.contact-content-section {
	max-width: 960px;
	margin: 0 auto;
}

.contact-service-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.contact-service-card {
	position: relative;
	min-height: 260px;
	padding: 30px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(18, 35, 61, .07);
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease;
}

.contact-service-card::after {
	content: "";
	position: absolute;
	right: -48px;
	bottom: -48px;
	width: 140px;
	height: 140px;
	background: radial-gradient(circle, rgba(16, 166, 161, .14), transparent 68%);
	border-radius: 50%;
}

.contact-service-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 56px rgba(18, 35, 61, .11);
}

.contact-service-card i {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

.contact-service-card strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.contact-service-card span {
	position: relative;
	z-index: 1;
	display: block;
	color: var(--muted);
	line-height: 1.8;
	margin-bottom: 18px;
}

.contact-service-card em {
	position: relative;
	z-index: 1;
	display: block;
	color: var(--brand);
	font-style: normal;
	font-weight: 700;
	line-height: 1.7;
}

.contact-form-helper {
	margin-bottom: 18px;
}

.contact-form-helper > label {
	display: block;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, .78);
	font-weight: 700;
}

.contact-tag-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.contact-tag-group button {
	padding: 8px 14px;
	color: rgba(255, 255, 255, .76);
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.contact-tag-group button:hover,
.contact-tag-group button.is-active {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.contact-form-note {
	margin: 16px 0 0;
	color: rgba(255, 255, 255, .56);
	font-size: 13px;
	line-height: 1.7;
}

.lead-form-card {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: 34px;
	padding: 34px;
	background: var(--navy);
	border-radius: 8px;
}

.lead-form-card h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 800;
	margin: 12px 0;
}

.lead-form-card p {
	color: rgba(255, 255, 255, .7);
	line-height: 1.8;
}

.lead-form label {
	color: rgba(255, 255, 255, .78);
	font-weight: 700;
}

.lead-form .form-control {
	border: 1px solid rgba(255, 255, 255, .18);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	border-radius: 4px;
}

.lead-form .form-control::placeholder {
	color: rgba(255, 255, 255, .42);
}

.contact-summary-section,
.contact-form-map-section,
.contact-scenes-section {
	margin-bottom: 72px;
}

.contact-form-map-section {
	scroll-margin-top: 104px;
}

.contact-summary-grid {
	display: grid;
	grid-template-columns: 1fr 1.35fr 1fr;
	gap: 18px;
}

.contact-summary-card {
	display: block;
	min-height: 178px;
	padding: 30px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 18px 42px rgba(18, 35, 61, .07);
}

a.contact-summary-card:hover {
	color: var(--ink);
	transform: translateY(-4px);
	box-shadow: 0 24px 56px rgba(18, 35, 61, .1);
}

.contact-summary-card i {
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 18px;
}

.contact-summary-card span {
	display: block;
	color: var(--muted);
	font-weight: 700;
	margin-bottom: 8px;
}

.contact-summary-card strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	line-height: 1.42;
	font-weight: 800;
}

.contact-form-map-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
	gap: 28px;
	align-items: stretch;
}

.contact-form-map-section .lead-form-card {
	display: block;
	min-height: 100%;
	padding: 36px;
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.contact-form-map-section .lead-form-card > div {
	margin-bottom: 24px;
}

.contact-visit-note {
	display: grid;
	gap: 6px;
	padding: 20px 24px 0;
	background: var(--navy);
}

.contact-visit-note strong {
	color: #fff;
	font-size: 18px;
}

.contact-visit-note span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.7;
}

.contact-scenes-section .contact-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.contact-scenes-section .contact-option {
	min-height: 190px;
}

@media (max-width: 1199.98px) {
	.contact-summary-grid,
	.contact-form-map-layout,
	.contact-scenes-section .contact-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.about-drcloud-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.contact-form-map-section {
		scroll-margin-top: 86px;
	}

	.contact-summary-section,
	.contact-form-map-section,
	.contact-scenes-section {
		margin-bottom: 44px;
	}

	.contact-summary-grid,
	.contact-form-map-layout,
	.contact-scenes-section .contact-grid {
		grid-template-columns: 1fr;
	}

	.contact-summary-card,
	.contact-form-map-section .lead-form-card {
		padding: 24px;
	}

	.contact-summary-card strong {
		font-size: 19px;
	}
}

.faq-card p,
.faq-strip p {
	color: var(--muted);
	line-height: 1.8;
}

.faq-strip {
	padding: 28px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 8px;
}

.support-hero {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--navy);
}

.support-hero > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .76;
	transform: scale(1.04);
}

.support-hero__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(5, 16, 34, .96) 0%, rgba(5, 16, 34, .78) 48%, rgba(5, 16, 34, .42) 100%),
		radial-gradient(circle at 80% 20%, rgba(16, 166, 161, .3), transparent 30%);
}

.support-hero__content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(330px, .42fr);
	gap: 70px;
	align-items: center;
	padding-top: 90px;
	padding-bottom: 90px;
}

.support-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 60px;
	line-height: 1.15;
	font-weight: 800;
}

.support-hero p {
	max-width: 760px;
	color: rgba(255, 255, 255, .76);
	font-size: 20px;
	line-height: 1.85;
}

.support-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.support-hero__panel {
	padding: 34px;
	color: #fff;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 10px;
	backdrop-filter: blur(14px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
}

.support-hero__panel strong {
	display: block;
	color: var(--gold);
	font-size: 54px;
	line-height: 1;
}

.support-hero__panel span {
	display: block;
	margin-top: 14px;
	color: rgba(255, 255, 255, .76);
	line-height: 1.7;
}

.support-tabs-shell {
	padding: 34px 0 0;
	background: #fff;
}

.support-tabs-shell .position {
	margin-bottom: 24px;
}

.support-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--brand-line);
	border-radius: 0;
	box-shadow: none;
}

.support-tabs button {
	position: relative;
	min-height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 148px;
	padding: 14px 26px;
	color: var(--ink);
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.35;
	cursor: pointer;
	transition: color .22s ease, background .22s ease;
}

.support-tabs button::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--teal));
	border-radius: 999px 999px 0 0;
	opacity: 0;
	transform: scaleX(.45);
	transition: opacity .22s ease, transform .22s ease;
}

.support-tabs button::after {
	content: "";
	position: absolute;
	right: 0;
	top: 22px;
	bottom: 22px;
	width: 1px;
	background: var(--line);
}

.support-tabs button:last-child::after {
	display: none;
}

.support-tabs button i {
	color: var(--brand);
	font-size: 18px;
}

.support-tabs button:hover {
	color: var(--brand);
	background: transparent;
}

.support-tabs button.is-active {
	color: var(--brand);
	background: transparent;
	box-shadow: none;
	transform: none;
}

.support-tabs button.is-active::before {
	opacity: 1;
	transform: scaleX(1);
}

.support-tabs button.is-active i {
	color: var(--brand);
}

.support-tab-panel {
	display: none;
}

.support-tab-panel.is-active {
	display: block;
}

@media (max-width: 767.98px) {
	.support-tabs {
		display: flex;
		overflow-x: auto;
		gap: 8px;
		padding: 0;
	}

	.support-tabs button {
		flex: 0 0 auto;
		min-width: 126px;
		min-height: 56px;
		padding: 12px 14px;
		font-size: 16px;
	}
}

.support-service-section {
	background: linear-gradient(180deg, #fff, var(--soft));
}

.support-capability-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.support-capability {
	min-height: 260px;
	padding: 34px 30px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .06);
	transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.support-capability:hover {
	border-color: rgba(11, 100, 216, .28);
	box-shadow: 0 22px 48px rgba(18, 35, 61, .1);
	transform: translateY(-4px);
}

.support-capability i {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 10px;
	font-size: 24px;
}

.support-capability h3,
.support-list-card h3 {
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.support-capability p,
.support-list-card p,
.support-process-layout p {
	color: var(--muted);
	line-height: 1.85;
}

.support-process-section {
	background: var(--navy);
	color: #fff;
}

.support-process-layout {
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(560px, 1fr);
	gap: 70px;
	align-items: center;
}

.support-process-layout h2 {
	margin: 14px 0 16px;
	color: #fff;
	font-size: 44px;
	line-height: 1.25;
	font-weight: 800;
}

.support-process-layout p {
	color: rgba(255, 255, 255, .68);
}

.support-process-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.support-process-steps div {
	padding: 26px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
}

.support-process-steps em {
	display: block;
	color: var(--gold);
	font-style: normal;
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 18px;
}

.support-process-steps strong {
	display: block;
	color: #fff;
	font-size: 20px;
	margin-bottom: 8px;
}

.support-process-steps span {
	color: rgba(255, 255, 255, .66);
	line-height: 1.7;
}

.section-heading--light span,
.section-heading--light h2 {
	color: #fff;
}

.section-heading--light p {
	color: rgba(255, 255, 255, .68);
}

.support-path-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 52px;
}

.support-path {
	display: flex;
	min-height: 384px;
	flex-direction: column;
	padding: 32px 30px 28px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 12px;
}

.support-path em {
	display: block;
	margin-bottom: 20px;
	color: var(--gold);
	font-size: 28px;
	font-style: normal;
	font-weight: 900;
}

.support-path h3 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 24px;
	font-weight: 800;
}

.support-path p,
.support-path li {
	color: rgba(255, 255, 255, .7);
	line-height: 1.8;
}

.support-path ul {
	margin: 20px 0 26px;
	padding: 0;
	list-style: none;
}

.support-path li {
	position: relative;
	padding-left: 18px;
	margin: 8px 0;
	font-size: 14px;
}

.support-path li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .78em;
	width: 6px;
	height: 6px;
	background: var(--teal);
	border-radius: 50%;
}

.support-path a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	color: #fff;
	font-weight: 800;
}

.support-path a:hover {
	color: var(--gold);
}

.support-contact-section {
	background: #fff;
}

.support-contact-card {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(500px, 1fr);
	gap: 58px;
	align-items: center;
	padding: 48px;
	color: #fff;
	background: linear-gradient(135deg, #071b34, #0b64d8);
	border-radius: 12px;
	box-shadow: 0 24px 60px rgba(11, 100, 216, .16);
}

.support-contact-card h2 {
	margin: 14px 0 16px;
	color: #fff;
	font-size: 40px;
	line-height: 1.25;
	font-weight: 800;
}

.support-contact-card p {
	color: rgba(255, 255, 255, .74);
	line-height: 1.9;
}

.support-contact-list {
	display: grid;
	gap: 12px;
}

.support-contact-list a {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding: 16px 18px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 10px;
}

.support-contact-list a:hover {
	color: #fff;
	background: rgba(255, 255, 255, .16);
}

.support-contact-list i {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--navy);
	background: var(--gold);
	border-radius: 50%;
	font-size: 20px;
}

.support-contact-list span {
	display: grid;
	gap: 3px;
	font-size: 14px;
}

.support-contact-list strong {
	font-size: 20px;
	font-weight: 800;
}

.support-warranty-section {
	background: linear-gradient(180deg, #fff, var(--soft));
}

.support-warranty-layout {
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(540px, 1fr);
	gap: 34px;
	align-items: stretch;
}

.support-warranty-copy {
	padding: 42px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .98), rgba(11, 100, 216, .82)),
		radial-gradient(circle at 84% 16%, rgba(16, 166, 161, .34), transparent 42%);
	border-radius: 12px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.support-warranty-copy h2 {
	margin: 14px 0 16px;
	color: #fff;
	font-size: 42px;
	line-height: 1.24;
	font-weight: 800;
}

.support-warranty-copy p {
	color: rgba(255, 255, 255, .72);
	font-size: 17px;
	line-height: 1.9;
}

.support-warranty-points {
	display: grid;
	gap: 12px;
	margin-top: 28px;
}

.support-warranty-points div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	column-gap: 14px;
	padding: 18px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
}

.support-warranty-points i {
	grid-row: span 2;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--navy);
	background: var(--gold);
	border-radius: 50%;
	font-size: 18px;
}

.support-warranty-points strong {
	color: #fff;
	font-size: 18px;
	font-weight: 800;
}

.support-warranty-points span {
	color: rgba(255, 255, 255, .66);
	line-height: 1.7;
}

.support-warranty-form {
	padding: 34px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 24px 65px rgba(18, 35, 61, .1);
}

.support-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}

.support-warranty-form label,
.support-form-helper label {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 14px;
	font-weight: 800;
}

.support-form-helper {
	margin-bottom: 16px;
}

.support-tag-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.support-tag-group button {
	min-height: 36px;
	padding: 7px 12px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border: 1px solid rgba(11, 100, 216, .12);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.support-tag-group button.is-active {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.support-form-note {
	margin: 14px 0 0;
	color: var(--muted);
	font-size: 13px;
}

.support-standard-section {
	background: linear-gradient(180deg, var(--soft), #fff);
}

.support-standard-card {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(540px, 1fr);
	gap: 44px;
	align-items: center;
	padding: 48px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 24px 65px rgba(18, 35, 61, .1);
}

.support-standard__copy h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 42px;
	line-height: 1.25;
	font-weight: 800;
}

.support-standard__copy p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.support-standard__contact {
	display: grid;
	gap: 10px;
	margin-top: 28px;
}

.support-standard__contact a,
.support-standard__contact span {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--ink);
	font-weight: 700;
}

.support-standard__contact i {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
}

.support-standard__items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.support-standard__items div {
	padding: 22px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 10px;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.support-standard__items div:hover {
	border-color: rgba(11, 100, 216, .28);
	box-shadow: 0 16px 36px rgba(18, 35, 61, .1);
	transform: translateY(-3px);
}

.support-standard__items i {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	color: #fff;
	background: var(--brand);
	border-radius: 8px;
	font-size: 18px;
}

.support-standard__items strong {
	display: block;
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 8px;
}

.support-standard__items span {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}

.support-level-section {
	background: #fff;
}

.support-classify-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 28px;
}

.support-classify {
	padding: 26px 30px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 10px;
}

.support-classify h3 {
	margin-bottom: 18px;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	text-align: center;
}

.support-classify ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
}

.support-classify li {
	padding: 14px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	text-align: center;
}

.support-classify strong {
	display: block;
	color: var(--brand);
	font-size: 18px;
	margin-bottom: 6px;
}

.support-classify span {
	color: var(--muted);
	font-size: 13px;
	line-height: 1.6;
}

.support-table-wrap {
	overflow-x: auto;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	box-shadow: 0 18px 45px rgba(18, 35, 61, .08);
}

.support-response-table {
	width: 100%;
	min-width: 920px;
	border-collapse: collapse;
}

.support-response-table th,
.support-response-table td {
	padding: 17px 18px;
	border: 1px solid var(--line);
	text-align: center;
	vertical-align: middle;
}

.support-response-table th {
	color: var(--ink);
	background: var(--soft);
	font-size: 18px;
	font-weight: 800;
}

.support-response-table td:first-child {
	color: var(--ink);
	font-weight: 800;
	background: #fbfcff;
}

.support-response-table td {
	color: var(--muted);
	line-height: 1.65;
}

.support-table-note {
	margin: 0;
	padding: 15px 18px;
	color: var(--muted);
	font-size: 13px;
	text-align: center;
}

.support-flow-section {
	background: linear-gradient(180deg, var(--soft), #fff);
}

.support-flow-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
	gap: 24px;
	align-items: stretch;
}

.support-flow-card {
	padding: 34px;
	background: var(--navy);
	border-radius: 12px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
	height: 100%;
}

.support-flow-card h3 {
	margin-bottom: 26px;
	color: #fff;
	font-size: 26px;
	font-weight: 800;
}

.support-flow-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.support-flow-steps div,
.repair-flow div {
	position: relative;
	min-height: auto;
	padding: 18px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
}

.support-flow-steps em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 12px;
	color: var(--navy);
	background: var(--gold);
	border-radius: 50%;
	font-style: normal;
	font-weight: 900;
}

.support-flow-steps strong,
.repair-flow strong {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 8px;
}

.support-flow-steps span,
.repair-flow span {
	color: rgba(255, 255, 255, .66);
	line-height: 1.7;
}

.repair-flow {
	display: grid;
	gap: 12px;
}

.repair-flow div {
	min-height: 76px;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	column-gap: 14px;
}

.repair-flow p {
	min-width: 0;
	margin: 0;
}

.repair-flow strong,
.repair-flow span {
	min-width: 0;
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: normal;
}

.repair-flow i {
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
	font-size: 18px;
}

.support-faq-section {
	background: #f5f8fc;
}

.support-faq-container {
	max-width: 1080px;
}

.support-faq-heading {
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.support-faq-tools {
	margin-top: 44px;
	padding: 18px;
	background: #fff;
	border: 1px solid rgba(24, 47, 78, .1);
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(18, 35, 61, .06);
}

.support-faq-search {
	min-height: 62px;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) 36px;
	align-items: center;
	gap: 12px;
	padding: 0 16px 0 20px;
	background: #f5f8fc;
	border: 1px solid transparent;
	border-radius: 10px;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.support-faq-search:focus-within {
	background: #fff;
	border-color: rgba(11, 100, 216, .4);
	box-shadow: 0 0 0 4px rgba(11, 100, 216, .08);
}

.support-faq-search > i {
	color: var(--brand);
	font-size: 18px;
}

.support-faq-search input {
	width: 100%;
	height: 60px;
	padding: 0;
	color: var(--ink);
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 16px;
}

.support-faq-search input::-webkit-search-cancel-button {
	display: none;
}

.support-faq-search__clear {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #718096;
	background: #e9eef5;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.support-faq-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.support-faq-filter button {
	min-height: 38px;
	padding: 0 17px;
	color: #59687c;
	background: transparent;
	border: 1px solid #dce3ec;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.support-faq-filter button:hover {
	color: var(--brand);
	border-color: rgba(11, 100, 216, .4);
}

.support-faq-filter button.is-active {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.support-faq-resultbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 26px 2px 12px;
}

.support-faq-resultbar p {
	margin: 0;
	color: #718096;
	font-size: 14px;
}

.support-faq-resultbar button {
	padding: 0;
	color: var(--brand);
	background: transparent;
	border: 0;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
}

.support-faq-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.support-faq-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 28px;
}

.support-faq-pagination__link {
	min-width: 42px;
	min-height: 42px;
	padding: 0 14px;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.support-faq-pagination__link:hover:not(:disabled),
.support-faq-pagination__link.is-active {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
}

.support-faq-pagination__link:disabled {
	color: #a3afbf;
	background: #f5f7fa;
	border-color: #e5ebf2;
	cursor: not-allowed;
}

.support-faq-card {
	background: #fff;
	border: 1px solid rgba(24, 47, 78, .11);
	border-radius: 12px;
	overflow: hidden;
	transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.support-faq-card:hover {
	border-color: rgba(11, 100, 216, .28);
}

.support-faq-card.is-open {
	border-color: rgba(11, 100, 216, .38);
	box-shadow: 0 16px 42px rgba(18, 35, 61, .08);
}

.support-faq-question {
	width: 100%;
	min-height: 92px;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 38px;
	align-items: center;
	gap: 18px;
	padding: 18px 26px;
	color: var(--ink);
	background: #fff;
	border: 0;
	text-align: left;
	cursor: pointer;
}

.support-faq-index {
	color: #a3afbf;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .08em;
}

.support-faq-question__copy {
	min-width: 0;
	display: grid;
	gap: 5px;
}

.support-faq-question__copy small {
	color: var(--brand);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
}

.support-faq-question__copy strong {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.55;
}

.support-faq-question i {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 50%;
	font-size: 13px;
	transition: color .2s ease, background-color .2s ease, transform .24s ease;
}

.support-faq-card.is-open .support-faq-question i {
	color: #fff;
	background: var(--brand);
	transform: rotate(45deg);
}

.support-faq-answer {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .28s ease;
}

.support-faq-card.is-open .support-faq-answer {
	grid-template-rows: 1fr;
}

.support-faq-answer__inner {
	min-height: 0;
	overflow: hidden;
	padding: 0 92px 0;
	color: var(--muted);
	line-height: 1.85;
	transition: padding .28s ease;
}

.support-faq-card.is-open .support-faq-answer__inner {
	padding-top: 2px;
	padding-bottom: 28px;
}

.support-faq-answer__inner > :first-child {
	margin-top: 0;
}

.support-faq-answer__inner > :last-child {
	margin-bottom: 0;
}

.support-faq-empty {
	padding: 64px 24px;
	background: #fff;
	border: 1px dashed #cfd8e5;
	border-radius: 12px;
	text-align: center;
}

.support-faq-empty > i {
	margin-bottom: 16px;
	color: #a5b2c3;
	font-size: 28px;
}

.support-faq-empty h3 {
	margin: 0 0 8px;
	font-size: 21px;
}

.support-faq-empty p {
	margin: 0;
	color: var(--muted);
}

.support-faq-empty button {
	margin-top: 22px;
	padding: 10px 20px;
	color: var(--brand);
	background: #fff;
	border: 1px solid rgba(11, 100, 216, .34);
	border-radius: 999px;
	font-weight: 800;
	cursor: pointer;
}

.support-faq-help {
	min-height: 152px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin-top: 48px;
	padding: 34px 40px;
	color: #fff;
	background: var(--navy);
	border-radius: 12px;
	box-shadow: 0 20px 52px rgba(9, 22, 44, .14);
}

.support-faq-help span {
	color: #8ebdff;
	font-size: 13px;
	font-weight: 800;
}

.support-faq-help h3 {
	max-width: 580px;
	margin: 8px 0 0;
	color: #fff;
	font-size: 22px;
	line-height: 1.5;
}

.support-faq-help__actions {
	display: flex;
	align-items: center;
	gap: 22px;
	flex: 0 0 auto;
}

.support-faq-help__link {
	color: rgba(255, 255, 255, .82);
	font-size: 14px;
	font-weight: 700;
}

.support-faq-help__link:hover {
	color: #fff;
}

@media (max-width: 767.98px) {
	.support-faq-heading {
		text-align: left;
	}

	.support-faq-tools {
		margin-top: 30px;
		padding: 12px;
	}

	.support-faq-search {
		min-height: 54px;
		grid-template-columns: 20px minmax(0, 1fr) 32px;
		gap: 9px;
		padding-right: 11px;
		padding-left: 14px;
	}

	.support-faq-search input {
		height: 52px;
		font-size: 14px;
	}

	.support-faq-filter {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 3px;
		scrollbar-width: none;
	}

	.support-faq-filter::-webkit-scrollbar {
		display: none;
	}

	.support-faq-filter button {
		flex: 0 0 auto;
	}

	.support-faq-pagination {
		gap: 6px;
		margin-top: 22px;
	}

	.support-faq-pagination__link {
		min-width: 38px;
		min-height: 38px;
		padding: 0 11px;
		font-size: 13px;
	}

	.support-faq-question {
		min-height: 84px;
		grid-template-columns: 32px minmax(0, 1fr) 34px;
		gap: 12px;
		padding: 16px;
	}

	.support-faq-question__copy strong {
		font-size: 16px;
	}

	.support-faq-question i {
		width: 34px;
		height: 34px;
	}

	.support-faq-answer__inner {
		padding-right: 62px;
		padding-left: 60px;
		font-size: 14px;
	}

	.support-faq-card.is-open .support-faq-answer__inner {
		padding-bottom: 22px;
	}

	.support-faq-help {
		min-height: 0;
		align-items: flex-start;
		flex-direction: column;
		margin-top: 34px;
		padding: 28px 24px;
	}

	.support-faq-help h3 {
		font-size: 19px;
	}

	.support-faq-help__actions {
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}
}

.support-list-section {
	background: #fff;
}

.support-list-card {
	display: block;
	height: 100%;
	padding: 32px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .06);
	transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.support-list-card:hover {
	border-color: rgba(11, 100, 216, .28);
	box-shadow: 0 22px 48px rgba(18, 35, 61, .1);
	transform: translateY(-4px);
	text-decoration: none;
}

.support-list-card__icon {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	color: var(--brand);
	background: rgba(11, 100, 216, .08);
	border-radius: 50%;
	font-size: 22px;
}

.support-list-card span {
	display: inline-flex;
	margin-top: 12px;
	color: var(--brand);
	font-weight: 800;
}

.support-cta {
	padding: 0 0 96px;
	background: #fff;
}

.support-cta__card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	padding: 48px;
	color: #fff;
	background: var(--navy);
	border-radius: 12px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.support-cta__card span {
	color: var(--gold);
	font-weight: 800;
}

.support-cta__card h2 {
	margin: 10px 0 0;
	color: #fff;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.35;
}

.research-hero {
	position: relative;
	min-height: 620px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--navy);
}

.research-hero > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .78;
	transform: scale(1.04);
}

.research-hero__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(5, 16, 34, .98), rgba(5, 16, 34, .86), rgba(5, 16, 34, .72)),
		linear-gradient(135deg, rgba(16, 166, 161, .16), transparent 42%);
}

.research-hero__glow {
	position: absolute;
	border-radius: 999px;
	filter: blur(8px);
	opacity: .72;
}

.research-hero__glow--one {
	right: 8%;
	top: 16%;
	width: 280px;
	height: 280px;
	background: radial-gradient(circle, rgba(16, 166, 161, .36), transparent 66%);
}

.research-hero__glow--two {
	right: 28%;
	bottom: 10%;
	width: 180px;
	height: 180px;
	background: radial-gradient(circle, rgba(226, 175, 75, .26), transparent 68%);
}

.research-hero__content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(330px, .42fr);
	gap: 70px;
	align-items: center;
	padding-top: 96px;
	padding-bottom: 96px;
}

.research-hero h1 {
	margin: 18px 0;
	color: #fff;
	font-size: 62px;
	line-height: 1.12;
	font-weight: 800;
}

.research-hero p {
	max-width: 820px;
	color: rgba(255, 255, 255, .76);
	font-size: 20px;
	line-height: 1.85;
}

.research-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.research-hero__tags span {
	padding: 8px 14px;
	color: #fff;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 30px;
	font-weight: 700;
}

.research-hero-board {
	position: relative;
	padding: 18px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 18px;
	backdrop-filter: blur(16px);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .26);
}

.research-hero-board::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 14px;
	pointer-events: none;
}

.research-hero-board__screen {
	position: relative;
	min-height: 220px;
	padding: 34px;
	background:
		linear-gradient(135deg, rgba(16, 166, 161, .28), rgba(9, 22, 44, .78)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 36px);
	border-radius: 14px;
	overflow: hidden;
}

.research-hero-board__screen::after {
	content: "";
	position: absolute;
	right: -56px;
	top: -56px;
	width: 170px;
	height: 170px;
	border: 26px solid rgba(255, 255, 255, .08);
	border-radius: 50%;
}

.research-hero-board__screen span {
	color: var(--gold);
	font-weight: 800;
	letter-spacing: .14em;
}

.research-hero-board__screen strong {
	display: block;
	margin: 26px 0 12px;
	color: #fff;
	font-size: 30px;
	line-height: 1.3;
}

.research-hero-board__screen em {
	color: rgba(255, 255, 255, .62);
	font-style: normal;
}

.research-hero-board__grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.research-hero-board__grid div {
	padding: 18px 14px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.research-hero-board__grid strong {
	display: block;
	color: var(--gold);
	font-size: 24px;
	line-height: 1;
	margin-bottom: 8px;
}

.research-hero-board__grid span {
	color: rgba(255, 255, 255, .68);
	font-size: 13px;
}

.research-strength-section {
	background: linear-gradient(180deg, #fff, var(--soft));
}

.research-strength-layout {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(560px, 1fr);
	gap: 70px;
	align-items: center;
}

.research-strength-layout h2,
.research-scene-layout h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 44px;
	line-height: 1.25;
	font-weight: 800;
}

.research-strength-layout p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.research-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.research-stats div {
	padding: 24px 20px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .06);
	text-align: center;
}

.research-stats strong {
	display: block;
	color: var(--brand);
	font-size: 34px;
	line-height: 1;
	margin-bottom: 10px;
}

.research-stats span {
	color: var(--muted);
	font-size: 14px;
}

.research-production-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 46px;
}

.research-production-gallery figure {
	position: relative;
	min-height: 230px;
	margin: 0;
	overflow: hidden;
	background: #dfe6ed;
	border-radius: 9px;
}

.research-production-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s cubic-bezier(.22, .61, .36, 1);
}

.research-production-gallery figure:hover img {
	transform: scale(1.045);
}

.research-production-gallery figure::after {
	content: "";
	position: absolute;
	inset: 34% 0 0;
	background: linear-gradient(180deg, transparent, rgba(5, 18, 35, .82));
	pointer-events: none;
}

.research-production-gallery figcaption {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 20px;
	z-index: 1;
	color: #fff;
}

.research-production-gallery figcaption strong,
.research-production-gallery figcaption span {
	display: block;
}

.research-production-gallery figcaption strong {
	font-size: 19px;
	font-weight: 800;
}

.research-production-gallery figcaption span {
	margin-top: 5px;
	color: rgba(255, 255, 255, .74);
	font-size: 13px;
}

.research-tech-section {
	background: #fff;
}

.research-tech-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.research-tech-card {
	position: relative;
	min-height: 260px;
	padding: 30px;
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 12px;
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.research-tech-card::after {
	content: "";
	position: absolute;
	right: -42px;
	bottom: -42px;
	width: 128px;
	height: 128px;
	background: radial-gradient(circle, rgba(16, 166, 161, .16), transparent 68%);
	border-radius: 50%;
}

.research-tech-card:hover {
	transform: translateY(-4px);
	border-color: rgba(16, 166, 161, .22);
	box-shadow: 0 20px 44px rgba(18, 35, 61, .1);
}

.research-tech-card i {
	width: 54px;
	height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 28px;
	color: #fff;
	background: var(--brand);
	border-radius: 12px;
	font-size: 22px;
}

.research-tech-card strong {
	display: block;
	color: var(--ink);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.research-tech-card p {
	position: relative;
	z-index: 1;
	color: var(--muted);
	line-height: 1.82;
	margin: 0;
}

.research-process-section {
	background: var(--navy);
	color: #fff;
}

.research-process-section .section-heading h2 {
	color: #fff;
}

.research-process-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.research-process-grid figure {
	position: relative;
	min-height: 280px;
	margin: 0;
	overflow: hidden;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 9px;
	transition: transform .28s ease, border-color .28s ease;
}

.research-process-grid figure:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 255, 255, .25);
}

.research-process-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .48s cubic-bezier(.22, .61, .36, 1);
}

.research-process-grid figure:hover img {
	transform: scale(1.045);
}

.research-process-grid figure::after {
	content: "";
	position: absolute;
	inset: 26% 0 0;
	background: linear-gradient(180deg, transparent, rgba(4, 16, 31, .9));
	pointer-events: none;
}

.research-process-grid figcaption {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 24px;
	z-index: 1;
}

.research-process-grid strong {
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px;
}

.research-process-grid span {
	color: rgba(255, 255, 255, .68);
	line-height: 1.75;
}

.research-scene-section {
	background: #fff;
}

.research-scene-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(420px, .82fr);
	gap: clamp(48px, 5vw, 76px);
	align-items: center;
}

.research-scene-visual {
	position: relative;
	min-height: 560px;
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 22px 54px rgba(18, 35, 61, .1);
	background: #eaf0f5;
}

.research-scene-visual img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}

.research-scene-visual:hover img {
	transform: scale(1.035);
}

.research-scene-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 54%, rgba(5, 16, 34, .8));
	pointer-events: none;
}

.research-scene-visual figcaption {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 26px;
	z-index: 2;
	color: #fff;
}

.research-scene-visual figcaption strong {
	display: block;
	font-size: 22px;
	font-weight: 800;
}

.research-scene-visual figcaption span {
	display: block;
	margin-top: 7px;
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
	letter-spacing: .03em;
}

.research-scene-copy {
	padding-right: clamp(0px, 2vw, 24px);
}

.research-scene-copy h2 {
	margin: 14px 0 20px;
	color: var(--ink);
	font-size: clamp(34px, 3vw, 44px);
	line-height: 1.28;
	font-weight: 800;
	letter-spacing: -.025em;
}

.research-scene-copy > p {
	margin: 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.9;
}

.research-scene-steps {
	margin: 34px 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--line);
}

.research-scene-steps li {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	padding: 19px 0;
	border-bottom: 1px solid var(--line);
}

.research-scene-steps b {
	padding-top: 3px;
	color: var(--brand);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .08em;
}

.research-scene-steps strong {
	display: block;
	color: var(--ink);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.45;
}

.research-scene-steps span {
	display: block;
	margin-top: 4px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}

.research-quality-section {
	background: linear-gradient(180deg, var(--soft), #fff);
}

.research-quality-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .72fr);
	gap: 52px;
	align-items: center;
}

.research-quality-layout h2 {
	margin: 14px 0 16px;
	color: var(--ink);
	font-size: 44px;
	line-height: 1.25;
	font-weight: 800;
}

.research-quality-layout p {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.9;
}

.research-quality-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}

.research-quality-tags span {
	padding: 8px 14px;
	color: var(--brand);
	background: rgba(16, 166, 161, .08);
	border: 1px solid rgba(16, 166, 161, .16);
	border-radius: 999px;
	font-weight: 700;
}

.research-lab-panel {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 20px;
	background: var(--navy);
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.research-lab-panel__visual {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, .62fr);
	align-items: center;
	gap: 18px;
	margin: 0;
	padding: 18px 22px;
	background: #f5f8fc;
	border-radius: 12px;
}

.research-lab-panel__visual img {
	width: 100%;
	height: 180px;
	object-fit: contain;
}

.research-lab-panel__visual figcaption {
	color: #4d5e73;
	font-size: 14px;
	line-height: 1.8;
}

@media (max-width: 575px) {
	.research-lab-panel__visual {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 16px;
	}

	.research-lab-panel__visual img {
		height: 148px;
	}
}

.research-lab-panel div {
	min-height: 150px;
	padding: 26px 20px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.research-lab-panel strong {
	display: block;
	color: var(--gold);
	font-size: 34px;
	line-height: 1;
	margin-bottom: 14px;
}

.research-lab-panel span {
	color: rgba(255, 255, 255, .76);
}

.research-quality-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 36px;
}

.research-quality-grid div {
	padding: 26px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .06);
}

.research-quality-grid b {
	display: block;
	color: var(--brand);
	font-size: 28px;
	line-height: 1;
	margin-bottom: 22px;
}

.research-quality-grid strong {
	display: block;
	color: var(--ink);
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
}

.research-quality-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.research-result-section {
	padding-top: 0;
	background: #fff;
}

.research-result-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(430px, .74fr);
	gap: 44px;
	padding: 48px;
	background:
		linear-gradient(135deg, rgba(9, 22, 44, .96), rgba(12, 34, 58, .96)),
		radial-gradient(circle at 82% 0, rgba(16, 166, 161, .22), transparent 34%);
	border-radius: 16px;
	color: #fff;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.research-result-card span {
	color: var(--gold);
	font-weight: 800;
}

.research-result-card h2 {
	margin: 12px 0 16px;
	color: #fff;
	font-size: 38px;
	line-height: 1.3;
	font-weight: 800;
}

.research-result-card p {
	color: rgba(255, 255, 255, .68);
	line-height: 1.9;
	margin: 0;
}

.research-result-card ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.research-result-card li {
	padding: 18px 20px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
}

.research-result-card li strong {
	display: block;
	color: #fff;
	font-size: 18px;
	margin-bottom: 6px;
}

.research-result-card li em {
	color: rgba(255, 255, 255, .62);
	font-style: normal;
	line-height: 1.7;
}

.research-cta {
	padding: 0 0 96px;
	background: #fff;
}

.research-cta__card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	padding: 48px;
	color: #fff;
	background: var(--navy);
	border-radius: 12px;
	box-shadow: 0 24px 60px rgba(9, 22, 44, .16);
}

.research-cta__card span {
	color: var(--gold);
	font-weight: 800;
}

.research-cta__card h2 {
	margin: 10px 0 0;
	color: #fff;
	font-size: 32px;
	font-weight: 800;
}

.research-cta__actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 12px;
}

.research-cta__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 48px;
	padding: 0 19px;
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 4px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.research-cta__action:hover,
.research-cta__action:focus-visible { transform: translateY(-2px); text-decoration: none; }
.research-cta__action--primary { color: #10243d; background: #fff; border-color: #fff; }
.research-cta__action--primary:hover,
.research-cta__action--primary:focus-visible { color: #fff; background: var(--brand); border-color: var(--brand); }
.research-cta__action--secondary { color: #fff; background: transparent; }
.research-cta__action--secondary:hover,
.research-cta__action--secondary:focus-visible { color: #10243d; background: #fff; border-color: #fff; }

@media (max-width: 1199.98px) {
	.about-drcloud-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.hero__content,
	.platform-layout,
	.proof-layout,
	.partner-full,
	.partner-card,
	.footer-main,
	.footer-nav {
		grid-template-columns: 1fr;
	}

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

		.role-grid,
		.scenario-grid,
		.product-matrix,
		.home-news-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

	.partner-full {
		gap: 42px;
		padding-top: 68px;
		padding-bottom: 68px;
	}

	.partner-full__form {
		max-width: none;
	}

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

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

		.role-showcase,
		.scenario-map,
		.solution-visuals,
		.brand-proof-card,
	.support-hero__content,
	.support-process-layout,
	.support-standard-card,
	.support-flow-layout,
	.research-hero__content,
	.research-strength-layout,
	.research-scene-layout,
	.research-quality-layout,
	.research-result-card,
	.contact-hero__content,
	.contact-headquarters-layout,
	.contact-process-card,
	.news-hero__content,
	.news-focus-layout,
	.news-media-card,
	.news-video-layout,
	.partner-hero__content,
	.partner-product-layout,
	.partner-process-card,
	.partner-join-card,
	.case-hero__content,
	.case-feature-card,
	.about-hero__content,
	.about-intro-layout,
	.about-business-card,
	.about-network-layout {
		grid-template-columns: 1fr;
	}

	.support-capability-grid,
	.support-process-steps,
	.support-standard__items,
	.support-classify-grid,
	.research-tech-grid,
	.research-quality-grid,
	.contact-grid,
	.contact-service-grid,
	.news-channel-grid,
	.news-list-grid,
	.news-topic-grid,
	.news-tab-card-grid,
	.news-tab-card-grid--four,
	.news-video-category-grid,
	.partner-model-grid,
	.partner-service-stats,
	.partner-process-steps,
	.case-proof-grid,
	.case-value-grid,
	.case-feature-grid,
	.case-card-grid,
	.case-latest-grid,
	.about-honor-grid,
	.about-capability-grid,
	.about-scene-grid,
	.about-culture-layout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.support-hero h1 {
		font-size: 42px;
	}

	.brand-proof__content {
		padding: 34px;
	}

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

		.role-showcase__image,
		.scenario-map__visual,
		.solution-visual,
		.solution-visual--large {
			min-height: 260px;
		}

	.home-case-card {
		flex-basis: 330px;
	}
}

@media (max-width: 991.98px) {
	.site-header-spacer {
		height: 72px;
	}

	.navbar {
		min-height: 72px;
	}

	.navbar-dark .navbar-nav .nav-link {
		padding: 12px 0;
	}

	.nav-search {
		width: auto;
		height: auto;
		margin: 0;
	}

	.nav-search:focus-within {
		width: auto;
	}

	.nav-search__panel {
		position: static;
		width: 100%;
		margin-top: 10px;
		padding: 14px;
		border-radius: 14px;
		box-shadow: none;
		transform: none;
	}

	.nav-search__panel::before {
		display: none;
	}

	.nav-search__products {
		grid-template-columns: 1fr;
	}

	.nav-search__field {
		grid-template-columns: 18px minmax(0, 1fr) auto;
	}

	.nav-contact {
		margin: 0 0 12px;
		padding: 2px 0 12px;
		border-bottom: 1px solid rgba(18, 35, 61, .08);
	}

	.nav-right-tools {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px 10px;
		padding: 2px 0 12px;
	}

	.nav-caret {
		float: right;
		margin-top: 7px;
	}

	.nav-mega.is-open > .nav-link .nav-caret {
		transform: rotate(180deg);
	}

	.mega-panel {
		display: none;
		margin: 0 0 8px;
		padding: 0 0 0 14px;
	}

	.nav-mega.is-open > .mega-panel {
		display: block;
	}

	.mega-feature,
	.mega-side,
	.mega-heading,
	.mega-product-catalog {
		display: none;
	}

	.mega-layout,
	.mega-content {
		display: block;
	}

	.mega-grid {
		display: grid;
		gap: 4px;
	}

	.mega-group {
		padding: 6px 0 8px;
		border-bottom: 1px solid rgba(255, 255, 255, .08);
	}

	.mega-title {
		display: grid;
		grid-template-columns: 20px minmax(0, 1fr);
		align-items: center;
		column-gap: 6px;
		padding: 8px 0;
		color: rgba(255, 255, 255, .62);
		font-size: 14px;
	}

	.mega-title i {
		color: rgba(255, 255, 255, .42);
		font-size: 14px;
	}

	.mega-title span {
		line-height: 1.45;
	}

	.mega-title:hover {
		color: #fff;
		text-decoration: none;
	}

	.mega-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 4px 12px;
		padding: 2px 0 4px 26px;
	}

	.mega-links a {
		color: rgba(255, 255, 255, .48);
		font-size: 13px;
		line-height: 1.65;
	}

	.mega-links a:hover {
		color: #fff;
		text-decoration: none;
	}

	.menu-extra {
		display: none !important;
	}

	.top-extra {
		display: none !important;
	}

	.mega-group[data-menu="运营服务"] .extra-operation,
	.mega-group[data-menu="行业方案"] .extra-industry,
	.mega-group[data-menu="场景方案"] .extra-scene,
	.mega-group[data-menu="停车引导"] .extra-parking,
	.mega-group[data-menu="智慧停车"] .extra-parking,
	.mega-group[data-menu="门禁通道"] .extra-access,
	.mega-group[data-menu="智慧人行"] .extra-access,
	.mega-group[data-menu="充电储能"] .extra-charging,
	.mega-group[data-menu="新能源充电桩"] .extra-charging,
	.mega-group[data-menu="软件平台"] .extra-software {
		display: block !important;
	}

	.nav-mega[data-top="停车运营"] .extra-operation-top,
	.nav-mega[data-top="客户案例"] .extra-case,
	.nav-mega[data-top="渠道合作"] .extra-partner-top,
	.nav-mega[data-top="服务支持"] .extra-support,
	.nav-mega[data-top="新闻资讯"] .extra-news,
	.nav-mega[data-top="关于我们"] .extra-about,
	.nav-mega[data-top="联系我们"] .extra-contact {
		display: block !important;
	}

	.hero {
		min-height: auto;
	}

	.hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.hero-visual {
		object-position: 62% center;
	}

	.platform-visual {
		min-height: auto;
	}

	.platform-visual > img {
		position: relative;
		height: 260px;
		display: block;
	}

	.platform-visual--dashboard > img {
		padding: 18px;
		object-fit: contain;
		background: #071a30;
	}

	.platform-visual__panel,
	.platform-visual .module-board {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		margin: 16px;
	}

	.platform-visual .module-board {
		margin-top: 0;
	}

	.hero h1 {
		font-size: 42px;
	}

	.case-strip__track a {
		min-width: 240px;
	}
}

@media (max-width: 767.98px) {
	.section {
		padding: 64px 0;
	}

	.hero h1 {
		font-size: 34px;
	}

	.hero-visual {
		object-position: 66% center;
	}

	.hero p {
		font-size: 16px;
	}

	.section-heading h2,
	.platform-layout h2,
	.proof-layout h2,
	.partner-card h2,
	.page-hero h1 {
		font-size: 28px;
	}

	.partner-full {
		min-height: auto;
		padding: 52px 24px;
	}

	.partner-full h2 {
		font-size: 30px;
	}

		.partner-full__form > p {
			font-size: 16px;
		}

		.partner-support-card {
			padding: 26px;
		}

		.partner-contact-box {
			grid-template-columns: 1fr;
			justify-items: center;
			text-align: center;
		}

		.partner-contact-box img {
			width: 150px;
		}

		.partner-contact-info a {
			font-size: 22px;
		}

			.role-grid,
			.scenario-grid,
		.solution-grid,
		.product-matrix,
	.home-partner-row,
	.home-partner-tags,
	.proof-stats,
	.module-board,
	.home-case-carousel__track,
	.brand-proof__stats,
	.process-grid,
	.support-capability-grid,
	.support-process-steps,
	.support-standard__items,
	.support-classify-grid,
	.support-classify ul,
	.support-warranty-layout,
	.support-form-grid,
	.support-faq-layout,
	.support-flow-layout,
	.support-flow-steps,
	.research-stats,
	.research-hero-board__grid,
	.research-tech-grid,
	.research-process-grid,
	.research-quality-layout,
	.research-lab-panel,
	.research-quality-grid,
	.research-result-card,
	.contact-hero__content,
	.contact-headquarters-layout,
	.contact-grid,
	.contact-service-grid,
	.contact-process-card,
	.contact-process-steps,
	.news-hero__content,
	.news-channel-grid,
	.news-focus-layout,
	.news-list-grid,
	.news-topic-grid,
	.news-tab-card-grid,
	.news-tab-card-grid--four,
	.news-video-category-grid,
	.news-media-card,
	.news-video-layout,
	.partner-hero__content,
	.partner-model-grid,
	.partner-product-layout,
	.partner-service-stats,
	.partner-process-card,
	.partner-process-steps,
	.partner-join-card,
	.case-hero__content,
	.case-feature-card,
	.case-proof-grid,
	.case-value-grid,
	.case-feature-grid,
	.case-card-grid,
	.case-latest-grid,
	.about-hero__content,
	.about-intro-layout,
	.about-tab-layout,
	.about-culture-layout,
	.about-culture-ways,
	.about-video-section,
	.about-intro-top,
	.about-intro-card,
	.about-intro-detail-grid,
	.about-position-strip,
	.about-values-section,
	.about-service-grid,
	.about-honor-grid,
	.about-business-card,
	.about-business-list,
	.about-capability-grid,
	.about-network-layout,
	.about-network-stats,
	.about-scene-grid,
	.about-culture-layout,
	.about-culture-ways,
	.about-timeline,
	.about-brand-grid,
	.about-spirit-grid,
	.about-song-list,
	.about-song-pane,
	.about-issue-grid,
	.about-photo-grid,
	.content .module-link-grid,
	.content .value-strip,
	.contact-grid,
	.lead-form-card {
		grid-template-columns: 1fr;
	}

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

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

	.about-intro-side {
		position: static;
	}

	.about-intro-side .about-intro-card {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-spirit-manifest {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 34px;
		padding: 34px 30px 38px;
	}

	.about-spirit-manifest::before {
		right: 24px;
		top: 20px;
		font-size: 86px;
	}

	.about-spirit-manifest::after {
		left: 180px;
		bottom: 30px;
		width: 38px;
		height: 38px;
		font-size: 19px;
	}

	.about-spirit-mark {
		min-height: 340px;
		padding-right: 36px;
		border-right: 1px solid rgba(11, 100, 216, .14);
	}

	.about-spirit-mark__frame {
		display: none;
	}

	.about-spirit-mark__cn {
		font-size: 56px;
		line-height: 1.04;
	}

	.about-spirit-mark__en {
		left: 22px;
		top: 100px;
		font-size: 13px;
	}

	.about-spirit-lines {
		gap: 0;
	}

	.about-spirit-lines em,
	.about-spirit-lines span {
		font-size: 17px;
		line-height: 1.62;
	}

	.about-spirit-lines span {
		font-size: 18px;
	}

	.about-intro-side .about-intro-card div {
		display: block;
		text-align: center;
	}

	.about-intro-side .about-intro-card strong {
		margin-bottom: 8px;
	}

	.about-honor-banner {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 32px 28px;
	}

	.about-honor-banner__title h2 {
		font-size: 26px;
	}

	.about-honor-group {
		padding: 26px 20px 28px;
	}

	.about-honor-group__head span {
		display: none;
	}

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

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

	.about-honor-list li:nth-last-child(2) {
		border-bottom: 1px dashed var(--line);
	}

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

	.footer-socials {
		grid-template-columns: 1fr;
	}

	.footer-bottom .container {
		display: block;
		text-align: center;
	}

	.footer-bottom .container > * {
		display: block;
		margin: 6px 0;
	}

		.role-showcase__copy {
			padding: 26px;
		}

		.scenario-map__content {
			padding: 28px;
		}

		.scenario-map__content h3 {
			font-size: 24px;
		}

		.scenario-map__label {
			left: 18px;
			right: 18px;
			bottom: 18px;
			padding: 18px;
		}

	.role-showcase__copy h3 {
		font-size: 24px;
	}

	.solution-visuals {
		grid-template-columns: 1fr;
	}

	.brand-proof__visual {
		min-height: 260px;
	}

	.brand-proof__content {
		padding: 26px;
	}

	.brand-proof__content h2 {
		font-size: 28px;
	}

	.process-card {
		min-height: 190px;
	}

	.support-hero {
		min-height: auto;
	}

	.support-hero__content {
		padding-top: 70px;
		padding-bottom: 64px;
	}

	.support-hero h1,
	.support-process-layout h2,
	.support-cta__card h2 {
		font-size: 28px;
	}

	.support-hero p {
		font-size: 16px;
	}

	.support-cta__card {
		display: block;
		padding: 30px;
	}

	.support-standard-card {
		padding: 28px;
	}

	.support-standard__copy h2 {
		font-size: 28px;
	}

	.support-flow-card {
		padding: 26px;
	}

	.support-flow-card h3 {
		font-size: 22px;
	}

	.research-hero {
		min-height: auto;
	}

	.research-hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.research-hero h1,
	.research-strength-layout h2,
	.research-quality-layout h2,
	.research-result-card h2,
	.research-cta__card h2,
	.contact-hero h1,
	.contact-address-card h2,
	.contact-process-card h2,
	.news-hero h1,
	.news-focus-main h2,
	.news-media-card h2,
	.news-social-board h2,
	.news-tab-heading h2,
	.partner-hero h1,
	.partner-product-layout h2,
	.partner-process-card h2,
	.partner-join-card h2,
	.case-hero h1,
	.case-tab-heading h2,
	.case-feature__content h2,
	.case-cta-card h2,
	.about-hero h1,
	.about-intro-layout h2,
	.about-tab-layout h2,
	.about-tab-heading h2,
	.about-business-card h2,
	.about-network-layout h2 {
		font-size: 28px;
	}

	.research-hero p {
		font-size: 16px;
	}

	.research-scene-visual {
		min-height: 300px;
	}

	.research-production-gallery figure {
		min-height: 210px;
	}

	.research-hero-board__screen {
		min-height: 180px;
		padding: 26px;
	}

	.research-hero-board__screen strong,
	.research-factory-board strong {
		font-size: 26px;
	}

	.research-tech-card {
		min-height: auto;
		padding: 26px;
	}

	.research-factory-board {
		inset: 24px;
	}

	.research-factory-board ul {
		grid-template-columns: 1fr;
	}

	.research-result-card {
		padding: 30px;
	}

	.research-production-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 34px;
	}

	.research-production-gallery figure {
		min-height: 230px;
	}

	.contact-hero {
		min-height: auto;
	}

	.contact-hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.contact-hero p {
		font-size: 16px;
	}

	.contact-hero__panel,
	.contact-address-card,
	.contact-process-card,
	.lead-form-card {
		padding: 28px;
	}

	.contact-map-card {
		min-height: 320px;
	}

	.contact-map-card iframe,
	.contact-map-card__map {
		height: 300px;
	}

	.contact-map-card__info,
	.contact-map-card__actions {
		padding-left: 18px;
		padding-right: 18px;
	}

	.contact-headquarters-section,
	.contact-channel-section,
	.contact-process-section,
	.contact-form-section {
		margin-bottom: 48px;
	}

	.news-hero {
		min-height: auto;
	}

	.news-hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.news-hero p {
		font-size: 16px;
	}

	.news-channel-section,
	.news-focus-section,
	.news-list-section,
	.news-topic-section,
	.news-media-section,
	.news-video-section {
		margin-bottom: 52px;
	}

	.news-tabs {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		margin-top: 0;
		padding: 0;
		border-radius: 0;
	}

	.news-tabs button {
		flex: 0 0 auto;
		min-width: auto;
		padding: 18px 20px;
		font-size: 16px;
		white-space: nowrap;
	}

	.news-tabs button::after {
		top: 18px;
		bottom: 18px;
	}

	.news-focus-main,
	.news-media-card,
	.news-social-board {
		padding: 30px;
	}

	.news-list-card {
		grid-template-columns: 1fr;
	}

	.news-video-board {
		min-height: 280px;
	}

	.partner-hero {
		min-height: auto;
	}

	.partner-hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.partner-hero p {
		font-size: 16px;
	}

	.partner-model-section,
	.partner-product-section,
	.partner-service-section,
	.partner-process-section,
	.partner-join-section {
		margin-bottom: 52px;
	}

	.partner-service-section {
		padding: 64px 0;
	}

	.partner-process-card,
	.partner-join-card {
		padding: 30px;
	}

	.case-hero {
		min-height: auto;
	}

	.case-hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.case-hero p {
		font-size: 16px;
	}

	.case-detail-overview {
		grid-template-columns: 1fr;
	}

	.case-detail-overview__item {
		padding: 20px;
	}

	.case-detail-overview__item strong {
		font-size: 21px;
	}

	.case-proof-section,
	.case-feature-section,
	.case-value-section,
	.case-tabs-section,
	.case-latest-section,
	.case-cta-section {
		margin-bottom: 52px;
	}

	.case-feature__visual {
		min-height: 280px;
	}

	.case-feature__content,
	.case-cta-card {
		padding: 30px;
	}

	.case-cta-card {
		display: block;
	}

	.case-cta-card .btn {
		margin-top: 22px;
	}

	.about-hero {
		min-height: auto;
	}

	.about-hero__content {
		padding-top: 72px;
		padding-bottom: 64px;
	}

	.about-hero p {
		font-size: 16px;
	}

	.about-intro-section,
	.about-honor-section,
	.about-business-section,
	.about-capability-section,
	.about-network-section,
	.about-scene-section,
	.about-milestone-section,
	.about-culture-section,
	.about-brand-section,
	.about-tabs-section {
		margin-bottom: 52px;
	}

	.about-subnav {
		overflow-x: auto;
		gap: 8px;
		margin-bottom: 46px;
		padding: 8px;
	}

	.about-subnav button {
		flex: 0 0 auto;
		min-width: 108px;
		padding: 13px 14px;
	}

	.about-tab-layout {
		padding: 30px;
	}

	.about-cloud-tour-frame {
		min-height: 480px;
	}

	.about-cloud-tour-frame iframe {
		height: 480px;
	}

	.about-culture-aside {
		grid-auto-rows: auto;
		height: auto;
	}

	.about-culture-banner {
		width: calc(100% - 24px);
		min-height: 240px;
		padding: 86px 22px 32px;
	}

	.about-culture-banner::before {
		left: 22px;
		top: 28px;
		font-size: 28px;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
	}

	.about-culture-banner::after {
		left: auto;
		right: 22px;
		top: 24px;
		bottom: auto;
		width: 38px;
		height: 38px;
	}

	.about-culture-banner__text {
		left: 22px;
		right: 22px;
	}

	.about-culture-banner__text strong {
		font-size: clamp(31px, 9vw, 36px);
	}

	.about-culture-banner__text em {
		font-size: 17px;
	}

	.about-culture-body {
		width: calc(100% - 24px);
		padding: 0 22px 34px;
	}

	.about-culture-copy {
		max-width: none;
		padding-right: 0;
	}

	.about-culture-side-note {
		display: none;
	}

	.about-culture-lead {
		font-size: 18px;
		line-height: 1.95;
	}

	.about-culture-copy p {
		font-size: 16px;
		line-height: 1.95;
	}

	.about-culture-copy h3 {
		padding-left: 38px;
		font-size: 24px;
	}

	.about-culture-copy h3::before {
		width: 26px;
		height: 26px;
	}

	.about-business-card {
		padding: 30px;
	}

	.case-tabs {
		justify-content: flex-start;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding: 0;
		border-radius: 0;
	}

	.case-tabs button {
		flex: 0 0 auto;
		min-width: auto;
		padding: 18px 20px;
		font-size: 16px;
		white-space: nowrap;
	}

	.research-cta {
		padding-bottom: 64px;
	}

	.research-cta__card {
		display: block;
		padding: 30px;
	}

	.research-cta__card .btn {
		margin-top: 22px;
	}

	.research-cta__actions { margin-top: 22px; }

	.support-cta__card .btn {
		margin-top: 22px;
	}

	.hero__panel,
	.partner-card {
		padding: 24px;
	}

	.home-news-head {
		display: block;
	}

	.home-news-more {
		margin-top: 18px;
	}

	.home-news-grid {
		grid-template-columns: 1fr;
	}

	.home-news-card {
		padding: 0;
	}

	.home-news-cover {
		height: 190px;
	}

	.home-news-date {
		width: 74px;
		height: 74px;
	}

	.home-news-body {
		padding: 24px;
	}

	.metric-grid {
		grid-template-columns: 1fr;
	}

	.home-case-card {
		flex-basis: 84vw;
		min-height: 300px;
	}

	.home-case-card img {
		height: 190px;
	}

	.home-case-card h3 {
		font-size: 18px;
	}
}

/* 产品中心列表 */
.product-center-hero {
	position: relative;
	overflow: hidden;
	padding: 82px 0 76px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .97), rgba(11, 100, 216, .86)),
		radial-gradient(circle at 86% 18%, rgba(16, 166, 161, .34), transparent 42%);
}

.product-center-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 54px 54px;
	opacity: .32;
	pointer-events: none;
}

.product-center-hero--compact {
	padding: 54px 0 50px;
}

.product-center-hero .container {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 430px;
	gap: 56px;
	align-items: center;
}

.product-center-hero--compact .container {
	display: block;
	max-width: 1180px;
}

.product-center-hero__copy .eyebrow {
	color: var(--gold);
	font-weight: 900;
	letter-spacing: .1em;
}

.product-center-hero__copy h1 {
	margin: 16px 0 18px;
	color: #fff;
	font-size: 52px;
	line-height: 1.16;
	font-weight: 900;
}

.product-center-hero__copy p {
	max-width: 680px;
	color: rgba(255, 255, 255, .8);
	font-size: 18px;
	line-height: 1.9;
}

.product-center-hero--compact .product-center-hero__copy p {
	max-width: 760px;
	margin-bottom: 0;
}

.product-center-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.product-center-hero__tags span {
	padding: 9px 16px;
	color: rgba(255, 255, 255, .9);
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
}

.product-center-hero__visual {
	position: relative;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-center-hero__visual::before,
.product-center-hero__visual::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .14);
}

.product-center-hero__visual::before {
	width: 320px;
	height: 320px;
}

.product-center-hero__visual::after {
	width: 220px;
	height: 220px;
	background: rgba(255, 255, 255, .05);
}

.product-center-hero__screen {
	position: relative;
	z-index: 1;
	width: 250px;
	padding: 34px 28px;
	text-align: center;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 24px;
	backdrop-filter: blur(4px);
	box-shadow: 0 28px 70px rgba(0, 0, 0, .26);
}

.product-center-hero__screen i {
	width: 70px;
	height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	color: #071832;
	background: linear-gradient(135deg, var(--gold), #e0c27a);
	border-radius: 20px;
	font-size: 30px;
}

.product-center-hero__screen strong {
	display: block;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 10px;
}

.product-center-hero__screen span {
	color: rgba(255, 255, 255, .76);
	font-size: 14px;
}

.product-category-hero {
	position: relative;
	overflow: hidden;
	padding: 74px 0 0;
	color: #fff;
	background:
		linear-gradient(135deg, #071832 0%, #0b3566 54%, #0c6a91 100%);
}

.product-category-hero--parking {
	background:
		url("../images/banners/parking.jpg") center / cover no-repeat;
}

.product-category-hero--parking .container {
	grid-template-columns: minmax(0, 780px);
}

.product-category-hero--parking .product-category-hero__visual {
	display: none;
}

.product-category-hero--access {
	background:
		url("../images/banners/access.jpg") center / cover no-repeat;
}

.product-category-hero--access .container {
	grid-template-columns: minmax(0, 780px);
}

.product-category-hero--access .product-category-hero__visual {
	display: none;
}

.product-category-hero--charging {
	background:
		url("../images/banners/charging.jpg") center / cover no-repeat;
}

.product-category-hero--charging .container {
	grid-template-columns: minmax(0, 780px);
}

.product-category-hero--charging .product-category-hero__visual {
	display: none;
}

.product-category-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 58px 58px;
	opacity: .22;
	pointer-events: none;
}

.product-category-hero::after {
	content: "";
	position: absolute;
	right: -12%;
	top: -30%;
	width: 54%;
	height: 120%;
	background: radial-gradient(circle, rgba(16, 166, 161, .36), transparent 62%);
	pointer-events: none;
}

.product-category-hero .container {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(420px, 1fr);
	gap: 58px;
	align-items: center;
}

.product-category-hero__copy {
	padding-bottom: 74px;
}

.product-category-hero__copy .eyebrow {
	color: var(--gold);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .12em;
}

.product-category-hero__copy h1 {
	margin: 14px 0 18px;
	color: #fff;
	font-size: 52px;
	font-weight: 900;
	line-height: 1.14;
}

.product-category-hero__copy p {
	max-width: 720px;
	color: rgba(255, 255, 255, .82);
	font-size: 18px;
	line-height: 1.9;
}

.product-category-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}

.product-category-hero__tags span {
	padding: 9px 15px;
	color: rgba(255, 255, 255, .9);
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	font-size: 13px;
	font-weight: 800;
}

.product-category-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 32px;
}

.hero-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .28);
	font-size: 14px;
	font-weight: 900;
}

.hero-action:hover {
	color: #071832;
	background: #fff;
	text-decoration: none;
}

.hero-action--primary {
	color: #071832;
	background: linear-gradient(135deg, var(--gold), #f4d989);
	border-color: transparent;
	box-shadow: 0 16px 34px rgba(201, 166, 99, .24);
}

.hero-action--primary:hover {
	color: #071832;
	background: #fff;
}

.product-category-hero__visual {
	position: relative;
	min-height: 420px;
	align-self: stretch;
}

.product-category-hero__visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}

.product-category-hero__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(7, 24, 50, .18), transparent 42%),
		linear-gradient(0deg, rgba(7, 24, 50, .24), transparent 46%);
}

.product-center-proof {
	position: relative;
	z-index: 2;
	margin-top: -34px;
}

.product-center-proof .container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.product-center-proof .container > div {
	padding: 26px 28px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 18px 42px rgba(18, 35, 61, .12);
}

.product-center-proof i {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 13px;
	font-size: 20px;
}

.product-center-proof strong {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 19px;
	font-weight: 900;
}

.product-center-proof span {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.75;
}

.product-center-pages {
	padding-top: 34px;
}

.product-generic-pages {
	padding-top: clamp(108px, 9vw, 136px);
	padding-bottom: 86px;
}

.product-hub {
	padding: 64px 0 78px;
	background: #fff;
}

.product-hub__head {
	max-width: 760px;
	margin-bottom: 34px;
}

.product-hub__head span {
	display: block;
	margin-bottom: 10px;
	color: var(--brand);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .12em;
}

.product-hub__head h2 {
	margin: 0 0 14px;
	color: var(--ink);
	font-size: 34px;
	font-weight: 900;
	line-height: 1.25;
}

.product-hub__head p {
	margin: 0;
	color: #607086;
	font-size: 16px;
	line-height: 1.8;
}

.product-hub__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.product-hub-card {
	position: relative;
	display: block;
	min-height: 300px;
	padding: 34px 30px 32px;
	color: #24364c;
	background: #fff;
	border: 1px solid #e1e8f0;
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.product-hub-card::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: var(--brand);
	transform: scaleX(.34);
	transform-origin: left;
	transition: transform .25s ease;
}

.product-hub-card--software::before {
	background: var(--teal);
}

.product-hub-card:hover {
	color: #24364c;
	border-color: rgba(11, 100, 216, .24);
	box-shadow: 0 22px 48px rgba(18, 35, 61, .12);
	text-decoration: none;
	transform: translateY(-5px);
}

.product-hub-card:hover::before {
	transform: scaleX(1);
}

.product-hub-card i {
	width: 58px;
	height: 58px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	color: #fff;
	background: var(--brand);
	border-radius: 16px;
	font-size: 24px;
}

.product-hub-card--software i {
	background: var(--teal);
}

.product-hub-card strong {
	display: block;
	margin-bottom: 14px;
	color: var(--ink);
	font-size: 21px;
	font-weight: 900;
	line-height: 1.35;
}

.product-hub-card span {
	display: block;
	min-height: 92px;
	color: #607086;
	font-size: 14px;
	line-height: 1.8;
}

.product-hub-card em {
	display: inline-flex;
	align-items: center;
	margin-top: 22px;
	color: var(--brand);
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
}

.product-hub-card--software em {
	color: var(--teal);
}

.product-hub-card em::after {
	content: "\f105";
	margin-left: 8px;
	font-family: FontAwesome;
	transition: transform .2s ease;
}

	.product-hub-card:hover em::after {
		transform: translateX(4px);
	}

	.product-center-hero--solution {
		padding: 86px 0 78px;
		background:
			linear-gradient(90deg, rgba(6, 18, 36, .94), rgba(11, 58, 105, .82)),
			url("../images/generated/home-banner-parking.svg") center / cover no-repeat;
	}

	.product-center-hero--solution::before {
		background:
			linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
			linear-gradient(0deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
		background-size: 56px 56px;
		opacity: .5;
	}

	.product-center-hero--solution .container {
		grid-template-columns: minmax(0, 1fr) minmax(360px, .48fr);
	}

	.product-center-hero__mini {
		position: absolute;
		z-index: 2;
		padding: 10px 16px;
		color: #fff;
		background: rgba(255, 255, 255, .12);
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 999px;
		backdrop-filter: blur(10px);
		font-size: 13px;
		font-weight: 800;
	}

	.product-center-hero__mini--one {
		left: 18px;
		top: 44px;
	}

	.product-center-hero__mini--two {
		right: 14px;
		bottom: 56px;
	}

	.product-solution-index {
		padding: 78px 0 70px;
		background: #fff;
	}

	.product-solution-index__head {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 40px;
		margin-bottom: 34px;
	}

	.product-solution-index__head span,
	.product-usecase-head span,
	.product-config-copy span {
		display: block;
		margin-bottom: 10px;
		color: var(--brand);
		font-size: 13px;
		font-weight: 900;
		letter-spacing: .12em;
	}

	.product-solution-index__head h2,
	.product-usecase-head h2,
	.product-config-copy h2 {
		margin: 0;
		color: var(--ink);
		font-size: 38px;
		line-height: 1.24;
		font-weight: 900;
	}

	.product-solution-index__head p {
		max-width: 520px;
		margin: 0;
		color: var(--muted);
		font-size: 16px;
		line-height: 1.85;
	}

	.product-solution-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
	}

	.product-solution-card {
		display: grid;
		grid-template-columns: minmax(220px, .82fr) minmax(0, 1fr);
		min-height: 320px;
		overflow: hidden;
		color: inherit;
		background: #fff;
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		box-shadow: 0 16px 42px rgba(18, 35, 61, .08);
		transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
	}

	.product-solution-card--large {
		grid-column: span 2;
		grid-template-columns: minmax(420px, .95fr) minmax(0, 1fr);
		min-height: 390px;
	}

	.product-solution-card:hover {
		color: inherit;
		text-decoration: none;
		border-color: rgba(11, 100, 216, .24);
		box-shadow: 0 24px 60px rgba(18, 35, 61, .13);
		transform: translateY(-4px);
	}

	.product-solution-card__media {
		position: relative;
		min-height: 100%;
		overflow: hidden;
		background: #eef4fb;
	}

	.product-solution-card__media::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(255, 255, 255, .01), rgba(15, 66, 112, .05));
	}

	.product-solution-card__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .5s ease;
	}

	.product-solution-card:hover .product-solution-card__media img {
		transform: scale(1.025);
	}

	.product-solution-card__body {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 34px;
	}

	.product-solution-card__body small {
		color: var(--gold);
		font-size: 12px;
		font-weight: 900;
		letter-spacing: .1em;
	}

	.product-solution-card__body h3 {
		margin: 14px 0 14px;
		color: var(--ink);
		font-size: 26px;
		line-height: 1.35;
		font-weight: 900;
	}

	.product-solution-card--large .product-solution-card__body h3 {
		font-size: 34px;
	}

	.product-solution-card__body p {
		margin: 0;
		color: var(--muted);
		font-size: 15px;
		line-height: 1.82;
	}

	.product-solution-card__body em {
		display: inline-flex;
		align-items: center;
		margin-top: 24px;
		color: var(--brand);
		font-style: normal;
		font-size: 14px;
		font-weight: 900;
	}

	.product-solution-card__body em::after {
		content: "\f105";
		margin-left: 8px;
		font-family: FontAwesome;
		transition: transform .2s ease;
	}

	.product-solution-card:hover .product-solution-card__body em::after {
		transform: translateX(4px);
	}

	.product-solution-card--software .product-solution-card__body em {
		color: var(--teal);
	}

	.product-usecase-section {
		padding: 72px 0;
		background: #f6f9fe;
	}

	.product-usecase-head {
		margin-bottom: 30px;
	}

	.product-usecase-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 18px;
	}

	.product-usecase-card {
		display: block;
		min-height: 236px;
		padding: 28px;
		color: inherit;
		background: #fff;
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		box-shadow: 0 12px 32px rgba(18, 35, 61, .05);
		transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
	}

	.product-usecase-card:hover {
		color: inherit;
		text-decoration: none;
		border-color: rgba(11, 100, 216, .24);
		box-shadow: 0 20px 48px rgba(18, 35, 61, .11);
		transform: translateY(-4px);
	}

	.product-usecase-card i {
		width: 46px;
		height: 46px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 22px;
		color: #fff;
		background: linear-gradient(135deg, var(--brand), var(--teal));
		border-radius: 8px;
		font-size: 20px;
	}

	.product-usecase-card strong {
		display: block;
		margin-bottom: 12px;
		color: var(--ink);
		font-size: 20px;
		font-weight: 900;
	}

	.product-usecase-card span {
		display: block;
		color: var(--muted);
		font-size: 15px;
		line-height: 1.78;
	}

	.product-config-section {
		padding: 74px 0 86px;
		background: #fff;
	}

	.product-config-layout {
		display: grid;
		grid-template-columns: minmax(0, .68fr) minmax(0, 1fr);
		gap: 60px;
		align-items: center;
	}

	.product-config-copy p {
		margin: 18px 0 0;
		color: var(--muted);
		font-size: 16px;
		line-height: 1.86;
	}

	.product-config-steps {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.product-config-steps div {
		padding: 26px;
		background: var(--navy);
		border-radius: 8px;
		box-shadow: 0 16px 38px rgba(9, 22, 44, .12);
	}

	.product-config-steps em {
		display: block;
		margin-bottom: 28px;
		color: var(--gold);
		font-style: normal;
		font-size: 30px;
		font-weight: 900;
	}

	.product-config-steps strong {
		display: block;
		margin-bottom: 10px;
		color: #fff;
		font-size: 20px;
		font-weight: 900;
	}

	.product-config-steps span {
		color: rgba(255, 255, 255, .68);
		font-size: 14px;
		line-height: 1.7;
	}

.product-center-pages .sortnav {
	margin-bottom: 26px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.product-center-pages .sortnav__btn {
	min-height: 40px;
	padding: 0 18px;
	background: #f5f8fc;
	border: 1px solid #e2e9f1;
	border-radius: 999px;
	font-weight: 700;
}

.product-center-pages .sortnav__btn em {
	display: none;
}

.product-shelf-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	margin: 30px 0 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid #d9e1ea;
}

.product-shelf-head h2 {
	position: relative;
	margin: 0;
	color: #1a5d96;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 900;
}

.product-shelf-head h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -19px;
	width: 190px;
	height: 2px;
	background: #1a5d96;
}

.product-shelf-head a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #24364c;
	font-size: 14px;
	font-weight: 700;
}

.product-shelf-head a:hover {
	color: var(--brand);
	text-decoration: none;
}

.product-shelf-head p {
	margin: 0;
	color: #607086;
	font-size: 14px;
	line-height: 1.7;
}

.product-series-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(36px, 7vw, 110px);
	margin: 18px 0 42px;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #d9e1ea;
	border-radius: 0;
}

.product-series-tab {
	position: relative;
	min-height: 56px;
	padding: 0 0 16px;
	color: #7c8794;
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
	transition: color .2s ease, background .2s ease;
}

.product-series-tab::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 76px;
	height: 3px;
	background: #17639f;
	border-radius: 0;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .2s ease;
}

.product-series-tab:hover,
.product-series-tab.is-active {
	color: #17639f;
	background: transparent;
	box-shadow: none;
	transform: none;
}

.product-series-tab:hover::before,
.product-series-tab.is-active::before {
	transform: translateX(-50%) scaleX(1);
}

.product-series-tab:focus {
	outline: 0;
	color: #17639f;
	background: transparent;
}

.product-series-tab[data-series-title="智慧停车场管理系统"] {
	display: none;
}

.product-series-list {
	margin: 0 0 54px;
}

.product-series {
	margin-bottom: 44px;
}

.product-series-list.is-tabbed .product-series {
	display: none;
	margin-bottom: 0;
}

.product-series-list.is-tabbed .product-series.is-active {
	display: block;
}

.product-series[data-title="智慧停车场管理系统"] {
	display: none;
}

.product-series__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 24px;
}

.product-series__head h3 {
	position: relative;
	margin: 0;
	padding-left: 16px;
	color: #17639f;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.35;
}

.product-series__head h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	width: 4px;
	height: 1.05em;
	background: #17639f;
	border-radius: 4px;
}

.product-series__head a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #607086;
	font-size: 14px;
	font-weight: 700;
}

.product-series__head a:hover {
	color: var(--brand);
	text-decoration: none;
}

.product-model-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.product-model-card {
	display: block;
	min-height: 318px;
	padding: 12px 12px 28px;
	background: #fff;
	border: 1px solid #dfe5ec;
	box-shadow: none;
	text-align: center;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.product-model-card:hover {
	border-color: #68b7d6;
	box-shadow: 0 14px 28px rgba(23, 99, 159, .14);
	transform: translateY(-3px);
	text-decoration: none;
}

.product-model-card__media {
	position: relative;
	margin-bottom: 16px;
	background: #fff;
	border-bottom: 1px dashed #dfe5ec;
	line-height: 0;
}

.product-model-card__media::before {
	content: "";
	display: block;
	padding-top: 82%;
}

.product-model-card__media img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 74%;
	height: 74%;
	object-fit: contain;
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
}

.product-model-card:hover .product-model-card__media img {
	transform: translate(-50%, -50%) scale(1.04);
}

.product-model-card strong {
	display: block;
	color: #24364c;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
}

.product-model-card span {
	display: -webkit-box;
	margin-top: 10px;
	color: #66768a;
	font-size: 13px;
	line-height: 1.7;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.product-title-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.parking-product-nav {
	position: sticky;
	top: 86px;
	z-index: 20;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 0;
	width: 100%;
	max-width: 100%;
	margin: -8px auto 56px;
	padding: 0;
	background: linear-gradient(135deg, #f8fbff 0%, #eef7f6 100%);
	border: 0;
	box-shadow: 0 20px 48px rgba(23, 54, 89, .09);
	backdrop-filter: blur(18px);
	overflow: hidden;
}

.parking-product-nav a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 96px;
	padding: 22px 26px;
	color: #1c2d44;
	background: transparent;
	border: 0;
	box-shadow: none;
	overflow: hidden;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.35;
	white-space: normal;
	isolation: isolate;
}

.parking-product-nav a + a {
	border-left: 1px solid rgba(196, 213, 228, .58);
}

.parking-product-nav a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(135deg, rgba(11, 100, 216, .12), rgba(16, 166, 161, .14));
	opacity: 0;
	transition: opacity .25s ease;
}

.parking-product-nav a i {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 54px;
	width: 54px;
	height: 54px;
	color: var(--brand);
	background: rgba(255, 255, 255, .72);
	box-shadow: 0 14px 28px rgba(11, 100, 216, .1);
	font-size: 22px;
}

.parking-product-nav a i::after {
	content: "";
	position: absolute;
	inset: -9px;
	background: radial-gradient(circle, rgba(16, 166, 161, .14), transparent 68%);
	z-index: -1;
}

.parking-product-nav a span {
	display: block;
	min-width: 0;
}

.parking-product-nav a:hover {
	color: #0f2744;
	background: transparent;
	box-shadow: none;
	transform: none;
	text-decoration: none;
}

.parking-product-nav a:hover::before {
	opacity: 1;
}

.parking-product-nav a::after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--brand), var(--brand-2));
	opacity: 0;
	transform: scaleX(.35);
	transform-origin: left center;
	transition: opacity .2s ease, transform .2s ease;
}

.parking-product-nav a:hover::after {
	opacity: 1;
	transform: scaleX(1);
}

.parking-product-section {
	padding: 10px 0 58px;
	scroll-margin-top: 150px;
}

.parking-product-section h2 {
	position: relative;
	margin: 0 0 30px;
	text-align: center;
	color: #1c2d44;
	font-size: 30px;
	font-weight: 800;
}

.parking-product-section h2 small {
	display: block;
	margin-bottom: 8px;
	color: var(--brand-2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.parking-product-section h2 span {
	display: inline-block;
	position: relative;
	padding-bottom: 14px;
}

.parking-product-section h2 span::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 54px;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--brand-2));
	transform: translateX(-50%);
}

.product-title-card {
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding: 0;
	color: #24364c;
	background: #fff;
	border: 1px solid #dfe5ec;
	overflow: hidden;
	box-shadow: 0 12px 28px rgba(26, 56, 94, .06);
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.product-title-card:hover {
	color: var(--brand);
	border-color: #68b7d6;
	box-shadow: 0 22px 44px rgba(23, 99, 159, .16);
	transform: translateY(-4px);
	text-decoration: none;
}

.product-title-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1.35;
	padding: 18px;
	background: #fff;
	border-bottom: 1px solid #e3eaf1;
}

.product-title-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: normal;
	transition: transform .25s ease;
}

.product-title-card:hover .product-title-card__media img {
	transform: scale(1.04);
}

.product-title-card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 76px;
	padding: 16px 20px 18px;
	text-align: center;
}

.product-title-card__body strong {
	display: block;
	color: #1c2d44;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.55;
	text-align: center;
}

.product-title-card__body span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	color: var(--brand);
	font-size: 13px;
	font-weight: 800;
}

/* 独立产品分类列表：统一缩略图视觉高度，避免竖版产品图拉长整张卡片。 */
.product-generic-list .product-title-card__media {
	height: 220px;
	aspect-ratio: auto;
	padding: 14px;
}

.product-generic-list .product-title-card__media img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 190px;
}

.product-generic-section {
	padding: 0 0 48px;
}

.product-generic-head {
	margin-bottom: 40px;
}

.product-generic-head span {
	display: block;
	margin-bottom: 10px;
	color: var(--brand);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
}

.product-generic-head h2 {
	margin: 0 0 12px;
	color: var(--ink);
	font-size: clamp(30px, 3.5vw, 48px);
	font-weight: 900;
	line-height: 1.2;
}

.product-generic-head p {
	max-width: 860px;
	margin: 0;
	color: #66758a;
	line-height: 1.8;
}

.product-generic-list {
	gap: 34px;
}

.product-generic-children {
	margin-bottom: 28px;
}

.parking-hardware-catalog {
	position: relative;
	margin: -8px 0 52px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	overflow: visible;
}

.parking-hardware-catalog::before {
	content: "";
	position: absolute;
	top: 118px;
	left: 0;
	right: auto;
	width: 96px;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--brand-2));
}

.parking-hardware-catalog__head {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(280px, .46fr);
	gap: 54px;
	align-items: center;
	margin-bottom: 34px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e4edf5;
}

.parking-hardware-catalog__head h2 {
	margin-bottom: 14px;
	font-size: clamp(34px, 4vw, 56px);
	letter-spacing: 0;
}

.parking-hardware-catalog__head p {
	max-width: 760px;
	font-size: 16px;
}

.parking-hardware-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	align-self: stretch;
	border-left: 1px solid #e2ebf4;
}

.parking-hardware-summary div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 86px;
	padding: 8px 0 8px 22px;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.parking-hardware-summary strong {
	display: block;
	color: var(--brand);
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
}

.parking-hardware-summary span {
	display: block;
	margin-top: 10px;
	color: #5f6f82;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.45;
}

.parking-hardware-tabs {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
	margin-bottom: 34px;
	padding: 0;
	border-bottom: 1px solid #e2ebf4;
	border-radius: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.parking-hardware-tabs::-webkit-scrollbar {
	display: none;
}

.parking-hardware-tab {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	min-width: 230px;
	min-height: 76px;
	padding: 0 0 18px;
	color: #1f3147;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;
	cursor: pointer;
	transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.parking-hardware-tab i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	color: var(--brand);
	background: #eef6ff;
	border-radius: 8px;
	font-size: 19px;
	transition: color .2s ease, background .2s ease;
}

.parking-hardware-tab span {
	display: block;
	min-width: 0;
}

.parking-hardware-tab strong {
	display: block;
	color: inherit;
	font-size: 16px;
}

.parking-hardware-tab small {
	display: block;
	margin-top: 6px;
	color: #6b7d90;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.parking-hardware-tab:hover,
.parking-hardware-tab.is-active {
	color: var(--brand);
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

.parking-hardware-tab::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--brand-2));
	opacity: 0;
	transform: scaleX(.4);
	transform-origin: left center;
	transition: opacity .2s ease, transform .2s ease;
}

.parking-hardware-tab:hover::after,
.parking-hardware-tab.is-active::after {
	opacity: 1;
	transform: scaleX(1);
}

.parking-hardware-tab:hover i,
.parking-hardware-tab.is-active i {
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--brand-2));
}

.parking-hardware-tab:hover small,
.parking-hardware-tab.is-active small {
	color: #5d7084;
}

.parking-hardware-panel {
	display: none;
}

.parking-hardware-panel.is-active {
	display: block;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.parking-overview-tabs .parking-hardware-tabs {
	display: flex;
	justify-content: center;
	gap: 0;
	margin: 0 auto 42px;
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--brand-line);
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
}

.parking-overview-tabs .parking-hardware-tab {
	position: relative;
	display: block;
	flex: 0 1 220px;
	min-width: 180px;
	min-height: 0;
	padding: 24px 28px;
	color: var(--ink);
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	font-weight: 800;
	cursor: pointer;
	transform: none;
	transition: color .22s ease, background .22s ease;
}

.parking-overview-tabs .parking-hardware-tab:focus,
.parking-overview-tabs .parking-hardware-tab:focus-visible {
	border-color: transparent;
	box-shadow: none;
	outline: 0;
}

.parking-overview-tabs .parking-hardware-tab i,
.parking-overview-tabs .parking-hardware-tab small {
	display: none;
}

.parking-overview-tabs .parking-hardware-tab span,
.parking-overview-tabs .parking-hardware-tab strong {
	display: block;
	color: inherit;
	font-size: 18px;
	line-height: 1.35;
}

.parking-overview-tabs .parking-hardware-tab::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--brand), var(--teal));
	border-radius: 999px 999px 0 0;
	opacity: 0;
	transform: scaleX(.45);
	transform-origin: center;
	transition: opacity .22s ease, transform .22s ease;
}

.parking-overview-tabs .parking-hardware-tab::after {
	display: none;
}

.parking-overview-tabs .parking-hardware-tab:hover,
.parking-overview-tabs .parking-hardware-tab.is-active {
	color: var(--brand);
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

.parking-overview-tabs .parking-hardware-tab:hover::before,
.parking-overview-tabs .parking-hardware-tab.is-active::before {
	opacity: 1;
	transform: scaleX(1);
}

.parking-overview-tabs--access .parking-hardware-tabs {
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--brand-line);
	border-radius: 0;
	box-shadow: none;
}

.parking-overview-tabs--access .parking-hardware-tab:hover,
.parking-overview-tabs--access .parking-hardware-tab.is-active {
	background: transparent;
}

.parking-overview-tabs .product-title-card:only-child {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.parking-overview-tabs .product-title-grid,
.parking-overview-tabs .product-title-grid:has(> .product-title-card:only-child) {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.parking-overview-tabs .product-title-card:only-child .product-title-card__media {
	height: 300px;
	min-height: 0;
	border-right: 0;
	border-bottom: 1px solid #e3eaf1;
}

.parking-overview-tabs .product-title-card:only-child .product-title-card__body {
	justify-content: flex-start;
	min-height: 0;
	padding: 18px 20px 20px;
}

.parking-overview-tabs .product-title-card:only-child .product-title-card__body strong {
	font-size: 18px;
}
.parking-hardware-panel__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 24px;
	padding-bottom: 0;
	border-bottom: 0;
}

.parking-hardware-panel__head small {
	display: block;
	margin-bottom: 8px;
	color: var(--brand-2);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.parking-hardware-panel__head h3 {
	margin: 0;
	color: var(--ink);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.25;
}

.parking-hardware-panel__head p {
	max-width: 620px;
	margin: 10px 0 0;
	color: #647588;
	font-size: 15px;
	line-height: 1.7;
}

.parking-hardware-panel__head a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	min-height: 40px;
	padding: 0 16px;
	color: var(--brand);
	background: #eef6ff;
	border: 1px solid rgba(11, 100, 216, .16);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 900;
}

.parking-hardware-panel__head a:hover {
	color: #fff;
	background: var(--brand);
	text-decoration: none;
}

.parking-hardware-catalog .product-title-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.parking-hardware-catalog .product-title-grid:has(> .product-title-card:only-child) {
	grid-template-columns: minmax(0, 680px);
}

.parking-hardware-catalog .product-title-card {
	position: relative;
	background: #fff;
	border-color: #dbe5ee;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(24, 58, 96, .08);
}

.parking-hardware-catalog .product-title-card:only-child {
	display: grid;
	grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
	min-height: 320px;
}

.parking-hardware-catalog .product-title-card__media {
	position: relative;
	height: 300px;
	aspect-ratio: auto;
	padding: 26px;
	background: #fff;
	overflow: hidden;
}

.parking-hardware-catalog .product-title-card:only-child .product-title-card__media {
	height: 100%;
	min-height: 320px;
	border-right: 1px solid #e3eaf1;
	border-bottom: 0;
}

.parking-hardware-catalog .product-title-card__media img {
	width: auto;
	max-width: 92%;
	height: 100%;
	max-height: 246px;
	object-fit: contain;
}

.parking-hardware-catalog .product-title-card:only-child .product-title-card__media img {
	max-height: 276px;
}

.parking-hardware-catalog .product-title-card__media em {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 10px;
	color: #0b64d8;
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(11, 100, 216, .12);
	border-radius: 8px;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
}

.parking-hardware-catalog .product-title-card__body {
	min-height: 82px;
	padding: 16px 22px 18px;
}

.parking-hardware-catalog .product-title-card:only-child .product-title-card__body {
	justify-content: center;
	min-height: 0;
	padding: 32px;
}

.parking-hardware-catalog .product-title-card__body strong {
	font-size: 18px;
}

.parking-hardware-catalog .product-title-card:only-child .product-title-card__body strong {
	font-size: 24px;
}

.parking-overview-tabs .product-title-grid,
.parking-overview-tabs .product-title-grid:has(> .product-title-card:only-child) {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.parking-overview-tabs .product-title-card:only-child {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.parking-overview-tabs .product-title-card:only-child .product-title-card__media {
	height: 300px;
	min-height: 0;
	border-right: 0;
	border-bottom: 1px solid #e3eaf1;
}

.parking-overview-tabs .product-title-card:only-child .product-title-card__body {
	justify-content: flex-start;
	min-height: 0;
	padding: 18px 20px 20px;
}

.parking-overview-tabs .product-title-card:only-child .product-title-card__body strong {
	font-size: 18px;
}

.parking-overview-tabs .product-title-card__body span {
	display: none;
}

.parking-overview-tabs .parking-product-section h2 {
	text-align: left;
}

.parking-overview-tabs .parking-product-section h2 span {
	padding-bottom: 0;
}

.parking-overview-tabs .parking-product-section h2 span::after {
	display: none;
}

.parking-overview-tabs .product-title-card__body {
	justify-content: flex-start;
	min-height: 0;
	padding: 18px 20px 20px;
}

.parking-overview-tabs .product-title-card,
.parking-overview-tabs .product-title-card:focus,
.parking-overview-tabs .product-title-card:focus-visible,
.parking-overview-tabs .product-title-card__body span,
.parking-overview-tabs .product-title-card__body span:focus,
.parking-overview-tabs .product-title-card__body span:focus-visible {
	outline: 0;
}

.product-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	padding: 42px 28px;
	background: #f7f9fc;
	border: 1px dashed rgba(18,35,61,.16);
	border-radius: 8px;
	text-align: center;
}

.product-empty-state i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 18px;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
	font-size: 22px;
}

.product-empty-state strong {
	color: var(--ink);
	font-size: 22px;
	font-weight: 900;
}

.product-empty-state span {
	max-width: 560px;
	margin: 10px auto 20px;
	color: #66758a;
	line-height: 1.75;
}

.product-empty-state a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 20px;
	color: #fff;
	background: var(--brand);
	border-radius: 8px;
	font-weight: 900;
}

	@media (max-width: 991.98px) {
		.product-category-hero {
			padding-top: 56px;
	}

	.product-category-hero .container {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.product-category-hero__copy {
		padding-bottom: 0;
	}

	.product-category-hero__copy h1 {
		font-size: 40px;
	}

	.product-category-hero__visual {
		min-height: 300px;
	}

		.product-center-hero .container {
			grid-template-columns: 1fr;
			gap: 34px;
		}

		.product-center-hero--solution .container,
		.product-config-layout {
			grid-template-columns: 1fr;
		}

		.product-center-hero__copy h1 {
			font-size: 40px;
		}

	.product-center-proof .container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

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

	.parking-product-nav {
		position: static;
		display: flex;
		justify-content: flex-start;
		gap: 0;
		overflow-x: auto;
		flex-wrap: nowrap;
		width: 100%;
		padding: 0;
		-webkit-overflow-scrolling: touch;
	}

	.parking-product-nav::-webkit-scrollbar {
		display: none;
	}

	.parking-product-nav a {
		flex: 0 0 250px;
		min-height: 88px;
		padding: 18px 22px;
	}

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

		.parking-hardware-catalog__head {
			grid-template-columns: 1fr;
			gap: 10px;
		}

		.parking-hardware-tabs {
			display: flex;
			flex-wrap: nowrap;
		}

		.parking-overview-tabs .parking-hardware-tabs {
			justify-content: flex-start;
			overflow-x: auto;
			flex-wrap: nowrap;
			padding: 0;
			border-radius: 0;
		}

		.parking-overview-tabs .parking-hardware-tab {
			flex: 0 0 auto;
			min-width: auto;
			padding: 18px 20px;
			white-space: nowrap;
		}

		.parking-overview-tabs .parking-hardware-tab span,
		.parking-overview-tabs .parking-hardware-tab strong {
			font-size: 16px;
		}

		.parking-hardware-catalog .product-title-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.product-solution-index__head {
			display: block;
		}

		.product-solution-index__head p {
			max-width: none;
			margin-top: 14px;
		}

		.product-solution-card,
		.product-solution-card--large {
			grid-column: auto;
			grid-template-columns: 1fr;
			min-height: auto;
		}

		.product-solution-card__media {
			min-height: 260px;
		}

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

		.product-series-tabs {
			flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 34px;
		overflow-x: auto;
		padding: 0 4px;
		-webkit-overflow-scrolling: touch;
	}

	.product-series-tab {
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

@media (max-width: 575.98px) {
	.product-category-hero {
		padding-top: 46px;
	}

	.product-category-hero__copy h1 {
		font-size: 32px;
	}

	.product-category-hero__copy p {
		font-size: 16px;
	}

	.product-category-hero__actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.product-category-hero__visual {
		min-height: 220px;
	}

		.product-center-hero {
			padding: 58px 0 64px;
		}

		.product-center-hero--solution {
			padding: 56px 0 60px;
		}

		.product-center-hero__copy h1 {
			font-size: 32px;
		}

		.product-center-hero__visual {
			min-height: 250px;
		}

		.product-center-proof .container {
			grid-template-columns: 1fr;
	}

	.product-title-grid {
		grid-template-columns: 1fr;
	}

	.parking-hardware-catalog {
		margin: -6px -2px 34px;
		padding: 22px 16px;
	}

	.parking-hardware-summary {
		grid-template-columns: 1fr;
	}

	.parking-hardware-summary div {
		min-height: 74px;
	}

		.parking-hardware-tab {
			min-width: 238px;
		}

		.parking-overview-tabs .parking-hardware-tab {
			min-width: auto;
		}

		.parking-hardware-panel.is-active {
			padding: 20px 14px;
		}

		.parking-overview-tabs .parking-hardware-panel.is-active {
			padding: 0;
		}

	.parking-hardware-catalog .product-title-grid {
		grid-template-columns: 1fr;
	}

	.parking-hardware-catalog .product-title-card:only-child {
		display: flex;
		min-height: 0;
	}

	.parking-hardware-catalog .product-title-card:only-child .product-title-card__media {
		height: 300px;
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid #e3eaf1;
	}

	.parking-hardware-catalog .product-title-card:only-child .product-title-card__body {
		padding: 22px;
	}

	.parking-hardware-panel__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.parking-hardware-panel__head h3 {
		font-size: 24px;
	}

	.parking-product-section h2 {
		font-size: 24px;
	}

	.product-model-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.product-series {
		margin-bottom: 34px;
	}

	.product-series__head {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 18px;
	}

	.product-series__head h3 {
		font-size: 22px;
	}

	.product-series-tabs {
		margin-bottom: 22px;
	}

	.product-hub {
		padding: 46px 0 56px;
	}

	.product-hub__head h2 {
		font-size: 28px;
	}

		.product-hub__grid {
			grid-template-columns: 1fr;
			gap: 18px;
		}

		.product-solution-index,
		.product-usecase-section,
		.product-config-section {
			padding: 52px 0;
		}

		.product-solution-index__head h2,
		.product-usecase-head h2,
		.product-config-copy h2 {
			font-size: 28px;
		}

		.product-solution-grid,
		.product-usecase-grid,
		.product-config-steps {
			grid-template-columns: 1fr;
			gap: 18px;
		}

		.product-solution-card__media {
			min-height: 220px;
		}

		.product-solution-card__body {
			padding: 26px;
		}

		.product-solution-card--large .product-solution-card__body h3,
		.product-solution-card__body h3 {
			font-size: 24px;
		}

		.product-hub-card {
			min-height: auto;
		padding: 28px 24px;
	}

	.product-hub-card span {
		min-height: auto;
	}

	.product-shelf-head {
		margin-top: 24px;
	}

	.product-shelf-head h2 {
		font-size: 26px;
	}

	.product-model-card {
		min-height: 220px;
	}
}

/* 产品详情 - 通栏布局 */
.pd-hero {
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .97), rgba(11, 100, 216, .82)),
		radial-gradient(circle at 88% 16%, rgba(16, 166, 161, .32), transparent 44%);
	color: #fff;
}

.pd-hero__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 64px 20px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 56px;
	align-items: center;
}

.pd-hero__media {
	line-height: 0;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
}

.pd-hero__media::before {
	content: "";
	display: block;
	padding-top: 75%;
}

.pd-hero__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pd-hero__media {
	position: relative;
}

.pd-hero__tag {
	display: inline-block;
	padding: 6px 16px;
	margin-bottom: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--gold), #e0c27a);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .06em;
}

.pd-hero__info h2 {
	margin-bottom: 16px;
	color: #fff;
	font-size: 38px;
	font-weight: 900;
	line-height: 1.25;
}

.pd-hero__info > p {
	margin-bottom: 24px;
	color: rgba(255, 255, 255, .82);
	font-size: 17px;
	line-height: 1.9;
}

.pd-hero__points {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.pd-hero__points li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	color: rgba(255, 255, 255, .92);
	font-size: 16px;
	font-weight: 600;
}

.pd-hero__points i {
	color: var(--gold);
	font-size: 18px;
}

.pd-hero__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 32px;
	color: #071832;
	background: linear-gradient(135deg, var(--gold), #e0c27a);
	border-radius: 999px;
	font-size: 16px;
	font-weight: 800;
	box-shadow: 0 14px 30px rgba(199, 154, 58, .35);
	transition: transform .25s ease, box-shadow .25s ease;
}

.pd-hero__btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 38px rgba(199, 154, 58, .5);
	color: #071832;
}

.pd-hero__btn--block {
	display: flex;
	justify-content: center;
	width: 100%;
}

/* 通栏区块 */
.pd-section {
	padding: 64px 0;
}

.pd-section--soft {
	background: var(--soft);
}

.pd-head {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 36px;
}

.pd-head > i {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), #3a86ff);
	border-radius: 12px;
	font-size: 18px;
	font-weight: 900;
	font-style: normal;
	box-shadow: 0 10px 22px rgba(11, 100, 216, .3);
}

.pd-head h3 {
	color: var(--ink);
	font-size: 26px;
	font-weight: 900;
	line-height: 1.2;
}

.pd-head span {
	display: block;
	margin-top: 4px;
	color: var(--muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
}

.pd-overview {
	max-width: 920px;
	padding: 28px 32px;
	background: #fff;
	border: 1px solid var(--line);
	border-left: 4px solid var(--brand);
	border-radius: 12px;
	color: var(--muted);
	font-size: 17px;
	line-height: 1.95;
	box-shadow: 0 12px 30px rgba(18, 35, 61, .06);
}

/* 核心特性 */
.pd-feature-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.pd-feature-card {
	padding: 30px 24px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(18, 35, 61, .06);
	transition: transform .25s ease, box-shadow .25s ease;
}

.pd-feature-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 42px rgba(18, 35, 61, .13);
}

.pd-feature-card > i {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 13px;
	font-size: 22px;
}

.pd-feature-card strong {
	display: block;
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
}

.pd-feature-card > span {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.8;
}

/* 产品详情 + 侧栏 */
.pd-content-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 32px;
	align-items: start;
}

.pd-content {
	padding: 34px 36px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 14px 36px rgba(18, 35, 61, .06);
}

.pd-aside {
	position: sticky;
	top: 20px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.pd-aside-card {
	padding: 24px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(18, 35, 61, .06);
}

.pd-aside-card .eyebrow {
	color: var(--brand);
	font-weight: 900;
	letter-spacing: .08em;
}

.pd-aside-card h3 {
	margin: 10px 0 12px;
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.4;
}

.pd-aside-card p {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 14px;
}

.pd-aside-card ul {
	margin: 0;
	padding-left: 18px;
	color: var(--muted);
}

.pd-aside-card li {
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.7;
}

.pd-aside-card--faq p {
	margin-bottom: 12px;
}

.pd-aside-card--faq p:last-child {
	margin-bottom: 0;
}

.pd-aside-card--faq strong {
	color: var(--ink);
}

/* 正文排版 */
.pd-content h2,
.pd-content h3 {
	margin: 26px 0 14px;
	color: var(--ink);
	font-weight: 800;
}

.pd-content h2 { font-size: 22px; }
.pd-content h3 { font-size: 19px; }

.pd-content p {
	margin-bottom: 16px;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.9;
}

.pd-content ul,
.pd-content ol {
	margin: 0 0 18px;
	padding-left: 22px;
	color: var(--muted);
}

.pd-content li {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.85;
}

.pd-content img {
	max-width: 100%;
	height: auto;
	margin: 18px 0;
	border-radius: 10px;
}

.pd-content table {
	width: 100%;
	margin: 18px 0;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 10px;
	overflow: hidden;
}

.pd-content table th,
.pd-content table td {
	padding: 12px 16px;
	border-bottom: 1px solid var(--line);
	font-size: 15px;
	text-align: left;
}

.pd-content table th {
	color: var(--ink);
	background: var(--soft);
	font-weight: 800;
}

.pd-content table td {
	color: var(--muted);
}

.pd-content table tr:last-child td {
	border-bottom: 0;
}

/* 应用场景 */
.pd-scene-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.pd-scene-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 26px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 10px 26px rgba(18, 35, 61, .05);
	transition: transform .25s ease, box-shadow .25s ease;
}

.pd-scene-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 18px 38px rgba(18, 35, 61, .12);
}

.pd-scene-card > i {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--brand);
	background: rgba(11, 100, 216, .1);
	border-radius: 12px;
	font-size: 20px;
}

.pd-scene-card strong {
	color: var(--ink);
	font-size: 18px;
	font-weight: 800;
}

.pd-scene-card > span {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.75;
}

@media (max-width: 991.98px) {
	.pd-hero__inner {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 44px 20px;
	}

	.pd-hero__info h2 {
		font-size: 30px;
	}

	.pd-section {
		padding: 44px 0;
	}

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

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

	.pd-content-layout {
		grid-template-columns: 1fr;
	}

	.pd-aside {
		position: static;
	}
}

@media (max-width: 575.98px) {
	.pd-hero__info h2 {
		font-size: 26px;
	}

	.pd-feature-grid,
	.pd-scene-grid {
		grid-template-columns: 1fr;
	}

	.pd-content {
		padding: 24px 20px;
	}

	.pd-head span {
		display: none;
	}
}

/* 产品详情 - 通用可配置版 */
.product-subnav {
	position: relative;
	z-index: 10;
	background: #303030;
	color: rgba(255, 255, 255, .78);
}

.product-subnav .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 64px;
}

.product-subnav__crumb {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
}

.product-subnav__crumb a,
.product-subnav__crumb strong,
.product-subnav__links a,
.product-subnav__links button {
	color: #fff;
	text-decoration: none;
}

.product-subnav__crumb a,
.product-subnav__crumb strong {
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-subnav__crumb span {
	color: rgba(255, 255, 255, .46);
}

.product-subnav__links {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	gap: 28px;
	font-size: 14px;
	font-weight: 900;
}

.product-subnav__links a,
.product-subnav__links button {
	margin: 10px 0;
	padding: 8px 18px;
	border: 1px solid transparent;
	border-radius: 4px;
	background: transparent;
	color: rgba(255, 255, 255, .86);
	cursor: pointer;
	font: inherit;
	transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}

.product-subnav__links a:hover,

.product-subnav__links button:hover {
	color: #fff;
	background: rgba(115, 209, 255, .1);
	border-color: rgba(115, 209, 255, .36);
	text-shadow: none;
}

.product-subnav__links a.is-active,
.product-subnav__links button.is-active {
	color: #0b3f6e;
	background: #f4fbff;
	border: 1px solid #a9e1fb;
	box-shadow: none;
	text-shadow: none;
}

.product-subnav__links button[data-show-nav="0"],
.product-detail-section[data-show-tech-params="0"],
#productRelatedCases[data-show-related-cases="0"],
#productRelatedCases[data-related-ids=""] {
	display: none;
}

.product-subnav__consult {
	padding: 9px 18px !important;
	background: var(--brand) !important;
	border-radius: 4px;
	color: #fff !important;
	box-shadow: none !important;
}

.product-subnav__consult:hover {
	background: #084fab !important;
	color: #fff !important;
	box-shadow: none !important;
}

.product-tab-panel {
	display: none;
}

.product-tab-panel.is-active {
	display: block;
}

.product-tab-panel:not(.is-active) {
	display: none !important;
}

/* ADMS product page: remove the black product subnav while keeping the hero clear of the fixed header. */
.product-subnav[data-product-title="ADMS软件平台"] {
	display: none !important;
}

.product-subnav[data-product-title="ADMS软件平台"] + .product-tab-panel {
	margin-top: 77px !important;
}

.product-detail-hero {
	position: relative;
	overflow: visible;
	padding: 72px 0 72px;
	background:
		linear-gradient(120deg, rgba(255, 255, 255, .94) 0%, rgba(247, 248, 250, .92) 48%, rgba(236, 239, 243, .9) 100%),
		radial-gradient(circle at 18% 20%, rgba(148, 163, 184, .14), transparent 34%),
		radial-gradient(circle at 82% 18%, rgba(107, 114, 128, .1), transparent 30%),
		linear-gradient(135deg, #fafafa 0%, #eceff3 100%);
	color: var(--ink);
}

.product-detail-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(100, 116, 139, .055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(100, 116, 139, .055) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .18));
}

.product-detail-hero .container {
	position: relative;
	z-index: 1;
}

.product-detail-hero .position,
.product-detail-hero .position a {
	color: rgba(31, 45, 64, .64);
}

.product-detail-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
	gap: 54px;
	align-items: center;
	margin-top: 26px;
}

.product-gallery {
	min-width: 0;
}

.product-gallery-main {
	border: 1px solid rgba(128, 150, 176, .22);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 28px 70px rgba(26, 52, 88, .18);
	overflow: hidden;
}

.product-gallery-main .swiper-slide {
	aspect-ratio: 4 / 3;
	padding: 30px;
	background: #fff;
}

.product-gallery-main img,
.product-gallery-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.product-gallery-thumbs {
	margin-top: 14px;
}

.product-gallery-thumbs .swiper-slide {
	height: 86px;
	padding: 8px;
	border: 1px solid rgba(128, 150, 176, .25);
	border-radius: 6px;
	background: rgba(255, 255, 255, .84);
	overflow: hidden;
	cursor: pointer;
	opacity: .66;
}

.product-gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border-color: var(--brand);
	box-shadow: 0 8px 22px rgba(22, 103, 211, .16);
}

.product-gallery-main.is-single .product-gallery-prev,
.product-gallery-main.is-single .product-gallery-next,
.product-gallery-thumbs.is-single {
	display: none;
}

.product-gallery-prev,
.product-gallery-next {
	width: 42px;
	height: 42px;
	margin-top: -21px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	background-image: none;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

.product-gallery-prev:after,
.product-gallery-next:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--brand);
	border-right: 2px solid var(--brand);
}

.product-gallery-prev:after {
	transform: translate(-35%, -50%) rotate(-135deg);
}

.product-gallery-next:after {
	transform: translate(-65%, -50%) rotate(45deg);
}

.product-detail-intro__sort {
	display: inline-flex;
	align-items: center;
	margin-bottom: 16px;
	padding: 7px 15px;
	color: #071832;
	background: var(--gold);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .06em;
}

.product-detail-intro h1 {
	margin: 0 0 18px;
	color: var(--ink);
	font-size: 44px;
	font-weight: 900;
	line-height: 1.22;
}

.product-detail-intro p {
	max-width: 620px;
	margin-bottom: 22px;
	color: rgba(31, 45, 64, .76);
	font-size: 17px;
	line-height: 1.9;
}

.product-detail-intro__summary {
	max-width: 680px;
	margin: -4px 0 20px;
	color: #4d5f76;
	font-size: 16px;
	line-height: 1.85;
}

.product-detail-intro__summary:empty {
	display: none;
}

.product-detail-intro__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 30px;
}

.product-detail-intro__tags span {
	padding: 7px 12px;
	color: var(--brand);
	background: rgba(22, 103, 211, .08);
	border: 1px solid rgba(22, 103, 211, .16);
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
}

.product-detail-intro__colors {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: -12px 0 28px;
}

.product-detail-intro__colors:empty {
	display: none;
}

.product-detail-intro__colors[data-colors=""] {
	display: none;
}

.product-color-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(128, 150, 176, .22);
	border-radius: 6px;
	background: rgba(255, 255, 255, .7);
	color: rgba(31, 45, 64, .8);
	font-size: 13px;
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(26, 52, 88, .08);
}

.product-color-chip i {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid rgba(31, 45, 64, .12);
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, .72);
}

.product-color-chip[data-color=""] {
	display: none;
}

.product-color-chip[data-color*="金"] i {
	background: linear-gradient(135deg, #f8df8e, #b8862b);
}

.product-color-chip[data-color*="银"] i {
	background: linear-gradient(135deg, #f8fafc, #a8b2c1);
}

.product-color-chip[data-color*="黑"] i {
	background: linear-gradient(135deg, #4b5563, #05070a);
}

.product-color-chip[data-color*="白"] i {
	background: linear-gradient(135deg, #ffffff, #e5e7eb);
}

.product-detail-intro__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 28px;
}

.btn-primary-line,
.btn-ghost-line {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 28px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 800;
}

.btn-primary-line {
	color: #071832;
	background: linear-gradient(135deg, var(--gold), #e6c982);
}

.btn-primary-line:hover {
	color: #071832;
	transform: translateY(-2px);
}

.btn-ghost-line {
	color: var(--ink);
	border: 1px solid rgba(31, 45, 64, .18);
	background: rgba(255, 255, 255, .72);
}

.btn-ghost-line:hover {
	color: var(--brand);
	border-color: rgba(22, 103, 211, .32);
	transform: translateY(-2px);
}

.product-detail-intro__note {
	max-width: 560px;
	padding: 18px 20px;
	background: rgba(255, 255, 255, .76);
	border: 1px solid rgba(128, 150, 176, .18);
	border-left: 3px solid var(--brand);
	box-shadow: 0 18px 42px rgba(26, 52, 88, .08);
}

.product-detail-intro__note strong {
	display: block;
	margin-bottom: 6px;
	color: var(--ink);
	font-size: 16px;
}

.product-detail-intro__note span {
	color: rgba(31, 45, 64, .68);
	font-size: 14px;
	line-height: 1.7;
}

.product-detail-section {
	padding: 72px 0;
}

.product-detail-section--soft {
	background: #f5f8fc;
}

.product-detail-heading {
	max-width: 760px;
	margin: 0 auto 36px;
	text-align: center;
}

.product-detail-heading span {
	display: block;
	margin-bottom: 8px;
	color: var(--gold);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .08em;
}

.product-detail-heading h2 {
	margin: 0 0 12px;
	color: var(--ink);
	font-size: 34px;
	font-weight: 900;
	line-height: 1.25;
}

.product-detail-heading p {
	margin: 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.8;
}

.product-tech-content {
	max-width: 980px;
	margin: 0 auto;
	color: #26364b;
	font-size: 15px;
	line-height: 1.85;
}

.product-tech-empty {
	display: block;
	padding: 26px;
	border: 1px dashed rgba(128, 150, 176, .35);
	background: #f8fbff;
	color: var(--muted);
	text-align: center;
}

.product-tech-content table {
	width: 100% !important;
	border-collapse: collapse;
	background: #fff;
	box-shadow: 0 18px 46px rgba(26, 52, 88, .08);
}

.product-tech-content th,
.product-tech-content td {
	padding: 16px 18px;
	border: 1px solid #e3eaf3;
	color: #26364b;
	vertical-align: top;
}

.product-tech-content th,
.product-tech-content tr:first-child td {
	background: #f3f7fc;
	font-weight: 900;
}

/* 由既有产品资料整理出的参数卡：避免将多条特性压成单行表格。 */
.product-spec-sheet {
	overflow: hidden;
	border: 1px solid #e3eaf3;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 18px 46px rgba(26, 52, 88, .08);
}

.product-spec-sheet dl {
	margin: 0;
}

.product-spec-sheet__row {
	display: grid;
	grid-template-columns: 168px minmax(0, 1fr);
	border-bottom: 1px solid #e3eaf3;
}

.product-spec-sheet__row:last-child {
	border-bottom: 0;
}

.product-spec-sheet dt,
.product-spec-sheet dd {
	margin: 0;
	padding: 20px 22px;
}

.product-spec-sheet dt {
	color: #31455f;
	background: #f3f7fc;
	font-weight: 900;
}

.product-spec-sheet dd {
	color: #26364b;
	line-height: 1.75;
}

.product-spec-sheet dd strong {
	color: var(--ink);
	font-weight: 900;
}

.product-spec-sheet__row--features dd {
	padding: 14px 16px;
}

.product-spec-sheet ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-spec-sheet li {
	position: relative;
	min-height: 48px;
	padding: 13px 15px 13px 35px;
	border: 1px solid #e5effb;
	border-radius: 6px;
	background: #f7fbff;
	line-height: 1.6;
}

.product-spec-sheet li::before {
	position: absolute;
	left: 17px;
	top: 23px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--brand);
	box-shadow: 0 0 0 5px rgba(11, 100, 216, .09);
	content: "";
}

@media (max-width: 767.98px) {
	.product-spec-sheet__row {
		grid-template-columns: 1fr;
	}

	.product-spec-sheet dt {
		padding: 13px 16px;
	}

	.product-spec-sheet dd {
		padding: 16px;
	}

	.product-spec-sheet ul {
		grid-template-columns: 1fr;
	}
}

.product-video-box {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: 28px;
	align-items: stretch;
	max-width: 1040px;
	margin: 0 auto;
}

.product-video-player {
	position: relative;
	min-height: 360px;
	border-radius: 10px;
	overflow: hidden;
	background: #07111f;
	box-shadow: 0 24px 58px rgba(7, 17, 31, .18);
}

.product-video-poster,
.product-video-frame {
	position: absolute;
	inset: 0;
}

.product-video-poster {
	cursor: pointer;
}

.product-video-poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product-video-poster > div {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #fff;
	background: rgba(7, 17, 31, .38);
	font-weight: 800;
}

.product-video-poster i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--brand);
	font-size: 28px;
	text-indent: 4px;
}

.product-video-poster.is-empty {
	cursor: default;
}

.product-video-poster.is-empty img {
	opacity: .22;
}

.product-video-poster.is-empty > div {
	background: rgba(7, 17, 31, .62);
}

.product-video-poster.is-empty i {
	display: none;
}

.product-video-poster.is-empty span::before {
	content: "暂无视频";
	display: block;
	margin-bottom: 6px;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
}

.product-video-frame {
	display: none;
}

#productVideoInner,
#productVideoInner > p {
	position: absolute;
	inset: 0;
	margin: 0;
}

.product-video-copy {
	padding: 30px;
	border: 1px solid rgba(128, 150, 176, .2);
	border-radius: 8px;
	background: rgba(255, 255, 255, .86);
}

.product-video-copy span {
	display: block;
	margin-bottom: 12px;
	color: var(--gold);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
}

.product-video-copy h3 {
	margin: 0 0 12px;
	color: var(--ink);
	font-size: 24px;
	font-weight: 900;
}

.product-video-copy p {
	margin: 0;
	color: var(--muted);
	line-height: 1.8;
}

.product-video-sources {
	display: none;
}

.product-video-list {
	max-width: 1120px;
	margin: 0 auto;
}

.product-video-list .news-video-category__cover {
	aspect-ratio: 16 / 9;
	min-height: 0;
	background: #07111f;
}

.product-video-list .news-video-category__cover img {
	object-fit: contain;
	opacity: 1;
}

.product-video-list .news-video-category__cover span,
.product-video-list .news-video-category__body em {
	display: none;
}

.product-video-empty {
	display: none;
	max-width: 860px;
	margin: 0 auto;
	padding: 34px;
	color: var(--muted);
	background: #fff;
	border: 1px dashed var(--line);
	border-radius: 8px;
	text-align: center;
}

.product-value-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.product-value-card {
	min-height: 210px;
	padding: 28px;
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .1);
	border-radius: 8px;
	box-shadow: 0 16px 38px rgba(18, 35, 61, .07);
}

.product-value-card i {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--brand-2));
	border-radius: 6px;
	font-size: 20px;
}

.product-value-card strong {
	display: block;
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.35;
}

.product-value-card span {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.8;
}

.product-info-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 34px;
	align-items: start;
}

.product-rich-content {
	min-height: 320px;
	padding: 38px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 14px 38px rgba(18, 35, 61, .06);
}

.product-rich-content:empty::before {
	content: "后台粘贴产品详情 HTML 后，将在这里展示完整图文内容。";
	display: block;
	color: var(--muted);
	font-size: 16px;
}

.product-rich-content h2,
.product-rich-content h3 {
	margin: 26px 0 14px;
	color: var(--ink);
	font-weight: 900;
}

.product-rich-content p,
.product-rich-content li {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.9;
}

.product-rich-content img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.product-rich-content table {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
}

.product-rich-content th,
.product-rich-content td {
	padding: 13px 16px;
	border: 1px solid var(--line);
	font-size: 15px;
}

.product-rich-content th {
	color: var(--ink);
	background: #f3f7fb;
	font-weight: 800;
}

.product-info-aside {
	position: sticky;
	top: 96px;
	display: grid;
	gap: 18px;
}

.product-spec-card,
.product-consult-card {
	padding: 26px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
}

.product-spec-card h3,
.product-consult-card h3 {
	margin: 0 0 18px;
	color: var(--ink);
	font-size: 20px;
	font-weight: 900;
}

.product-spec-list dl {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 14px;
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px solid var(--line);
}

.product-spec-list dl:last-child {
	border-bottom: 0;
}

.product-spec-list dt {
	color: var(--ink);
	font-size: 14px;
	font-weight: 800;
}

.product-spec-list dd {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}

.product-consult-card {
	color: #fff;
	background: linear-gradient(135deg, #071832, #0b64d8);
	border: 0;
}

.product-consult-card span {
	color: var(--gold);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
}

.product-consult-card h3,
.product-consult-card p {
	color: #fff;
}

.product-consult-card p {
	margin-bottom: 20px;
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	line-height: 1.8;
}

.product-consult-card a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	color: #071832;
	background: var(--gold);
	border-radius: 4px;
	font-weight: 800;
}

.product-scene-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.product-scene-gallery figure {
	margin: 0;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
}

.product-scene-gallery img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
}

.product-scene-gallery figcaption {
	padding: 15px 18px;
	color: var(--ink);
	font-size: 15px;
	font-weight: 800;
}

.product-scene-empty {
	grid-column: 1 / -1;
	padding: 34px;
	color: var(--muted);
	background: #fff;
	border: 1px dashed var(--line);
	border-radius: 8px;
	text-align: center;
}

.product-case-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.product-case-card {
	display: block;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
}

.product-case-card:hover {
	color: var(--ink);
	transform: translateY(-5px);
	box-shadow: 0 22px 46px rgba(18, 35, 61, .12);
}

.product-case-card img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	background: #eef3f8;
}

.product-case-card div {
	padding: 22px;
}

.product-case-card span {
	display: block;
	margin-bottom: 8px;
	color: var(--brand);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .06em;
}

.product-case-card h3 {
	margin: 0 0 10px;
	color: var(--ink);
	font-size: 19px;
	font-weight: 900;
	line-height: 1.4;
}

.product-case-card p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.75;
}

.product-detail-cta {
	padding: 58px 0;
	color: #fff;
	background: linear-gradient(135deg, #071832, #123a71);
}

.product-detail-cta .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.product-detail-cta span {
	display: block;
	margin-bottom: 8px;
	color: var(--gold);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .08em;
}

.product-detail-cta h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 32px;
	font-weight: 900;
}

.product-detail-cta p {
	max-width: 760px;
	margin: 0;
	color: rgba(255, 255, 255, .76);
	font-size: 16px;
	line-height: 1.8;
}

.product-detail-cta a {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 28px;
	color: #071832;
	background: var(--gold);
	border-radius: 4px;
	font-weight: 900;
}

@media (max-width: 991.98px) {
	.product-subnav .container {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.product-subnav__crumb,
	.product-subnav__links {
		width: 100%;
		overflow-x: auto;
	}

	.product-subnav__links {
		justify-content: flex-start;
		gap: 18px;
	}

	.product-detail-hero {
		padding: 56px 0 52px;
	}

	.product-detail-hero__grid,
	.product-video-box,
	.product-info-layout {
		grid-template-columns: 1fr;
	}

	.product-detail-intro h1 {
		font-size: 34px;
	}

	.product-value-grid,
	.product-scene-gallery,
	.product-case-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product-info-aside {
		position: static;
	}

	.product-detail-cta .container {
		align-items: flex-start;
		flex-direction: column;
	}

	.product-video-player {
		min-height: 300px;
	}
}

@media (max-width: 575.98px) {
	.product-subnav__crumb {
		font-size: 12px;
	}

	.product-subnav__links {
		font-size: 13px;
		gap: 14px;
	}

	.product-subnav__consult {
		padding: 8px 12px;
	}

	.product-detail-section {
		padding: 48px 0;
	}

	.product-detail-intro h1,
	.product-detail-heading h2,
	.product-detail-cta h2 {
		font-size: 27px;
	}

	.product-value-grid,
	.product-scene-gallery,
	.product-case-grid {
		grid-template-columns: 1fr;
	}

	.product-rich-content,
	.product-spec-card,
	.product-consult-card,
	.product-value-card {
		padding: 22px;
	}

	.product-gallery-thumbs .swiper-slide {
		height: 64px;
	}

	.product-video-player {
		min-height: 220px;
	}

	.product-video-copy {
		padding: 22px;
	}

	.product-spec-list dl {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

/* 解决方案列表 */
.solution-hero {
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .94), rgba(16, 166, 161, .82)),
		radial-gradient(circle at 18% 22%, rgba(11, 100, 216, .34), transparent 44%);
}

.solution-list-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	margin: 30px 0 40px;
}

.solution-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(18, 35, 61, .07);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.solution-card:hover {
	transform: translateY(-6px);
	border-color: rgba(16, 166, 161, .45);
	box-shadow: 0 22px 48px rgba(18, 35, 61, .16);
}

.solution-card__media {
	position: relative;
	line-height: 0;
	background: linear-gradient(160deg, #f6f8fc, #e9eff7);
	overflow: hidden;
}

.solution-card__media::before {
	content: "";
	display: block;
	padding-top: 60%;
}

.solution-card__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.solution-card:hover .solution-card__media img {
	transform: scale(1.06);
}

.solution-card__tag {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	padding: 5px 14px;
	color: #fff;
	background: linear-gradient(135deg, rgba(16, 166, 161, .95), rgba(11, 100, 216, .9));
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	box-shadow: 0 6px 16px rgba(16, 166, 161, .3);
}

.solution-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 22px 24px 24px;
}

.solution-card__body h3 {
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
}

.solution-card__body p {
	flex: 1;
	margin-bottom: 16px;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.75;
}

.solution-card__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--teal);
	font-size: 14px;
	font-weight: 700;
}

.solution-card__more i {
	transition: transform .25s ease;
}

.solution-card:hover .solution-card__more i {
	transform: translateX(5px);
}

@media (max-width: 991.98px) {
	.solution-list-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.solution-list-grid {
		grid-template-columns: 1fr;
	}
}

/* 解决方案页 - 实际 newslist 模板 */
.solution-full-hero {
	position: relative;
	overflow: hidden;
	padding: 86px 0 78px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(7, 24, 50, .97), rgba(11, 100, 216, .84)),
		radial-gradient(circle at 84% 18%, rgba(16, 166, 161, .36), transparent 42%);
}

.solution-full-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
	background-size: 52px 52px;
	opacity: .35;
	pointer-events: none;
}

.solution-full-hero .container {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 390px;
	gap: 56px;
	align-items: center;
}

.solution-full-hero__content .eyebrow {
	color: var(--gold);
	font-weight: 900;
	letter-spacing: .1em;
}

.solution-full-hero__content h1 {
	margin: 16px 0 18px;
	color: #fff;
	font-size: 52px;
	line-height: 1.16;
	font-weight: 900;
}

.solution-full-hero__content p {
	max-width: 680px;
	color: rgba(255, 255, 255, .78);
	font-size: 18px;
	line-height: 1.9;
}

.solution-full-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.solution-full-hero__tags span {
	padding: 9px 16px;
	color: rgba(255, 255, 255, .9);
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
}

.solution-full-hero__panel {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.solution-full-hero__panel div {
	min-height: 128px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px 20px;
	text-align: center;
	background: rgba(255, 255, 255, .09);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 18px;
	backdrop-filter: blur(4px);
}

.solution-full-hero__panel strong {
	display: block;
	color: var(--gold);
	font-size: 38px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 12px;
}

.solution-full-hero__panel span {
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	font-weight: 700;
}

.solution-full-overview {
	position: relative;
	z-index: 2;
	margin-top: -34px;
}

.solution-full-overview .container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.solution-full-overview__item {
	padding: 26px 28px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: 0 18px 42px rgba(18, 35, 61, .12);
}

.solution-full-overview__item i {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 13px;
	font-size: 20px;
}

.solution-full-overview__item strong {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 19px;
	font-weight: 900;
}

.solution-full-overview__item span {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.75;
}

.solution-full-pages {
	padding-top: 52px;
}

.solution-full-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 30px 0 42px;
}

.solution-full-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 360px;
	padding: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(18, 35, 61, .07);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.solution-full-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 88% 12%, rgba(16, 166, 161, .14), transparent 34%),
		linear-gradient(180deg, transparent, rgba(11, 100, 216, .04));
	opacity: 0;
	transition: opacity .28s ease;
}

.solution-full-card:hover {
	transform: translateY(-8px);
	border-color: rgba(16, 166, 161, .45);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .16);
}

.solution-full-card:hover::before {
	opacity: 1;
}

.solution-full-card__media,
.solution-full-card__body,
.solution-full-card__foot {
	position: relative;
	z-index: 1;
}

.solution-full-card__media {
	line-height: 0;
	background: linear-gradient(160deg, #f6f8fc, #e9eff7);
	overflow: hidden;
}

.solution-full-card__media::before {
	content: "";
	display: block;
	padding-top: 60%;
}

.solution-full-card__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.solution-full-card:hover .solution-full-card__media img {
	transform: scale(1.06);
}

.solution-full-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 24, 50, .08), rgba(7, 24, 50, .35));
	pointer-events: none;
}

.solution-full-card__media span {
	position: absolute;
	left: 16px;
	top: 16px;
	z-index: 2;
	padding: 6px 14px;
	color: #fff;
	background: linear-gradient(135deg, rgba(16, 166, 161, .95), rgba(11, 100, 216, .9));
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .06em;
	line-height: 1;
	box-shadow: 0 8px 18px rgba(16, 166, 161, .28);
}

.solution-full-card__body {
	padding: 24px 26px 0;
}

.solution-full-card__body h3 {
	margin-bottom: 12px;
	color: var(--ink);
	font-size: 21px;
	font-weight: 900;
	line-height: 1.42;
}

.solution-full-card__body p {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.8;
}

.solution-full-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding: 22px 26px 24px;
	color: var(--brand);
	font-weight: 800;
}

.solution-full-card__foot i {
	transition: transform .25s ease;
}

.solution-full-card:hover .solution-full-card__foot i {
	transform: translateX(6px);
}

.solution-page-hero {
	position: relative;
	overflow: hidden;
	padding: 92px 0 86px;
	color: #fff;
	background:
		linear-gradient(135deg, rgba(6, 18, 38, .9), rgba(11, 100, 216, .58)),
		url("../images/banners/solutions.jpg") center / cover no-repeat;
}

.solution-page-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(0deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
	background-size: 52px 52px;
	opacity: .45;
}

.solution-page-hero .container {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 54px;
	align-items: center;
}

.solution-page-hero h1 {
	margin: 14px 0 16px;
	color: #fff;
	font-size: 52px;
	line-height: 1.18;
	font-weight: 900;
}

.solution-page-hero p {
	max-width: 720px;
	color: rgba(255, 255, 255, .78);
	font-size: 18px;
	line-height: 1.9;
}

.solution-page-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.solution-page-hero__tags span {
	padding: 8px 15px;
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 800;
}

.solution-page-hero__panel {
	padding: 34px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 14px;
	backdrop-filter: blur(6px);
}

.solution-page-hero__panel strong {
	display: block;
	margin-bottom: 12px;
	color: var(--gold);
	font-size: 28px;
	font-weight: 900;
}

.solution-page {
	background: linear-gradient(180deg, #fff, #f5f8fc);
}

.solution-page-overview,
.solution-page-section {
	padding: 58px 0;
}

.solution-page-value-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.solution-page-value-grid div {
	padding: 28px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
}

.solution-page-value-grid i {
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand), var(--teal));
	border-radius: 12px;
}

.solution-page-value-grid strong {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 19px;
	font-weight: 900;
}

.solution-page-value-grid span {
	color: var(--muted);
	line-height: 1.75;
}

.solution-page-head {
	margin-bottom: 28px;
}

.solution-page-head span {
	color: var(--gold);
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.solution-page-head h2 {
	margin: 10px 0 0;
	color: var(--ink);
	font-size: 36px;
	font-weight: 900;
}

.solution-page-category {
	margin-top: 34px;
}

.solution-page-category + .solution-page-category {
	padding-top: 42px;
	border-top: 1px solid rgba(18, 35, 61, .08);
}

.solution-page-category__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 22px;
}

.solution-page-category__head em {
	display: block;
	margin-bottom: 8px;
	color: var(--gold);
	font-style: normal;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.solution-page-category__head h3 {
	margin: 0 0 8px;
	color: var(--ink);
	font-size: 28px;
	font-weight: 900;
	line-height: 1.3;
}

.solution-page-category__head p {
	max-width: 760px;
	margin: 0;
	color: var(--muted);
	font-size: 15px;
	line-height: 1.75;
}

.solution-page-category__head a {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--brand);
	font-weight: 800;
}

.solution-page-category__head a i {
	transition: transform .25s ease;
}

.solution-page-category__head a:hover i {
	transform: translateX(5px);
}

.solution-page-subnav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: -8px 0 24px;
}

.solution-page-subnav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 16px;
	color: var(--ink);
	background: #fff;
	border: 1px solid rgba(18, 35, 61, .1);
	border-radius: 6px;
	font-size: 14px;
	font-weight: 800;
}

.solution-page-subnav a:hover {
	color: #fff;
	background: var(--brand);
	border-color: var(--brand);
	text-decoration: none;
}

.solution-page-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.solution-page-grid--featured {
	grid-template-columns: minmax(0, 1.18fr) repeat(2, minmax(0, 1fr));
}

.solution-page-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(18, 35, 61, .07);
	transition: transform .25s ease, box-shadow .25s ease;
}

.solution-page-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 54px rgba(18, 35, 61, .13);
}

.solution-page-card__media {
	height: 176px;
	overflow: hidden;
	background: #09162c;
}

.solution-page-card--large .solution-page-card__media {
	height: 220px;
}

.solution-page-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .88;
	transform: scale(1.02);
	transition: opacity .3s ease, transform .35s ease;
}

.solution-page-card:hover .solution-page-card__media img {
	opacity: 1;
	transform: scale(1.08);
}

.solution-page-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px 28px 28px;
}

.solution-page-card__body em {
	align-self: flex-start;
	margin-bottom: 14px;
	padding: 6px 12px;
	color: var(--gold);
	background: rgba(201, 166, 99, .12);
	border-radius: 4px;
	font-style: normal;
	font-size: 13px;
	font-weight: 900;
}

.solution-page--21 .solution-page-current-list .solution-page-card__body em,
#solution-sort-21 .solution-page-card__body em {
	display: none;
}

.solution-page--2 .solution-page-card__body em {
	display: none;
}

.solution-page-card__body h3 {
	margin-bottom: 12px;
	color: var(--ink);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.38;
}

.solution-page-card__body p {
	color: var(--muted);
	font-size: 15px;
	line-height: 1.75;
}

.solution-page-card--content .solution-page-card__media {
	height: 156px;
}

.solution-page-card--content .solution-page-card__body h3 {
	font-size: 20px;
}

.solution-page-card--content .solution-page-card__body p {
	margin-bottom: 0;
}

.solution-page-card__body ul {
	margin: auto 0 0;
	padding: 16px 0 0;
	list-style: none;
	border-top: 1px solid rgba(18, 35, 61, .08);
}

.solution-page-card__body li {
	position: relative;
	margin: 8px 0;
	padding-left: 16px;
	color: var(--muted);
	font-size: 14px;
}

.solution-page-card__body li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .7em;
	width: 5px;
	height: 5px;
	background: var(--teal);
	border-radius: 50%;
}

.solution-page-cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin: 40px 0 76px;
	padding: 34px 38px;
	color: #fff;
	background: linear-gradient(135deg, #09162c, #0b64d8);
	border-radius: 14px;
}

.solution-page-cta span {
	color: var(--gold);
	font-weight: 900;
}

.solution-page-cta h2 {
	margin: 8px 0 0;
	color: #fff;
	font-size: 28px;
	font-weight: 900;
}

@media (max-width: 991.98px) {
	.solution-full-hero .container {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.solution-full-hero__content h1 {
		font-size: 40px;
	}

	.solution-full-overview .container,
	.solution-full-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.solution-page-hero .container,
	.solution-page-value-grid,
	.solution-page-grid,
	.solution-page-grid--featured {
		grid-template-columns: 1fr;
	}

	.solution-page-cta {
		display: block;
	}

	.solution-page-cta .btn {
		margin-top: 20px;
	}

	.solution-page-category__head {
		display: block;
	}

	.solution-page-category__head a {
		margin-top: 14px;
	}
}

@media (max-width: 575.98px) {
	.solution-full-hero {
		padding: 58px 0 64px;
	}

	.solution-full-hero__content h1 {
		font-size: 32px;
	}

	.solution-full-hero__panel,
	.solution-full-overview .container,
	.solution-full-grid {
		grid-template-columns: 1fr;
	}
}

/* Footer final layout override - Hikvision style */
.site-footer {
	background:
		radial-gradient(circle at 72% 38%, rgba(255, 255, 255, .055) 0 1px, transparent 1px) 0 0 / 12px 12px,
		linear-gradient(180deg, #202a34, #1f2933) !important;
	color: rgba(255, 255, 255, .72) !important;
}

.site-footer > .container,
.footer-bottom > .container {
	max-width: none !important;
	width: 100% !important;
	padding-left: 6vw !important;
	padding-right: 6vw !important;
}

.footer-layout {
	grid-template-columns: minmax(330px, 380px) minmax(0, 1fr) 96px !important;
	gap: 46px !important;
	padding: 54px 0 44px !important;
	align-items: start !important;
	border-bottom: 0 !important;
}

.footer-logo {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 4px !important;
	margin: 0 !important;
}

.footer-logo strong {
	font-size: 24px !important;
	line-height: 1 !important;
	letter-spacing: .05em !important;
}

.footer-logo small {
	display: block;
	color: rgba(255, 255, 255, .62);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
}

.footer-service-label {
	margin: 0px 0 8px !important;
	color: rgba(255, 255, 255, .72) !important;
	font-size: 14px !important;
}

.footer-service-phone {
	display: block;
	margin-bottom: 18px;
	color: #2f72d8 !important;
	font-size: 31px !important;
	line-height: 1;
	font-weight: 900;
	letter-spacing: .04em;
}

.footer-company-info {
	color: rgba(255, 255, 255, .58) !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

.footer-menu {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(88px, 1fr)) !important;
	gap: 28px !important;
}

.footer-col h5 {
	margin-bottom: 16px !important;
	font-size: 16px !important;
	color: #fff !important;
}

.footer-col li {
	margin-bottom: 11px !important;
}

.footer-col a {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: rgba(255, 255, 255, .58) !important;
}

.footer-col a:hover {
	color: #fff !important;
}

.footer-side {
	align-items: center !important;
	gap: 10px !important;
}

.footer-social-links {
	justify-content: center !important;
	gap: 12px !important;
}

.footer-social-links a {
	width: 26px !important;
	height: 26px !important;
	background: transparent !important;
	font-size: 15px !important;
}

.footer-side .footer-qr {
	width: 78px !important;
	height: 78px !important;
	margin: 0 auto 4px !important;
	border-width: 5px !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

.footer-qr-label {
	color: rgba(255, 255, 255, .7);
	font-size: 14px;
}

.footer-friend-links {
	background: #1f2933 !important;
	border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

.footer-friend-links .container {
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	min-height: 46px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	color: rgba(255, 255, 255, .56) !important;
	font-size: 14px !important;
}

.footer-friend-links span {
	flex: 0 0 auto !important;
	color: rgba(255, 255, 255, .76) !important;
}

.footer-friend-links__list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 18px !important;
}

.footer-friend-links__list a {
	color: rgba(255, 255, 255, .56) !important;
}

.footer-friend-links__list a:hover {
	color: #fff !important;
}

.footer-bottom {
	background: #1f2933 !important;
	border-top: 0 !important;
	padding: 16px 0 22px !important;
}

.footer-bottom .container {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 14px !important;
	text-align: center !important;
	color: rgba(255, 255, 255, .66) !important;
	font-size: 14px !important;
}

.footer-bottom .container > * {
	display: inline !important;
	margin: 0 !important;
}

/* 页脚备案与网站认证 */
.footer-bottom .container {
	flex-direction: column !important;
	gap: 13px !important;
}

.footer-bottom__copyright {
	color: rgba(255, 255, 255, .54) !important;
	font-size: 13px;
	line-height: 1.6;
}

.footer-compliance {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	min-height: 38px;
	color: rgba(255, 255, 255, .62);
	font-size: 13px;
	line-height: 1.4;
}

.footer-compliance a {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	margin: 0 !important;
	color: inherit !important;
	white-space: nowrap;
	transition: color .2s ease, opacity .2s ease;
}

.footer-compliance a:hover {
	color: #fff !important;
}

.footer-compliance img {
	display: block;
	flex: 0 0 auto;
}

.footer-compliance__police-icon {
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	background: url("../images/footer/beian.png") center / 20px 20px no-repeat;
}

.footer-compliance__market-icon {
	width: 20px;
	height: 27px;
	object-fit: contain;
}

.footer-compliance .footer-compliance__trust {
	margin-left: 2px !important;
}

.footer-compliance__trust img {
	width: 103px;
	height: 38px;
	object-fit: fill;
}

/* 首页与内页共用底部：给导航、联系方式和版权信息留出呼吸空间 */
@media (min-width: 992px) {
	.footer-layout {
		grid-template-columns: minmax(330px, 390px) minmax(0, 1fr) 112px !important;
		gap: 60px !important;
		padding: 68px 0 60px !important;
	}

	.footer-menu {
		gap: 34px !important;
	}

	.footer-col h5 {
		margin-bottom: 21px !important;
	}

	.footer-col li {
		margin-bottom: 15px !important;
	}

	.footer-company-info {
		line-height: 2.05 !important;
	}

	.footer-side {
		gap: 16px !important;
	}

	.footer-side .footer-qr {
		width: 92px !important;
		height: 92px !important;
		margin-bottom: 6px !important;
	}

	.footer-social-links {
		gap: 16px !important;
	}

	.footer-social-links a {
		width: 30px !important;
		height: 30px !important;
	}

	.footer-friend-links .container {
		min-height: 58px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
	}

	.footer-bottom {
		padding: 20px 0 28px !important;
	}

	.footer-bottom .container {
		gap: 20px !important;
	}
}

@media (max-width: 991.98px) {
	.footer-layout {
		grid-template-columns: 1fr !important;
		gap: 30px !important;
	}

	.footer-menu {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 24px !important;
	}
}

@media (max-width: 575.98px) {
	.footer-layout,
	.footer-menu {
		grid-template-columns: 1fr !important;
	}

	.footer-bottom .container,
	.footer-bottom .container > * {
		display: block !important;
	}

	.footer-friend-links .container {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 8px !important;
	}

	.footer-bottom {
		padding-bottom: 24px !important;
	}

	.footer-bottom .container {
		gap: 14px !important;
	}

	.footer-bottom .container > .footer-compliance {
		display: flex !important;
		gap: 10px 14px;
		font-size: 12px;
	}

	.footer-compliance a {
		display: inline-flex !important;
	}

	.footer-compliance .footer-compliance__trust {
		flex-basis: 100%;
		justify-content: center;
		margin-top: 2px !important;
	}
}

@media (max-width: 991.98px) {
	.hero.hero-slider,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide,
	.hero-slide {
		min-height: 0;
		height: 100vh;
		height: 100svh;
	}

	.hero-slider .hero__content {
		min-height: 100vh;
		min-height: 100svh;
		grid-template-columns: 1fr;
		justify-content: start;
		text-align: left;
		gap: 32px;
		padding: 120px 24px 86px;
	}

	.hero-slide[data-text-position] .hero h1,
	.hero-slide[data-text-position] .hero p,
	.hero-slide[data-text-position] .hero__copy {
		margin-left: 0;
		margin-right: 0;
	}

	.hero-slider .hero__panel {
		max-width: 520px;
	}
}

@media (max-width: 575.98px) {
	.hero.hero-slider,
	.hero-slider .swiper-wrapper,
	.hero-slider .swiper-slide,
	.hero-slide {
		min-height: 0;
		height: 100vh;
		height: 100svh;
	}

	.hero-slider .hero__content {
		min-height: 100vh;
		min-height: 100svh;
		padding: 104px 20px 78px;
	}

	.hero-slider .hero h1,
	.hero-slider h1 {
		font-size: 40px;
	}

	.hero-slider .hero p,
	.hero-slider p {
		font-size: 17px;
	}

	.hero-button {
		width: 36px;
		height: 36px;
		display: flex;
		top: auto;
		bottom: 82px;
	}

	.hero-button::after {
		width: 8px;
		height: 8px;
	}

	.hero-button-prev {
		left: 16px;
	}

	.hero-button-next {
		right: 16px;
	}

	.hero-pagination {
		left: 20px !important;
		bottom: 30px !important;
	}
}

/* Header full-width layout */
@media (min-width: 992px) {
	.site-header .navbar > .container {
		display: flex !important;
		align-items: center;
		gap: 0;
		max-width: none !important;
		width: 100% !important;
		padding-left: 3vw !important;
		padding-right: 3vw !important;
	}

	.site-header .navbar-brand {
		flex: 0 0 auto;
		margin-right: 0;
	}

	.site-header .navbar-collapse {
		display: flex !important;
		align-items: center;
		justify-content: flex-start !important;
		flex: 1 1 auto;
		min-width: 0;
	}

	.site-header .navbar-nav {
		flex: 0 1 auto;
		justify-content: flex-start;
		flex-wrap: nowrap;
		min-width: 0;
		margin-left: auto;
	}

	.navbar-dark .navbar-nav .nav-link {
		padding-left: 22px;
		padding-right: 22px;
		white-space: nowrap;
	}

	.nav-search {
		flex: 0 0 auto;
	}

	.nav-right-tools {
		flex: 0 0 auto;
		flex-wrap: nowrap;
		min-width: 0;
		margin-left: auto;
	}

	.nav-actions {
		display: none !important;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.site-header .navbar > .container {
		gap: 0;
		padding-left: 2.4vw !important;
		padding-right: 2.4vw !important;
	}

	.brand-lockup__img {
		height: 54px;
	}

	.navbar-dark .navbar-nav .nav-link {
		padding-left: 14px;
		padding-right: 14px;
		font-size: 16px;
	}

	.site-header .navbar-nav {
		margin-left: auto;
	}

	.nav-caret {
		margin-left: 4px;
	}

	.nav-right-tools {
		gap: 8px;
		margin-left: auto;
	}

	.nav-contact__phone {
		height: 36px;
		font-size: 18px;
	}

	.nav-contact__phone i {
		margin-right: 5px;
		font-size: 16px;
	}

	.nav-consult {
		height: 28px;
		padding: 0 12px;
		font-size: 12px;
	}

	.nav-tool,
	.nav-search__trigger,
	.nav-contact__lang {
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1399.98px) {
	.site-header .navbar > .container {
		padding-left: 2vw !important;
		padding-right: 2vw !important;
		gap: 0;
	}

	.brand-lockup__img {
		height: 52px;
	}

	.navbar-dark .navbar-nav .nav-link {
		font-size: 15.5px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.nav-contact {
		gap: 5px;
		margin-left: 0;
		font-size: 12px;
	}

	.nav-right-tools,
	.nav-tool,
	.nav-search__trigger {
		font-size: 12px;
	}

	.nav-right-tools {
		gap: 8px;
		margin-left: auto;
	}

		.nav-contact__phone {
			height: 38px;
			font-size: 19px;
		}

	.nav-consult {
		padding: 0 10px;
		font-size: 12px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.nav-contact__phone {
		width: 38px;
		padding: 0 !important;
	}

	.nav-contact__phone span {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-dark .navbar-nav .nav-link {
		font-size: 15px;
		padding-left: 5px;
		padding-right: 5px;
	}

		.nav-contact__phone i {
			margin-right: 6px;
			font-size: 17px;
		}

	.nav-contact__phone span {
		display: none !important;
	}

	.nav-consult {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.footer-cta {
		display: block;
		padding: 24px 22px;
		margin-bottom: 12px;
		transform: translateY(-18px);
	}

	.footer-cta strong {
		font-size: 20px;
	}

	.footer-cta a {
		margin-top: 18px;
		width: 100%;
		justify-content: center;
	}

	.footer-contact {
		padding: 20px;
	}
}

@media (min-width: 992px) {
	.site-header .navbar-nav > .nav-research {
		display: none !important;
	}

	.nav-item.nav-research-dynamic,
	.site-header .navbar-nav > .nav-research-dynamic {
		order: 6 !important;
	}

	.site-header .navbar-nav > .nav-mega[data-top="客户案例"] {
		order: 7 !important;
	}

	.site-header .navbar-nav > .nav-mega[data-top="服务支持"] {
		order: 8 !important;
	}

	.site-header .navbar-nav > .nav-mega[data-top="渠道合作"],
	.site-header .navbar-nav > .nav-mega[data-top="生态合作"] {
		order: 9 !important;
	}
}

@media (max-width: 991.98px) {
	.video-detail-layout {
		grid-template-columns: 1fr;
	}

	.video-detail-player,
	.video-detail-player img {
		min-height: 320px;
	}
}

@media (max-width: 575.98px) {
	.video-detail-meta {
		display: block;
	}

	.video-detail-meta span {
		display: block;
		margin-bottom: 8px;
	}

	.video-detail-content,
	.video-detail-card {
		padding: 24px;
	}
}

.product-accessory-content {
	max-width: 920px;
	margin: 64px auto 0;
	padding-top: 42px;
	border-top: 1px solid #e6edf5;
}

.product-accessory-content .content {
	color: #2f3b4a;
	font-size: 17px;
	line-height: 1.95;
	word-break: break-word;
}

.product-accessory-content .content div,
.product-accessory-content .content p {
	margin: 0 0 20px;
}

.product-accessory-content .content h2,
.product-accessory-content .content h3,
.product-accessory-content .content h4 {
	margin: 38px 0 18px;
	color: var(--ink);
	line-height: 1.45;
	font-weight: 800;
}

.product-accessory-content .content h2 {
	font-size: 25px;
}

.product-accessory-content .content h3 {
	font-size: 22px;
}

.product-accessory-content .content h4 {
	font-size: 19px;
}

.product-accessory-content .content strong {
	color: var(--ink);
	font-weight: 800;
}

.product-accessory-content .content ul,
.product-accessory-content .content ol {
	margin: 18px 0 22px 1.4em;
	padding: 0;
}

.product-accessory-content .content li {
	margin: 8px 0;
}

.product-accessory-content .content img {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 28px auto;
	border-radius: 6px;
}

.product-accessory-content .content table {
	margin: 28px 0;
	font-size: 15px;
	line-height: 1.65;
}

.product-rich-copy {
	display: grid;
	gap: 22px;
}

.product-rich-copy section {
	margin: 0;
	padding: 28px 30px;
	background: #fff;
	border: 1px solid #e5edf6;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(15, 35, 66, .05);
}

.product-rich-copy h3 {
	margin-top: 0 !important;
}

.product-rich-copy ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
	margin-left: 0 !important;
	list-style: none;
}

.product-rich-copy li {
	position: relative;
	margin: 0 !important;
	padding: 14px 16px 14px 38px;
	background: #f7fbff;
	border: 1px solid #e5effb;
	border-radius: 6px;
	line-height: 1.75;
	list-style: none !important;
}

.product-rich-copy li::marker {
	content: "";
	font-size: 0;
}

.product-rich-copy li::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 24px;
	width: 7px;
	height: 7px;
	background: linear-gradient(135deg, var(--brand), var(--brand-2));
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(11, 100, 216, .09);
}

.product-rich-copy section:last-child {
	padding: 18px;
	background: #f8fafc;
}

.product-rich-copy section:last-child img {
	margin: 0 auto !important;
	background: #fff;
}

.product-accessory-content .content:empty::before {
	content: "后台选择配件页面并填写产品内容后，将在这里展示产品说明。";
	display: block;
	padding: 22px 24px;
	color: #8491a3;
	background: #f6f8fb;
	border-radius: 6px;
}

@media (max-width: 767.98px) {
	.product-rich-copy section {
		padding: 22px 18px;
	}

	.product-rich-copy ul {
		grid-template-columns: 1fr;
	}
}

/* 顶部二级菜单精简：隐藏标题下说明小字 */
.site-header .mega-panel small,
.site-header .mega-panel .mega-heading p,
.site-header .mega-panel .mega-quick span {
	display: none !important;
}

.site-header .mega-panel .product-mega-group strong,
.site-header .mega-panel .product-mega-tabs a strong,
.site-header .mega-panel .mega-quick strong {
	margin-bottom: 0 !important;
}

.site-header .mega-panel .product-mega-tabs a {
	min-height: 58px;
}

.site-header .mega-panel .product-mega-group a {
	grid-template-columns: 42px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 14px !important;
	min-height: 42px;
	margin-bottom: 15px;
}

.site-header .mega-panel .product-mega-group a span,
.site-header .mega-panel .product-mega-tabs a span {
	display: flex !important;
	align-items: center;
	min-height: 42px;
}

.site-header .mega-panel .product-mega-group strong,
.site-header .mega-panel .product-mega-tabs a strong {
	display: block !important;
	line-height: 1.25 !important;
}

.site-header .mega-panel .product-mega-group i {
	width: 42px !important;
	height: 42px !important;
	font-size: 17px !important;
}

.site-header .mega-panel .product-mega-tabs a {
	grid-template-columns: 52px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 16px !important;
	min-height: 52px;
}

.site-header .mega-panel .product-mega-tabs a i {
	width: 52px !important;
	height: 52px !important;
	font-size: 20px !important;
}

.site-header .nav-mega[data-top="客户案例"] .product-mega-tabs,
.site-header .nav-mega[data-top="新闻资讯"] .product-mega-tabs {
	grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
	max-width: 1180px !important;
	gap: 28px !important;
	justify-content: center;
}

.site-header .nav-mega[data-top="服务支持"] .product-mega-tabs {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	max-width: 1380px !important;
	gap: 20px !important;
	justify-content: center;
}

.site-header .nav-mega[data-top="关于我们"] .product-mega-tabs {
	grid-template-columns: repeat(6, minmax(150px, 1fr)) !important;
	max-width: 1320px !important;
	gap: 22px 24px !important;
	justify-content: center;
}

/* Ensure About-menu shortcuts stay above adjacent mega-menu layers. */
.site-header .nav-mega[data-top="关于我们"] .about-mega-switch,
.site-header .nav-mega[data-top="关于我们"] .about-mega-switch .product-mega-tabs {
	position: relative;
	z-index: 2;
}

.site-header .nav-mega[data-top="关于我们"] .about-mega-switch .product-mega-tabs > a {
	position: relative;
	z-index: 3;
}

/* Hidden menus must not steal clicks from the currently visible menu. */
.site-header .nav-mega[data-top="关于我们"]:hover .about-mega-switch .product-mega-tabs > a,
.site-header .nav-mega[data-top="关于我们"]:focus-within .about-mega-switch .product-mega-tabs > a,
.site-header .nav-mega[data-top="关于我们"].is-open .about-mega-switch .product-mega-tabs > a {
	pointer-events: auto;
}

.about-tab-panel[data-about-panel="contact"] .contact-map-card {
	order: 1;
}

.about-tab-panel[data-about-panel="contact"] .lead-form-card {
	order: 2;
}

.contact-map-card__info span + span {
	margin-top: 6px;
}

.site-header .nav-mega[data-top="产品中心"] .mega-links a.mega-link-child {
	margin-left: 14px !important;
	padding-left: 18px !important;
	color: #6d7b8d !important;
	font-size: 12px !important;
}

.site-header .nav-mega[data-top="产品中心"] .mega-links a.mega-link-child::before {
	left: 2px !important;
	top: .72em !important;
	width: 8px !important;
	height: 1px !important;
	background: #9fb0c3 !important;
	border-radius: 0 !important;
}

.site-header .nav-mega[data-top="产品中心"] .mega-links a.mega-link-child::after {
	content: "";
	position: absolute;
	left: 2px;
	top: -.55em;
	bottom: .82em;
	width: 1px;
	background: rgba(159, 176, 195, .55);
}

.site-header .nav-mega[data-top="产品中心"] .mega-links a.mega-link-child span {
	display: inline-block;
	max-width: 100%;
	padding: 2px 8px;
	background: #f6f9fd;
	border: 1px solid rgba(18, 35, 61, .06);
	border-radius: 6px;
	line-height: 1.45;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.site-header .nav-mega[data-top="产品中心"] .mega-links a.mega-link-child:hover span {
	background: rgba(11, 100, 216, .08);
	border-color: rgba(11, 100, 216, .16);
}

.site-header .nav-mega[data-top="产品中心"] .product-mega-group a.product-mega-child {
	position: relative !important;
	grid-template-columns: 28px minmax(0, 1fr) !important;
	gap: 10px !important;
	margin-top: -6px !important;
	margin-left: 18px !important;
	padding-left: 18px !important;
	color: #4f6177 !important;
}

.site-header .nav-mega[data-top="产品中心"] .product-mega-group a.product-mega-child::before {
	content: "";
	position: absolute;
	left: 2px;
	top: -12px;
	bottom: 18px;
	width: 1px;
	background: rgba(159, 176, 195, .55);
}

.site-header .nav-mega[data-top="产品中心"] .product-mega-group a.product-mega-child::after {
	content: "";
	position: absolute;
	left: 2px;
	top: 14px;
	width: 12px;
	height: 1px;
	background: rgba(159, 176, 195, .75);
}

.site-header .nav-mega[data-top="产品中心"] .product-mega-group a.product-mega-child i {
	width: 28px !important;
	height: 28px !important;
	color: #6d7b8d !important;
	background: #f7f9fc !important;
	font-size: 12px !important;
}

.site-header .nav-mega[data-top="产品中心"] .product-mega-group a.product-mega-child strong {
	font-size: 13px !important;
	font-weight: 800 !important;
}

.site-header .nav-mega[data-top="产品中心"] .product-mega-group a.product-mega-child small {
	color: #98a5b6 !important;
	font-size: 11px !important;
}

.site-header .nav-research {
	display: none !important;
}

.site-header .navbar-nav > .nav-mega[data-top="神州停"] {
	order: 8 !important;
}

.site-header .navbar-nav > .nav-mega[data-top="天枢·ADMS"] {
	order: 9 !important;
}

.site-header .navbar-nav > .nav-mega[data-top="服务支持"] {
	order: 12 !important;
}

.site-header .navbar-nav > .nav-mega[data-top="关于我们"] {
	order: 13 !important;
}

.site-header .navbar-nav > .nav-mega[data-top="渠道合作"] {
	order: 10 !important;
}

.site-header .nav-mega[data-top="渠道合作"] > .nav-link {
	font-size: 0 !important;
}

.site-header .nav-mega[data-top="渠道合作"] > .nav-link::before {
	content: "生态合作";
	font-size: 15px !important;
}

.platform-hero {
	position: relative;
	overflow: hidden;
	padding: 148px 0 92px;
	color: #fff;
	background: #07172c;
}

.platform-hero--shenzhou {
	background:
		linear-gradient(135deg, rgba(7, 23, 44, .92), rgba(7, 23, 44, .58)),
		url("../images/banners/shenzhouting.jpg") center / cover no-repeat;
}

.platform-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size: 96px 96px;
	opacity: .5;
}

.platform-hero::after {
	content: "";
	position: absolute;
	right: -12%;
	top: -28%;
	width: 56vw;
	height: 56vw;
	background: radial-gradient(circle, rgba(38, 139, 255, .32), transparent 62%);
}

.platform-hero--city::after {
	background: radial-gradient(circle, rgba(46, 196, 182, .28), transparent 62%);
}

.platform-hero > .container {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
	gap: clamp(44px, 6vw, 88px);
	align-items: center;
}

.platform-hero--shenzhou > .container {
	grid-template-columns: minmax(0, 760px);
}

.platform-hero--shenzhou .platform-hero__copy {
	max-width: 760px;
}

.platform-hero__copy h1 {
	margin: 16px 0 20px;
	font-size: clamp(44px, 6vw, 76px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
}

.platform-hero__copy p {
	max-width: 680px;
	color: rgba(255,255,255,.78);
	font-size: 20px;
	line-height: 1.8;
}

.platform-hero__tags,
.platform-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}

.platform-hero__tags span {
	padding: 9px 14px;
	color: rgba(255,255,255,.86);
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 8px;
	font-weight: 700;
}

.platform-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: #fff;
	font-weight: 800;
}

.platform-link:hover {
	color: var(--gold);
	text-decoration: none;
}

.platform-hero__visual {
	position: relative;
	min-height: 420px;
}

.platform-phone {
	position: absolute;
	right: 12%;
	top: 0;
	width: 280px;
	padding: 14px;
	background: #101b2d;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 32px;
	box-shadow: 0 32px 90px rgba(0,0,0,.35);
}

.platform-phone__bar {
	width: 88px;
	height: 6px;
	margin: 0 auto 14px;
	background: rgba(255,255,255,.25);
	border-radius: 99px;
}

.platform-phone__screen {
	min-height: 360px;
	padding: 28px 20px;
	background: linear-gradient(180deg, #f8fbff 0%, #e9f1ff 100%);
	border-radius: 24px;
	color: #12233d;
}

.platform-phone__screen strong,
.city-dashboard__top span {
	display: block;
	font-size: 24px;
	font-weight: 900;
}

.platform-phone__screen > span {
	display: block;
	margin: 8px 0 24px;
	color: #5e6d82;
}

.platform-phone__screen div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 12px;
	padding: 14px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 28px rgba(18,35,61,.08);
}

.platform-phone__screen b {
	font-size: 14px;
}

.platform-phone__screen em {
	color: var(--brand);
	font-style: normal;
	font-size: 12px;
	font-weight: 800;
}

.platform-orbit {
	position: absolute;
	padding: 14px 18px;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 10px;
	backdrop-filter: blur(8px);
	font-weight: 800;
}

.platform-orbit--one {
	left: 4%;
	top: 92px;
}

.platform-orbit--two {
	right: 0;
	bottom: 72px;
}

.city-dashboard {
	position: relative;
	padding: 24px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 18px;
	box-shadow: 0 32px 90px rgba(0,0,0,.32);
	backdrop-filter: blur(10px);
}

.city-dashboard__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

.city-dashboard__top b {
	padding: 5px 10px;
	color: #062023;
	background: #67e8d9;
	border-radius: 999px;
	font-size: 12px;
}

.city-dashboard__map {
	position: relative;
	height: 260px;
	background: linear-gradient(135deg, rgba(32,98,180,.55), rgba(25,176,162,.42)), url("/template/default/images/generated/home-case-transport.svg") center/cover;
	border-radius: 14px;
}

.city-pin {
	position: absolute;
	color: #fff;
	font-size: 28px;
	text-shadow: 0 8px 20px rgba(0,0,0,.35);
}

.city-pin--one { left: 22%; top: 34%; }
.city-pin--two { left: 52%; top: 18%; }
.city-pin--three { left: 70%; top: 56%; }

.city-dashboard__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 14px;
}

.city-dashboard__stats div {
	padding: 14px;
	background: rgba(255,255,255,.1);
	border-radius: 10px;
}

.city-dashboard__stats strong,
.city-dashboard__stats span {
	display: block;
}

.city-dashboard__stats span {
	margin-top: 5px;
	color: rgba(255,255,255,.68);
	font-size: 12px;
}

.platform-page {
	background: #fff;
}

.platform-section {
	background: #fff;
}

.platform-value-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 34px;
}

.platform-value-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-value-grid div,
.platform-feature-grid div,
.platform-stack div,
.city-role-grid div {
	padding: 26px;
	background: #fff;
	border: 1px solid rgba(18,35,61,.08);
	border-radius: 8px;
	box-shadow: 0 18px 48px rgba(18,35,61,.06);
}

.platform-value-grid i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
	font-size: 18px;
}

.platform-value-grid strong,
.platform-feature-grid strong,
.platform-stack strong,
.city-role-grid strong {
	display: block;
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 18px;
	font-weight: 900;
}

.platform-value-grid span,
.platform-feature-grid span,
.platform-stack span,
.city-role-grid span {
	color: #66758a;
	line-height: 1.7;
}

.platform-band {
	background: #f5f8fc;
}

.platform-band > .container,
.platform-two-col {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: clamp(34px, 5vw, 72px);
	align-items: start;
}

.platform-band__copy span,
.platform-panel > span {
	color: var(--brand);
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.platform-band__copy h2,
.platform-panel h2 {
	margin: 12px 0 16px;
	color: var(--ink);
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 900;
	line-height: 1.25;
}

.platform-band__copy p,
.platform-panel li {
	color: #66758a;
	line-height: 1.8;
}

.platform-feature-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.platform-feature-grid b {
	display: block;
	margin-bottom: 18px;
	color: var(--brand);
	font-size: 13px;
}

.platform-panel {
	padding: 34px;
	background: #07172c;
	border-radius: 8px;
	color: #fff;
}

.platform-panel h2 {
	color: #fff;
}

.platform-panel ul {
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.platform-panel li + li {
	margin-top: 14px;
}

.platform-panel strong {
	color: #fff;
}

.platform-stack {
	display: grid;
	gap: 18px;
}

.platform-stack i {
	color: var(--brand);
	font-size: 28px;
}

.platform-flow {
	background: #f8fafd;
}

.platform-flow__steps,
.city-role-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 34px;
}

.platform-flow__steps div {
	position: relative;
	padding: 28px;
	background: #fff;
	border: 1px solid rgba(18,35,61,.08);
	border-radius: 8px;
}

.platform-flow__steps em {
	display: block;
	margin-bottom: 18px;
	color: #b6c2d2;
	font-style: normal;
	font-weight: 900;
}

.platform-flow__steps strong {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 18px;
}

.platform-flow__steps span {
	color: #66758a;
	line-height: 1.7;
}

.city-role-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.city-role-grid i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 18px;
	color: #fff;
	background: #07172c;
	border-radius: 50%;
	font-style: normal;
	font-weight: 900;
}

.platform-cta {
	padding: 54px 0 70px;
	background: #07172c;
	color: #fff;
}

.platform-cta .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.platform-cta span {
	color: var(--gold);
	font-weight: 800;
}

.platform-cta h2 {
	margin: 10px 0 0;
	color: #fff;
	font-size: clamp(24px, 3vw, 38px);
	font-weight: 900;
}

@media (max-width: 991px) {
	.platform-hero {
		padding: 108px 0 68px;
	}

	.platform-hero > .container,
	.platform-band > .container,
	.platform-two-col {
		grid-template-columns: 1fr;
	}

	.platform-hero__visual {
		min-height: 360px;
	}

	.platform-phone {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}

	.platform-value-grid,
	.platform-value-grid--four,
	.platform-feature-grid,
	.platform-flow__steps,
	.city-role-grid {
		grid-template-columns: 1fr;
	}

	.platform-cta .container {
		display: block;
	}

	.platform-cta .btn {
		margin-top: 20px;
	}
}

@media (min-width: 992px) {
	.site-header .nav-mega[data-top="解决方案"] .nav-popover,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover {
		padding-left: max(48px, calc((100vw - 1160px) / 2));
		padding-right: max(48px, calc((100vw - 1160px) / 2));
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__links,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__links {
		grid-template-columns: repeat(3, minmax(230px, 300px));
		justify-content: center;
		gap: 34px clamp(42px, 5vw, 76px);
		max-width: 1080px;
		margin: 0 auto;
		padding: 42px 0 46px;
	}
}

.site-header .nav-popover__leaf {
	color: #40546d;
	font-size: 14.5px;
	line-height: 1.55;
	font-weight: 650;
}

.site-header .nav-popover__node {
	color: #152842;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 800;
}

.site-header .nav-popover__node--link {
	text-decoration: none;
	cursor: pointer;
}

.site-header .nav-popover__node--link:hover,
.site-header .nav-popover__node--link:focus-visible {
	color: #1267c7;
	text-decoration: none;
	outline: 0;
}

.site-header .nav-popover__title--link {
	display: block;
	text-decoration: none;
}

.site-header .nav-popover__title--link:hover,
.site-header .nav-popover__title--link:focus-visible {
	color: #1267c7;
	text-decoration: none;
	outline: 0;
}

/* 顶部服务热线：优先使用系统内置 DIN 字体，数字以粗体等宽方式呈现。 */
.nav-contact__phone span {
	font-family: "DIN Alternate", "DIN Condensed", Bahnschrift, "Arial Narrow", Arial, sans-serif;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: .025em;
}

/* Product center: keep second-level categories in one row, but expose the 2/3/4-level hierarchy clearly. */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="产品中心"] .nav-popover {
		min-height: auto;
		padding-left: max(42px, calc((100vw - 1500px) / 2));
		padding-right: max(42px, calc((100vw - 1500px) / 2));
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__links {
		grid-template-columns: repeat(6, minmax(132px, 1fr));
		gap: 32px clamp(24px, 2.6vw, 44px);
		padding: 40px 0 48px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group {
		position: relative;
		gap: 0;
		padding-top: 2px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group a,
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group span {
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group .nav-popover__title {
		display: block;
		margin: 0 0 16px;
		padding: 0 0 14px;
		color: #101b2d;
		border-bottom: 1px solid rgba(17, 24, 39, .13);
		font-size: 18px;
		line-height: 1.35;
		font-weight: 900;
		letter-spacing: -.01em;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group .nav-popover__title::before {
		display: none;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf {
		position: relative;
		display: block;
		margin: 0 0 9px;
		padding: 2px 0 2px 13px;
		color: #40546d;
		font-size: 14.5px;
		line-height: 1.55;
		font-weight: 700;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf::before {
		content: "";
		position: absolute;
		left: 0;
		top: .82em;
		width: 4px;
		height: 4px;
		background: #b7c3d2;
		border-radius: 50%;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3 {
		display: block;
		margin: 16px 0 9px;
		color: #172b47;
		font-size: 14.5px;
		line-height: 1.45;
		font-weight: 900;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 {
		gap: 7px;
		margin: 0 0 8px;
		padding-left: 13px;
		border-left: 1px solid rgba(17, 24, 39, .12);
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a {
		display: block;
		color: #40546d;
		font-size: 14.5px;
		line-height: 1.6;
		font-weight: 700;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__leaf:hover {
		color: var(--brand);
	}

	.site-header .nav-mega[data-top="产品中心"] .product-mega-panes {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 28px clamp(18px, 1.8vw, 34px) !important;
	}
}

.site-header .nav-mega[data-top="神州停"] > .nav-link .nav-caret,
.site-header .nav-mega[data-top="天枢·ADMS"] > .nav-link .nav-caret,
.site-header .nav-mega[data-top="客户案例"] > .nav-link .nav-caret,
.site-header .nav-mega[data-top="生态合作"] > .nav-link .nav-caret,
.site-header .nav-mega[data-top="渠道合作"] > .nav-link .nav-caret,
.site-header .nav-mega[data-top="神州停"] > .mega-panel,
.site-header .nav-mega[data-top="天枢·ADMS"] > .mega-panel,
.site-header .nav-mega[data-top="客户案例"] > .mega-panel,
.site-header .nav-mega[data-top="生态合作"] > .mega-panel,
.site-header .nav-mega[data-top="渠道合作"] > .mega-panel,
.site-header .nav-mega[data-top="神州停"] > .nav-popover,
.site-header .nav-mega[data-top="天枢·ADMS"] > .nav-popover,
.site-header .nav-mega[data-top="客户案例"] > .nav-popover,
.site-header .nav-mega[data-top="生态合作"] > .nav-popover,
.site-header .nav-mega[data-top="渠道合作"] > .nav-popover {
	display: none !important;
}

@media (min-width: 992px) {
	.site-header .nav-mega[data-top="服务支持"] .nav-popover {
		min-height: auto;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__links {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		gap: clamp(28px, 4vw, 72px);
		padding: 34px 0 36px;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__group {
		display: block;
		flex: 0 0 auto;
		min-width: 0;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__title {
		margin: 0;
		padding: 0;
		border-bottom: 0 !important;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.5;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__title::after,
	.site-header .nav-mega[data-top="服务支持"] .nav-popover__leaf::after {
		display: none !important;
	}
}

.mobile-app-section {
	padding: 88px 0;
	background: #f6f9fc;
}

.mobile-app-intro {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(280px, .68fr);
	gap: clamp(30px, 5vw, 70px);
	align-items: center;
	margin-bottom: 42px;
}

.mobile-app-intro > div:first-child > span {
	color: var(--brand);
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.mobile-app-intro h2 {
	margin: 12px 0 16px;
	color: var(--ink);
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 900;
	line-height: 1.25;
}

.mobile-app-intro p {
	margin: 0;
	color: #66758a;
	font-size: 16px;
	line-height: 1.8;
}

.mobile-app-phone {
	position: relative;
	min-height: 360px;
	padding: 30px;
	background: #07172c;
	border-radius: 8px;
	overflow: hidden;
}

.mobile-app-phone::before {
	content: "";
	position: absolute;
	inset: 24px auto 24px 50%;
	width: 188px;
	transform: translateX(-50%);
	background: #fff;
	border: 10px solid #111b2c;
	border-radius: 28px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.mobile-app-phone__screen {
	position: relative;
	z-index: 1;
	width: 148px;
	margin: 42px auto 0;
}

.mobile-app-phone__screen b,
.mobile-app-phone__screen span {
	display: block;
}

.mobile-app-phone__screen b {
	margin-bottom: 14px;
	color: var(--brand);
	font-size: 16px;
	font-weight: 900;
}

.mobile-app-phone__screen span {
	margin-top: 10px;
	padding: 10px 12px;
	color: #52647a;
	background: #f3f6fa;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 800;
}

.mobile-app-grid,
.mobile-app-flow {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.mobile-app-card {
	display: block;
	padding: 30px;
	background: #fff;
	border: 1px solid rgba(18,35,61,.08);
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(18,35,61,.06);
}

.mobile-app-card,
.mobile-app-card:hover {
	color: inherit;
	text-decoration: none;
}

.mobile-app-card i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 18px;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
	font-size: 20px;
}

.mobile-app-card h3 {
	margin: 0 0 12px;
	color: var(--ink);
	font-size: 22px;
	font-weight: 900;
}

.mobile-app-card p {
	margin: 0 0 18px;
	color: #66758a;
	line-height: 1.8;
}

.mobile-app-card ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-app-card li {
	color: #3f4f63;
	font-weight: 800;
}

.mobile-app-card li::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	background: var(--brand);
	border-radius: 50%;
	vertical-align: middle;
}

.mobile-app-flow {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 22px;
}

.mobile-app-flow div {
	padding: 24px;
	background: #07172c;
	border-radius: 8px;
	color: #fff;
}

.mobile-app-flow em {
	display: block;
	margin-bottom: 14px;
	color: var(--gold);
	font-style: normal;
	font-weight: 900;
}

.mobile-app-flow strong {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
}

.mobile-app-flow span {
	color: rgba(255,255,255,.72);
	line-height: 1.7;
}

.support-renewal-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	gap: 34px;
	align-items: stretch;
	padding: 44px;
	background: linear-gradient(135deg, #07172c 0%, #0b4e9f 58%, #10a9bd 100%);
	border-radius: 8px;
	color: #fff;
	overflow: hidden;
	position: relative;
}

.support-renewal-hero::after {
	content: "";
	position: absolute;
	right: -120px;
	bottom: -160px;
	width: 420px;
	height: 320px;
	background: rgba(255,255,255,.12);
	border-radius: 48px;
	transform: rotate(-8deg);
}

.support-renewal-copy,
.support-renewal-panel {
	position: relative;
	z-index: 1;
}

.support-renewal-copy .eyebrow {
	color: rgba(255,255,255,.72);
}

.support-renewal-copy h2 {
	margin: 10px 0 18px;
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	line-height: 1.15;
}

.support-renewal-copy p {
	max-width: 760px;
	margin: 0;
	color: rgba(255,255,255,.78);
	font-size: 18px;
	line-height: 1.85;
}

.support-renewal-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.support-renewal-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 46px;
	padding: 0 22px;
	border-radius: 8px;
	font-weight: 900;
}

.support-renewal-actions .btn-primary {
	color: #fff;
	background: var(--brand);
}

.support-renewal-actions .btn-ghost {
	color: #fff;
	border: 1px solid rgba(255,255,255,.42);
	background: rgba(255,255,255,.08);
}

.support-renewal-panel {
	display: grid;
	gap: 14px;
}

.support-renewal-panel div {
	padding: 20px;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 8px;
	backdrop-filter: blur(8px);
}

.support-renewal-panel strong {
	display: block;
	margin-bottom: 8px;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}

.support-renewal-panel span {
	color: rgba(255,255,255,.72);
	line-height: 1.7;
}

.support-renewal-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 0;
}

.support-renewal-card,
.support-renewal-block,
.support-renewal-flow {
	background: #fff;
	border: 1px solid rgba(18,35,61,.08);
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(18,35,61,.06);
}

.support-renewal-card {
	padding: 28px;
}

.support-renewal-card i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	color: #fff;
	background: var(--brand);
	border-radius: 50%;
	font-size: 18px;
}

.support-renewal-card strong {
	display: block;
	margin-bottom: 10px;
	color: var(--ink);
	font-size: 18px;
	font-weight: 900;
}

.support-renewal-card span,
.support-renewal-block p,
.support-renewal-block li,
.support-renewal-flow span {
	color: #66758a;
	line-height: 1.75;
}

.support-renewal-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
	gap: 18px;
	margin-top: 22px;
}

.support-renewal-block {
	padding: 30px;
}

.support-renewal-block > span {
	display: inline-block;
	margin-bottom: 10px;
	color: var(--brand);
	font-weight: 900;
}

.support-renewal-block h3 {
	margin: 0 0 18px;
	color: var(--ink);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.35;
}

.support-renewal-list {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.support-renewal-list li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 10px;
	background: var(--brand);
	border-radius: 50%;
	vertical-align: middle;
}

.support-renewal-tags {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.support-renewal-tags li {
	padding: 12px 14px;
	background: #f5f8fc;
	border-radius: 8px;
	color: #314158;
	font-weight: 800;
}

.support-renewal-flow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin-top: 22px;
	overflow: hidden;
}

.support-renewal-flow div {
	padding: 26px;
	border-right: 1px solid rgba(18,35,61,.08);
}

.support-renewal-flow div:last-child {
	border-right: 0;
}

.support-renewal-flow em {
	display: block;
	margin-bottom: 14px;
	color: var(--brand);
	font-style: normal;
	font-size: 24px;
	font-weight: 900;
}

.support-renewal-flow strong {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 18px;
	font-weight: 900;
}

.renewal-form-section {
	background: #f5f8fc;
}

.renewal-form {
	max-width: 1040px;
	margin: 0 auto;
	padding: 34px;
	display: grid;
	gap: 0;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 24px 65px rgba(18, 35, 61, .1);
}

.renewal-form-card {
	margin: 0 0 28px;
	padding: 0 0 28px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #e7ecf2;
	border-radius: 0;
	box-shadow: none;
}

.renewal-form-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	padding: 0;
	border: 0;
}

.renewal-form-title strong {
	color: var(--ink);
	font-size: 17px;
	font-weight: 800;
}

.renewal-form-title span {
	color: #8793a3;
	font-size: 13px;
}

.renewal-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 20px;
}

.renewal-field {
	margin-bottom: 0;
}

.renewal-field label {
	display: block;
	margin-bottom: 8px;
	color: var(--ink);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
}

.renewal-field label em {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-left: 5px;
	background: #d93618;
	border-radius: 50%;
	vertical-align: middle;
}

.renewal-field input[type="text"],
.renewal-field input[type="tel"],
.renewal-field select,
.renewal-field textarea {
	width: 100%;
	min-height: 48px;
	padding: 0 14px;
	color: var(--ink);
	background: #fff;
	border: 1px solid #dce3eb;
	border-radius: 6px;
	font-size: 14px;
	outline: none;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.renewal-field textarea {
	min-height: 94px;
	padding-top: 11px;
	resize: vertical;
}

.renewal-field input::placeholder,
.renewal-field textarea::placeholder {
	color: #9aa4b1;
}

.renewal-field input:focus,
.renewal-field select:focus,
.renewal-field textarea:focus {
	border-color: var(--brand);
	box-shadow: 0 0 0 3px rgba(11, 100, 216, .1);
}

.renewal-form-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px;
	align-items: end;
}

.renewal-form-row--code {
	max-width: 420px;
	margin-bottom: 28px;
}

.renewal-radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	min-height: 48px;
	align-items: center;
}

.renewal-city-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid #dce3eb;
	border-radius: 6px;
	overflow: hidden;
}

.renewal-city-grid select {
	border: 0;
	border-right: 1px solid #e6ebf1;
	border-radius: 0;
	appearance: none;
	background: #fff linear-gradient(45deg, transparent 50%, #b9c0c8 50%) calc(100% - 20px) 18px / 7px 7px no-repeat;
}

.renewal-city-grid select:last-child {
	border-right: 0;
}

.renewal-check-panel {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	padding: 14px;
	background: #f7f9fc;
	border-radius: 6px;
	border: 1px solid #edf1f6;
}

.renewal-choice {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 10px;
	color: var(--ink);
	background: #fff;
	border: 1px solid #e4eaf1;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.renewal-radio-group .renewal-choice {
	min-height: auto;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.renewal-choice input[type="radio"],
.renewal-choice input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--brand);
	flex: 0 0 auto;
}

.renewal-choice--other {
	grid-column: span 3;
	align-items: center;
}

.renewal-choice--other input[type="text"] {
	flex: 1 1 auto;
	min-height: 30px;
	padding: 0 0 0 6px;
	border: 0;
	border-bottom: 1px solid #cfd5dd;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 14px;
}

.renewal-code {
	min-height: 44px;
	display: flex;
	align-items: center;
}

.renewal-code img {
	max-height: 46px;
	cursor: pointer;
}

.renewal-hidden-content {
	display: none;
}

.renewal-form-footer {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 0;
}

.renewal-submit {
	min-width: 150px;
	height: 46px;
}

@media (max-width: 991px) {
	.mobile-app-intro,
	.mobile-app-grid,
	.mobile-app-flow,
	.support-renewal-hero,
	.support-renewal-grid,
	.support-renewal-layout,
	.support-renewal-flow,
	.renewal-form-row,
	.renewal-city-grid,
	.renewal-check-panel {
		grid-template-columns: 1fr;
	}

	.mobile-app-section {
		padding: 64px 0;
	}

	.support-renewal-hero {
		padding: 32px 24px;
	}

	.support-renewal-copy h2 {
		font-size: 34px;
	}

	.support-renewal-flow div {
		border-right: 0;
		border-bottom: 1px solid rgba(18,35,61,.08);
	}

	.support-renewal-flow div:last-child {
		border-bottom: 0;
	}

	.renewal-city-grid select {
		border-right: 0;
		border-bottom: 1px solid #e6ebf1;
		background-position: calc(100% - 20px) 20px;
	}

	.renewal-city-grid select:last-child {
		border-bottom: 0;
	}

	.renewal-check-panel {
		padding: 14px;
		gap: 10px;
	}

	.renewal-choice,
	.renewal-radio-group {
		font-size: 14px;
		gap: 14px;
	}

	.renewal-choice--other {
		grid-column: span 1;
	}
}

@media (max-width: 575px) {
	.renewal-form {
		padding: 24px 18px;
	}

	.renewal-form-grid {
		grid-template-columns: 1fr;
	}

	.renewal-form-title {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.renewal-form-footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.renewal-submit {
		width: 100%;
	}

	.support-renewal-tags {
		grid-template-columns: 1fr;
	}

	.support-renewal-actions a {
		width: 100%;
	}
}

/* Unified inner-page banner height. Home slider keeps its own full-screen rhythm. */
@media (min-width: 992px) {
	.page-hero,
	.search-hero,
	.news-hero,
	.partner-hero,
	.case-hero,
	.about-hero,
	.contact-hero,
	.support-hero,
	.research-hero,
	.platform-hero,
	.product-center-hero,
	.product-category-hero,
	.product-detail-hero,
	.solution-full-hero,
	.solution-page-hero,
	.jumbotron {
		display: flex;
		align-items: center;
		height: 560px !important;
		min-height: 560px !important;
		margin-top: 72px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.product-detail-hero {
		height: auto !important;
		min-height: 0 !important;
		margin-top: 72px !important;
		padding-top: 72px !important;
		padding-bottom: 72px !important;
	}

	.product-subnav {
		margin-top: 77px;
	}

	.product-subnav + .product-detail-hero,
	.product-subnav + .product-tab-panel {
		margin-top: 0 !important;
	}

	.product-center-hero--compact {
		height: 560px !important;
		min-height: 560px !important;
	}

	/* Solution detail pages are mostly AI/static pages with their own hero classes. */
	.drzk-solution > .drzk-hero,
	.solution-ai-page > .solution-ai-hero,
	.hospital-solution > .hospital-hero,
	.campus-page > .campus-hero,
	.smart-building-page .building-hero,
	.ai-product-page-shell > header.hero,
	body > header.hero {
		display: flex !important;
		align-items: center !important;
		height: calc(100vh - 72px) !important;
		min-height: calc(100vh - 72px) !important;
		margin-top: 72px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.ai-product-page-shell > header.hero .hero-stats,
	body > header.hero .hero-stats {
		margin-top: 28px !important;
	}

	.ai-product-page-shell > header.hero h1,
	body > header.hero h1 {
		font-size: clamp(42px, 4vw, 50px) !important;
	}

	.ai-product-page-shell > header.hero p.lead,
	body > header.hero p.lead {
		margin-bottom: 24px !important;
	}

	/* 静态方案页横幅：独立收紧文案版心，保留更从容的左右安全边距。 */
	.ai-product-page-shell > header.hero .hero-in,
	body > header.hero .hero-in {
		width: min(1080px, calc(100% - 144px)) !important;
		max-width: 1080px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.ai-product-page-shell > header.shenzhouting-hero {
		height: calc(100vh - 72px) !important;
		height: calc(100svh - 72px) !important;
		min-height: 620px !important;
	}

	/* 产品详情页已有全局导航与产品子导航，Hero 不再重复预留顶部高度。 */
	.product-subnav:not([data-product-title="ADMS软件平台"]) + .product-tab-panel .ai-product-page-shell > header.hero {
		height: calc(100vh - 136px) !important;
		min-height: calc(100vh - 136px) !important;
		margin-top: 0 !important;
	}

	/* AI 生成的产品页自带首屏比例与字号；不要被通用产品首屏规则压缩。 */
	.product-subnav:not([data-product-title="ADMS软件平台"]) + .product-tab-panel .ai-product-page-shell[data-ai-product-page] > header.hero {
		height: 630px !important;
		min-height: 630px !important;
	}

	.product-subnav:not([data-product-title="ADMS软件平台"]) + .product-tab-panel .ai-product-page-shell[data-ai-product-page] > header.hero h1 {
		font-size: 72px !important;
	}
}

/* 神州停首屏使用全宽版心，避免桌面端文案被通用静态页版心推向中部。 */
@media (min-width: 992px) {
	.ai-product-page-shell > header.shenzhouting-hero .hero-in {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

@media (max-width: 560px) {
	.ai-product-page-shell > header.hero .hero-in,
	body > header.hero .hero-in {
		width: calc(100% - 40px) !important;
	}
}

@media (max-width: 767px) {
	.article-detail-page {
		padding-top: 88px;
		padding-bottom: 52px;
	}

	.article-detail__head {
		padding: 18px 0 22px;
		margin-bottom: 22px;
		text-align: left;
	}

	.article-detail__head h1 {
		font-size: 25px;
		line-height: 1.45;
	}

	.article-detail__meta {
		justify-content: flex-start;
		font-size: 13px;
	}

	.article-detail__head > p {
		padding: 14px 16px;
		font-size: 15px;
	}

	.article-content {
		font-size: 16px;
		line-height: 1.9;
	}

	.article-content p {
		margin-bottom: 18px;
	}

	.article-content h2 {
		font-size: 22px;
	}

	.article-content h3 {
		font-size: 20px;
	}

	.article-content img {
		margin: 22px auto;
		border-radius: 4px;
	}

	.article-detail__pager {
		margin-top: 38px;
		font-size: 14px;
	}

	.article-sidebar {
		padding-top: 28px;
	}

	.article-sidebar__inner {
		position: static;
	}

	.article-sidebar-card {
		padding: 18px;
	}

	.article-product-list a {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.article-product-list img {
		width: 72px;
		height: 58px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.article-sidebar__inner {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 34px;
	}
}

.about-drcloud-grid {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

@media (max-width: 1199.98px) {
	.about-drcloud-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.about-drcloud-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.about-drcloud-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


/* smart-campus-solution-inline */
.campus-page {
  --blue: #1f7af0;
  --deep: #145fc6;
  --ink: #26384f;
  --muted: #8b96a8;
  --line: #e9eef6;
  --soft: #f6f9fd;
  --shadow: 0 18px 46px rgba(33, 58, 92, .10);
  --shadow-hover: 0 24px 58px rgba(31, 86, 158, .16);
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  letter-spacing: 0;
}

.campus-page * {
  box-sizing: border-box;
}

.campus-page a {
  text-decoration: none;
}

.campus-wrap {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.campus-hero {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(9, 53, 124, .94) 0%, rgba(18, 87, 183, .86) 38%, rgba(37, 117, 224, .62) 72%, rgba(56, 139, 236, .44) 100%),
    linear-gradient(180deg, rgba(7, 43, 105, .10) 0%, rgba(5, 51, 125, .28) 100%),
    radial-gradient(circle at 29% 22%, rgba(255,255,255,.14), rgba(255,255,255,0) 30%),
    url("/static/solution-pages/scene/smart-campus-solution/assets/hero-campus-clean.jpg") center right / cover no-repeat;
}

.campus-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 72px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8, 66, 152, 0), rgba(7, 64, 150, .18));
}

.campus-hero .campus-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 500px;
}

.campus-hero-copy {
  width: 660px;
  padding: 18px 0 10px;
}

.campus-hero-copy h1 {
  margin: 0 0 32px;
  color: #fff;
  font-size: 44px;
  line-height: 1.28;
  font-weight: 700;
  text-shadow: 0 12px 30px rgba(5, 35, 85, .30);
}

.campus-hero-copy p {
  max-width: 660px;
  margin: 0 0 18px;
  color: rgba(255, 255, 255, .93);
  font-size: 16px;
  line-height: 1.95;
  text-shadow: 0 6px 20px rgba(7, 42, 96, .24);
}

.campus-hero-copy p + p {
  margin-top: 4px;
}

.campus-hero-copy a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 44px;
  margin-top: 22px;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 4px;
  color: #fff;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 24px rgba(5, 44, 108, .16);
  font-size: 15px;
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.campus-hero-copy a:hover {
  color: var(--deep);
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(5, 44, 108, .20);
}

.campus-section {
  padding: 92px 0;
  background: #fff;
}

.campus-section:nth-of-type(3),
.campus-open,
.campus-cases {
  background: var(--soft);
}

.campus-title {
  margin: 0 auto 48px;
  text-align: center;
}

.campus-title h2 {
  margin: 0 0 16px;
  color: #243247;
  font-size: 38px;
  line-height: 1.28;
  font-weight: 400;
}

.campus-title p {
  margin: 0;
  color: #7f8da3;
  font-size: 16px;
  line-height: 1.8;
}

.challenge-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.challenge-grid article {
  min-height: 184px;
  padding: 34px 30px;
  border: 1px solid rgba(225, 233, 244, .9);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.challenge-grid article:hover,
.arch-card:hover,
.product-grid a:hover,
.module-grid article:hover,
.delivery-grid article:hover,
.case-grid article:hover {
  border-color: rgba(31, 122, 240, .22);
  box-shadow: var(--shadow-hover);
  transform: translateY(-4px);
}

.challenge-grid i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  color: var(--blue);
  background: linear-gradient(135deg, #eef6ff, #f8fbff);
  border-radius: 50%;
  font-size: 20px;
}

.challenge-grid h3,
.arch-card h3,
.module-grid h3 {
  margin: 0 0 10px;
  color: #3b4658;
  font-size: 19px;
  line-height: 1.45;
  font-weight: 500;
}

.challenge-grid p,
.arch-card p,
.arch-card li,
.scene-copy p,
.module-grid p,
.delivery-grid p,
.case-grid p,
.open-grid li {
  margin: 0;
  color: #758399;
  font-size: 13px;
  font-size: 15px;
  line-height: 1.85;
}

.campus-arch {
  padding-top: 96px;
  padding-bottom: 98px;
}

.arch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.arch-card {
  min-height: 330px;
  padding: 36px 38px;
  border: 1px solid #dbeafb;
  border-radius: 8px;
  background: #f2fbff;
  box-shadow: 0 14px 34px rgba(31, 86, 158, .06);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.arch-card--purple {
  border-color: #eadcf6;
  background: #fff8ff;
}

.arch-card--green {
  border-color: #d9f0df;
  background: #f2fff5;
}

.arch-card i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  color: var(--blue);
  background: #fff;
  border: 1px solid #d8eaff;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(31, 122, 240, .10);
  font-size: 22px;
  line-height: 1;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.arch-card--purple i {
  color: #a75ce3;
  border-color: #eddcfb;
  box-shadow: 0 10px 24px rgba(167, 92, 227, .10);
}

.arch-card--green i {
  color: #36b46e;
  border-color: #d6f1df;
  box-shadow: 0 10px 24px rgba(54, 180, 110, .10);
}

.arch-card:hover i {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), #4aa3ff);
  border-color: transparent;
  transform: translateY(-2px);
}

.arch-card--purple:hover i {
  background: linear-gradient(135deg, #a75ce3, #c68df0);
}

.arch-card--green:hover i {
  background: linear-gradient(135deg, #2fb66e, #62d995);
}

.arch-card p {
  margin-bottom: 18px;
  color: #697789;
}

.arch-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.arch-card li::before {
  content: "•";
  margin-right: 8px;
  color: currentColor;
}

.campus-scenes {
  padding-top: 96px;
}

.scene-tabs {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin: 34px 0 48px;
  border-bottom: 1px solid #e1e8f2;
}

.scene-tabs button {
  position: relative;
  padding: 0 4px 14px;
  border: 0;
  background: transparent;
  color: #66758a;
  cursor: pointer;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.4;
  transition: color .2s ease;
}

.scene-tabs button:hover {
  color: var(--blue);
}

.scene-tabs button.active {
  color: var(--deep);
  font-weight: 600;
}

.scene-tabs button.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: var(--blue);
  border-radius: 3px 3px 0 0;
}

.scene-layout {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 58px;
  align-items: start;
}

.scene-layout > img {
  display: block;
  width: 100%;
  height: 520px;
  margin-top: 68px;
  object-fit: cover;
  object-position: center center;
  border-radius: 10px;
  box-shadow: 0 22px 52px rgba(35, 57, 88, .12);
}

.scene-copy h3 {
  margin: 0 0 30px;
  color: #2b3444;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 400;
}

.scene-copy article {
  position: relative;
  min-height: 84px;
  margin-bottom: 18px;
  padding: 18px 24px 18px 86px;
  border: 1px solid #e7f0fb;
  background: linear-gradient(180deg, #f5faff, #f0f7ff);
  border-radius: 6px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.scene-copy article:hover {
  border-color: rgba(31, 122, 240, .22);
  box-shadow: 0 14px 34px rgba(31, 86, 158, .10);
  transform: translateX(4px);
}

.scene-copy i {
  position: absolute;
  left: 24px;
  top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--blue);
  background: #fff;
  border: 1px solid #d8eaff;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(31, 122, 240, .10);
  font-size: 20px;
  line-height: 1;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.scene-copy article:hover i {
  color: #fff;
  background: linear-gradient(135deg, var(--blue), #4aa3ff);
  border-color: transparent;
  transform: translateY(-1px);
}

.scene-copy b {
  display: block;
  margin-bottom: 4px;
  color: var(--deep);
  font-size: 17px;
}

.campus-products {
  padding-top: 92px;
}

.product-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  margin: 0 0 44px;
}

.product-tabs button {
  min-width: 112px;
  height: 40px;
  padding: 0 22px;
  border: 0;
  border-radius: 20px;
  color: #8794a8;
  background: #eef3f8;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 40px;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.product-tabs button:hover {
  color: var(--blue);
  background: #e8f2ff;
}

.product-tabs button.active {
  color: #fff;
  background: var(--blue);
  box-shadow: 0 8px 20px rgba(31, 122, 240, .24);
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.product-grid a {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #dfe7f1;
  background: #fff;
  color: var(--ink);
  text-align: center;
  box-shadow: 0 12px 28px rgba(26, 56, 94, .06);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.product-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 1.35;
  height: auto;
  object-fit: contain;
  padding: 18px;
  background: #fff;
  border-bottom: 1px solid #e3eaf1;
  mix-blend-mode: multiply;
  transition: transform .25s ease;
}

.product-grid a:hover img {
  transform: scale(1.04);
}

.product-grid b {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  padding: 16px 20px 18px;
  color: #1c2d44;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.55;
}

.product-empty {
  margin: 0 auto;
  padding: 44px 20px;
  width: 1000px;
  max-width: 100%;
  border: 1px dashed #d8e2f0;
  color: #93a0b1;
  background: #f8fafc;
  text-align: center;
  font-size: 14px;
}

.module-band {
  padding: 92px 0 96px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(17, 91, 197, .94), rgba(31, 122, 240, .78)),
    url("/static/solution-pages/scene/smart-campus-solution/assets/module-bg.jpg") center / cover no-repeat;
}

.campus-title--light h2,
.campus-title--light p {
  color: #fff;
}

.campus-title--light p {
  opacity: .78;
}

.module-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.module-grid article {
  min-height: 156px;
  padding: 30px 30px 26px 96px;
  border-radius: 6px;
  background: rgba(255,255,255,.94);
  position: relative;
  border: 1px solid rgba(255,255,255,.62);
  box-shadow: 0 18px 42px rgba(9, 52, 116, .13);
  transition: box-shadow .2s ease, transform .2s ease;
}

.module-grid i {
  position: absolute;
  left: 30px;
  top: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), #4aa3ff);
  border-radius: 50%;
  font-size: 23px;
}

.module-grid p {
  color: #738094;
}

.campus-open {
  padding-top: 92px;
}

.open-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.open-grid article {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(33, 58, 92, .07);
  transition: box-shadow .2s ease, transform .2s ease;
}

.open-grid article:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-4px);
}

.open-grid div {
  min-height: 128px;
  padding: 28px;
  color: #fff;
  font-size: 26px;
  line-height: 1.35;
}

.open-grid article:nth-child(1) div { background: linear-gradient(135deg, #1e65e8, #2a86ff); }
.open-grid article:nth-child(2) div { background: linear-gradient(135deg, #dfa91f, #f0c34d); }
.open-grid article:nth-child(3) div { background: linear-gradient(135deg, #22bea5, #45d8bd); }
.open-grid article:nth-child(4) div { background: linear-gradient(135deg, #7250dd, #8e6bf0); }

.open-grid span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  opacity: .9;
}

.open-grid ul {
  display: grid;
  gap: 18px;
  min-height: 270px;
  margin: 0;
  padding: 28px 28px 30px;
  list-style: none;
}

.open-grid li {
  color: #677486;
}

.open-grid li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 12px;
  vertical-align: 2px;
  background: var(--blue);
  border-radius: 50%;
}

.campus-delivery {
  padding-top: 96px;
}

.delivery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}

.delivery-grid article {
  position: relative;
  min-height: 124px;
  padding: 32px 38px 30px 118px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(225, 233, 244, .9);
  box-shadow: var(--shadow);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.delivery-grid i {
  position: absolute;
  left: 38px;
  top: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  color: var(--blue);
  background: linear-gradient(135deg, #eef6ff, #f8fbff);
  border-radius: 50%;
  font-size: 26px;
}

.delivery-grid b {
  display: block;
  margin-bottom: 10px;
  color: #3a4658;
  font-size: 21px;
  font-weight: 400;
}

.campus-cases {
  padding-top: 92px;
  padding-bottom: 92px;
}

.case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.case-grid article {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(225, 233, 244, .88);
  border-radius: 6px;
  box-shadow: 0 14px 34px rgba(34, 48, 72, .08);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.case-grid img {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
  transition: transform .35s ease;
}

.case-grid article:hover img {
  transform: scale(1.035);
}

.case-grid div {
  padding: 24px 26px 30px;
}

.case-grid h3 {
  margin: 0 0 12px;
  color: #334155;
  font-size: 20px;
  font-weight: 500;
}

.case-grid span {
  display: inline-block;
  margin: 18px 24px 0 0;
  color: var(--blue);
  font-size: 12px;
}

@media (max-width: 1024px) {
  .challenge-grid,
  .product-grid,
  .open-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .arch-grid,
  .module-grid,
  .case-grid {
    grid-template-columns: 1fr;
  }

  .scene-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .campus-wrap {
    width: min(100% - 28px, 1180px);
  }

  .campus-hero,
  .campus-hero .campus-wrap {
    min-height: 430px;
  }

  .campus-hero-copy h1 {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .campus-section,
  .module-band {
    padding: 56px 0;
  }

  .campus-title h2 {
    font-size: 24px;
  }

  .challenge-grid,
  .product-grid,
  .open-grid,
  .delivery-grid {
    grid-template-columns: 1fr;
  }

  .scene-tabs {
    gap: 18px;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .product-tabs {
    gap: 10px;
  }

  .scene-layout > img {
    height: 260px;
    margin-top: 0;
  }

  .module-grid article,
  .delivery-grid article {
    padding-left: 86px;
  }
}

/* /smart-campus-solution-inline */

/* Banner cleanup: show real images without dark overlay cards */
.about-hero {
	background: url("../images/banners/about.jpg") center / cover no-repeat;
}

.partner-hero {
	background: url("../images/banners/partner.jpg") center / cover no-repeat;
}

.case-hero {
	background: url("../images/banners/cases.jpg") center / cover no-repeat;
}

.solution-page-hero {
	background: url("../images/banners/solutions.jpg") center / cover no-repeat;
}

.platform-hero--shenzhou {
	background: url("../images/banners/shenzhouting.jpg") center / cover no-repeat;
}

.about-hero__shade,
.partner-hero__shade,
.case-hero__shade,
.contact-hero__shade,
.support-hero__shade,
.research-hero__shade,
.solution-page-hero::before,
.product-category-hero::before,
.product-category-hero::after,
.product-category-hero__visual::after,
.platform-hero::before,
.platform-hero::after {
	display: none;
}

.about-hero__panel,
.partner-hero__panel,
.case-hero__panel,
.news-hero__panel,
.contact-hero__panel,
.support-hero__panel,
.solution-page-hero__panel {
	display: none;
}

.about-hero__content,
.partner-hero__content,
.case-hero__content,
.news-hero__content,
.contact-hero__content,
.support-hero__content,
.solution-page-hero .container {
	grid-template-columns: minmax(0, 820px);
}

.about-hero h1,
.about-hero p,
.partner-hero h1,
.partner-hero p,
.case-hero h1,
.case-hero p,
.contact-hero h1,
.contact-hero p,
.support-hero h1,
.support-hero p,
.research-hero h1,
.research-hero p,
.solution-page-hero h1,
.solution-page-hero p,
.platform-hero__copy h1,
.platform-hero__copy p,
.product-category-hero__copy h1,
.product-category-hero__copy p {
	text-shadow: 0 3px 18px rgba(0, 0, 0, .42);
}

.support-hero > img,
.research-hero > img {
	opacity: 1;
}

/* 研发页首屏保留科技感，但弱化仪表盘背景，避免视觉信息与正文竞争。 */
.research-hero {
	background: #0b1d32;
}

.research-hero > img {
	opacity: .24;
	transform: none;
	filter: saturate(.58) contrast(.86) brightness(.7);
}

.research-hero__shade {
	display: block;
	background: linear-gradient(90deg, rgba(6, 19, 37, .98) 0%, rgba(8, 30, 55, .92) 50%, rgba(8, 30, 55, .78) 100%);
}

.research-hero__glow {
	display: none;
}

/* Smart campus banner readability overlay */
.campus-page .campus-hero {
	background:
		linear-gradient(90deg, rgba(2, 13, 33, .90) 0%, rgba(3, 20, 50, .82) 44%, rgba(5, 34, 78, .62) 100%),
		linear-gradient(180deg, rgba(2, 12, 30, .64) 0%, rgba(4, 24, 58, .50) 100%),
		url("/static/solution-pages/scene/smart-campus-solution/assets/hero-campus-real.jpg") center center / cover no-repeat !important;
}

.campus-page .campus-hero::before {
	display: none !important;
	content: none !important;
}

.campus-page .campus-hero::after {
	display: none !important;
	content: none !important;
}

.campus-page .campus-hero .campus-wrap {
	position: relative !important;
	z-index: 1 !important;
}

.campus-page .campus-hero-copy h1 {
	text-shadow: 0 3px 18px rgba(0, 22, 58, .38) !important;
}

.campus-page .campus-hero-copy p {
	text-shadow: 0 2px 12px rgba(0, 22, 58, .34) !important;
}

@media (max-width: 767.98px) {
	.about-spirit-manifest {
		grid-template-columns: 1fr;
		gap: 22px;
		width: calc(100% - 24px);
		padding: 28px 22px 32px;
	}

	.about-spirit-manifest::before {
		right: 12px;
		top: 10px;
		font-size: 58px;
	}

	.about-spirit-manifest::after {
		left: auto;
		right: 20px;
		top: 228px;
		bottom: auto;
		width: 38px;
		height: 38px;
		border-radius: 12px 12px 12px 4px;
		font-size: 19px;
	}

	.about-spirit-mark {
		min-height: 270px;
		justify-content: center;
		padding-right: 0;
		border-right: 0;
		border-bottom: 1px solid rgba(11, 100, 216, .14);
	}

	.about-spirit-mark__frame {
		display: none;
	}

	.about-spirit-mark__cn {
		font-size: 48px;
		line-height: 1.08;
	}

	.about-spirit-mark__en {
		left: calc(50% - 94px);
		top: 80px;
		font-size: 11px;
	}

	.about-spirit-lines div {
		display: block;
		padding: 14px 0 14px 34px;
		border-top: 1px solid rgba(11, 100, 216, .1);
	}

	.about-spirit-lines div::before {
		left: 3px;
		top: 20px;
		width: 15px;
		height: 15px;
		border-width: 4px;
	}

	.about-spirit-lines div::after {
		left: 10px;
		top: 42px;
	}

	.about-spirit-lines em,
	.about-spirit-lines span {
		display: inline;
		font-size: 16px;
		line-height: 1.78;
	}

	.about-spirit-lines em {
		margin-right: 6px;
	}

	.about-timeline {
		display: grid;
		gap: 30px;
		min-height: 0;
		padding: 10px 0 12px 30px;
		overflow: visible;
	}

	.about-timeline::before {
		left: 7px;
		right: auto;
		top: 10px;
		bottom: 10px;
		width: 3px;
		height: auto;
		transform: none;
		background: linear-gradient(180deg, rgba(31, 122, 240, .95), rgba(16, 166, 161, .95));
	}

	.about-timeline::after {
		display: none;
	}

	.about-timeline div,
	.about-timeline div:nth-child(even) {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
		min-height: 0;
		padding: 0 0 0 22px;
		direction: ltr;
	}

	.about-timeline div::before {
		display: none;
	}

	.about-timeline div::after,
	.about-timeline div:nth-child(even)::after {
		left: -32px;
		top: 8px;
		bottom: auto;
		width: 18px;
		height: 18px;
		transform: none;
		border-width: 4px;
	}

	.about-timeline figure,
	.about-timeline div:nth-child(even) figure,
	.about-timeline b,
	.about-timeline strong,
	.about-timeline span,
	.about-timeline div:nth-child(even) strong,
	.about-timeline div:nth-child(even) span {
		grid-column: 1;
		grid-row: auto;
		justify-self: stretch;
		text-align: left;
	}

	.about-timeline figure {
		margin-bottom: 16px;
	}

	.about-timeline figure img {
		height: 190px;
	}

	.about-timeline b {
		justify-content: flex-start;
		width: auto;
		height: auto;
		margin-bottom: 10px;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		font-size: 28px;
	}

	.about-timeline strong,
	.about-timeline span {
		max-width: none;
	}
}

/* Keep the redesigned About hero after legacy page-level banner rules. */
.about-hero {
	min-height: 620px;
	background: linear-gradient(90deg, rgba(5, 14, 27, .88) 0%, rgba(5, 14, 27, .56) 42%, rgba(5, 14, 27, .08) 74%), url("../images/banners/about.jpg") center / cover no-repeat;
}

.about-hero__shade { display: none; }

.about-hero__content {
	display: flex;
	align-items: flex-end;
	padding-top: 180px;
	padding-bottom: 78px;
}

.about-hero__title {
	max-width: 780px;
	padding-left: 2px;
	border-left: 2px solid #df302d;
}

.about-hero h1 {
	margin: 0 0 20px 28px;
	font-family: "Songti SC", "STSong", serif;
	font-size: 76px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-shadow: none;
}

.about-hero p {
	margin: 0 0 0 28px;
	max-width: 640px;
	font-size: 22px;
	line-height: 1.55;
	text-shadow: none;
}

.about-hero__honor {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: clamp(36px, 6vw, 92px);
}

.about-hero__media {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: clamp(36px, 7vw, 120px);
}

.about-hero--honor {
	background:
		linear-gradient(90deg, rgba(6, 16, 32, .92) 0%, rgba(8, 50, 105, .72) 45%, rgba(20, 118, 226, .78) 100%),
		url("../images/banners/about.jpg") center / cover no-repeat;
}

.about-hero--media {
	background:
		linear-gradient(118deg, rgba(6, 16, 32, .94) 0%, rgba(12, 47, 93, .82) 48%, rgba(38, 126, 231, .82) 100%),
		url("../images/banners/about.jpg") center / cover no-repeat;
}

.about-hero--honor .about-hero__content,
.about-hero--media .about-hero__content {
	align-items: center;
}

.about-hero--honor .about-hero__title--default,
.about-hero--media .about-hero__title--default {
	display: none;
}

.about-hero--honor .about-hero__honor {
	display: flex;
}

.about-hero--media .about-hero__media {
	display: flex;
}

.about-hero__honor-copy {
	max-width: 720px;
	color: #fff;
}

.about-hero__media-copy {
	max-width: 800px;
	color: #fff;
}

.about-hero__media-copy > span {
	display: block;
	margin-bottom: 20px;
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .24em;
}

.about-hero__honor-copy h1,
.about-hero__media-copy h1 {
	margin: 0 0 22px;
	font-family: inherit;
	font-size: clamp(34px, 3.5vw, 54px);
	font-weight: 900;
	line-height: 1.18;
	letter-spacing: -.02em;
}

.about-hero__honor-copy p,
.about-hero__media-copy p {
	margin: 0;
	max-width: 720px;
	color: rgba(255, 255, 255, .82);
	font-size: 18px;
	line-height: 1.9;
}

.about-hero__media-badge {
	width: min(27vw, 300px);
	min-height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 28px 24px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 16px;
	background: rgba(255, 255, 255, .12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
	backdrop-filter: blur(8px);
}

.about-hero__media-badge strong {
	color: #fff;
	font-size: clamp(34px, 3.2vw, 48px);
	font-weight: 900;
	letter-spacing: .14em;
	line-height: 1;
}

.about-hero__media-badge em {
	margin-top: 20px;
	color: rgba(255, 255, 255, .72);
	font-style: normal;
	font-size: 13px;
}

.about-hero__honor-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(190px, 1fr));
	gap: 18px;
	width: min(46vw, 560px);
}

.about-hero__honor-stats div {
	min-height: 112px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 22px 20px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 16px;
	background: rgba(255, 255, 255, .06);
	backdrop-filter: blur(6px);
}

.about-hero__honor-stats strong {
	display: block;
	color: #e4b957;
	font-size: clamp(36px, 3.4vw, 52px);
	font-weight: 900;
	line-height: 1;
}

.about-hero__honor-stats sup {
	font-size: .42em;
	font-weight: 900;
	vertical-align: super;
}

.about-hero__honor-stats span {
	margin-top: 12px;
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
}

@media (max-width: 991.98px) {
	.about-hero { min-height: 520px; }
	.about-hero__content { padding-top: 140px; }
	.about-hero h1 { font-size: 58px; }
	.about-hero--honor .about-hero__honor {
		display: grid;
		gap: 28px;
	}
	.about-hero--media .about-hero__media {
		display: grid;
		gap: 28px;
	}
	.about-hero__honor-stats {
		width: 100%;
	}
	.about-hero__media-badge {
		width: 100%;
		min-height: 128px;
	}
}

@media (max-width: 767.98px) {
	.about-hero { min-height: 460px; background-position: 61% center; }
	.about-hero__content { padding-top: 124px; padding-bottom: 46px; }
	.about-hero h1 { margin-left: 18px; font-size: 38px; }
	.about-hero p { margin-left: 18px; max-width: 285px; font-size: 15px; }
	.about-hero--honor,
	.about-hero--media { min-height: auto; }
	.about-hero--honor .about-hero__content,
	.about-hero--media .about-hero__content { padding-top: 112px; padding-bottom: 40px; }
	.about-hero__honor-copy h1,
	.about-hero__media-copy h1 { font-size: 30px; }
	.about-hero__honor-copy p,
	.about-hero__media-copy p { font-size: 15px; }
	.about-hero__media-copy > span { margin-bottom: 14px; font-size: 12px; }
	.about-hero__honor-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.about-hero__honor-stats div { min-height: 88px; padding: 16px 10px; border-radius: 12px; }
	.about-hero__honor-stats strong { font-size: 30px; }
	.about-hero__honor-stats span { margin-top: 8px; font-size: 12px; }
	.about-hero__media-badge { min-height: 104px; border-radius: 12px; }
	.about-hero__media-badge strong { font-size: 30px; }
	.about-hero__media-badge em { margin-top: 12px; font-size: 12px; }
}

/* About / intro visual alignment with the primary site system. */
.about-tab-panel[data-about-panel="intro"] {
	--about-ink: var(--ink);
	--about-muted: var(--muted);
	--about-red: var(--brand);
}

.about-hero__title { border-left-color: var(--brand); }
.about-hero h1,
.about-statement h2,
.about-delivery h2,
.about-network h2,
.about-closing h2,
.about-film__content h2,
.about-ecosystem__head h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 800;
}

.about-statement h2,
.about-delivery h2,
.about-network h2,
.about-closing h2 { letter-spacing: 0; }

.about-proof-rail strong,
.about-delivery__numbers strong,
.about-ecosystem li b,
.about-delivery__lines b {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	font-weight: 700;
}

.about-film,
.about-delivery,
.about-closing { background: var(--navy); }

.about-film__content { background: linear-gradient(90deg, var(--navy) 0%, var(--navy) 76%, rgba(9, 22, 44, .9) 100%); }
.about-film__media::after { background: linear-gradient(90deg, var(--navy) 0%, transparent 25%); }
.about-film__cover:hover span,
.about-film__cover:focus-visible span { background: var(--brand); border-color: var(--brand); }

.about-delivery__visual {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	min-height: 0;
	background: #eaf1f8;
}

.about-delivery__visual > img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center;
	justify-self: stretch;
	align-self: stretch;
	filter: none;
}

.about-delivery__numbers {
	position: static;
	background: var(--navy-2);
	backdrop-filter: none;
}

.about-ecosystem figure {
	width: 100%;
	max-width: 565px;
	height: auto;
	aspect-ratio: 565 / 376;
	background: #f4f7fb;
}

.about-ecosystem figure img { object-fit: cover; object-position: center 42%; }
.about-closing::after { background: linear-gradient(90deg, rgba(9, 22, 44, .95) 0%, rgba(9, 22, 44, .74) 46%, rgba(9, 22, 44, .16) 100%); }

@media (max-width: 991.98px) {
	.about-delivery__visual { min-height: 0; }
}

@media (max-width: 767.98px) {
	.about-film__media::after { background: linear-gradient(180deg, var(--navy) 0%, transparent 30%); }
	.about-ecosystem figure { max-width: none; height: auto; }
}

/* About song: a focused listening room rather than three stacked video blocks. */
.about-song-experience {
	max-width: 1180px;
	margin: 0 auto;
	padding: 88px 0 24px;
}

.about-song-experience__head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 54px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--line);
}

.about-song-experience__head h2 {
	margin: 0;
	color: var(--ink);
	font-size: 46px;
	font-weight: 800;
	line-height: 1.1;
}

.about-song-experience__head h2::after {
	content: "";
	display: block;
	width: 42px;
	height: 3px;
	margin-top: 20px;
	background: var(--brand);
}

.about-song-experience__head p {
	margin: 0 0 4px;
	color: var(--muted);
	font-size: 16px;
}

.about-song-feature {
	display: grid;
	grid-template-columns: minmax(0, 1.32fr) minmax(300px, .68fr);
	gap: 7.5%;
	align-items: center;
}

.about-song-feature__media {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #102033;
	overflow: hidden;
}

.about-song-feature__media::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	z-index: 1;
	background: var(--brand);
	pointer-events: none;
}

.about-song-feature__media iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	opacity: 0;
}

.about-song-feature__media.is-playing iframe { opacity: 1; }

.about-song-feature__launch {
	position: absolute;
	z-index: 2;
	left: 28px;
	bottom: 26px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	color: #fff;
	background: transparent;
	border: 0;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.about-song-feature__launch i {
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding-left: 3px;
	background: var(--brand);
	border-radius: 50%;
	font-size: 14px;
}

.about-song-feature__launch:hover i,
.about-song-feature__launch:focus i { background: #0754bb; }
.about-song-feature__media.is-playing .about-song-feature__launch { display: none; }

.about-song-feature__copy > span {
	display: block;
	margin-bottom: 22px;
	color: var(--brand);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
}

.about-song-feature__copy h3 {
	margin: 0 0 18px;
	color: var(--ink);
	font-size: 42px;
	font-weight: 800;
	line-height: 1.2;
}

.about-song-feature__copy p {
	margin: 0;
	color: var(--muted);
	font-size: 15px;
	font-weight: 600;
}

.about-song-feature__rule {
	width: 100%;
	height: 1px;
	margin: 30px 0 22px;
	background: var(--line);
}

.about-song-feature__copy strong {
	display: block;
	max-width: 260px;
	color: var(--ink);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.8;
}

.about-song-tracks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 54px;
	border-top: 1px solid var(--line);
}

.about-song-tracks button {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 18px;
	align-items: center;
	min-height: 78px;
	padding: 0 22px;
	text-align: left;
	color: var(--muted);
	background: #fff;
	border: 0;
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	cursor: pointer;
	transition: color .2s ease, background .2s ease;
}

.about-song-tracks button:first-child { border-left: 1px solid var(--line); }
.about-song-tracks button b { color: #96a4b4; font-size: 14px; font-weight: 800; }
.about-song-tracks button span { font-size: 17px; font-weight: 700; }
.about-song-tracks button i { color: #8fa0b2; font-size: 13px; }
.about-song-tracks button:hover,
.about-song-tracks button.is-active { color: var(--brand); background: rgba(11, 100, 216, .045); }
.about-song-tracks button.is-active b,
.about-song-tracks button.is-active i { color: var(--brand); }

.about-song-words {
	position: relative;
	max-width: 690px;
	margin: 88px auto 94px;
	padding-top: 68px;
}

.about-song-words__label {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: baseline;
	gap: 18px;
	padding-left: 14px;
	border-left: 3px solid var(--brand);
}

.about-song-words__label span {
	color: var(--ink);
	font-size: 19px;
	font-weight: 800;
}

.about-song-words__label em {
	color: var(--muted);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
}

.about-song-words article { display: none; color: var(--muted); text-align: center; }
.about-song-words article.is-active { display: block; }
.about-song-words p { margin: 0 0 13px; font-size: 18px; line-height: 1.85; }

@media (max-width: 991.98px) {
	.about-song-experience { padding-top: 56px; }
	.about-song-feature { grid-template-columns: 1fr; gap: 34px; }
	.about-song-feature__copy { display: grid; grid-template-columns: auto 1fr; column-gap: 20px; align-items: start; }
	.about-song-feature__copy > span { grid-column: 1; margin-top: 7px; }
	.about-song-feature__copy h3,
	.about-song-feature__rule,
	.about-song-feature__copy strong { grid-column: 2; }
	.about-song-feature__rule { margin: 22px 0 18px; }
}

@media (max-width: 575px) {
	.about-song-experience { width: calc(100% - 24px); padding-top: 46px; }
	.about-song-experience__head { display: block; margin-bottom: 34px; }
	.about-song-experience__head h2 { font-size: 34px; }
	.about-song-experience__head h2::after { margin-top: 14px; }
	.about-song-experience__head p { margin-top: 20px; font-size: 14px; }
	.about-song-feature__copy { display: block; }
	.about-song-feature__copy > span { margin: 0 0 14px; }
	.about-song-feature__copy h3 { font-size: 32px; }
	.about-song-feature__rule { margin: 22px 0 16px; }
	.about-song-feature__copy strong { font-size: 15px; }
	.about-song-tracks { display: block; margin-top: 38px; }
	.about-song-tracks button { width: 100%; min-height: 64px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
	.about-song-words { margin: 68px auto 62px; padding-top: 48px; }
	.about-song-words p { margin-bottom: 12px; font-size: 16px; line-height: 1.8; }
	.about-song-words__label { display: block; }
	.about-song-words__label em { display: block; margin-top: 8px; font-size: 13px; }
}

/* Culture reads as one continuous chapter: no framed blocks or shadows. */
.about-tab-panel[data-about-panel="culture"] .about-culture-banner,
.about-tab-panel[data-about-panel="culture"] .about-culture-body,
.about-tab-panel[data-about-panel="culture"] .about-culture-side-note,
.about-tab-panel[data-about-panel="culture"] .about-culture-lead,
.about-tab-panel[data-about-panel="culture"] .about-culture-side-note span {
	border: 0;
	box-shadow: none;
}

.about-tab-panel[data-about-panel="culture"] .about-culture-banner,
.about-tab-panel[data-about-panel="culture"] .about-culture-body {
	background: transparent;
}

.about-tab-panel[data-about-panel="culture"] .about-culture-banner__text span {
	border-bottom: 0;
}

.about-tab-panel[data-about-panel="culture"] .about-culture-copy h3::before {
	border: 0;
}

/* 品牌内容：将家教海报转为阅读页的视觉锚点，而不是直接铺放整张参考图。 */
.about-family-education {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
	padding: 10px 0 76px;
	color: #18334b;
	overflow: hidden;
}

.about-family-education::before {
	content: "50";
	position: absolute;
	right: -12px;
	top: 112px;
	z-index: -1;
	color: rgba(31, 101, 88, .055);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 360px;
	font-weight: 700;
	line-height: .8;
}

.about-family-education__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 350px);
	gap: 12px 48px;
	align-items: end;
	margin-bottom: 52px;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(25, 87, 76, .18);
}

.about-family-education__head span,
.about-family-education__eyebrow {
	color: #1c7468;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
}

.about-family-education__head h2 {
	grid-row: 2;
	margin: 0;
	color: #173c45;
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: clamp(42px, 5vw, 64px);
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1.05;
}

.about-family-education__head h2 em {
	color: #1c7468;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.08em;
	font-style: normal;
}

.about-family-education__head p {
	grid-column: 2;
	grid-row: 1 / span 2;
	margin: 0 0 3px;
	color: #6c7f7d;
	font-size: 16px;
	line-height: 1.85;
}

.about-family-education__layout {
	display: grid;
	grid-template-columns: minmax(290px, 350px) minmax(0, 1fr);
	gap: clamp(48px, 7vw, 96px);
	align-items: center;
}

.about-family-education__poster {
	position: relative;
	width: 100%;
	max-width: 350px;
	margin: 0;
	aspect-ratio: 538 / 818;
	overflow: hidden;
	background: #fbfaec;
	box-shadow: 20px 25px 0 rgba(28, 116, 104, .08), 0 15px 35px rgba(27, 55, 52, .12);
}

.about-family-education__poster img {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.about-family-education__copy {
	max-width: 570px;
	padding: 18px 0 8px;
}

.about-family-education__eyebrow {
	margin: 0 0 22px;
	line-height: 1.6;
}

.about-family-education__copy blockquote {
	margin: 0 0 28px;
	padding: 0 0 28px;
	color: #193c42;
	border-bottom: 1px solid rgba(25, 87, 76, .18);
	font-family: "Songti SC", "STSong", "SimSun", serif;
	font-size: clamp(22px, 2.1vw, 29px);
	font-weight: 700;
	line-height: 1.72;
}

.about-family-education__copy > p:not(.about-family-education__eyebrow) {
	margin: 0;
	color: #607472;
	font-size: 16px;
	line-height: 2;
}

.about-family-education__copy footer {
	display: flex;
	gap: 14px;
	align-items: baseline;
	justify-content: flex-end;
	margin-top: 34px;
	padding-top: 18px;
	border-top: 1px solid rgba(25, 87, 76, .12);
	color: #758582;
	font-size: 13px;
}

.about-family-education__copy footer strong {
	color: #1b4c49;
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: 22px;
	letter-spacing: .08em;
}

@media (max-width: 767.98px) {
	.about-family-education { width: calc(100% - 24px); padding-bottom: 54px; }
	.about-family-education::before { right: -18px; top: 132px; font-size: 230px; }
	.about-family-education__head { grid-template-columns: 1fr; gap: 12px; margin-bottom: 36px; padding-bottom: 22px; }
	.about-family-education__head h2 { grid-row: auto; }
	.about-family-education__head p { grid-column: auto; grid-row: auto; font-size: 15px; }
	.about-family-education__layout { grid-template-columns: 1fr; gap: 38px; }
	.about-family-education__poster { width: min(82vw, 350px); justify-self: center; }
	.about-family-education__copy { padding: 0; }
}

/* Spirit is a formal statement: typography and rhythm, without decorative frames or motion. */
.about-tab-panel[data-about-panel="spirit"] .about-tab-heading {
	max-width: 1120px;
	margin: 0 auto 18px;
}

.about-spirit-manifest {
	overflow: visible;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 70px;
	max-width: 1120px;
	padding: 58px 0 70px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.about-spirit-manifest::before,
.about-spirit-manifest::after {
	display: none;
	content: none;
}

.about-spirit-mark {
	min-height: 360px;
	justify-content: flex-start;
	padding-right: 0;
	border: 0;
}

.about-spirit-mark__cn {
	color: var(--ink);
	font-size: 72px;
	font-weight: 800;
	text-shadow: none;
}

.about-spirit-mark__en {
	left: 116px;
	top: 108px;
	color: #748398;
	font-size: 12px;
	letter-spacing: .12em;
}

.about-spirit-lines div {
	display: grid;
	grid-template-columns: minmax(148px, .52fr) minmax(0, 1.48fr);
	gap: 28px;
	align-items: baseline;
	padding: 18px 0;
	border: 0;
	background: transparent;
	transition: none;
}

.about-spirit-lines div::before,
.about-spirit-lines div::after {
	display: none;
	content: none;
}

.about-spirit-lines div:hover {
	transform: none;
	background: transparent;
}

.about-spirit-lines em {
	color: #6d7d92;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
	letter-spacing: 0;
}

.about-spirit-lines span {
	color: var(--ink);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0;
}

/* Spirit: an editorial declaration rather than a vertical checklist. */
.about-spirit-manifest {
	display: block;
	max-width: 1180px;
	padding: 92px 0 98px;
}

.about-spirit-mark {
	display: flex;
	align-items: baseline;
	gap: 20px;
	min-height: 0;
	margin: 0 0 46px;
	padding: 0;
}

.about-spirit-mark__cn {
	font-size: 50px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .04em;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
}

.about-spirit-mark__en {
	position: static;
	color: #7b899b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .14em;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
}

.about-spirit-lines {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 88px;
	row-gap: 0;
}

.about-spirit-lines div {
	display: block;
	padding: 22px 0 26px;
}

.about-spirit-lines div:first-child {
	grid-column: 1 / -1;
	padding: 0 0 42px;
}

.about-spirit-lines em {
	display: block;
	margin: 0 0 9px;
	color: var(--brand);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.5;
}

.about-spirit-lines span {
	display: block;
	color: var(--ink);
	font-size: 20px;
	font-weight: 650;
	line-height: 1.65;
}

.about-spirit-lines div:first-child span {
	font-size: 34px;
	font-weight: 800;
	line-height: 1.35;
}

@media (max-width: 767.98px) {
	.about-tab-panel[data-about-panel="spirit"] .about-tab-heading {
		width: calc(100% - 24px);
	}

	.about-spirit-manifest {
		display: block;
		width: calc(100% - 24px);
		padding: 52px 0 62px;
	}

	.about-spirit-mark {
		display: flex;
		gap: 12px;
		margin-bottom: 34px;
	}

	.about-spirit-mark__cn {
		display: block;
		font-size: 38px;
		line-height: 1.25;
		letter-spacing: .04em;
		writing-mode: horizontal-tb;
		text-orientation: mixed;
	}

	.about-spirit-mark__en {
		display: block;
		margin-top: 0;
		font-size: 11px;
		line-height: 1.3;
		writing-mode: horizontal-tb;
	}

	.about-spirit-lines div {
		display: block;
		padding: 16px 0 20px;
	}

	.about-spirit-lines {
		display: block;
	}

	.about-spirit-lines div:first-child {
		padding: 0 0 28px;
	}

	.about-spirit-lines em,
	.about-spirit-lines span {
		display: block;
	}

	.about-spirit-lines em {
		margin: 0 0 6px;
		font-size: 16px;
	}

	.about-spirit-lines span {
		font-size: 17px;
		line-height: 1.75;
	}

	.about-spirit-lines div:first-child span {
		font-size: 26px;
		line-height: 1.45;
	}
}

/* Solution overview overrides legacy interactive rails. */
.home.home .home-solution-section { position:relative; padding:92px 0 94px; overflow:hidden; background:radial-gradient(circle at 90% 7%,rgba(202,225,255,.68),transparent 27%),linear-gradient(135deg,#fff 0%,#f8fbff 57%,#eef6ff 100%); }
.home.home .home-solution-section::before,.home.home .home-solution-section::after { content:""; position:absolute; pointer-events:none; }
.home.home .home-solution-section::before { width:760px; height:760px; left:-430px; bottom:-550px; border:1px solid rgba(26,116,245,.11); border-radius:50%; box-shadow:0 0 0 62px rgba(26,116,245,.035),0 0 0 124px rgba(26,116,245,.02); }
.home.home .home-solution-section::after { width:620px; height:2px; right:-90px; bottom:42px; background:linear-gradient(90deg,transparent,rgba(26,116,245,.22),transparent); transform:rotate(-37deg); }
.home.home .home-solution-section .container { position:relative; z-index:1; }
.home.home .solution-map__heading { margin:0 auto 38px; text-align:center; }
.home.home .solution-map__heading h2 { margin:0; color:#10235d; font-size:46px; font-weight:900; letter-spacing:.14em; line-height:1.18; }
.home.home .solution-map__heading p { margin:15px 0 0; color:#7180a3; font-size:16px; line-height:1.8; }
.home.home .solution-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; min-height:0; width:100%; margin:0; background:rgba(255,255,255,.78); border:1px solid #d9e3f1; box-shadow:0 26px 58px rgba(45,83,139,.1); transition:none; }
.home.home .solution-map:has(.solution-map__track--operation:hover),.home.home .solution-map:has(.solution-map__track--industry:hover) { grid-template-rows:none; }
.home.home .solution-map__track { display:flex; flex-direction:column; min-height:0; overflow:hidden; background:transparent; border:0; border-right:1px solid #d9e3f1; isolation:auto; transition:background .28s ease; }
.home.home .solution-map__track:last-child { border-right:0; }
.home.home .solution-map__track::before { display:none; }
.home.home .solution-map__track:hover { background:rgba(255,255,255,.98); }
.home.home .solution-map__label,.home.home .solution-map__track--scene .solution-map__label,.home.home .solution-map__track--industry .solution-map__label { display:flex; align-items:flex-start; justify-content:center; min-height:116px; padding:39px 36px 23px; background:transparent; border:0; box-shadow:none; }
.home.home .solution-map__label strong { position:relative; padding-bottom:14px; color:#1467dd; font-size:31px; font-weight:800; letter-spacing:.08em; line-height:1.16; white-space:normal; }
.home.home .solution-map__label strong::after { content:""; position:absolute; left:0; bottom:0; width:88px; height:2px; background:#75b6ff; }
.home.home .solution-map__track--scene .solution-map__label strong { color:#119eaf; }.home.home .solution-map__track--scene .solution-map__label strong::after { background:#7edee3; }.home.home .solution-map__track--industry .solution-map__label strong { color:#bd8a38; }.home.home .solution-map__track--industry .solution-map__label strong::after { background:#d9bb83; }
.home.home .solution-map__label span { display:none; }
.home.home .solution-map__cover { display:block; width:100%; height:238px; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.02); transition:transform .45s ease,filter .45s ease; }.home.home .solution-map__track:hover .solution-map__cover { filter:saturate(1.04) contrast(1.04); transform:scale(1.035); }
.home.home .solution-map__track > p { min-height:114px; margin:0; padding:25px 36px 17px; color:#687895; font-size:16px; line-height:1.85; }
.home.home .solution-map__solutions,.home.home .solution-map__track:not(.is-active) .solution-map__solutions { display:block; margin:auto 36px 31px; min-width:0; overflow:visible; opacity:1; transition:none; }
.home.home .solution-map__solutions a { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:70px; padding:14px 0; overflow:visible; color:#1768dc; font-size:17px; font-weight:700; line-height:1.45; text-decoration:none; border:0; border-bottom:1px solid #dbe4ef; isolation:auto; transition:color .25s ease,padding-left .25s ease; }.home.home .solution-map__solutions a:last-child { border-bottom:0; }.home.home .solution-map__solutions a::before,.home.home .solution-map__solutions img,.home.home .solution-map__solutions span { display:none; }.home.home .solution-map__solutions a .fa { flex:0 0 auto; font-size:22px; font-weight:400; transition:transform .25s ease; }
.home.home .solution-map__track--scene .solution-map__solutions a { color:#0b9db1; }.home.home .solution-map__track--industry .solution-map__solutions a { color:#b78333; }.home.home .solution-map__solutions a:hover,.home.home .solution-map__solutions a:focus { padding-left:6px; color:#0758d2; text-decoration:none; }.home.home .solution-map__track--scene .solution-map__solutions a:hover,.home.home .solution-map__track--scene .solution-map__solutions a:focus { color:#087f91; }.home.home .solution-map__track--industry .solution-map__solutions a:hover,.home.home .solution-map__track--industry .solution-map__solutions a:focus { color:#8f621e; }.home.home .solution-map__solutions a:hover .fa,.home.home .solution-map__solutions a:focus .fa { transform:translateX(5px); }
@media (max-width:991.98px) { .home.home .home-solution-section{padding:70px 0}.home.home .solution-map{grid-template-columns:1fr}.home.home .solution-map__track{border-right:0;border-bottom:1px solid #d9e3f1}.home.home .solution-map__track:last-child{border-bottom:0}.home.home .solution-map__cover{height:270px} }
@media (max-width:575.98px) { .home.home .home-solution-section{padding:56px 0}.home.home .solution-map__heading{margin-bottom:28px}.home.home .solution-map__heading h2{font-size:34px}.home.home .solution-map__heading p{padding:0 8px;font-size:14px}.home.home .solution-map__label,.home.home .solution-map__track--scene .solution-map__label,.home.home .solution-map__track--industry .solution-map__label{min-height:88px;padding:29px 24px 16px}.home.home .solution-map__label strong{font-size:26px}.home.home .solution-map__cover{height:205px}.home.home .solution-map__track>p{min-height:0;padding:21px 24px 10px;font-size:14px}.home.home .solution-map__solutions,.home.home .solution-map__track:not(.is-active) .solution-map__solutions{margin:0 24px 20px}.home.home .solution-map__solutions a{min-height:59px;font-size:15px} }

/* 全站品牌统一：以冷静的深蓝、明快蓝和青绿色，串联硬件、平台与场景页面。 */
:root {
	--brand-navy: #082040;
	--brand-blue: #0b64d8;
	--brand-cyan: #10a6a1;
	--brand-surface: #f5f8fc;
	--brand-line: #dbe5f1;
}

body,
button,
input,
textarea,
select {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

/* 所有首页图片区采用统一的冷色商业影像处理，避免插画、夜景与产品图彼此割裂。 */
.home .product-atlas__item > img,
.home .solution-map__cover,
.home .home-case-card img {
	filter: saturate(.88) contrast(1.04) brightness(.94);
}

.home .product-atlas__item:hover > img,
.home .solution-map__track:hover .solution-map__cover,
.home .home-case-card:hover img {
	filter: saturate(1.04) contrast(1.05) brightness(1);
}

/* 模块统一使用少量直角基线与细描边，降低页面“组件拼贴”感。 */
.home .product-atlas-section {
	position: relative;
	padding-top: 112px;
	padding-bottom: 118px;
	background: #fff;
}

.home .product-atlas-heading,
.home .solution-map__heading,
.home .platform-section .section-heading,
.home .proof-layout h2 {
	letter-spacing: -.02em;
}

.home .product-atlas-heading p,
.home .solution-map__heading p,
.home .proof-layout p {
	color: #667996;
}

.home .product-atlas__item,
.home .solution-map,
.home .platform-visual--dashboard,
.home .home-case-card {
	border-radius: 4px;
}

.home .platform-section {
	position: relative;
	padding-top: 118px;
	padding-bottom: 118px;
	background: linear-gradient(180deg, #fff 0%, #f4f8fe 100%);
}

.home .proof-section {
	padding-top: 112px;
	padding-bottom: 120px;
	background: #fff;
}

.home .proof-layout__types span,
.home .home-case-card span {
	border-radius: 2px;
}

@media (max-width: 991.98px) {
	.home .product-atlas-section,
	.home .platform-section,
	.home .proof-section {
		padding-top: 76px;
		padding-bottom: 76px;
	}
}

@media (max-width: 575.98px) {
	.home .product-atlas-section,
	.home .platform-section,
	.home .proof-section {
		padding-top: 58px;
		padding-bottom: 58px;
	}
}

/* 全站版式规范：参考工程品牌的清晰层级、稳定媒体比例与克制交互。 */
.section {
	padding-top: 104px;
	padding-bottom: 104px;
}

.section-heading {
	max-width: 780px;
	margin-bottom: 46px;
}

.section-heading h2,
.platform-layout h2,
.proof-layout h2,
.partner-card h2 {
	font-size: clamp(32px, 3vw, 42px);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.28;
}

.section-heading p,
.platform-layout .lead,
.proof-layout p,
.partner-card p {
	font-size: 16px;
	line-height: 1.85;
}

/* 内容卡片采用弱圆角、细描边和低抬升反馈，避免视觉过度装饰。 */
.solution-card,
.news-list-card,
.news-focus-side div,
.news-topic-grid div,
.product-value-card,
.product-spec-card,
.product-consult-card,
.product-title-card,
.product-model-card {
	border-radius: 4px;
	box-shadow: 0 10px 26px rgba(18, 35, 61, .055);
}

.solution-card,
.news-list-card {
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.solution-card:hover,
.news-list-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(18, 35, 61, .11);
}

.solution-card__media::before {
	padding-top: 56.25%;
}

.solution-card__tag,
.news-list-card__cover span {
	border-radius: 2px;
	box-shadow: none;
}

.news-list-card__date {
	border-radius: 3px;
	box-shadow: 0 8px 18px rgba(18, 35, 61, .08);
}

.online dl,
.online dl dt {
	border-radius: 8px !important;
	box-shadow: 0 8px 20px rgba(9, 22, 44, .11) !important;
}

@media (max-width: 991.98px) {
	.section {
		padding-top: 76px;
		padding-bottom: 76px;
	}

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

@media (max-width: 575.98px) {
	.section {
		padding-top: 58px;
		padding-bottom: 58px;
	}

	.section-heading h2,
	.platform-layout h2,
	.proof-layout h2,
	.partner-card h2 {
		font-size: 30px;
	}

	.section-heading p,
	.platform-layout .lead,
	.proof-layout p,
	.partner-card p {
		font-size: 15px;
	}
}

/* 首页解决方案与全站品牌色统一：以深海军蓝为基底，仅用同谱系蓝色区分三类方案。 */
.home.home .home-solution-section {
	background:
		radial-gradient(circle at 88% 8%, rgba(65, 139, 224, .14), transparent 27%),
		linear-gradient(135deg, #fff 0%, #f7faff 58%, #f2f6fb 100%);
}

.home.home .home-solution-section::before {
	border-color: rgba(11, 100, 216, .10);
	box-shadow: 0 0 0 62px rgba(11, 100, 216, .03), 0 0 0 124px rgba(11, 100, 216, .018);
}

.home.home .home-solution-section::after {
	background: linear-gradient(90deg, transparent, rgba(11, 100, 216, .16), transparent);
}

.home.home .solution-map__heading h2 { color: var(--brand-navy); }

.home.home .solution-map {
	border-color: #d8e2ee;
	box-shadow: 0 22px 48px rgba(8, 32, 64, .08);
}

.home.home .solution-map__track { border-color: #d8e2ee; }
.home.home .solution-map__track:hover { background: rgba(248, 251, 255, .92); }

.home.home .solution-map__label strong,
.home.home .solution-map__track--scene .solution-map__label strong { color: var(--brand-blue); }
.home.home .solution-map__track--industry .solution-map__label strong { color: #315d94; }

.home.home .solution-map__label strong::after,
.home.home .solution-map__track--scene .solution-map__label strong::after { background: #74a9ec; }
.home.home .solution-map__track--industry .solution-map__label strong::after { background: #93aecb; }

.home.home .solution-map__solutions a,
.home.home .solution-map__track--scene .solution-map__solutions a { color: var(--brand-blue); }
.home.home .solution-map__track--industry .solution-map__solutions a { color: #315d94; }

.home.home .solution-map__solutions a:hover,
.home.home .solution-map__solutions a:focus,
.home.home .solution-map__track--scene .solution-map__solutions a:hover,
.home.home .solution-map__track--scene .solution-map__solutions a:focus,
.home.home .solution-map__track--industry .solution-map__solutions a:hover,
.home.home .solution-map__track--industry .solution-map__solutions a:focus { color: #073f96; }

/* 品牌视觉升级：统一为工程级版心、克制的材质与单一蓝色强调，保持稳重而不沉闷。 */
:root {
	--brand-navy: #09213f;
	--brand-blue: #1267d6;
	--brand-blue-hover: #0c55b4;
	--brand-text: #132945;
	--brand-muted: #647794;
	--brand-line: #dce5ef;
	--brand-surface: #f5f8fc;
	--brand-radius: 10px;
	--brand-shadow: 0 16px 38px rgba(9, 33, 63, .07);
}

/* 首页面向大屏使用固定版心，保证信息密度和两侧留白的稳定感。 */
@media (min-width: 1200px) {
	.home > .section:not(.proof-section):not(.partner-section) > .container {
		width: min(1280px, calc(100% - 80px));
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}

	.home > .proof-section > .container {
		width: 100%;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}

	.home .proof-layout {
		width: min(1280px, calc(100% - 80px));
		margin-left: auto;
		margin-right: auto;
	}

	.site-footer > .container,
	.footer-bottom > .container,
	.footer-friend-links .container {
		width: min(1280px, calc(100% - 80px));
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}
}

/* 首页：用层次、留白和真实图像建立可信赖感，避免过多卡片化装饰。 */
.home .product-atlas-section,
.home .home-solution-section,
.home .platform-section,
.home .proof-section,
.home .home-news-section {
	padding-top: 112px;
	padding-bottom: 112px;
}

.home .product-atlas-heading {
	max-width: 760px;
	margin: 0 auto 48px;
	text-align: center;
}

.home .product-atlas-heading h2,
.home .solution-map__heading h2,
.home .platform-layout h2,
.home .proof-layout h2,
.home .home-news-head h2 {
	color: var(--brand-text);
	font-weight: 700;
	letter-spacing: -.035em;
}

.home .product-atlas-heading p,
.home .solution-map__heading p,
.home .platform-layout .lead,
.home .proof-layout p,
.home .home-news-head p {
	color: var(--brand-muted);
}

.home .product-atlas__item,
.home .solution-map,
.home .home-news-card {
	border-radius: var(--brand-radius);
}

.home .product-atlas__item {
	box-shadow: none;
	transition: transform .32s ease, box-shadow .32s ease;
}

.home .product-atlas__item:hover {
	transform: translateY(-4px);
	box-shadow: var(--brand-shadow);
}

.home.home .home-solution-section {
	background: linear-gradient(180deg, #f8fbfe 0%, #f4f8fc 100%);
}

.home.home .home-solution-section::before {
	width: 680px;
	height: 680px;
	left: -440px;
	bottom: -480px;
	border-color: rgba(18, 103, 214, .08);
	box-shadow: 0 0 0 72px rgba(18, 103, 214, .022), 0 0 0 144px rgba(18, 103, 214, .014);
}

.home.home .home-solution-section::after {
	display: none;
}

.home.home .solution-map {
	overflow: hidden;
	border-color: var(--brand-line);
	border-radius: var(--brand-radius);
	box-shadow: 0 18px 44px rgba(9, 33, 63, .055);
}

.home.home .solution-map__track,
.home.home .solution-map__track:last-child {
	border-color: var(--brand-line);
}

.home.home .solution-map__track:hover {
	background: #fff;
}

.home.home .solution-map__label,
.home.home .solution-map__track--scene .solution-map__label,
.home.home .solution-map__track--industry .solution-map__label {
	min-height: 108px;
	padding: 34px 32px 20px;
}

.home.home .solution-map__label strong,
.home.home .solution-map__track--scene .solution-map__label strong,
.home.home .solution-map__track--industry .solution-map__label strong {
	color: var(--brand-text);
	font-size: 29px;
	letter-spacing: -.025em;
}

.home.home .solution-map__label strong::after,
.home.home .solution-map__track--scene .solution-map__label strong::after,
.home.home .solution-map__track--industry .solution-map__label strong::after {
	width: 56px;
	background: var(--brand-blue);
}

.home.home .solution-map__cover {
	height: 224px;
	filter: saturate(.92) contrast(1.03) brightness(.97);
}

.home.home .solution-map__track > p {
	min-height: 108px;
	padding: 24px 32px 16px;
	color: var(--brand-muted);
	font-size: 15px;
	line-height: 1.8;
}

.home.home .solution-map__solutions,
.home.home .solution-map__track:not(.is-active) .solution-map__solutions {
	margin: auto 32px 26px;
}

.home.home .solution-map__solutions a,
.home.home .solution-map__track--scene .solution-map__solutions a,
.home.home .solution-map__track--industry .solution-map__solutions a {
	min-height: 64px;
	color: var(--brand-text);
	font-size: 16px;
	border-color: var(--brand-line);
}

.home.home .solution-map__solutions a:hover,
.home.home .solution-map__solutions a:focus,
.home.home .solution-map__track--scene .solution-map__solutions a:hover,
.home.home .solution-map__track--scene .solution-map__solutions a:focus,
.home.home .solution-map__track--industry .solution-map__solutions a:hover,
.home.home .solution-map__track--industry .solution-map__solutions a:focus {
	color: var(--brand-blue-hover);
}

.home .home-news-card {
	border: 1px solid #e4ebf3;
	box-shadow: 0 12px 28px rgba(9, 33, 63, .045);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.home .home-news-card:hover {
	transform: translateY(-4px);
	border-color: #c8d9ed;
	box-shadow: var(--brand-shadow);
}

.home .home-news-card,
.home .home-news-cover,
.home .home-news-cover img,
.home .home-news-date {
	border-radius: 0;
}

.home .home-news-card::before,
.home .home-news-body em {
	display: none;
}

.home .home-news-body h3 {
	margin-top: 0;
}

/* 首页新闻：时间作为正文信息的起点，不再叠放在缩略图上。 */
.home .home-news-body .home-news-date {
	display: block;
	position: static;
	width: auto;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	color: #60738a;
	background: transparent;
	border: 0;
	box-shadow: none;
	font-family: "DIN Alternate", "DIN Condensed", Bahnschrift, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: .035em;
	line-height: 1.2;
}

.home .home-news-body .home-news-date + h3 {
	margin-top: 0;
}

.home .home-case-card {
	transition: filter .35s ease, transform .35s ease;
}

.home .home-case-card:hover {
	transform: none;
}

/* 页脚提高信息字号与呼吸感，让服务背书更清晰。 */
.site-footer {
	padding-top: 60px;
}

.footer-layout {
	column-gap: 44px;
}

.footer-col h5,
.footer-company-info,
.footer-service-label {
	font-size: 15px;
}

.footer-col li,
.footer-company-info p,
.footer-bottom,
.footer-friend-links {
	font-size: 14px;
	line-height: 2;
}

.footer-service-phone {
	font-size: 31px;
	letter-spacing: .02em;
}

/* 动效只承担层级提示：将旧版整屏滑入收束为 24px 的淡入位移。 */
@keyframes brandFadeInUp {
	from { opacity: 0; transform: translate3d(0, 24px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes brandFadeInDown {
	from { opacity: 0; transform: translate3d(0, -24px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes brandFadeInLeft {
	from { opacity: 0; transform: translate3d(-24px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes brandFadeInRight {
	from { opacity: 0; transform: translate3d(24px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.wow.animated.fadeInUp { animation-name: brandFadeInUp; animation-duration: .56s; }
.wow.animated.fadeInDown { animation-name: brandFadeInDown; animation-duration: .56s; }
.wow.animated.fadeInLeft { animation-name: brandFadeInLeft; animation-duration: .56s; }
.wow.animated.fadeInRight { animation-name: brandFadeInRight; animation-duration: .56s; }

html,
body {
	overflow-x: hidden;
}

/* 标题仅保留直接表达业务价值的中文主标题，移除重复的小字标签与装饰性英文。 */
.eyebrow,
.section-kicker,
.section-heading > span,
.product-detail-heading > span,
.product-detail-cta > .container > div > span,
.solution-page-head > span,
.product-solution-card__body > small,
.platform-screen__caption > span,
.hospital-eyebrow,
.hospital-title > span,
.drzk-title > span,
.park-title > span,
.park-kicker,
.park-eyebrow,
.factory-overline,
.factory-case > div > span,
.park-cta .park-wrap > div > span,
.szc-kicker,
.szc-eyebrow,
.szc-title > span,
.td-kicker,
.about-statement__title > span,
.about-film__content > span,
.about-delivery__copy > span,
.about-ecosystem__head > span,
.about-network__intro > span,
.about-closing > div > span,
.ai-product-page-shell .eh > div > span,
.ai-product-page-shell .role {
	display: none !important;
}

.eyebrow + h1,
.eyebrow + h2,
.eyebrow + h3,
.section-heading > span + h2,
.product-detail-heading > span + h2,
.product-detail-cta > .container > div > span + h2,
.solution-page-head > span + h2,
.hospital-title > span + h2,
.drzk-title > span + h2,
.park-title > span + h2,
.szc-title > span + h2,
.about-statement__title > span + h2,
.about-film__content > span + h2,
.about-delivery__copy > span + h2,
.about-ecosystem__head > span + h2,
.about-network__intro > span + h2,
.about-closing > div > span + h2 {
	margin-top: 0 !important;
}

/* 新闻中心：改为企业媒体流，突出主图和标题，去除卡片边框与摘要干扰。 */
.news-page .news-list-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 76px 44px;
}

.news-page .news-list-card {
	grid-column: span 4;
	display: flex;
	min-height: 0;
	flex-direction: column;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transition: none;
}

.news-page .news-list-card:hover {
	transform: none;
	box-shadow: none;
}

.news-page .news-list-card__cover {
	height: auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
}

.news-page .news-list-card__cover img {
	object-fit: cover;
	transition: transform .48s ease, filter .48s ease;
}

.news-page .news-list-card:hover .news-list-card__cover img {
	transform: scale(1.045);
	filter: saturate(1.04) contrast(1.02);
}

.news-page .news-list-card > div:last-child {
	padding: 20px 0 0;
}

.news-page .news-list-card__date {
	width: auto;
	height: auto;
	display: inline-flex;
	align-items: baseline;
	gap: 10px;
	position: static;
	margin: 0 0 13px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.news-page .news-list-card__date strong {
	color: var(--brand-blue);
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: .9;
}

.news-page .news-list-card__date span {
	margin: 0;
	padding-left: 10px;
	color: #7d8ca1;
	border-left: 1px solid #cbd7e4;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1;
}

.news-page .news-list-card h3 {
	margin: 0;
	color: var(--brand-text);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .25s ease;
}

.news-page .news-list-card:hover h3 {
	color: var(--brand-blue-hover);
}

.news-page .news-list-card p,
.news-page .news-list-card .card-more {
	display: none;
}

/* 仅首页单独提取的最新新闻使用主新闻样式。 */
.news-page .news-list-card.is-featured {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1.42fr) minmax(330px, .78fr);
	gap: 46px;
	align-items: center;
	padding: 0 0 48px;
	border-bottom: 1px solid var(--brand-line);
}

.news-page .news-list-card.is-featured .news-list-card__cover {
	aspect-ratio: 1.72 / 1;
}

.news-page .news-list-card.is-featured > div:last-child {
	padding: 0;
}

.news-page .news-list-card.is-featured .news-list-card__date strong {
	font-size: 42px;
}

.news-page .news-list-card.is-featured h3 {
	font-size: 30px;
	line-height: 1.38;
}

@media (max-width: 991.98px) {
	.news-page .news-list-grid { gap: 38px 22px; }
	.news-page .news-list-card { grid-column: span 6; }
	.news-page .news-list-card.is-featured { gap: 30px; }
}

@media (min-width: 1200px) {
	.news-page > .container {
		width: min(1490px, calc(100% - 48px));
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 575.98px) {
	.news-page .news-list-grid { display: block; }
	.news-page .news-list-card,
	.news-page .news-list-card.is-featured {
		display: block;
		padding: 0 0 32px;
		margin-bottom: 32px;
		border-bottom: 1px solid var(--brand-line);
	}

	.news-page .news-list-card__cover,
	.news-page .news-list-card.is-featured .news-list-card__cover { aspect-ratio: 1.38 / 1; }
	.news-page .news-list-card > div:last-child,
	.news-page .news-list-card.is-featured > div:last-child { padding-top: 18px; }
	.news-page .news-list-card h3,
	.news-page .news-list-card.is-featured h3 { font-size: 20px; }
	.news-page .news-list-card__date strong,
	.news-page .news-list-card.is-featured .news-list-card__date strong { font-size: 30px; }
}

/* 统一新闻日期为 YYYY.MM.DD；首条重点新闻保留必要摘要，其余仅保留标题。 */
.news-page .news-list-card__date {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	margin-bottom: 14px;
	padding: 0;
	color: #637892;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .045em;
	line-height: 1.25;
}

.news-page .news-list-card.is-featured .news-list-card__date {
	margin-bottom: 18px;
	font-size: 16px;
}

.news-page .news-list-card__summary {
	display: none;
}

.news-page .news-list-card.is-featured .news-list-card__summary {
	display: block;
	margin: 18px 0 0;
	color: var(--brand-muted);
	font-size: 16px;
	line-height: 1.85;
}

/* 列表媒体统一采用直角，保持新闻与项目照片的原始画面边界。 */
.news-page .news-list-card__cover,
.news-page .news-list-card__cover img,
.case-page .case-card,
.case-page .case-card__cover,
.case-page .case-card__img {
	border-radius: 0;
}

/* 客户案例列表沿用新闻的媒体流结构：所有项目同权展示，不设首条特型卡片。 */
.case-page .case-card-grid {
	gap: 64px 40px;
}

.case-page .case-card {
	overflow: visible;
	background: transparent;
	border: 0;
	box-shadow: none;
	transition: none;
}

.case-page .case-card:hover {
	transform: none;
	box-shadow: none;
}

.case-page .case-card__cover {
	min-height: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #fff;
}

.case-page .case-card__cover::after {
	display: none;
}

.case-page .case-card__img {
	object-fit: cover;
	transition: transform .48s ease, filter .48s ease;
}

.case-page .case-card:hover .case-card__img {
	transform: scale(1.045);
	filter: saturate(1.04) contrast(1.02);
}

.case-page .case-card__body {
	padding: 20px 0 0;
	display: block;
}

.case-page .case-card__title-row {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
}

.case-page .case-card__body em,
.case-page .case-card__region {
	margin-left: auto;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 8px;
	color: #718198;
	background: #f1f4f8;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .045em;
	line-height: 1.25;
	white-space: nowrap;
}

.case-page .case-card__body h3 {
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	color: var(--brand-text);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.case-page .case-card__body p {
	display: none;
}

.case-page .case-card__tags {
	width: 100%;
	margin-top: 12px;
}

@media (max-width: 575.98px) {
	.news-page .news-list-card.is-featured .news-list-card__summary {
		font-size: 15px;
		line-height: 1.75;
	}
}

@media (max-width: 991.98px) {
	.home .product-atlas-section,
	.home .home-solution-section,
	.home .platform-section,
	.home .proof-section,
	.home .home-news-section {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media (max-width: 575.98px) {
	.home .product-atlas-section,
	.home .home-solution-section,
	.home .platform-section,
	.home .proof-section,
	.home .home-news-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.home.home .solution-map__label,
	.home.home .solution-map__track--scene .solution-map__label,
	.home.home .solution-map__track--industry .solution-map__label {
		padding-left: 24px;
		padding-right: 24px;
	}

	.home.home .solution-map__track > p {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* 页面标题不再使用装饰性短渐变线，保留标签页选中态下划线。 */
.parking-hardware-catalog::before,
.parking-product-section h2 span::after,
.product-shelf-head h2::after,
.product-series__head h3::before,
.about-song-experience__head h2::after {
	display: none !important;
	content: none !important;
}

.parking-product-section h2 span {
	padding-bottom: 0;
}

/* 解决方案列表页图片不再被卡片圆角裁切。 */
.solution-page .solution-page-card,
.solution-page .solution-page-card__media,
.solution-page .solution-page-card__media img {
	border-radius: 0;
}

/* 解决方案列表页卡片间距重新拉开，减少列表密集感。 */
.solution-page .solution-page-subnav {
	margin-bottom: 34px;
}

.solution-page .solution-page-grid {
	gap: 44px 36px;
}

.solution-page .solution-page-card__body {
	padding: 30px 32px 34px;
}

.solution-page .solution-page-card--content .solution-page-card__media {
	height: auto;
	aspect-ratio: 16 / 9;
}

@media (max-width: 991.98px) {
	.solution-page .solution-page-grid {
		gap: 32px;
	}
}

@media (max-width: 575.98px) {
	.solution-page .solution-page-subnav {
		margin-bottom: 26px;
	}

	.solution-page .solution-page-grid {
		gap: 26px;
	}

	.solution-page .solution-page-card__body {
		padding: 24px 22px 28px;
	}
}

/* 全站大标题避免中文按单字断行，减少末尾孤字换行。 */
.hero h1,
.page-hero h1,
.search-hero h1,
.news-hero h1,
.partner-hero h1,
.case-hero h1,
.about-hero h1,
.contact-hero h1,
.support-hero h1,
.research-hero h1,
.platform-hero__copy h1,
.product-center-hero__copy h1,
.product-category-hero__copy h1,
.product-detail-intro h1,
.solution-full-hero__content h1,
.solution-page-hero h1,
.section-heading h2,
.home-news-head h2,
.home-solution-heading h2,
.product-atlas-heading h2,
.proof-layout h2,
.partner-full h2,
.partner-product-layout h2,
.partner-service-section .section-heading h2,
.partner-join-card h2,
.case-feature__content h2,
.case-tab-heading h2,
.about-tab-heading h2,
.about-video-copy h2,
.about-network-layout h2,
.about-honor-banner__title h2,
.about-business-card h2,
.case-cta-card h2,
.contact-address-card h2,
.contact-process-card h2,
.lead-form-card h2,
.support-process-layout h2,
.support-warranty-copy h2,
.support-standard__copy h2,
.support-cta__card h2,
.research-scene-layout h2,
.research-process-section .section-heading h2,
.research-quality-layout h2,
.research-result-card h2,
.research-cta__card h2,
.product-hub__head h2,
.parking-product-section h2,
.product-generic-head h2,
.parking-hardware-catalog__head h2,
.product-detail-heading h2,
.product-detail-cta h2,
.solution-page-head h2,
.solution-page-cta h2,
.platform-panel h2,
.platform-cta h2,
.mobile-app-intro h2,
.support-renewal-copy h2 {
	word-break: keep-all;
	overflow-wrap: normal;
	text-wrap: balance;
}

.home-case-card h3,
.home-news-body h3,
.solution-page-card__body h3,
.case-page .case-card__body h3,
.news-page .news-list-card h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow-wrap: normal;
}

@supports not (text-wrap: balance) {
	.partner-hero h1 {
		max-width: 14em;
	}
}

/* 首页天枢平台区块：压缩文案后突出中间平台看板，降低装饰信息密度。 */
.home .platform-capabilities {
	gap: 12px;
	max-width: 430px;
	margin-top: 26px;
	margin-bottom: 26px;
}

.home .platform-capabilities span {
	min-height: 58px;
	padding: 10px 14px;
}

.home .platform-capabilities em {
	margin-top: 0;
	font-size: 12px;
}

.home .platform-visual--dashboard {
	gap: 14px;
	min-height: 560px;
	margin-top: 18px;
	padding: 64px 22px 20px;
	background:
		radial-gradient(circle at 52% 45%, rgba(44, 164, 255, .24), transparent 31%),
		linear-gradient(145deg, #06172d, #092b59 68%, #071e3d);
}

.home .platform-status-strip {
	top: 18px;
	left: 22px;
	right: 22px;
	gap: 8px;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.home .platform-status-strip span {
	min-height: 44px;
	background: rgba(6, 31, 66, .74);
	border: 1px solid rgba(121, 195, 255, .18);
}

.home .platform-live-grid {
	gap: 12px;
}

.home .platform-live-grid span {
	padding: 12px 13px;
	background: rgba(7, 39, 83, .72);
}

.home .platform-screen {
	min-height: 0;
	background: #06152b;
}

.home .platform-screen::before {
	display: none;
}

.home .platform-screen img {
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding: 0;
	object-fit: cover;
	object-position: center;
}

.home .platform-module-rail span {
	min-height: 56px;
	background: rgba(4, 28, 61, .62);
}

@media (min-width: 992px) and (max-width: 1400px) {
	.home .platform-visual--dashboard {
		min-height: 540px;
	}

	.home .platform-screen {
		min-height: 288px;
	}
}

/* 首页 ADMS 展示区：看板作为唯一视觉主体，完整铺满容器。 */
.home .platform-visual--dashboard {
	min-height: 560px !important;
	padding: 28px !important;
}

.home .platform-screen {
	width: 100%;
	min-height: 500px !important;
	border: 0;
}

.home .platform-screen__caption,
.home .platform-module-rail {
	display: none;
}

/* 轻量动态层：网格、扫描光与呼吸缩放只服务于真实大屏本身。 */
.home .platform-visual--dashboard {
	position: relative;
	overflow: hidden;
	background: #071b37;
	box-shadow: 0 26px 58px rgba(11, 46, 92, .18);
}

.home .platform-visual--dashboard::before {
	display: block !important;
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(104, 211, 255, .11) 1px, transparent 1px),
		linear-gradient(90deg, rgba(104, 211, 255, .11) 1px, transparent 1px);
	background-size: 42px 42px;
	opacity: .34;
	mix-blend-mode: screen;
}

.home .platform-visual--dashboard::after {
	display: block !important;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -38%;
	z-index: 3;
	height: 32%;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 0%, rgba(77, 213, 255, .04) 28%, rgba(101, 228, 255, .32) 50%, rgba(77, 213, 255, .04) 72%, transparent 100%);
	box-shadow: 0 1px 18px rgba(81, 217, 255, .72);
	animation: adms-screen-scan 7s cubic-bezier(.42, 0, .2, 1) infinite;
}

.home .platform-screen {
	position: relative;
	z-index: 1;
}

.home .platform-screen img {
	animation: adms-screen-breathe 9s ease-in-out infinite;
	transform-origin: center;
}

.home .platform-visual--dashboard:hover .platform-screen img {
	animation-play-state: paused;
	transform: scale(1.035);
}

@keyframes adms-screen-scan {
	0%, 14% { transform: translateY(-18%); opacity: 0; }
	20% { opacity: .9; }
	70% { opacity: .72; }
	86%, 100% { transform: translateY(450%); opacity: 0; }
}

@keyframes adms-screen-breathe {
	0%, 100% { transform: scale(1.015); filter: saturate(.98) brightness(.98); }
	50% { transform: scale(1.035); filter: saturate(1.08) brightness(1.04); }
}

/* 首页 ADMS 展示图：完整等比显示，去掉外层画框和网格边框感。 */
.home .platform-visual--dashboard {
	min-height: 0 !important;
	margin-top: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.home .platform-visual--dashboard::before,
.home .platform-visual--dashboard::after {
	display: none !important;
	content: none !important;
}

.home .platform-screen {
	width: 100% !important;
	min-height: 0 !important;
	aspect-ratio: 1249 / 571 !important;
	overflow: visible !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.home .platform-screen img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center !important;
	animation: none !important;
	transform: none !important;
	filter: none !important;
}

.home .platform-visual--dashboard:hover .platform-screen img {
	transform: none !important;
}

/* 首页天枢平台：放大产品名称，补足信息密度，同时保持开放、克制的阅读节奏。 */
.home .platform-section {
	padding: 102px 0 108px;
}

.home .platform-layout--command {
	grid-template-columns: minmax(390px, .82fr) minmax(600px, 1.18fr);
	gap: clamp(58px, 6vw, 106px);
	align-items: center;
}

.home .platform-copy .platform-eyebrow {
	display: block;
	margin: 0 0 14px;
	color: #0b64d8;
	font-size: clamp(25px, 2.1vw, 34px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.035em;
}

.home .platform-copy h2 {
	margin: 0 0 19px;
	color: #142b48;
	font-size: clamp(42px, 3.35vw, 56px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -.055em;
}

.home .platform-copy .lead {
	max-width: 430px;
	color: #53667e !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	white-space: normal;
}

.home .platform-capabilities {
	max-width: 500px;
	margin: 30px 0 28px;
}

.home .platform-capabilities span {
	grid-template-columns: 52px minmax(0, 1fr);
	min-height: 70px;
	padding: 12px 0;
}

.home .platform-capabilities b {
	font-size: 13px;
}

.home .platform-capabilities strong {
	font-size: 16px;
	line-height: 1.35;
}

.home .platform-capabilities em {
	margin-top: 2px;
	color: #7a8a9d;
	font-size: 13px;
	line-height: 1.45;
}

@media (max-width: 991.98px) {
	.home .platform-section { padding: 72px 0 78px; }
	.home .platform-layout--command { grid-template-columns: 1fr; gap: 42px; }
	.home .platform-copy .platform-eyebrow { font-size: 26px; }
}

@media (max-width: 575.98px) {
	.home .platform-section { padding: 56px 0 60px; }
	.home .platform-copy .platform-eyebrow { font-size: 23px; }
	.home .platform-copy h2 { font-size: 38px; }
	.home .platform-capabilities span { grid-template-columns: 44px minmax(0, 1fr); }
}

/* 首页内容版心：视觉型区块使用更宽的横向空间，文字仍由各自组件控制阅读宽度。 */
@media (min-width: 992px) {
	.home .product-atlas-section > .container,
	.home .home-solution-section > .container,
	.home .platform-section > .container,
	.home .proof-section > .container,
	.home .home-news-section > .container {
		width: calc(100% - 96px);
		max-width: 1520px;
	}
}

/* 首页产品区域：主、副标题在完整内容区内居中呈现。 */
.home .product-atlas-heading.product-atlas-heading--centered {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	text-align: center !important;
}

.home .product-atlas-heading.product-atlas-heading--centered > div {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
}

.home .product-atlas-heading.product-atlas-heading--centered h2 {
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
	font-size: clamp(34px, 3vw, 46px) !important;
	line-height: 1.2 !important;
	letter-spacing: -.035em !important;
	white-space: normal;
}

.home .product-atlas-heading.product-atlas-heading--centered > div > p.product-atlas-heading__intro {
	margin: 16px auto 0 !important;
	text-align: center !important;
}

/* 首页客户案例头部：回到道尔自身的项目交付表达，避免照搬参考图的居中数字结构。 */
.home .proof-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .62fr);
	gap: 58px;
	align-items: end;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.home .proof-layout h2 {
	max-width: 620px;
	margin-left: 0;
	margin-right: 0;
	font-size: 42px;
	line-height: 1.24;
	letter-spacing: -.04em;
}

.home .proof-layout p {
	max-width: 620px;
	margin: 16px 0 0;
	color: #4f6075;
	font-size: 16px;
	line-height: 1.78;
}

.home .proof-layout__action {
	display: inline-flex;
	margin-top: 22px;
}

.home .proof-layout__types {
	display: none;
}

.home .proof-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 0;
	border-top: 1px solid rgba(29, 71, 118, .14);
	border-bottom: 1px solid rgba(29, 71, 118, .14);
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.home .proof-stats div {
	min-height: 0;
	padding: 22px 18px;
	border: 0;
	background: transparent;
}

.home .proof-stats div + div {
	border-left: 1px solid rgba(29, 71, 118, .12);
}

.home .proof-stats strong {
	margin-bottom: 8px;
	color: #12365f;
	font-size: 38px;
	font-weight: 900;
	letter-spacing: -.045em;
}

.home .proof-stats span {
	color: #52657c;
	font-size: 13px;
	font-weight: 700;
}

@media (max-width: 575.98px) {
	.home .proof-layout {
		display: block;
	}

	.home .proof-layout h2 {
		font-size: 30px;
	}

	.home .proof-layout p {
		font-size: 15px;
	}

	.home .proof-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
		margin-top: 28px;
	}

	.home .proof-stats div {
		padding: 18px 8px;
	}

	.home .proof-stats strong {
		font-size: 28px;
	}
}

/* 首页客户案例头部：大屏版心回正，避免标题和说明贴到浏览器边缘。 */
@media (min-width: 992px) {
	.home .proof-section > .container {
		width: 100%;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}

	.home .proof-layout {
		width: min(1280px, calc(100% - 96px));
		margin-left: auto;
		margin-right: auto;
	}
}

/* 宽版首页：容器、图片和信息栏同步扩展，避免仅放大空白。 */
@media (min-width: 992px) {
	.home .product-atlas-section > .container,
	.home .home-solution-section > .container,
	.home .platform-section > .container,
	.home .home-news-section > .container {
		width: calc(100% - 48px);
		max-width: 1520px;
	}

	.home .proof-layout {
		width: min(1520px, calc(100% - 48px));
		grid-template-columns: minmax(0, 1.08fr) minmax(520px, .92fr);
		gap: clamp(54px, 6vw, 112px);
	}

	.home.home .solution-map {
		gap: clamp(32px, 3.6vw, 64px);
	}

	.home.home .solution-map__cover {
		aspect-ratio: 16 / 10;
	}

	.home .platform-layout--command {
		grid-template-columns: minmax(390px, .68fr) minmax(0, 1.32fr);
		gap: clamp(48px, 5vw, 96px);
	}

.home .product-atlas,
	.home .home-news-grid {
		gap: clamp(24px, 2.4vw, 42px);
	}
}

/* 首页产品体系：三类现场业务并列展开，天枢平台作为贯穿全局的统一底座。 */
.home .product-atlas-section {
	padding: 96px 0 104px;
	background: #f7f9fc;
}

.home .product-atlas-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
	gap: 72px;
	align-items: end;
	max-width: none;
	min-height: 0;
	margin: 0 0 42px;
	padding: 0;
	text-align: left;
}

.home .product-atlas-heading::before,
.home .product-atlas-heading::after {
	display: none;
}

.home .product-atlas-heading h2 {
	max-width: 620px;
	margin: 7px 0 14px;
	font-size: clamp(40px, 3.2vw, 54px);
	line-height: 1.14;
}

.home .product-atlas-heading__intro,
.home .product-atlas-heading__side p {
	margin: 0;
	color: #63748a;
	font-size: 16px;
	line-height: 1.8;
}

.home .product-atlas-heading__intro {
	max-width: 570px;
}

.home .product-atlas-heading__side {
	padding-bottom: 3px;
}

.home .product-atlas-heading__side a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 16px;
	color: #1269e8;
	font-size: 15px;
	font-weight: 700;
}

.home .product-atlas {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	grid-template-rows: auto auto !important;
	gap: 24px !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.home .product-atlas__item,
.home .product-atlas__item:hover,
.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
	display: block !important;
	grid-column: auto !important;
	grid-row: auto !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 360px !important;
	overflow: hidden !important;
	opacity: 1 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.home .product-atlas__item > img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform .45s ease !important;
}

.home .product-atlas__item::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	display: block !important;
	background: linear-gradient(180deg, rgba(5, 17, 34, .06) 18%, rgba(5, 17, 34, .78) 100%) !important;
	pointer-events: none !important;
}

.home .product-atlas__item:hover > img {
	transform: scale(1.035) !important;
}

.home .product-atlas__content {
	position: absolute !important;
	inset: auto 30px 28px !important;
	z-index: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	max-width: none !important;
	color: #fff;
}

.home .product-atlas__type {
	color: #fff !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
}

.home .product-atlas__tags {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.home .product-atlas__tags b {
	padding: 5px 9px;
	color: rgba(255, 255, 255, .92) !important;
	background: rgba(255, 255, 255, .14) !important;
	border: 1px solid rgba(255, 255, 255, .2) !important;
	border-radius: 0 !important;
	font-size: 12px !important;
	font-weight: 600;
}

.home .product-atlas__link-label,
.home .product-atlas-platform-rail__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.home .product-atlas-platform-rail {
	position: relative;
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 36px;
	align-items: center;
	min-height: 148px;
	padding: 28px 34px;
	overflow: hidden;
	color: #fff;
	background: #0b2343;
	text-decoration: none;
}

.home .product-atlas-platform-rail::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(7, 25, 50, .96) 0%, rgba(7, 25, 50, .82) 46%, rgba(7, 25, 50, .36) 100%);
}

.home .product-atlas-platform-rail > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	transition: transform .45s ease;
}

.home .product-atlas-platform-rail:hover > img { transform: scale(1.025); }

.home .product-atlas-platform-rail > span {
	position: relative;
	z-index: 2;
}

.home .product-atlas-platform-rail__content {
	display: grid;
	gap: 5px;
}

.home .product-atlas-platform-rail__content > span {
	color: #79c3ff;
	font-size: 14px;
	font-weight: 700;
}

.home .product-atlas-platform-rail__content strong {
	font-size: 28px;
	line-height: 1.18;
}

.home .product-atlas-platform-rail__content em {
	color: rgba(236, 246, 255, .76);
	font-size: 14px;
	font-style: normal;
}

.home .product-atlas-platform-rail__tags {
	display: flex;
	gap: 8px;
}

.home .product-atlas-platform-rail__tags b {
	padding: 7px 10px;
	color: rgba(255, 255, 255, .9);
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(140, 205, 255, .26);
	font-size: 12px;
	font-weight: 600;
}

.home .product-atlas-platform-rail__link { margin-top: 0; white-space: nowrap; }

@media (min-width: 992px) {
	.home .product-atlas-heading {
		grid-template-columns: minmax(0, 1fr) 340px !important;
		gap: 52px !important;
		margin: 0 0 42px !important;
	}

	.home .product-atlas-heading h2 {
		max-width: none !important;
		margin: 6px 0 16px !important;
		font-size: clamp(40px, 2.85vw, 46px) !important;
		line-height: 1.15 !important;
	}

	.home .product-atlas-heading__intro {
		margin: 0 !important;
	}

	.home .product-atlas-heading__side {
		max-width: none !important;
	}
}

@media (max-width: 991.98px) {
	.home .product-atlas-section { padding: 76px 0 80px; }
	.home .product-atlas-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 34px; }
	.home .product-atlas { grid-template-columns: 1fr !important; }
	.home .product-atlas__item { min-height: 320px !important; }
	.home .product-atlas-platform-rail { grid-column: auto; grid-template-columns: 1fr; gap: 18px; min-height: 230px; }
	.home .product-atlas-platform-rail__tags { flex-wrap: wrap; }
}

@media (max-width: 575.98px) {
	.home .product-atlas-section { padding: 58px 0 64px; }
	.home .product-atlas-heading h2 { font-size: 35px; }
	.home .product-atlas__content { inset: auto 22px 22px !important; }
	.home .product-atlas__type { font-size: 25px !important; }
	.home .product-atlas-platform-rail { padding: 26px 24px; }
	.home .product-atlas-platform-rail__content strong { font-size: 25px; }
}

/* 关于我们 · 大事记：降低高饱和渐变与发光感，右侧内容统一改为左对齐。 */
.about-timeline::before {
	width: 2px;
	background: linear-gradient(180deg, rgba(143, 157, 178, .08), rgba(63, 83, 112, .68) 14%, rgba(63, 83, 112, .68) 86%, rgba(143, 157, 178, .08));
	box-shadow: none;
}

.about-timeline::after {
	border-color: #2d4264;
	box-shadow: 0 0 0 8px rgba(45, 66, 100, .08);
}

.about-timeline div::before,
.about-timeline div:nth-child(even)::before {
	background: linear-gradient(90deg, rgba(74, 96, 126, 0), rgba(74, 96, 126, .28));
}

.about-timeline div:nth-child(even)::before {
	transform: translate(0, -50%);
	background: linear-gradient(90deg, rgba(74, 96, 126, .28), rgba(74, 96, 126, 0));
}

.about-timeline div::after,
.about-timeline div:nth-child(even)::after {
	width: 16px;
	height: 16px;
	background: #fff;
	border-width: 4px;
	border-color: #2d4264;
	box-shadow: 0 0 0 7px rgba(45, 66, 100, .08);
}

.about-timeline figure {
	border-color: rgba(45, 66, 100, .12);
	border-radius: 4px;
	box-shadow: 0 18px 42px rgba(20, 35, 56, .09);
}

.about-timeline b,
.about-timeline div:nth-child(even) b {
	color: #263a59;
	background: #f8fafc;
	border-color: rgba(45, 66, 100, .16);
	box-shadow: 0 14px 34px rgba(20, 35, 56, .08);
}

.about-timeline strong {
	color: #12233b;
}

.about-timeline span {
	color: #5e6d80;
}

.about-timeline div:nth-child(even) strong,
.about-timeline div:nth-child(even) span {
	justify-self: start;
	text-align: left;
}

@media (max-width: 767.98px) {
	.about-timeline::before {
		background: linear-gradient(180deg, rgba(45, 66, 100, .68), rgba(45, 66, 100, .5));
	}
}

/* 关于我们 · 大事记：桌面端采用固定三列，避免单双数交替导致视觉重心跳动。 */
@media (min-width: 768px) {
	.about-timeline {
		max-width: 1160px;
		gap: 42px;
	}

	.about-timeline div,
	.about-timeline div:nth-child(even) {
		grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr);
		min-height: 216px;
		direction: ltr;
	}

	.about-timeline figure,
	.about-timeline div:nth-child(even) figure {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.about-timeline b,
	.about-timeline div:nth-child(even) b {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.about-timeline strong,
	.about-timeline span,
	.about-timeline div:nth-child(even) strong,
	.about-timeline div:nth-child(even) span {
		grid-column: 3;
		justify-self: start;
		width: 100%;
		max-width: 430px;
		text-align: left;
	}

	.about-timeline strong,
	.about-timeline div:nth-child(even) strong {
		grid-row: 1;
		margin-bottom: 10px;
	}

	.about-timeline span,
	.about-timeline div:nth-child(even) span {
		grid-row: 2;
	}

	.about-timeline div::before,
	.about-timeline div:nth-child(even)::before {
		width: 52px;
		transform: translate(-100%, -50%);
		background: rgba(74, 96, 126, .22);
	}
}

/* About section: reuse the About page banner background across child pages. */
.news-hero,
.research-hero,
.video-detail-hero {
	background: linear-gradient(90deg, rgba(5, 14, 27, .88) 0%, rgba(5, 14, 27, .56) 42%, rgba(5, 14, 27, .08) 74%), url("../images/banners/about.jpg") center / cover no-repeat !important;
}

.research-hero > img {
	display: none !important;
}

/* Final dropdown typography override: Huawei-like hierarchy, spacing and tone. */
@media (min-width: 992px) {
	.site-header .nav-popover {
		background: #fff;
		border-top: 1px solid #edf0f3;
		box-shadow: 0 20px 38px rgba(17, 24, 39, .06);
	}

	.site-header .nav-popover__links {
		align-items: start;
		gap: 36px clamp(48px, 5vw, 82px);
		padding-top: 42px;
		padding-bottom: 48px;
	}

	.site-header .nav-popover__group {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.site-header .nav-popover__title,
	.site-header .nav-popover__node {
		color: #111827;
		font-size: 20px;
		font-weight: 800;
		line-height: 1.28;
		letter-spacing: 0;
	}

	.site-header .nav-popover__title {
		margin: 0 0 24px;
		padding: 0 0 16px;
		border-bottom: 1px solid #e5e7eb;
	}

	.site-header .nav-popover__leaf {
		color: #60646b;
		font-size: 15.5px;
		font-weight: 400;
		line-height: 1.55;
		letter-spacing: 0;
	}

	.site-header .nav-popover__leaf + .nav-popover__leaf {
		margin-top: 18px;
	}

	.site-header .nav-popover__leaf:hover {
		color: #111827 !important;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__links,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__links {
		grid-template-columns: minmax(0, 1.9fr) minmax(220px, .85fr) minmax(220px, .85fr);
		max-width: 1188px;
		gap: 54px;
		padding: 42px 0 52px;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group:first-child,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group:first-child {
		display: grid;
		grid-template-columns: repeat(3, minmax(120px, 1fr));
		gap: 0 46px;
	}

	.site-header .nav-mega[data-top="解决方案"] .nav-popover__group:first-child .nav-popover__title,
	.site-header .nav-mega[data-top="关于我们"] .nav-popover__group:first-child .nav-popover__title {
		grid-column: 1 / -1;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover {
		padding-left: max(44px, calc((100vw - 1520px) / 2));
		padding-right: max(44px, calc((100vw - 1520px) / 2));
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__links {
		grid-template-columns: repeat(6, minmax(150px, 1fr));
		gap: 34px clamp(34px, 2.9vw, 54px);
		padding: 42px 0 52px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group .nav-popover__title {
		margin: 0 0 22px;
		padding: 0 0 15px;
		color: #111827;
		border-bottom-color: #e5e7eb;
		font-size: 20px;
		font-weight: 800;
		line-height: 1.28;
		letter-spacing: 0;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf,
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a {
		margin: 0;
		padding: 0;
		color: #60646b;
		font-size: 15.5px;
		font-weight: 400;
		line-height: 1.55;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf + .nav-popover__leaf,
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 a + a {
		margin-top: 14px;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__group > .nav-popover__leaf::before {
		display: none;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level3 {
		margin: 0 0 12px;
		color: #111827;
		font-size: 15.5px;
		font-weight: 700;
		line-height: 1.45;
	}

	.site-header .nav-mega[data-top="产品中心"] .nav-popover__level4 {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0 0 18px;
		padding-left: 0;
		border-left: 0;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__links {
		gap: clamp(44px, 5vw, 92px);
		padding: 42px 0 48px;
	}

	.site-header .nav-mega[data-top="服务支持"] .nav-popover__title {
		color: #60646b;
		font-size: 15.5px;
		font-weight: 400;
		line-height: 1.55;
	}
}

/* 关于我们子栏目：取消重复的大图 Banner，让栏目标题直接进入各自内容。 */
.about-hero.is-section-hidden {
	display: none;
}

.about-page.is-section-view .pages {
	padding-top: clamp(120px, 9vw, 138px);
}

.about-section-heading {
	position: relative;
	max-width: 820px;
	margin: 0 0 clamp(42px, 4.5vw, 64px);
	padding: 0 0 28px 26px;
	border-bottom: 1px solid #dce3eb;
}

.about-section-heading::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 3px;
	height: 52px;
	background: var(--brand);
}

.about-section-heading h1 {
	margin: 0 0 14px;
	color: var(--ink);
	font-size: clamp(36px, 4vw, 52px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -.025em;
}

.about-section-heading p {
	max-width: 680px;
	margin: 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.8;
}

/* 云参观本身就是主要视觉，避免再套一层厚重卡片。 */
.about-tab-panel[data-about-panel="cloud-tour"] .about-tab-layout {
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

/* 不同内容结构分别校正节奏，避免取消 Banner 后叠加出过量留白。 */
.about-tab-panel[data-about-panel="honor"] > .about-section-heading {
	margin-bottom: 36px;
}

.about-tab-panel[data-about-panel="honor"] > .about-honor-group:first-of-type {
	padding-top: 24px;
}

.about-page.is-section-view .about-tab-panel[data-about-panel="honor"] {
	padding-top: 10px;
}

.about-page.is-section-view .about-song-experience {
	padding-top: 10px;
}

.about-page.is-section-view .about-spirit-manifest {
	padding-top: 12px;
}

@media (max-width: 767.98px) {
	.about-page.is-section-view .pages {
		padding-top: 112px;
	}

	.about-section-heading {
		margin-bottom: 38px;
		padding: 0 0 22px 19px;
	}

	.about-section-heading::before {
		top: 5px;
		height: 42px;
	}

	.about-section-heading h1 {
		margin-bottom: 10px;
		font-size: 34px;
	}

	.about-section-heading p {
		font-size: 14px;
		line-height: 1.75;
	}

	.about-tab-panel[data-about-panel="honor"] > .about-section-heading {
		margin-bottom: 28px;
	}

	.about-tab-panel[data-about-panel="honor"] > .about-honor-group:first-of-type {
		padding-top: 16px;
	}

	.about-page.is-section-view .about-song-experience,
	.about-page.is-section-view .about-spirit-manifest {
		padding-top: 10px;
	}
}

/* 荣誉资质方案 1：轻量可信度首屏、主证书展陈、年份档案与资质画廊。 */
.about-page.is-section-view .about-tab-panel[data-about-panel="honor"] {
	padding-top: 0;
	color: #10243d;
}

.about-honor-intro {
	display: grid;
	grid-template-columns: minmax(300px, .78fr) minmax(0, 1.32fr);
	gap: clamp(48px, 7vw, 104px);
	align-items: end;
	min-height: 220px;
	padding: 28px 0 44px;
	border-bottom: 1px solid #dce4ed;
}

.about-honor-intro__copy > span,
.about-honor-archive__head span,
.about-honor-qualifications__head span {
	display: block;
	margin-bottom: 14px;
	color: #718197;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .12em;
}

.about-honor-intro__copy h1 {
	margin: 0;
	color: #10243d;
	font-size: clamp(42px, 4vw, 58px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.035em;
}

.about-honor-intro__copy p {
	max-width: 500px;
	margin: 18px 0 0;
	color: #68788e;
	font-size: 15px;
	line-height: 1.8;
}

.about-honor-intro__metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
}

.about-honor-intro__metrics div {
	min-width: 0;
	padding: 0 24px;
	border-left: 1px solid #dce4ed;
}

.about-honor-intro__metrics dt {
	display: flex;
	align-items: flex-start;
	margin: 0;
	color: #0b64d8;
}

.about-honor-intro__metrics strong {
	font-size: clamp(32px, 3.15vw, 46px);
	font-weight: 800;
	line-height: .95;
	letter-spacing: -.045em;
}

.about-honor-intro__metrics sup {
	margin: 1px 0 0 3px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}

.about-honor-intro__metrics dd {
	margin: 12px 0 0;
	color: #586a80;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
}

.about-honor-chapters {
	position: sticky;
	top: 77px;
	z-index: 7;
	display: flex;
	justify-content: center;
	gap: clamp(42px, 6vw, 82px);
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, .96);
	border-bottom: 1px solid #e1e7ee;
	backdrop-filter: blur(12px);
}

.about-honor-chapters button,
.about-honor-qualifications__tabs button {
	position: relative;
	min-height: 58px;
	padding: 0 2px;
	color: #6d7b8e;
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
}

.about-honor-chapters button::after,
.about-honor-qualifications__tabs button::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: #0b64d8;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .25s ease;
}

.about-honor-chapters button:hover,
.about-honor-chapters button:focus-visible,
.about-honor-chapters button.is-active,
.about-honor-qualifications__tabs button:hover,
.about-honor-qualifications__tabs button:focus-visible,
.about-honor-qualifications__tabs button.is-active {
	color: #0b64d8;
}

.about-honor-chapters button.is-active::after,
.about-honor-qualifications__tabs button.is-active::after {
	transform: scaleX(1);
}

.about-honor-chapters button:focus-visible,
.about-honor-carousel button:focus-visible,
.about-honor-archive button:focus-visible,
.about-honor-qualifications button:focus-visible {
	outline: 2px solid #0b64d8;
	outline-offset: 3px;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group--brand {
	padding-top: clamp(66px, 7vw, 92px);
	scroll-margin-top: 150px;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group__head {
	margin: 0 0 34px;
	padding: 0;
	border: 0;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group__head h3,
.about-honor-archive__head h3,
.about-honor-qualifications__head h3 {
	margin: 0;
	color: #10243d;
	font-size: clamp(28px, 2.5vw, 36px);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.025em;
}

.about-honor-carousel {
	display: block !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	margin: 0;
}

.about-honor-carousel__body {
	display: grid;
	grid-template-columns: minmax(0, 1.42fr) minmax(320px, .78fr);
	gap: clamp(48px, 7vw, 104px);
	align-items: center;
}

.about-honor-carousel__stage {
	display: flex;
	width: 100%;
	min-width: 0;
	align-items: center;
	justify-content: center;
	min-height: 480px;
	padding: clamp(34px, 4vw, 60px);
	background: #f4f6f8;
	border: 1px solid #e1e6ec;
}

.about-honor-carousel__image {
	display: block;
	width: 100%;
	height: 360px;
	line-height: 0;
}

.about-honor-carousel__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	user-select: none;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-card__img {
	pointer-events: none;
	cursor: default;
}

.about-honor-carousel__aside {
	min-width: 0;
	padding: 12px 0;
}

.about-honor-carousel__meta {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 44px;
}

.about-honor-carousel__meta strong {
	color: #0b64d8;
	font-size: 52px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.05em;
}

.about-honor-carousel__meta span {
	color: #8190a2;
	font-size: 16px;
	font-weight: 600;
}

.about-honor-carousel__title {
	margin: 0;
	color: #10243d;
	font-size: clamp(24px, 2.2vw, 32px);
	font-weight: 800;
	line-height: 1.42;
}

.about-honor-carousel__summary {
	margin: 18px 0 0;
	color: #718095;
	font-size: 15px;
	line-height: 1.85;
}

.about-honor-carousel__controls {
	display: flex;
	gap: 10px;
	margin-top: 36px;
}

.about-honor-carousel__button,
.about-honor-qualification-gallery__controls button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	color: #52647a;
	background: #fff;
	border: 1px solid #dce3ea;
	border-radius: 0;
	font-size: 19px;
	cursor: pointer;
	transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.about-honor-carousel__button:hover,
.about-honor-qualification-gallery__controls button:hover {
	color: #fff;
	background: #0b64d8;
	border-color: #0b64d8;
}

.about-honor-carousel__thumbs {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 14px;
	margin-top: 34px;
}

.about-honor-carousel__thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 104px;
	padding: 10px;
	background: #f6f7f9;
	border: 1px solid #e0e5eb;
	border-radius: 0;
	cursor: pointer;
	transition: border-color .2s ease, background .2s ease;
}

.about-honor-carousel__thumb.is-active {
	background: #fff;
	border-color: #0b64d8;
	box-shadow: inset 0 0 0 1px #0b64d8;
}

.about-honor-carousel__thumb img {
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
}

.about-tab-panel[data-about-panel="honor"] .about-honor-group--brand > .about-honor-cards,
.about-tab-panel[data-about-panel="honor"] .about-honor-group--qualification > .about-honor-cards {
	display: none !important;
}

.about-honor-archive {
	margin-top: clamp(84px, 9vw, 124px);
	padding: clamp(76px, 8vw, 108px) 0;
	border-top: 1px solid #dce4ed;
	scroll-margin-top: 150px;
}

.about-honor-archive__head {
	display: grid;
	grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
	gap: 56px;
	align-items: end;
	margin-bottom: 54px;
}

.about-honor-archive__head p {
	max-width: 610px;
	margin: 0;
	color: #718095;
	font-size: 15px;
	line-height: 1.85;
}

.about-honor-archive__layout {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: clamp(44px, 6vw, 84px);
}

.about-honor-archive__years {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #dbe2e9;
}

.about-honor-archive__years button {
	position: relative;
	display: block;
	min-height: 84px;
	padding: 14px 0 14px 24px;
	text-align: left;
	background: transparent;
	border: 0;
	border-radius: 0;
	cursor: pointer;
}

.about-honor-archive__years button::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 20px;
	bottom: 20px;
	width: 2px;
	background: #0b64d8;
	transform: scaleY(0);
	transition: transform .25s ease;
}

.about-honor-archive__years button.is-active::before {
	transform: scaleY(1);
}

.about-honor-archive__years strong,
.about-honor-archive__years span {
	display: block;
}

.about-honor-archive__years strong {
	color: #a2acb8;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	transition: color .2s ease;
}

.about-honor-archive__years span {
	margin-top: 6px;
	color: #8a98a9;
	font-size: 12px;
}

.about-honor-archive__years button.is-active strong {
	color: #0b64d8;
}

.about-honor-archive__list {
	border-top: 1px solid #dce4eb;
}

.about-honor-archive__item {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr) 116px;
	gap: 24px;
	align-items: center;
	min-height: 104px;
	padding: 12px 0;
	border-bottom: 1px solid #dce4eb;
}

.about-honor-archive__item > span {
	color: #8794a5;
	font-size: 13px;
	font-weight: 600;
}

.about-honor-archive__item > strong {
	color: #24364d;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.55;
}

.about-honor-archive__item > .about-honor-archive__image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 78px;
	padding: 6px;
	background: #f5f7f9;
	line-height: 0;
}

.about-honor-archive__item img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	user-select: none;
}

.about-honor-qualifications {
	margin-top: 0;
	padding: clamp(74px, 8vw, 106px) 0 clamp(82px, 9vw, 118px);
	background: #f4f7fb;
	box-shadow: 0 0 0 100vmax #f4f7fb;
	clip-path: inset(0 -100vmax);
	scroll-margin-top: 150px;
}

.about-honor-qualifications__head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 48px;
}

.about-honor-qualifications__tabs {
	display: flex;
	gap: 38px;
}

.about-honor-qualifications__tabs button {
	min-height: 50px;
}

.about-honor-qualifications .about-honor-group {
	display: block;
}

.about-honor-qualifications .about-honor-group[hidden] {
	display: none !important;
}

.about-honor-qualifications .about-honor-group__head {
	display: none;
}

.about-honor-qualification-gallery {
	position: relative;
	display: grid;
	grid-template-columns: 165px minmax(0, 1fr);
	gap: 44px;
	align-items: start;
}

.about-honor-qualification-gallery__summary {
	padding-top: 14px;
}

.about-honor-qualification-gallery__summary strong,
.about-honor-qualification-gallery__summary span {
	display: block;
}

.about-honor-qualification-gallery__summary strong {
	color: #0b64d8;
	font-size: 54px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.05em;
}

.about-honor-qualification-gallery__summary sup {
	font-size: 20px;
}

.about-honor-qualification-gallery__summary span {
	margin-top: 14px;
	color: #5f7188;
	font-size: 14px;
	font-weight: 600;
}

.about-honor-qualification-gallery__items {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}

.about-honor-qualification-gallery__item {
	display: flex;
	flex-direction: column;
	min-width: 0;
	color: #24364d;
	text-decoration: none;
}

.about-honor-qualification-gallery__items img {
	display: block;
	width: 100%;
	height: 188px;
	padding: 14px;
	object-fit: contain;
	background: #fff;
	border: 1px solid #e0e6ed;
	user-select: none;
}

.about-honor-qualification-gallery__items span {
	display: block;
	margin-top: 13px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.55;
}

.about-honor-qualification-gallery__controls {
	position: absolute;
	left: 0;
	top: 128px;
	display: flex;
	gap: 8px;
}

.about-honor-qualification-gallery__controls button {
	width: 38px;
	height: 38px;
}

@media (max-width: 991.98px) {
	.about-honor-intro {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.about-honor-intro__metrics div {
		padding: 0 18px;
	}

	.about-honor-carousel__body {
		grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr);
		gap: 36px;
	}

	.about-honor-carousel__stage {
		min-height: 390px;
	}

	.about-honor-carousel__image {
		height: 300px;
	}

	.about-honor-carousel__thumbs {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.about-honor-carousel__thumb:nth-child(n+5) {
		display: none;
	}

	.about-honor-qualification-gallery {
		grid-template-columns: 140px minmax(0, 1fr);
		gap: 28px;
	}

	.about-honor-qualification-gallery__items {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.about-honor-qualification-gallery__item:nth-child(n+4) {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.about-page.is-section-view .about-tab-panel[data-about-panel="honor"] {
		padding-top: 0;
	}

	.about-honor-intro {
		min-height: 0;
		padding: 10px 0 36px;
		gap: 30px;
	}

	.about-honor-intro__copy > span,
	.about-honor-archive__head span,
	.about-honor-qualifications__head span {
		margin-bottom: 10px;
	}

	.about-honor-intro__copy h1 {
		font-size: 38px;
	}

	.about-honor-intro__copy p {
		margin-top: 13px;
		font-size: 14px;
	}

	.about-honor-intro__metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 0;
	}

	.about-honor-intro__metrics div {
		padding: 0 14px;
	}

	.about-honor-intro__metrics div:nth-child(odd) {
		padding-left: 0;
		border-left: 0;
	}

	.about-honor-intro__metrics strong {
		font-size: 32px;
	}

	.about-honor-chapters {
		top: 72px;
		justify-content: flex-start;
		gap: 28px;
		overflow-x: auto;
	}

	.about-honor-chapters button {
		flex: 0 0 auto;
		min-height: 52px;
		font-size: 13px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-group--brand {
		padding-top: 54px;
		scroll-margin-top: 134px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-group__head {
		margin-bottom: 24px;
	}

	.about-tab-panel[data-about-panel="honor"] .about-honor-group__head h3,
	.about-honor-archive__head h3,
	.about-honor-qualifications__head h3 {
		font-size: 28px;
	}

	.about-honor-carousel__body {
		display: block;
	}

	.about-honor-carousel__stage {
		min-height: 0;
		padding: 24px 18px;
	}

	.about-honor-carousel__image {
		height: 270px;
	}

	.about-honor-carousel__aside {
		padding-top: 26px;
	}

	.about-honor-carousel__meta {
		margin-bottom: 22px;
	}

	.about-honor-carousel__meta strong {
		font-size: 40px;
	}

	.about-honor-carousel__title {
		font-size: 23px;
	}

	.about-honor-carousel__controls {
		margin-top: 24px;
	}

	.about-honor-carousel__button {
		width: 44px;
		height: 44px;
	}

	.about-honor-carousel__thumbs {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 9px;
		margin-top: 24px;
	}

	.about-honor-carousel__thumb,
	.about-honor-carousel__thumb:nth-child(n+4) {
		display: flex;
		height: 78px;
		padding: 7px;
	}

	.about-honor-carousel__thumb:nth-child(n+4) {
		display: none;
	}

	.about-honor-archive {
		margin-top: 70px;
		padding: 62px 0 72px;
		scroll-margin-top: 134px;
	}

	.about-honor-archive__head {
		display: block;
		margin-bottom: 34px;
	}

	.about-honor-archive__head p {
		margin-top: 14px;
		font-size: 14px;
	}

	.about-honor-archive__layout {
		display: block;
	}

	.about-honor-archive__years {
		flex-direction: row;
		gap: 22px;
		margin-bottom: 26px;
		overflow-x: auto;
		border-left: 0;
		border-bottom: 1px solid #dbe2e9;
	}

	.about-honor-archive__years button {
		flex: 0 0 auto;
		min-height: 70px;
		padding: 8px 0 14px;
	}

	.about-honor-archive__years button::before {
		left: 0;
		right: 0;
		top: auto;
		bottom: -1px;
		width: auto;
		height: 2px;
		transform: scaleX(0);
	}

	.about-honor-archive__years button.is-active::before {
		transform: scaleX(1);
	}

	.about-honor-archive__years strong {
		font-size: 23px;
	}

	.about-honor-archive__item {
		grid-template-columns: 56px minmax(0, 1fr) 74px;
		gap: 12px;
		min-height: 84px;
	}

	.about-honor-archive__item > span {
		font-size: 11px;
	}

	.about-honor-archive__item > strong {
		font-size: 14px;
		line-height: 1.45;
	}

	.about-honor-archive__item > a {
		height: 58px;
	}

	.about-honor-qualifications {
		padding: 62px 0 76px;
		scroll-margin-top: 134px;
	}

	.about-honor-qualifications__head {
		display: block;
		margin-bottom: 30px;
	}

	.about-honor-qualifications__tabs {
		gap: 28px;
		margin-top: 18px;
	}

	.about-honor-qualifications__tabs button {
		min-height: 44px;
	}

	.about-honor-qualification-gallery {
		display: block;
	}

	.about-honor-qualification-gallery__summary {
		padding: 0 100px 28px 0;
	}

	.about-honor-qualification-gallery__summary strong {
		font-size: 44px;
	}

	.about-honor-qualification-gallery__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}

	.about-honor-qualification-gallery__item,
	.about-honor-qualification-gallery__item:nth-child(n+4) {
		display: flex;
	}

	.about-honor-qualification-gallery__item:nth-child(n+5) {
		display: none;
	}

	.about-honor-qualification-gallery__items img {
		height: 160px;
		padding: 10px;
	}

	.about-honor-qualification-gallery__controls {
		left: auto;
		right: 0;
		top: 3px;
	}
}

/* 首页方案区的最终视觉规格：避免后续通用样式重新引入厚重的卡片框架。 */
.home.home .home-solution-section {
	padding: 112px 0 116px;
	background: #f6f8fb;
}
.home.home .home-solution-section::before,
.home.home .home-solution-section::after { display: none; }
.home.home .solution-map__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
	gap: 72px;
	align-items: end;
	max-width: none;
	margin: 0 0 48px;
	text-align: left;
}
.home.home .solution-map__heading h2 {
	color: #10223b;
	font-size: clamp(38px, 3.15vw, 50px);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.12;
}
.home.home .solution-map__heading p {
	max-width: 460px;
	margin: 0 0 3px;
	color: #64748b;
	font-size: 16px;
	line-height: 1.85;
}
.home.home .solution-map {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	grid-template-rows: none !important;
	gap: clamp(34px, 3vw, 52px) !important;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.home.home .solution-map:has(.solution-map__track--operation:hover),
.home.home .solution-map:has(.solution-map__track--industry:hover) {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	grid-template-rows: none !important;
}
.home.home .solution-map__track,
.home.home .solution-map__track:last-child {
	display: flex !important;
	flex-direction: column !important;
	position: relative;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: visible;
	background: transparent;
	border: 0;
}
.home.home .solution-map__track:hover { background: transparent; }
.home.home .solution-map__label,
.home.home .solution-map__track--scene .solution-map__label,
.home.home .solution-map__track--industry .solution-map__label {
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 0;
	padding: 0 0 20px;
}
.home.home .solution-map__label strong,
.home.home .solution-map__track--scene .solution-map__label strong,
.home.home .solution-map__track--industry .solution-map__label strong {
	padding: 0;
	color: #10223b;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.25;
}
.home.home .solution-map__label strong::after,
.home.home .solution-map__track--scene .solution-map__label strong::after,
.home.home .solution-map__track--industry .solution-map__label strong::after { display: none; }
.home.home .solution-map__cover {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: center;
	filter: saturate(.92) contrast(1.02);
	transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .45s ease;
}
.home.home .solution-map__track:hover .solution-map__cover {
	filter: saturate(1) contrast(1.03);
	transform: translateY(-5px);
}
.home.home .solution-map__track > p {
	min-height: 0;
	padding: 22px 0 25px;
	color: #68778b;
	font-size: 15px;
	line-height: 1.85;
}
.home.home .solution-map__solutions,
.home.home .solution-map__track:not(.is-active) .solution-map__solutions {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: auto 0 0;
	overflow: visible !important;
	opacity: 1 !important;
	border-top: 1px solid #d9e1ea;
}
.home.home .solution-map__solutions a,
.home.home .solution-map__track--scene .solution-map__solutions a,
.home.home .solution-map__track--industry .solution-map__solutions a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: 100% !important;
	min-height: 58px;
	padding: 13px 0;
	overflow: visible !important;
	color: #182b45;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.45;
	letter-spacing: 0;
	white-space: normal !important;
	word-break: keep-all !important;
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
	border-bottom-color: #d9e1ea;
}
.home.home .solution-map__solutions a .fa {
	flex: 0 0 auto;
	color: #6b7a8e;
	font-size: 17px;
}
.home.home .solution-map__solutions a:hover,
.home.home .solution-map__solutions a:focus,
.home.home .solution-map__track--scene .solution-map__solutions a:hover,
.home.home .solution-map__track--scene .solution-map__solutions a:focus,
.home.home .solution-map__track--industry .solution-map__solutions a:hover,
.home.home .solution-map__track--industry .solution-map__solutions a:focus { color: #0b64d8; }
.home.home .solution-map__solutions a:hover .fa,
.home.home .solution-map__solutions a:focus .fa { color: #0b64d8; }

@media (max-width: 991.98px) {
	.home.home .home-solution-section { padding: 76px 0 80px; }
	.home.home .solution-map__heading { grid-template-columns: 1fr; gap: 15px; margin-bottom: 36px; }
	.home.home .solution-map__heading p { max-width: 610px; }
	.home.home .solution-map { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 575.98px) {
	.home.home .home-solution-section { padding: 58px 0 64px; }
	.home.home .solution-map__heading h2 { font-size: 34px; }
	.home.home .solution-map__label strong { font-size: 24px; }
	.home.home .solution-map__cover { aspect-ratio: 16 / 10; }
	.home.home .solution-map { gap: 42px; }
}

/* 首页沉浸式导航：首屏与当前 Banner 融合，滚动后恢复通用白底导航。 */
.brand-lockup__img--light {
	display: none;
}

body.home-immersive-header .site-header.is-immersive {
	border-bottom: 1px solid transparent;
	transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
}

body.home-immersive-header .site-header.is-immersive:not(.is-scrolled):not(.is-menu-open) {
	background: linear-gradient(180deg, rgba(4, 13, 28, .18) 0%, rgba(4, 13, 28, 0) 100%);
	border-bottom-color: rgba(255, 255, 255, .08);
	box-shadow: none;
	backdrop-filter: none;
}

body.home-immersive-header .site-header.is-immersive.is-nav-dark:not(.is-scrolled):not(.is-menu-open) {
	background: linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, 0) 100%);
	border-bottom-color: rgba(17, 31, 52, .08);
}

body.home-immersive-header .site-header.is-immersive.is-scrolled,
body.home-immersive-header .site-header.is-immersive.is-menu-open {
	background: rgba(255, 255, 255, .96);
	border-bottom-color: rgba(18, 35, 61, .08);
	box-shadow: 0 10px 28px rgba(18, 35, 61, .08);
	backdrop-filter: blur(12px);
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .brand-lockup__img--dark {
	display: none;
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .brand-lockup__img--light {
	display: block;
}

body.home-immersive-header .brand-lockup__img--light.is-auto-light {
	filter: brightness(0) invert(1);
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-dark .navbar-nav .nav-link,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-dark .navbar-nav .active > .nav-link:not(:hover),
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-tool,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-search__trigger,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-contact__phone i {
	color: rgba(255, 255, 255, .94) !important;
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-caret,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-mega.active > .nav-link:not(:hover) .nav-caret {
	border-top-color: rgba(255, 255, 255, .74) !important;
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-dark .navbar-nav .nav-link:hover,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-tool:hover,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .nav-search__trigger:hover {
	color: #fff !important;
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-toggler {
	border-color: rgba(255, 255, 255, .42);
}

body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-toggler-icon,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-toggler-icon::before,
body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-toggler-icon::after {
	background: #fff;
}

/* 首页新闻编辑部：以一张主画面和一列时间索引建立非对称阅读节奏。 */
.home .home-news-editorial {
	position: relative;
	padding-top: 120px;
	padding-bottom: 124px;
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), rgba(18, 103, 214, .035) 50%, transparent calc(50% + 1px)),
		linear-gradient(180deg, #f8fafc 0%, #fff 100%);
	overflow: hidden;
}

.home .home-news-editorial::before {
	content: "NEWS";
	position: absolute;
	right: -28px;
	top: 52px;
	color: rgba(18, 103, 214, .035);
	font-family: Arial, sans-serif;
	font-size: clamp(130px, 17vw, 250px);
	font-weight: 900;
	letter-spacing: -.08em;
	line-height: .75;
	pointer-events: none;
}

.home .home-news-editorial__layout {
	position: relative;
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	gap: clamp(46px, 5vw, 82px);
	align-items: start;
}

.home .home-news-editorial__intro {
	position: sticky;
	top: 128px;
	padding-top: 10px;
}

.home .home-news-editorial__intro .section-kicker {
	letter-spacing: .2em;
}

.home .home-news-editorial__intro h2 {
	margin: 20px 0 18px;
	color: var(--brand-text);
	font-size: clamp(42px, 4vw, 58px);
	font-weight: 700;
	letter-spacing: -.05em;
	line-height: 1.08;
}

.home .home-news-editorial__nav {
	display: grid;
	gap: 0;
	margin-top: 42px;
	border-top: 1px solid #dfe6ee;
}

.home .home-news-editorial__nav a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding-left: 20px;
	color: #7a8898;
	border-bottom: 1px solid #e5ebf1;
	font-size: 15px;
	font-weight: 700;
	transition: color .24s ease, padding-left .24s ease;
}

.home .home-news-editorial__nav a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 5px;
	background: currentColor;
	border-radius: 50%;
	transform: translateY(-50%);
}

.home .home-news-editorial__nav a:hover,
.home .home-news-editorial__nav a:focus,
.home .home-news-editorial__nav a.is-active {
	padding-left: 27px;
	color: var(--brand-blue);
	text-decoration: none;
}

.home .home-news-editorial__more {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: 34px;
	color: var(--brand-text);
	font-size: 15px;
	font-weight: 800;
}

.home .home-news-editorial__more i {
	color: var(--brand-blue);
	transition: transform .24s ease;
}

.home .home-news-editorial__more:hover,
.home .home-news-editorial__more:focus {
	color: var(--brand-blue);
	text-decoration: none;
}

.home .home-news-editorial__more:hover i,
.home .home-news-editorial__more:focus i {
	transform: translateX(5px);
}

.home .home-news-editorial__canvas {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
	gap: clamp(28px, 3.2vw, 50px);
	align-items: stretch;
	min-width: 0;
}

.home .home-news-editorial__feature {
	position: relative;
	display: block;
	min-height: 610px;
	color: #fff;
	background: #0e2746;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%);
	overflow: hidden;
	isolation: isolate;
}

.home .home-news-editorial__feature::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(4, 17, 34, .02) 24%, rgba(4, 17, 34, .17) 48%, rgba(4, 17, 34, .93) 100%);
}

.home .home-news-editorial__feature::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 4;
	width: 56px;
	height: 56px;
	background: var(--brand-blue);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.home .home-news-editorial__feature:hover,
.home .home-news-editorial__feature:focus {
	color: #fff;
	text-decoration: none;
}

.home .home-news-editorial__feature figure {
	position: absolute;
	inset: 0;
	margin: 0;
	background: #dfe8f2;
	overflow: hidden;
}

.home .home-news-editorial__feature img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
	transform-origin: center top;
	transform: scale(1.001);
	transition: transform .65s cubic-bezier(.2, .7, .2, 1), opacity .18s ease;
}

.home .home-news-editorial__feature .home-news-editorial__backdrop {
	position: absolute;
	inset: -20px;
	z-index: 0;
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	object-fit: cover;
	filter: blur(18px) saturate(.72) brightness(.72);
	opacity: .52;
	transform: scale(1.08);
	pointer-events: none;
}

.home .home-news-editorial__feature.is-portrait-media figure {
	background: linear-gradient(145deg, #f2f5f8 0%, #e6ecf2 100%);
}

.home .home-news-editorial__feature.is-portrait-media .home-news-editorial__backdrop {
	opacity: 0;
}

.home .home-news-editorial__feature.is-portrait-media img:not(.home-news-editorial__backdrop) {
	width: 88%;
	margin-left: 6%;
}

.home .home-news-editorial__feature:hover img:not(.home-news-editorial__backdrop),
.home .home-news-editorial__feature:focus img:not(.home-news-editorial__backdrop) {
	transform: scale(1.06);
}

.home .home-news-editorial__feature.is-changing img:not(.home-news-editorial__backdrop) {
	opacity: .62;
}

.home .home-news-editorial__feature-copy {
	position: absolute;
	left: clamp(26px, 3vw, 46px);
	right: clamp(28px, 3vw, 52px);
	bottom: clamp(30px, 3.6vw, 52px);
	z-index: 3;
}

.home .home-news-editorial__meta {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 16px;
	color: rgba(255, 255, 255, .74);
	font-size: 13px;
	font-weight: 700;
}

.home .home-news-editorial__meta span {
	position: relative;
	padding-left: 24px;
	color: #fff;
}

.home .home-news-editorial__meta span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 14px;
	height: 2px;
	background: #5aa4ff;
}

.home .home-news-editorial__feature h3 {
	max-width: 660px;
	margin: 0;
	color: #fff;
	font-size: clamp(26px, 2.5vw, 36px);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.35;
}

.home .home-news-editorial__read {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 22px;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
}

.home .home-news-editorial__index {
	display: grid;
	grid-template-rows: repeat(4, minmax(0, 1fr));
	min-width: 0;
	border-top: 1px solid #d7e0e9;
}

.home .home-news-editorial__item {
	position: relative;
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 30px;
	gap: 16px;
	align-items: center;
	min-height: 128px;
	padding: 18px 0;
	color: inherit;
	border-bottom: 1px solid #d7e0e9;
	transition: padding .28s ease, background-color .28s ease;
}

.home .home-news-editorial__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	bottom: -1px;
	width: 3px;
	background: var(--brand-blue);
	transform: scaleY(0);
	transform-origin: center;
	transition: transform .28s ease;
}

.home .home-news-editorial__item:hover,
.home .home-news-editorial__item:focus,
.home .home-news-editorial__item.is-active {
	padding-left: 18px;
	color: inherit;
	background: rgba(255, 255, 255, .64);
	text-decoration: none;
}

.home .home-news-editorial__item:hover::before,
.home .home-news-editorial__item:focus::before,
.home .home-news-editorial__item.is-active::before {
	transform: scaleY(1);
}

.home .home-news-editorial__number {
	align-self: start;
	padding-top: 3px;
	color: #9ba9b8;
	font-family: "DIN Alternate", Bahnschrift, Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
}

.home .home-news-editorial__item-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 9px;
	color: #8090a2;
	font-size: 12px;
	font-weight: 700;
}

.home .home-news-editorial__item-meta span {
	color: var(--brand-blue);
}

.home .home-news-editorial__item h3 {
	display: -webkit-box;
	margin: 0;
	color: var(--brand-text);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.55;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.home .home-news-editorial__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #9aa9b9;
	border: 1px solid #d4dde7;
	border-radius: 50%;
	transition: color .24s ease, border-color .24s ease, background-color .24s ease, transform .24s ease;
}

.home .home-news-editorial__item:hover .home-news-editorial__arrow,
.home .home-news-editorial__item:focus .home-news-editorial__arrow,
.home .home-news-editorial__item.is-active .home-news-editorial__arrow {
	color: #fff;
	background: var(--brand-blue);
	border-color: var(--brand-blue);
	transform: translateX(3px);
}

@media (max-width: 1199px) {
	.home .home-news-editorial__layout {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	.home .home-news-editorial__intro {
		position: static;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px 36px;
		align-items: end;
	}

	.home .home-news-editorial__intro .section-kicker,
	.home .home-news-editorial__intro h2 {
		grid-column: 1;
	}

	.home .home-news-editorial__nav {
		grid-column: 2;
		grid-row: 1 / span 3;
		min-width: 190px;
		margin-top: 0;
	}

	.home .home-news-editorial__more {
		grid-column: 1;
		margin-top: 14px;
	}
}

@media (max-width: 991px) {
	.home .home-news-editorial {
		padding-top: 92px;
		padding-bottom: 96px;
	}

	.home .home-news-editorial__canvas {
		grid-template-columns: minmax(0, 1.08fr) minmax(270px, .92fr);
		gap: 26px;
	}

	.home .home-news-editorial__feature {
		min-height: 560px;
	}

	.home .home-news-editorial__item {
		grid-template-columns: 28px minmax(0, 1fr) 26px;
		gap: 10px;
	}

	.home .home-news-editorial__item h3 {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	.home .home-news-editorial {
		padding-top: 72px;
		padding-bottom: 76px;
	}

	.home .home-news-editorial::before {
		top: 34px;
		font-size: 104px;
	}

	.home .home-news-editorial__layout {
		gap: 34px;
	}

	.home .home-news-editorial__intro {
		display: block;
	}

	.home .home-news-editorial__intro h2 {
		margin-top: 14px;
		font-size: 38px;
	}

	.home .home-news-editorial__nav {
		display: flex;
		gap: 22px;
		margin-top: 26px;
		border-top: 0;
		border-bottom: 1px solid #dfe6ee;
	}

	.home .home-news-editorial__nav a {
		min-height: 42px;
		padding: 0 0 10px;
		border: 0;
	}

	.home .home-news-editorial__nav a::before {
		left: 0;
		top: auto;
		bottom: -1px;
		width: 100%;
		height: 2px;
		border-radius: 0;
		transform: scaleX(0);
		transform-origin: left;
	}

	.home .home-news-editorial__nav a:hover,
	.home .home-news-editorial__nav a:focus,
	.home .home-news-editorial__nav a.is-active {
		padding-left: 0;
	}

	.home .home-news-editorial__nav a:hover::before,
	.home .home-news-editorial__nav a:focus::before,
	.home .home-news-editorial__nav a.is-active::before {
		transform: scaleX(1);
	}

	.home .home-news-editorial__more {
		margin-top: 24px;
	}

	.home .home-news-editorial__canvas {
		display: block;
	}

	.home .home-news-editorial__feature {
		min-height: 500px;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 36px), calc(100% - 36px) 100%, 0 100%);
	}

	.home .home-news-editorial__feature::after {
		width: 36px;
		height: 36px;
	}

	.home .home-news-editorial__index {
		margin-top: 26px;
	}

	.home .home-news-editorial__item {
		min-height: 112px;
	}
}

@media (max-width: 479px) {
	.home .home-news-editorial__feature {
		min-height: 430px;
	}

	.home .home-news-editorial__feature-copy {
		left: 22px;
		right: 25px;
		bottom: 28px;
	}

	.home .home-news-editorial__feature h3 {
		font-size: 23px;
	}

	.home .home-news-editorial__read {
		margin-top: 18px;
	}

	.home .home-news-editorial__item {
		grid-template-columns: 24px minmax(0, 1fr) 24px;
		gap: 8px;
	}

	.home .home-news-editorial__item:hover,
	.home .home-news-editorial__item:focus,
	.home .home-news-editorial__item.is-active {
		padding-left: 11px;
	}

	.home .home-news-editorial__item-meta {
		display: block;
	}

	.home .home-news-editorial__item-meta time {
		display: block;
		margin-top: 4px;
	}

	.home .home-news-editorial__arrow {
		width: 24px;
		height: 24px;
	}
}

/* 桌面二级菜单：强化链接悬停反馈，同时保持菜单层级克制。 */
@media (min-width: 992px) {
	.site-header .nav-mega[data-top="产品中心"] .nav-popover__links {
		position: relative;
	}

	.site-header .product-selector-menu-cta {
		position: absolute;
		top: auto;
		bottom: 48px;
		right: 0;
		display: flex;
		width: 31.4%;
		min-height: 168px;
		padding: 25px 88px 24px 25px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		background: linear-gradient(135deg, #f4f9ff 0%, #eaf4ff 100%);
		border: 1px solid #cfe2f6;
		border-radius: 8px;
		box-shadow: 0 12px 28px rgba(27, 91, 153, .08);
		color: #102a43 !important;
		text-decoration: none !important;
		transform: none !important;
		transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
		overflow: hidden;
	}

	.site-header .product-selector-menu-cta:hover,
	.site-header .product-selector-menu-cta:focus-visible {
		border-color: #83b8ee;
		box-shadow: 0 16px 34px rgba(11, 100, 216, .14);
		transform: translateY(-3px) !important;
	}

	.site-header .product-selector-menu-cta__icon {
		position: absolute;
		top: 25px;
		right: 24px;
		display: grid;
		width: 52px;
		height: 52px;
		place-items: center;
		border: 1px solid #a9cef3;
		border-radius: 50%;
		background: rgba(255, 255, 255, .82);
		box-shadow: 0 9px 24px rgba(27, 91, 153, .1);
		color: #0b64d8;
		font-size: 25px;
		transition: border-color .22s ease, color .22s ease, box-shadow .22s ease;
	}

	.site-header .product-selector-menu-cta:hover .product-selector-menu-cta__icon,
	.site-header .product-selector-menu-cta:focus-visible .product-selector-menu-cta__icon {
		border-color: #5c9fe4;
		box-shadow: 0 12px 28px rgba(11, 100, 216, .15);
		color: #0755b6;
	}

	.site-header .product-selector-menu-cta strong {
		max-width: 235px;
		margin-bottom: 9px;
		color: #102a43;
		font-size: 22px;
		line-height: 1.35;
	}

	.site-header .product-selector-menu-cta small {
		max-width: 270px;
		color: #677b8f;
		font-size: 13px;
		line-height: 1.6;
	}

	.site-header .product-selector-menu-cta em {
		margin-top: 14px;
		color: #0b64d8;
		font-size: 14px;
		font-style: normal;
		font-weight: 750;
	}

	.site-header .nav-popover a.nav-popover__leaf,
	.site-header .nav-popover a.nav-popover__node--link,
	.site-header .nav-popover a.nav-popover__title--link,
	.site-header .nav-popover .nav-popover__level4 a {
		background-image: linear-gradient(90deg, rgba(11, 100, 216, .11), rgba(11, 100, 216, 0));
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 0 100%;
		transition: color .22s ease, transform .22s ease, background-size .28s ease, text-shadow .22s ease;
	}

	.site-header .nav-popover a.nav-popover__leaf:hover,
	.site-header .nav-popover a.nav-popover__leaf:focus-visible,
	.site-header .nav-popover a.nav-popover__node--link:hover,
	.site-header .nav-popover a.nav-popover__node--link:focus-visible,
	.site-header .nav-popover a.nav-popover__title--link:hover,
	.site-header .nav-popover a.nav-popover__title--link:focus-visible,
	.site-header .nav-popover .nav-popover__level4 a:hover,
	.site-header .nav-popover .nav-popover__level4 a:focus-visible {
		color: #0b64d8 !important;
		background-size: 100% 100%;
		text-decoration: none;
		text-shadow: 0 0 .45px currentColor;
		transform: translateX(5px);
	}

	.site-header .nav-popover a:focus-visible {
		outline: 2px solid rgba(11, 100, 216, .42) !important;
		outline-offset: 3px;
	}
}

@media (max-width: 991.98px) {
	.site-header .product-selector-menu-cta {
		display: none;
	}
}

/* 首页产品中心标题：去掉右侧操作后，恢复单列居中构图。 */
.home .product-atlas-heading {
	display: block !important;
	max-width: 980px !important;
	margin: 0 auto 42px !important;
	text-align: center !important;
}

.home .product-atlas-heading > div {
	width: 100%;
}

.home .product-atlas-heading h2 {
	max-width: none !important;
	margin: 7px auto 0 !important;
}

@media (max-width: 991.98px) {
	.home .product-atlas-heading {
		margin-bottom: 34px !important;
	}
}

/* 首页中段视觉系统：展开式产品舞台、方案路径、沉浸式平台、连续交付路径与项目影像带。 */
.home {
	--home-section-blue: #0b64d8;
	--home-section-cyan: #58b3ff;
	--home-section-navy: #0a1d36;
	--home-section-ink: #10233d;
	--home-section-muted: #64758a;
	--home-section-line: #dce5ef;
}

/* 产品体系：三联幅舞台，当前业务展开。 */
.home .product-atlas-section {
	padding: 86px 0 92px !important;
	background: #fff !important;
}

.home .product-atlas-heading {
	margin-bottom: 38px !important;
}

.home .product-atlas-heading h2 {
	color: var(--home-section-ink) !important;
	font-size: clamp(38px, 3.4vw, 52px) !important;
	font-weight: 800 !important;
	letter-spacing: -.045em !important;
	line-height: 1.12 !important;
}

.home .product-atlas {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	align-items: stretch;
}

.home .product-atlas__item,
.home .product-atlas__item:hover,
.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
	position: relative !important;
	flex: 1 1 0 !important;
	height: 430px !important;
	min-width: 0 !important;
	min-height: 430px !important;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 34px), calc(100% - 34px) 100%, 0 100%) !important;
	transition: flex-grow .48s cubic-bezier(.2, .72, .2, 1), transform .48s cubic-bezier(.2, .72, .2, 1), filter .35s ease !important;
}

.home .product-atlas__item.is-active {
	flex-grow: 1.46 !important;
	transform: translateY(-10px) !important;
}

.home .product-atlas__item:not(.is-active) {
	filter: saturate(.82) brightness(.88);
}

.home .product-atlas__item::before {
	background: linear-gradient(180deg, rgba(2, 14, 31, .04) 18%, rgba(3, 17, 36, .86) 100%) !important;
}

.home .product-atlas__item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 0;
	height: 3px;
	background: var(--home-section-cyan);
	transition: width .45s ease;
}

.home .product-atlas__item.is-active::after {
	width: 100%;
}

.home .product-atlas__item > img {
	transition: transform .7s cubic-bezier(.2, .72, .2, 1) !important;
}

.home .product-atlas__item.is-active > img {
	transform: scale(1.035) !important;
}

.home .product-atlas__content {
	inset: auto 32px 31px !important;
	transition: transform .4s ease !important;
}

.home .product-atlas__item.is-active .product-atlas__content {
	transform: translateY(-4px);
}

.home .product-atlas__type {
	font-size: clamp(26px, 2.25vw, 34px) !important;
}

.home .product-atlas__tags,
.home .product-atlas__link-label {
	transition: opacity .35s ease, transform .35s ease;
}

.home .product-atlas__item:not(.is-active) .product-atlas__tags,
.home .product-atlas__item:not(.is-active) .product-atlas__link-label {
	opacity: .76;
}

.home .product-atlas-platform-rail {
	flex: 0 0 100%;
	min-height: 116px;
	margin-top: 6px;
	padding: 23px 32px;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%);
}

.home .product-atlas-platform-rail__content strong {
	font-size: 25px;
}

/* 解决方案：左侧路径索引，右侧内容与大图联动。 */
.home.home .home-solution-section {
	padding: 92px 0 102px !important;
	background: #f7f9fc !important;
}

.home.home .solution-map__heading {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 40px !important;
	margin: 0 0 46px !important;
}

.home.home .solution-map__heading > div:first-child {
	max-width: 760px;
}

.home.home .solution-map__heading h2 {
	margin: 0 !important;
	font-size: clamp(40px, 3.55vw, 54px) !important;
}

.home.home .solution-map__heading p {
	max-width: 720px !important;
	margin: 16px 0 0 !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

.home .solution-map__heading-side a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 5px;
	color: var(--home-section-blue);
	font-size: 14px;
	font-weight: 800;
	white-space: nowrap;
}

.home .solution-paths {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: clamp(36px, 4.5vw, 72px);
	min-height: 520px;
}

.home .solution-paths__nav {
	display: grid;
	align-content: center;
	border-left: 1px solid #d5dfeb;
}

.home .solution-paths__tab {
	position: relative;
	display: grid;
	grid-template-columns: 36px 1fr;
	grid-template-rows: auto auto;
	gap: 4px 10px;
	min-height: 126px;
	padding: 25px 16px 23px 27px;
	color: #6f7f92;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #dce4ed;
	border-radius: 0;
	text-align: left;
	cursor: pointer;
	transition: color .28s ease, background .28s ease, padding-left .28s ease;
}

.home .solution-paths__tab:first-child {
	border-top: 1px solid #dce4ed;
}

.home .solution-paths__tab::before {
	content: "";
	position: absolute;
	left: -2px;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--home-section-blue);
	transform: scaleY(0);
	transform-origin: center;
	transition: transform .28s ease;
}

.home .solution-paths__tab::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 22px solid var(--home-section-blue);
	border-left: 22px solid transparent;
	opacity: 0;
	transition: opacity .28s ease;
}

.home .solution-paths__tab span {
	grid-row: 1 / 3;
	color: #8c9bad;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 800;
}

.home .solution-paths__tab strong {
	color: inherit;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -.03em;
}

.home .solution-paths__tab em {
	color: inherit;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
}

.home .solution-paths__tab.is-active,
.home .solution-paths__tab:hover,
.home .solution-paths__tab:focus-visible {
	padding-left: 33px;
	color: var(--home-section-ink);
	background: #fff;
	outline: 0;
}

.home .solution-paths__tab.is-active::before,
.home .solution-paths__tab:focus-visible::before {
	transform: scaleY(1);
}

.home .solution-paths__tab.is-active::after {
	opacity: 1;
}

.home .solution-paths__tab.is-active span {
	color: var(--home-section-blue);
}

.home .solution-paths__stage {
	position: relative;
	min-width: 0;
	min-height: 520px;
}

.home .solution-paths__panel {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: minmax(280px, .75fr) minmax(430px, 1.25fr);
	gap: clamp(32px, 3.7vw, 56px);
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	pointer-events: none;
	transition: opacity .4s ease, transform .4s ease, visibility .4s ease;
}

.home .solution-paths__panel.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.home .solution-paths__copy > span {
	display: inline-block;
	margin-bottom: 14px;
	color: var(--home-section-blue);
	font-size: 14px;
	font-weight: 800;
}

.home .solution-paths__copy h3 {
	margin: 0;
	color: var(--home-section-ink);
	font-size: clamp(30px, 2.7vw, 42px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.24;
}

.home .solution-paths__copy > p {
	margin: 20px 0 24px;
	color: var(--home-section-muted);
	font-size: 15px;
	line-height: 1.85;
}

.home .solution-paths__links {
	border-top: 1px solid var(--home-section-line);
}

.home .solution-paths__links--dense {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 22px;
}

.home .solution-paths__links a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 52px;
	padding: 11px 0;
	color: #263a53;
	border-bottom: 1px solid var(--home-section-line);
	font-size: 14px;
	font-weight: 700;
}

.home .solution-paths__links a:hover,
.home .solution-paths__links a:focus-visible {
	color: var(--home-section-blue);
	text-decoration: none;
}

.home .solution-paths__panel figure {
	position: relative;
	height: 100%;
	min-height: 500px;
	margin: 0;
	overflow: hidden;
	clip-path: polygon(11% 0, 100% 0, 100% calc(100% - 38px), calc(100% - 38px) 100%, 0 100%, 0 13%);
	background: #dfe7f0;
}

.home .solution-paths__panel figure::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 38px;
	height: 38px;
	background: var(--home-section-blue);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.home .solution-paths__panel figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s cubic-bezier(.2, .72, .2, 1);
}

.home .solution-paths__panel.is-active figure img {
	animation: home-solution-reveal .7s cubic-bezier(.2, .72, .2, 1) both;
}

@keyframes home-solution-reveal {
	from { transform: scale(1.045); }
	to { transform: scale(1); }
}

/* 天枢 ADMS：沉浸式深色指挥中心。 */
.home .platform-section {
	position: relative;
	padding: 104px 0 110px !important;
	overflow: hidden;
	color: #fff;
	background: #061427 !important;
}

.home .platform-section::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 0 26%, rgba(37, 122, 231, .12) 26.1%, transparent 26.3% 57%, rgba(37, 122, 231, .08) 57.1%, transparent 57.3%),
		radial-gradient(circle at 76% 44%, rgba(17, 94, 190, .2), transparent 37%);
}

.home .platform-section::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(71, 156, 255, .4), transparent);
}

.home .platform-layout--command {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(370px, .72fr) minmax(0, 1.28fr) !important;
	gap: clamp(48px, 5vw, 86px) !important;
	align-items: center;
}

.home .platform-eyebrow {
	color: #3e8eff !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	letter-spacing: .02em !important;
}

.home .platform-copy h2 {
	margin: 16px 0 20px !important;
	color: #fff !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	letter-spacing: -.045em !important;
	line-height: 1.13 !important;
}

/* 首页 ADMS 标题：精简为两行，避免与右侧平台画面争夺空间。 */
.home .platform-copy h2.platform-copy__title--summary {
	font-size: clamp(34px, 3vw, 46px) !important;
	letter-spacing: -.055em !important;
	line-height: 1.18 !important;
}

.home .platform-copy .lead {
	width: auto !important;
	max-width: 560px !important;
	margin: 0 0 28px !important;
	color: rgba(226, 237, 250, .72) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	white-space: normal !important;
	overflow: visible !important;
}

.home .platform-capabilities {
	position: relative;
	display: grid !important;
	gap: 0 !important;
	padding-left: 0;
}

.home .platform-capabilities::before {
	content: "";
	position: absolute;
	left: 13px;
	top: 26px;
	bottom: 26px;
	width: 1px;
	background: rgba(76, 151, 244, .42);
}

.home .platform-capabilities > span {
	position: relative;
	display: grid !important;
	grid-template-columns: 52px minmax(0, 1fr) !important;
	gap: 3px 14px !important;
	min-height: 82px !important;
	padding: 18px 0 17px !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px dashed rgba(115, 166, 224, .2) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.home .platform-capabilities b {
	position: relative;
	z-index: 1;
	grid-row: 1 / 3;
	padding-left: 32px;
	color: #3f8fff !important;
	font-size: 15px !important;
}

.home .platform-capabilities b::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 6px;
	width: 11px;
	height: 11px;
	background: #061427;
	border: 2px solid #58a2ff;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(88, 162, 255, .08);
}

.home .platform-capabilities strong {
	color: #fff !important;
	font-size: 20px !important;
}

.home .platform-capabilities em {
	grid-column: 2;
	color: rgba(205, 221, 240, .62) !important;
	font-size: 13px !important;
	font-style: normal;
}

.home .platform-actions {
	margin-top: 30px !important;
}

.home .platform-actions .btn-brand {
	min-width: 148px;
	padding: 13px 22px !important;
	background: linear-gradient(135deg, #126fe8, #0756c9) !important;
	border: 0 !important;
	border-radius: 2px !important;
	box-shadow: 0 12px 30px rgba(8, 91, 204, .28) !important;
}

.home .platform-visual--dashboard {
	position: relative;
	min-width: 0;
}

.home .platform-screen {
	position: relative;
	overflow: visible !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.home .platform-screen::before {
	content: "";
	position: absolute;
	inset: -24px -38px;
	z-index: -1;
	background: radial-gradient(ellipse at center, rgba(18, 101, 202, .2), transparent 68%);
}

.home .platform-screen img {
	display: block;
	width: 112% !important;
	max-width: none !important;
	height: auto !important;
	margin-left: -6%;
	filter: saturate(.96) contrast(1.06) brightness(.88) !important;
	mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 100%);
}

.home .platform-screen__caption {
	left: auto !important;
	right: 10px !important;
	bottom: 10px !important;
	padding: 8px 12px !important;
	color: rgba(235, 246, 255, .82) !important;
	background: rgba(4, 19, 39, .7) !important;
	border: 1px solid rgba(88, 162, 255, .22) !important;
	font-size: 12px !important;
}

/* 落地路径：从四张卡片改为一条连续交付路径。 */
.home .platform-section + .process-section,
.home .process-section {
	position: relative;
	padding: 92px 0 100px !important;
	overflow: hidden;
	background: linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
}

.home .platform-section + .process-section::before {
	display: none !important;
}

.home .process-section::after {
	content: "";
	position: absolute;
	right: -70px;
	top: 78px;
	width: 360px;
	height: 280px;
	opacity: .38;
	background:
		linear-gradient(30deg, transparent 49.7%, rgba(45, 125, 225, .12) 50%, transparent 50.3%),
		linear-gradient(150deg, transparent 49.7%, rgba(45, 125, 225, .1) 50%, transparent 50.3%);
	background-size: 52px 52px;
	pointer-events: none;
}

.home .process-section .section-heading {
	max-width: 880px !important;
	margin: 0 auto 58px !important;
	text-align: center !important;
}

.home .process-section .section-heading h2 {
	margin: 0 !important;
	color: var(--home-section-ink) !important;
	font-size: clamp(38px, 3.4vw, 52px) !important;
	font-weight: 800 !important;
	letter-spacing: -.045em !important;
	line-height: 1.16 !important;
}

.home .process-section .section-heading p {
	max-width: 720px !important;
	margin: 16px auto 0 !important;
	color: var(--home-section-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

.home .process-section .section-heading {
	max-width: 980px !important;
	margin-bottom: 46px !important;
}

.home .process-section .section-heading p {
	max-width: 900px !important;
}

.home .process-section__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 25px;
}

.home .process-section__selector {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 13px 23px;
	color: #fff !important;
	background: linear-gradient(135deg, #0d73e8, #075bc5);
	border: 1px solid #075fcf;
	border-radius: 8px;
	box-shadow: 0 12px 26px rgba(10, 99, 207, .18);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease;
}

.home .process-section__selector:hover,
.home .process-section__selector:focus-visible {
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-2px);
	box-shadow: 0 16px 32px rgba(10, 99, 207, .24);
}

.home .process-section__selector .fa {
	font-size: 16px;
	transition: transform .24s ease;
}

.home .process-section__selector:hover .fa,
.home .process-section__selector:focus-visible .fa {
	transform: translateX(3px);
}

.home .process-section__actions > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding-left: 0;
	color: #60748a;
	font-size: 13px;
	line-height: 1.6;
}

.home .process-section__actions > span::before {
	content: "\f00c";
	position: static;
	flex: 0 0 auto;
	color: #1475e6;
	font-family: FontAwesome;
}

.home .process-grid {
	position: relative;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	max-width: none !important;
}

.home .process-grid::before {
	content: "";
	position: absolute;
	left: 11%;
	right: 4%;
	top: 45px;
	height: 3px;
	background: linear-gradient(90deg, #0d66d7, #2086f2);
}

.home .process-grid::after {
	content: "";
	position: absolute;
	right: 2.5%;
	top: 37px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 17px solid #2086f2;
}

.home .process-card {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	min-height: 0 !important;
	padding: 112px 26px 0 !important;
	color: var(--home-section-ink) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
	transform: none !important;
}

.home .process-card::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 78px !important;
	width: 1px !important;
	height: 26px !important;
	background: #1475e6 !important;
	border-radius: 0 !important;
	transform: translateX(-50%) !important;
}

.home .process-card::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 101px;
	width: 8px;
	height: 8px;
	background: #fff;
	border: 2px solid #1475e6;
	border-radius: 50%;
	transform: translateX(-50%);
}

.home .process-card em {
	position: absolute !important;
	left: 50% !important;
	top: 0 !important;
	display: grid !important;
	place-items: center !important;
	width: 88px !important;
	height: 88px !important;
	margin: 0 !important;
	color: #fff !important;
	background: linear-gradient(145deg, #1879ea, #0758c8) !important;
	border: 9px solid #f8fbff !important;
	border-radius: 50% !important;
	box-shadow: 0 0 0 1px rgba(24, 121, 234, .26), 0 12px 28px rgba(22, 103, 208, .14) !important;
	font-family: Arial, sans-serif !important;
	font-size: 25px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	transform: translateX(-50%) !important;
}

.home .process-card strong {
	margin: 16px 0 12px !important;
	color: var(--home-section-ink) !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: -.03em !important;
}

.home .process-card span {
	max-width: 250px !important;
	color: var(--home-section-muted) !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
}

/* 客户案例：开放式数据证明 + 通栏项目影像带。 */
.home .proof-section {
	padding: 104px 0 0 !important;
	background: #fff !important;
}

.home .proof-section::before {
	top: 0 !important;
	background: linear-gradient(90deg, transparent, rgba(28, 112, 221, .2), transparent) !important;
}

.home .proof-section::after {
	top: 42px !important;
	right: -80px !important;
	opacity: .45 !important;
	background-size: auto, 72px 72px, 72px 72px !important;
}

.home .proof-layout {
	display: grid !important;
	grid-template-columns: minmax(380px, .82fr) minmax(0, 1.18fr) !important;
	gap: clamp(46px, 5vw, 88px) !important;
	align-items: end !important;
	margin-bottom: 58px !important;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

.home .proof-layout .section-kicker {
	color: var(--home-section-blue) !important;
}

.home .proof-layout h2 {
	max-width: 560px !important;
	margin-top: 18px !important;
	font-size: clamp(40px, 3.4vw, 54px) !important;
	letter-spacing: -.045em !important;
	line-height: 1.16 !important;
}

.home .proof-layout p {
	max-width: 590px !important;
	margin-top: 19px !important;
	color: var(--home-section-muted) !important;
	font-size: 15px !important;
	line-height: 1.85 !important;
}

.home .proof-layout__types {
	display: none !important;
}

.home .proof-stats {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 0 !important;
	align-items: end;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

.home .proof-stats div {
	position: relative;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	min-height: 210px !important;
	padding: 30px 20px 22px 28px !important;
	background: transparent !important;
	border: 0 !important;
}

.home .proof-stats div + div {
	border-left: 1px solid rgba(31, 111, 216, .18) !important;
	transform: skewX(-7deg);
}

.home .proof-stats div + div > * {
	transform: skewX(7deg);
}

.home .proof-stats strong {
	margin: 0 0 18px !important;
	color: rgba(11, 100, 216, .08) !important;
	-webkit-text-stroke: 1px rgba(11, 100, 216, .35);
	font-family: Arial, sans-serif !important;
	font-size: clamp(62px, 6.3vw, 92px) !important;
	font-weight: 700 !important;
	letter-spacing: -.07em !important;
	line-height: .88 !important;
}

.home .proof-stats span {
	position: relative;
	padding-left: 17px;
	color: var(--home-section-ink) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
}

.home .proof-stats span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 7px;
	height: 2px;
	background: var(--home-section-blue);
}

.home .proof-section .home-case-carousel {
	box-shadow: none !important;
	background: #071d37 !important;
}

.home .proof-section .home-case-carousel__track {
	gap: 6px !important;
	background: #fff !important;
}

.home .proof-section .home-case-card,
.home .proof-section .home-case-card:first-child {
	flex-basis: clamp(300px, 26vw, 420px) !important;
	height: 360px !important;
	border: 0 !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	overflow: hidden !important;
}

/*
	* 案例卡片跨浏览器稳定性：造型层与运动层分离。
	* 外卡片只做矩形裁切，图片在独立媒体层内走 GPU 缩放；两侧斜边由
	* 无子元素的静态遮角层绘制，避开 QQ 浏览器的 clip-path 子层重栅格化。
 */
.home .proof-section .home-case-card__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	margin: 0;
	overflow: hidden;
	background: #0b2949;
	contain: paint;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.home .proof-section .home-case-card__media img,
.home .proof-section .home-case-card:hover .home-case-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.9) contrast(1.02) !important;
	transform: translate3d(0, 0, 0) scale(1.001) !important;
	transform-origin: center center;
	transition: transform .9s cubic-bezier(.22, .61, .36, 1) !important;
	backface-visibility: hidden;
	will-change: transform;
}

.home .proof-section .home-case-card:hover .home-case-card__media img {
	transform: translate3d(0, 0, 0) scale(1.065) !important;
}

.home .proof-section .home-case-card__edge {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 4;
	display: block;
	width: 5.2%;
	background: #fff;
	pointer-events: none;
}

.home .proof-section .home-case-card__edge--left {
	left: 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

.home .proof-section .home-case-card__edge--right {
	right: 0;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.home .proof-section .home-case-card:nth-child(3n+2) {
	flex-basis: clamp(250px, 21vw, 340px) !important;
}

.home .proof-section .home-case-card:nth-child(3n) {
	flex-basis: clamp(340px, 30vw, 480px) !important;
}

.home .proof-section .home-case-card div {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .32s ease, transform .32s ease;
}

.home .proof-section .home-case-card p {
	display: none;
}

@media (max-width: 1199.98px) {
	.home .solution-paths {
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 34px;
	}

	.home .solution-paths__panel {
		grid-template-columns: minmax(260px, .82fr) minmax(380px, 1.18fr);
		gap: 30px;
	}

	.home .platform-layout--command {
		grid-template-columns: minmax(340px, .8fr) minmax(0, 1.2fr) !important;
		gap: 38px !important;
	}

	.home .proof-layout {
		grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr) !important;
		gap: 38px !important;
	}
}

@media (max-width: 991.98px) {
	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		height: 360px !important;
		min-height: 360px !important;
		transform: none !important;
	}

	.home .product-atlas-platform-rail {
		grid-column: 1 / -1 !important;
	}

	.home.home .solution-map__heading {
		align-items: flex-start !important;
		margin-bottom: 34px !important;
	}

	.home .solution-paths {
		grid-template-columns: 1fr;
		gap: 28px;
		min-height: 0;
	}

	.home .solution-paths__nav {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border-top: 1px solid #d5dfeb;
		border-left: 0;
	}

	.home .solution-paths__tab,
	.home .solution-paths__tab:first-child {
		min-height: 104px;
		padding: 20px 14px;
		border-top: 0;
		border-right: 1px solid #dce4ed;
		border-bottom: 1px solid #dce4ed;
	}

	.home .solution-paths__tab::before {
		left: 0;
		top: auto;
		right: 0;
		bottom: -1px;
		width: auto;
		height: 3px;
		transform: scaleX(0);
	}

	.home .solution-paths__tab.is-active::before,
	.home .solution-paths__tab:focus-visible::before {
		transform: scaleX(1);
	}

	.home .solution-paths__tab.is-active,
	.home .solution-paths__tab:hover,
	.home .solution-paths__tab:focus-visible {
		padding-left: 18px;
	}

	.home .solution-paths__stage {
		min-height: 510px;
	}

	.home .solution-paths__panel {
		grid-template-columns: minmax(260px, .82fr) minmax(360px, 1.18fr);
	}

	.home .solution-paths__panel figure {
		min-height: 460px;
	}

	.home .platform-layout--command {
		grid-template-columns: 1fr !important;
	}

	.home .platform-copy {
		max-width: 680px;
	}

	.home .platform-screen img {
		width: 100% !important;
		margin-left: 0;
		mask-image: none;
	}

	.home .process-card {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.home .proof-layout {
		grid-template-columns: 1fr !important;
		gap: 26px !important;
	}

	.home .proof-stats {
		max-width: none !important;
	}
}

@media (max-width: 767.98px) {
	.home .product-atlas-section,
	.home.home .home-solution-section,
	.home .platform-section,
	.home .platform-section + .process-section,
	.home .process-section {
		padding-top: 66px !important;
		padding-bottom: 72px !important;
	}

	.home .product-atlas {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		height: 320px !important;
		min-height: 320px !important;
		filter: none !important;
	}

	.home .product-atlas-platform-rail {
		grid-template-columns: 1fr !important;
		gap: 15px !important;
		min-height: 220px !important;
	}

	.home.home .solution-map__heading {
		display: grid !important;
		gap: 22px !important;
	}

	.home .solution-paths__nav {
		overflow-x: auto;
		grid-template-columns: repeat(3, minmax(150px, 1fr));
	}

	.home .solution-paths__stage {
		min-height: 0;
	}

	.home .solution-paths__panel {
		position: relative;
		display: none;
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.home .solution-paths__panel.is-active {
		display: grid;
	}

	.home .solution-paths__panel figure {
		grid-row: 1;
		min-height: 280px;
	}

	.home .solution-paths__copy {
		grid-row: 2;
	}

	.home .solution-paths__links--dense {
		display: block;
	}

	.home .platform-copy h2 {
		font-size: clamp(39px, 11vw, 52px) !important;
	}

	.home .process-section .section-heading {
		margin-bottom: 34px !important;
	}

	.home .process-section__actions {
		align-items: stretch;
		gap: 12px;
		margin-top: 20px;
	}

	.home .process-section__selector {
		width: 100%;
		min-height: 50px;
	}

	.home .process-section__actions > span {
		width: 100%;
		padding-left: 0;
		text-align: center;
	}

	.home .process-section__actions > span::before {
		display: none;
	}

	.home .process-grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		padding-left: 8px;
	}

	.home .process-grid::before {
		left: 43px;
		right: auto;
		top: 34px;
		bottom: 34px;
		width: 2px;
		height: auto;
	}

	.home .process-grid::after {
		display: none;
	}

	.home .process-card {
		align-items: flex-start !important;
		min-height: 132px !important;
		padding: 17px 20px 20px 106px !important;
		text-align: left !important;
	}

	.home .process-card::before,
	.home .process-card::after {
		display: none !important;
	}

	.home .process-card em {
		left: 0 !important;
		top: 10px !important;
		width: 72px !important;
		height: 72px !important;
		border-width: 7px !important;
		font-size: 21px !important;
		transform: none !important;
	}

	.home .process-card strong {
		margin: 0 0 7px !important;
		font-size: 21px !important;
	}

	.home .process-card span {
		max-width: none !important;
	}

	.home .proof-section {
		padding-top: 74px !important;
	}

	.home .proof-stats div {
		min-height: 150px !important;
		padding: 24px 12px 18px !important;
	}

	.home .proof-stats strong {
		font-size: clamp(48px, 15vw, 68px) !important;
	}

	.home .proof-section .home-case-card,
	.home .proof-section .home-case-card:first-child,
	.home .proof-section .home-case-card:nth-child(3n+2),
	.home .proof-section .home-case-card:nth-child(3n) {
		flex-basis: 84vw !important;
		height: 350px !important;
	}

	.home .proof-section .home-case-card div {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 479.98px) {
	.home .solution-paths__tab {
		grid-template-columns: 28px 1fr;
		min-height: 92px;
		padding: 16px 10px;
	}

	.home .solution-paths__tab strong {
		font-size: 18px;
	}

	.home .solution-paths__tab em {
		display: none;
	}

	.home .proof-stats {
		grid-template-columns: 1fr !important;
	}

	.home .proof-stats div,
	.home .proof-stats div + div {
		min-height: 112px !important;
		padding: 20px 0 !important;
		border-left: 0 !important;
		border-top: 1px solid rgba(31, 111, 216, .16) !important;
		transform: none !important;
	}

	.home .proof-stats div > * {
		transform: none !important;
	}

	.home .proof-stats strong {
		margin-bottom: 10px !important;
	}
}

/* Brand content editorial refresh: distinct page identities without repeated banners. */
.about-tab-panel[data-about-panel="song"],
.about-tab-panel[data-about-panel="spirit"],
.about-tab-panel[data-about-panel="drcloud"],
.about-tab-panel[data-about-panel="family-education"] {
	--brand-editorial-navy: #0c1d32;
	--brand-editorial-blue: #0b64d8;
	--brand-editorial-line: #dce4ec;
}

/* 道尔之歌：真实团队画面与深色播放区形成完整的聆听场景。 */
.about-tab-panel[data-about-panel="song"] .about-song-experience {
	max-width: 1180px;
	padding: 78px 0 104px;
}

.about-tab-panel[data-about-panel="song"] .about-song-experience__head {
	margin-bottom: 42px;
	padding-bottom: 24px;
}

.about-tab-panel[data-about-panel="song"] .about-song-feature {
	display: grid;
	grid-template-columns: minmax(0, 1.48fr) minmax(330px, .72fr);
	gap: 0;
	align-items: stretch;
	min-height: 520px;
	background: var(--brand-editorial-navy);
}

.about-tab-panel[data-about-panel="song"] .about-song-feature__media {
	min-height: 520px;
	aspect-ratio: auto;
	background: #09182a;
}

.about-song-feature__poster {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: opacity .35s ease, transform .7s ease;
}

.about-song-feature__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(5, 19, 35, .04) 18%, rgba(5, 19, 35, .78) 100%);
	pointer-events: none;
}

.about-song-feature__media:hover .about-song-feature__poster { transform: scale(1.025); }
.about-song-feature__media.is-playing .about-song-feature__poster,
.about-song-feature__media.is-playing::after { opacity: 0; }
.about-song-feature__media.is-playing iframe { z-index: 3; }

.about-tab-panel[data-about-panel="song"] .about-song-feature__launch {
	left: 38px;
	bottom: 34px;
	font-size: 16px;
}

.about-tab-panel[data-about-panel="song"] .about-song-feature__launch i {
	width: 62px;
	height: 62px;
	background: var(--brand-editorial-blue);
	box-shadow: 0 12px 30px rgba(2, 13, 27, .28);
}

.about-tab-panel[data-about-panel="song"] .about-song-feature__launch:disabled,
.about-tab-panel[data-about-panel="song"] .about-song-feature__launch:disabled:hover {
	cursor: default;
	color: rgba(255, 255, 255, .68);
}

.about-tab-panel[data-about-panel="song"] .about-song-feature__launch:disabled i {
	background: rgba(255, 255, 255, .16);
	box-shadow: none;
}

.about-tab-panel[data-about-panel="song"] .about-song-feature__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 58px 50px;
	color: #fff;
}

.about-tab-panel[data-about-panel="song"] .about-song-feature__copy > span { color: #6eaeff; }
.about-tab-panel[data-about-panel="song"] .about-song-feature__copy h3 { color: #fff; font-size: 50px; }
.about-tab-panel[data-about-panel="song"] .about-song-feature__rule { background: rgba(255, 255, 255, .18); }
.about-tab-panel[data-about-panel="song"] .about-song-feature__copy strong { max-width: none; color: #fff; font-size: 20px; }
.about-tab-panel[data-about-panel="song"] .about-song-feature__copy p {
	margin-top: 24px;
	color: rgba(255, 255, 255, .62);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.9;
}

.about-tab-panel[data-about-panel="song"] .about-song-tracks { margin-top: 0; border-top: 0; }
.about-tab-panel[data-about-panel="song"] .about-song-tracks button { min-height: 86px; }

.about-tab-panel[data-about-panel="song"] .about-song-words {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: 64px;
	max-width: 1040px;
	margin: 92px auto 0;
	padding: 0;
}

.about-tab-panel[data-about-panel="song"] .about-song-words__label {
	position: static;
	display: block;
	align-self: start;
	padding: 0 0 0 16px;
}

.about-tab-panel[data-about-panel="song"] .about-song-words__label em {
	display: block;
	margin-top: 14px;
	line-height: 1.7;
}

.about-tab-panel[data-about-panel="song"] .about-song-words article {
	columns: 2;
	column-gap: 54px;
	text-align: left;
}

.about-tab-panel[data-about-panel="song"] .about-song-words p {
	break-inside: avoid;
	font-size: 17px;
	line-height: 1.9;
}

/* 道尔精神：去掉海报式大图，以开放排版呈现使命、价值观与行动标准。 */
.about-tab-panel[data-about-panel="spirit"] .about-spirit-manifest {
	display: block;
	width: min(1180px, calc(100% - 48px));
	max-width: none;
	margin: 0 auto;
	padding: 86px 0 116px;
	color: #172b43;
}

.about-spirit-intro {
	display: grid;
	grid-template-columns: minmax(260px, .72fr) minmax(460px, 1.28fr);
	gap: clamp(54px, 8vw, 110px);
	align-items: end;
	padding: 0 0 72px;
}

.about-spirit-intro__title h2 {
	margin: 0 0 18px;
	color: #142840;
	font-size: clamp(44px, 5vw, 66px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08;
}

.about-spirit-intro__title p {
	margin: 0;
	color: #0b64d8;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .08em;
}

.about-spirit-intro__mission {
	padding: 3px 0 4px clamp(36px, 5vw, 64px);
	border-left: 1px solid #dce4ed;
}

.about-spirit-intro__mission span,
.about-drcloud-editorial__head span,
.about-drcloud-archive-head span,
.about-family-principles > header span {
	display: block;
	color: #0b64d8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .18em;
}

.about-spirit-intro__mission h3 {
	margin: 18px 0 0;
	color: #172b43;
	font-size: clamp(30px, 3.2vw, 46px);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.46;
}

.about-spirit-values {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid #dce4ed;
	border-bottom: 1px solid #dce4ed;
}

.about-spirit-values article {
	min-width: 0;
	padding: 34px clamp(22px, 2.8vw, 38px) 36px;
	border-left: 1px solid #dce4ed;
}

.about-spirit-values article:first-child {
	padding-left: 0;
	border-left: 0;
}

.about-spirit-values strong {
	display: block;
	margin-bottom: 15px;
	color: #142840;
	font-size: 25px;
	font-weight: 800;
}

.about-spirit-values p {
	margin: 0;
	color: #66768a;
	font-size: 14px;
	line-height: 1.85;
}

.about-spirit-principles {
	margin-top: 72px;
}

.about-spirit-principles > section {
	display: grid;
	grid-template-columns: minmax(190px, .58fr) minmax(0, 1.42fr);
	gap: clamp(42px, 7vw, 94px);
	padding: 44px 0 46px;
	border-top: 1px solid #dce4ed;
}

.about-spirit-principles > section > header h3 {
	margin: 0 0 14px;
	color: #142840;
	font-size: 27px;
	font-weight: 800;
}

.about-spirit-principles > section > header p {
	max-width: 240px;
	margin: 0;
	color: #78879a;
	font-size: 14px;
	line-height: 1.75;
}

.about-spirit-principles dl {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	margin: 0;
}

.about-spirit-principles dl div {
	min-width: 0;
	padding-left: 20px;
	border-left: 2px solid #e3e9f0;
}

.about-spirit-principles dt {
	margin-bottom: 10px;
	color: #0b64d8;
	font-size: 14px;
	font-weight: 800;
}

.about-spirit-principles dd {
	margin: 0;
	color: #53657a;
	font-size: 15px;
	line-height: 1.82;
}

.about-spirit-principles > section:last-child dl {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 991.98px) {
	.about-spirit-intro {
		grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
		gap: 42px;
	}

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

	.about-spirit-values article:nth-child(3) {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #dce4ed;
	}

	.about-spirit-values article:nth-child(4) {
		border-top: 1px solid #dce4ed;
	}

	.about-spirit-principles > section {
		grid-template-columns: 180px minmax(0, 1fr);
		gap: 36px;
	}

	.about-spirit-principles dl {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

@media (max-width: 767.98px) {
	.about-tab-panel[data-about-panel="spirit"] .about-spirit-manifest {
		width: calc(100% - 32px);
		padding: 58px 0 76px;
	}

	.about-spirit-intro {
		display: block;
		padding-bottom: 48px;
	}

	.about-spirit-intro__title h2 {
		font-size: 42px;
	}

	.about-spirit-intro__title p {
		font-size: 16px;
	}

	.about-spirit-intro__mission {
		margin-top: 42px;
		padding: 34px 0 0;
		border-top: 1px solid #dce4ed;
		border-left: 0;
	}

	.about-spirit-intro__mission h3 {
		font-size: 29px;
		line-height: 1.5;
	}

	.about-spirit-values {
		display: block;
	}

	.about-spirit-values article,
	.about-spirit-values article:first-child,
	.about-spirit-values article:nth-child(3) {
		padding: 25px 0 27px;
		border-top: 1px solid #dce4ed;
		border-left: 0;
	}

	.about-spirit-values article:first-child {
		border-top: 0;
	}

	.about-spirit-values strong {
		font-size: 22px;
	}

	.about-spirit-principles {
		margin-top: 52px;
	}

	.about-spirit-principles > section {
		display: block;
		padding: 36px 0 38px;
	}

	.about-spirit-principles > section > header p {
		max-width: none;
	}

	.about-spirit-principles dl,
	.about-spirit-principles > section:last-child dl {
		grid-template-columns: 1fr;
		gap: 22px;
		margin-top: 30px;
	}
}

/* 道尔精神：标准内容页排版，不使用海报、宣言式大构图或装饰卡片。 */
.about-spirit-simple {
	width: min(1120px, calc(100% - 48px));
	margin: 0 auto;
	padding: 0 0 96px;
}

.about-spirit-simple > .about-section-heading {
	margin-bottom: 48px;
}

.about-spirit-simple__section {
	padding: 0 0 46px;
	margin: 0 0 46px;
	border-bottom: 1px solid #e1e6ec;
}

.about-spirit-simple__section:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.about-spirit-simple__section h2 {
	margin: 0 0 24px;
	color: #172b43;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.35;
}

.about-spirit-simple__mission {
	max-width: 820px;
	margin: 0;
	color: #34485f;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.8;
}

.about-spirit-simple__list {
	margin: 0;
	border-top: 1px solid #cfd7e1;
}

.about-spirit-simple__list div {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 32px;
	padding: 19px 0;
	border-bottom: 1px solid #e8ecf1;
}

.about-spirit-simple__list dt {
	color: #253a52;
	font-size: 15px;
	font-weight: 800;
}

.about-spirit-simple__list dd {
	margin: 0;
	color: #5f7084;
	font-size: 15px;
	line-height: 1.8;
}

@media (max-width: 767.98px) {
	.about-spirit-simple {
		width: calc(100% - 32px);
		padding-bottom: 70px;
	}

	.about-spirit-simple > .about-section-heading {
		margin-bottom: 38px;
	}

	.about-spirit-simple__section {
		padding-bottom: 36px;
		margin-bottom: 36px;
	}

	.about-spirit-simple__section h2 {
		margin-bottom: 20px;
		font-size: 23px;
	}

	.about-spirit-simple__mission {
		font-size: 18px;
		line-height: 1.75;
	}

	.about-spirit-simple__list div {
		display: block;
		padding: 17px 0;
	}

	.about-spirit-simple__list dt {
		margin-bottom: 7px;
	}
}

/* 道尔云：最新一期作为编辑主视觉，往期回归轻量出版物档案。 */
.about-drcloud-editorial {
	max-width: 1180px;
	margin: 0 auto;
	padding: 78px 0 110px;
}

.about-drcloud-editorial__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
	gap: 54px;
	align-items: end;
	margin-bottom: 48px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--brand-editorial-line);
}

.about-drcloud-editorial__head span,
.about-drcloud-archive-head span { color: var(--brand-editorial-blue); }
.about-drcloud-editorial__head h2 {
	margin: 10px 0 0;
	color: var(--ink);
	font-size: clamp(42px, 5vw, 62px);
	font-weight: 800;
	line-height: 1.1;
}

.about-drcloud-editorial__head > p {
	margin: 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.9;
}

.about-drcloud-feature {
	position: relative;
	display: grid;
	grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
	gap: 70px;
	align-items: center;
	min-height: 540px;
	padding: 54px 72px;
	overflow: hidden;
	background: var(--brand-editorial-navy);
}

.about-drcloud-feature__wall {
	position: absolute;
	left: 24%;
	right: -4%;
	bottom: -8%;
	opacity: .13;
	pointer-events: none;
}
.about-drcloud-feature__wall img { display: block; width: 100%; height: auto; filter: grayscale(1); }

.about-drcloud-feature__cover {
	position: relative;
	z-index: 1;
	display: block;
	width: min(100%, 330px);
	justify-self: center;
	transition: transform .3s ease;
}

.about-drcloud-feature__cover:hover { transform: translateY(-8px); }
.about-drcloud-feature__cover img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 28px 55px rgba(0, 0, 0, .32);
}

.about-drcloud-feature__copy { position: relative; z-index: 1; color: #fff; }
.about-drcloud-feature__copy > span { color: #6eaeff; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.about-drcloud-feature__copy h3 { margin: 16px 0 24px; color: #fff; font-size: clamp(34px, 4vw, 52px); line-height: 1.2; }
.about-drcloud-feature__copy p { max-width: 480px; margin: 0 0 36px; color: rgba(255, 255, 255, .68); font-size: 16px; line-height: 1.9; }
.about-drcloud-feature__copy a {
	display: inline-flex;
	gap: 14px;
	align-items: center;
	padding-bottom: 8px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .42);
	font-size: 15px;
	font-weight: 700;
}
.about-drcloud-feature__copy a:hover { color: #8fc1ff; }

.about-drcloud-archive-head {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 30px;
	margin: 86px 0 38px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--brand-editorial-line);
}
.about-drcloud-archive-head h3 { margin: 8px 0 0; color: var(--ink); font-size: 34px; }
.about-drcloud-archive-head p { margin: 0; color: var(--muted); font-size: 14px; }

.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 54px 28px;
}

.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card {
	display: block;
	min-width: 0;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card:hover {
	transform: none;
	box-shadow: none;
}

.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card__img {
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #f4f6f8;
	box-shadow: 0 14px 30px rgba(13, 29, 48, .11);
	transition: transform .3s ease, box-shadow .3s ease;
}

.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card__img::before { display: none; content: none; }
.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card__img img { width: 100%; height: 100%; object-fit: cover; }
.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card:hover .about-drcloud-card__img {
	transform: translateY(-8px);
	box-shadow: 0 22px 40px rgba(13, 29, 48, .16);
}

.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card__bottom {
	padding: 18px 0 0;
	color: var(--ink);
	background: transparent;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
}
.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-card:hover .about-drcloud-card__bottom { color: var(--brand-editorial-blue); background: transparent; }

/* 家教50策：延展为三条可被记住的日常家风原则。 */
.about-tab-panel[data-about-panel="family-education"] .about-family-education {
	max-width: 1180px;
	padding-bottom: 104px;
}

.about-family-principles {
	display: grid;
	grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
	gap: 76px;
	margin-top: 104px;
	padding-top: 58px;
	border-top: 1px solid rgba(25, 87, 76, .18);
}

.about-family-principles > header span { color: #1c7468; }
.about-family-principles > header h3 {
	margin: 14px 0 22px;
	color: #173c45;
	font-family: "STKaiti", "KaiTi", "Songti SC", serif;
	font-size: clamp(34px, 4vw, 48px);
	line-height: 1.28;
}
.about-family-principles > header p { margin: 0; color: #607472; font-size: 15px; line-height: 1.95; }
.about-family-principles ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.about-family-principles li { min-width: 0; padding: 12px 26px 0; border-left: 1px solid rgba(25, 87, 76, .18); }
.about-family-principles li b { display: block; margin-bottom: 48px; color: rgba(28, 116, 104, .48); font-family: Georgia, serif; font-size: 13px; }
.about-family-principles li strong { display: block; margin-bottom: 18px; color: #173c45; font-size: 24px; }
.about-family-principles li p { margin: 0; color: #607472; font-size: 14px; line-height: 1.9; }

@media (max-width: 991.98px) {
	.about-tab-panel[data-about-panel="song"] .about-song-feature { grid-template-columns: 1fr; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__media { min-height: 430px; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__copy { padding: 42px; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__copy h3,
	.about-tab-panel[data-about-panel="song"] .about-song-feature__rule,
	.about-tab-panel[data-about-panel="song"] .about-song-feature__copy strong { grid-column: auto; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__copy > span { margin-top: 0; }
	.about-tab-panel[data-about-panel="song"] .about-song-words { grid-template-columns: 150px minmax(0, 1fr); gap: 34px; }

	.about-spirit-stage { min-height: 440px; }
	.about-spirit-declaration { grid-template-columns: 145px minmax(0, 1fr); gap: 34px; }
	.about-spirit-chapters { gap: 28px; }

	.about-drcloud-feature { grid-template-columns: minmax(250px, .78fr) minmax(0, 1.22fr); gap: 46px; padding: 48px; }
	.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	.about-family-principles { grid-template-columns: 1fr; gap: 46px; }
}

@media (max-width: 767.98px) {
	.about-tab-panel[data-about-panel="song"] .about-song-experience,
	.about-tab-panel[data-about-panel="spirit"] .about-spirit-manifest,
	.about-drcloud-editorial { width: calc(100% - 24px); }

	.about-tab-panel[data-about-panel="song"] .about-song-experience { padding: 52px 0 70px; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__media { min-height: 0; aspect-ratio: 4 / 3; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__copy { display: block; padding: 34px 28px 38px; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__copy h3 { font-size: 38px; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__launch { left: 24px; bottom: 22px; }
	.about-tab-panel[data-about-panel="song"] .about-song-feature__launch i { width: 52px; height: 52px; }
	.about-tab-panel[data-about-panel="song"] .about-song-tracks { display: block; }
	.about-tab-panel[data-about-panel="song"] .about-song-tracks button { width: 100%; border-left: 1px solid var(--line); }
	.about-tab-panel[data-about-panel="song"] .about-song-words { display: block; margin-top: 64px; }
	.about-tab-panel[data-about-panel="song"] .about-song-words__label { margin-bottom: 34px; }
	.about-tab-panel[data-about-panel="song"] .about-song-words article { columns: 1; }

	.about-tab-panel[data-about-panel="spirit"] .about-spirit-manifest { padding: 52px 0 72px; }
	.about-spirit-stage { min-height: 420px; }
	.about-spirit-stage figure img { object-position: 58% center; }
	.about-spirit-stage figure::after { background: linear-gradient(180deg, rgba(5, 19, 35, .08) 18%, rgba(5, 19, 35, .9) 100%); }
	.about-spirit-stage__copy { left: 26px; right: 26px; bottom: 32px; }
	.about-spirit-stage__copy h2 { font-size: 52px; }
	.about-spirit-stage__copy p { font-size: 22px; line-height: 1.6; }
	.about-spirit-declaration { display: block; padding: 58px 0 62px; }
	.about-spirit-declaration > span { margin-bottom: 20px; padding: 0; }
	.about-spirit-declaration h3 { font-size: 34px; }
	.about-spirit-chapters { grid-template-columns: 1fr; gap: 50px; padding-top: 56px; }

	.about-drcloud-editorial { padding: 54px 0 74px; }
	.about-drcloud-editorial__head { grid-template-columns: 1fr; gap: 22px; margin-bottom: 34px; }
	.about-drcloud-feature { grid-template-columns: 1fr; gap: 38px; padding: 40px 26px 46px; }
	.about-drcloud-feature__cover { width: min(78vw, 290px); }
	.about-drcloud-feature__copy { text-align: center; }
	.about-drcloud-feature__copy p { margin-left: auto; margin-right: auto; }
	.about-drcloud-archive-head { margin-top: 66px; }
	.about-tab-panel[data-about-panel="drcloud"] .about-drcloud-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 18px; }

	.about-tab-panel[data-about-panel="family-education"] .about-family-education { padding-bottom: 72px; }
	.about-family-principles { margin-top: 72px; padding-top: 46px; }
	.about-family-principles ol { grid-template-columns: 1fr; }
	.about-family-principles li { padding: 26px 0 30px; border-top: 1px solid rgba(25, 87, 76, .18); border-left: 0; }
	.about-family-principles li b { margin-bottom: 22px; }
}

/* 首页桌面端整屏节奏：短区块吸附到完整画面，合作表单等长内容保留自然滚动。 */
@media (min-width: 1200px) and (min-height: 700px) {
	html.home-screen-snap {
		scroll-snap-type: y mandatory;
		scroll-behavior: smooth;
	}

	html.home-screen-snap .home > .hero,
	html.home-screen-snap .home > .section,
	html.home-screen-snap body.home-immersive-header .site-footer {
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	html.home-screen-snap .home > .product-atlas-section,
	html.home-screen-snap .home > .home-solution-section,
	html.home-screen-snap .home > .platform-section,
	html.home-screen-snap .home > .process-section,
	html.home-screen-snap .home > .proof-section,
	html.home-screen-snap .home > .home-news-editorial {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		height: 100vh;
		height: 100svh;
		min-height: 700px;
	}

	html.home-screen-snap .home > .section > .container {
		width: 100%;
	}

	/* 产品体系：四类产品同列展示，维持与整屏版式协调的图像高度。 */
	html.home-screen-snap .home .product-atlas-section {
		padding: var(--home-fixed-header, 78px) 0 0 !important;
	}

	html.home-screen-snap .home .product-atlas-heading {
		margin-bottom: 38px !important;
	}

	html.home-screen-snap .home .product-atlas__item,
	html.home-screen-snap .home .product-atlas__item:hover,
	html.home-screen-snap .home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		height: 430px !important;
		min-height: 430px !important;
	}

	html.home-screen-snap .home .product-atlas-platform-rail {
		min-height: 90px;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	/* 解决方案：保留三类路径和完整链接，主要压缩图像舞台与段间距。 */
	html.home-screen-snap .home.home .home-solution-section {
		padding: var(--home-fixed-header, 78px) 0 0 !important;
	}

	html.home-screen-snap .home.home .solution-map__heading {
		margin-bottom: 24px !important;
	}

	html.home-screen-snap .home .solution-paths,
	html.home-screen-snap .home .solution-paths__stage {
		min-height: clamp(410px, 60svh, 430px);
	}

	html.home-screen-snap .home .solution-paths__panel figure {
		min-height: clamp(410px, 60svh, 430px);
	}

	/* 天枢：保留指挥中心主视觉，通过信息行距适配一屏。 */
	html.home-screen-snap .home .platform-section {
		padding: var(--home-fixed-header, 78px) 0 0 !important;
	}

	html.home-screen-snap .home .platform-capabilities > span {
		min-height: 68px !important;
		padding-top: 12px !important;
		padding-bottom: 11px !important;
	}

	html.home-screen-snap .home .platform-actions {
		margin-top: 22px !important;
	}

	/* 落地路径本身较短，在菜单以下的可视区域内垂直居中。 */
	html.home-screen-snap .home .process-section {
		display: flex;
		align-items: center;
		padding: var(--home-fixed-header, 78px) 0 0 !important;
	}

	html.home-screen-snap .home .process-section .section-heading {
		margin-bottom: 42px !important;
	}

	/* 案例：信息默认可见，压缩影像带而不裁掉项目标题。 */
	html.home-screen-snap .home .proof-section {
		padding: var(--home-fixed-header, 78px) 0 0 !important;
	}

	html.home-screen-snap .home .proof-layout {
		margin-bottom: 28px !important;
	}

	html.home-screen-snap .home .proof-section .home-case-card,
	html.home-screen-snap .home .proof-section .home-case-card:first-child,
	html.home-screen-snap .home .proof-section .home-case-card:nth-child(3n+2),
	html.home-screen-snap .home .proof-section .home-case-card:nth-child(3n) {
		height: clamp(275px, 40svh, 290px) !important;
	}

	/* 新闻：维持一主图加时间索引，减少上下留白以完整进入一屏。 */
	html.home-screen-snap .home .home-news-editorial {
		padding: var(--home-fixed-header, 78px) 0 0;
	}

	html.home-screen-snap .home .home-news-editorial__feature {
		min-height: clamp(490px, 72svh, 520px);
	}

	/* 表单内容天然超过一屏：取消外层重复留白，让浏览器在区块内部自然滚动。 */
	html.home-screen-snap .home .partner-section--full {
		padding: 0 !important;
		scroll-snap-stop: normal;
	}

	html.home-screen-snap .home .partner-section--full .partner-full {
		padding-top: calc(var(--home-fixed-header, 78px) + 34px);
	}

	html.home-screen-snap body.home-immersive-header .site-footer {
		scroll-snap-align: end;
		scroll-snap-stop: normal;
	}
}

@media (max-width: 1199.98px), (max-height: 699.98px) {
	html.home-screen-snap {
		scroll-snap-type: none;
		scroll-behavior: auto;
	}
}

/* 道尔之歌：紧凑播放器、歌曲列表与歌词阅读，去掉大图和深色展台。 */
.about-tab-panel[data-about-panel="song"] .about-song-experience.about-song-simple {
	width: min(1120px, calc(100% - 48px));
	max-width: none;
	margin: 0 auto;
	padding: 0 0 100px;
}

.about-song-simple > .about-section-heading {
	margin-bottom: 48px;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
	gap: 48px;
	align-items: start;
	min-height: 0;
	background: transparent;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__media {
	position: relative;
	min-height: 0;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #f4f7fb;
	border: 1px solid #dce3eb;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__media::before {
	width: 3px;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__media::after {
	display: none;
	content: none;
}

.about-song-simple__cover {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 42px 48px;
}

.about-song-simple__cover > span {
	margin-bottom: 14px;
	color: #0b64d8;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
}

.about-song-simple__cover h2 {
	margin: 0 0 30px;
	color: #172b43;
	font-size: clamp(34px, 4vw, 46px);
	font-weight: 800;
	line-height: 1.2;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__launch {
	position: static;
	gap: 12px;
	color: #253a52;
	font-size: 15px;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__launch i {
	width: 50px;
	height: 50px;
	color: #fff;
	background: #0b64d8;
	box-shadow: none;
}

.about-song-simple .about-song-feature__media.is-playing .about-song-simple__cover {
	display: none;
}

.about-song-simple__tracks > h2 {
	margin: 0 0 18px;
	color: #172b43;
	font-size: 24px;
	font-weight: 800;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-tracks {
	display: block;
	margin: 0;
	border-top: 1px solid #cfd7e1;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-tracks button,
.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-tracks button:first-child {
	width: 100%;
	min-height: 72px;
	padding: 0 16px;
	border: 0;
	border-bottom: 1px solid #e1e6ec;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-tracks button:hover,
.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-tracks button.is-active {
	color: #0b64d8;
	background: #f6f9fd;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 54px;
	max-width: none;
	margin: 72px 0 0;
	padding: 52px 0 0;
	border-top: 1px solid #dce3eb;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words__label {
	position: static;
	display: block;
	padding: 0;
	border-left: 0;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words__label span {
	display: block;
	font-size: 24px;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words__label em {
	display: block;
	margin-top: 12px;
	font-size: 13px;
	line-height: 1.7;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words article {
	columns: 2;
	column-gap: 52px;
	color: #5f7084;
	text-align: left;
}

.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words p {
	break-inside: avoid;
	margin-bottom: 11px;
	font-size: 16px;
	line-height: 1.85;
}

@media (max-width: 767.98px) {
	.about-tab-panel[data-about-panel="song"] .about-song-experience.about-song-simple {
		width: calc(100% - 32px);
		padding: 0 0 72px;
	}

	.about-song-simple > .about-section-heading {
		margin-bottom: 38px;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__media {
		aspect-ratio: 16 / 9;
	}

	.about-song-simple__cover {
		padding: 26px 28px;
	}

	.about-song-simple__cover h2 {
		margin-bottom: 22px;
		font-size: 32px;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-feature__launch i {
		width: 44px;
		height: 44px;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-tracks {
		display: block;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words {
		display: block;
		margin-top: 56px;
		padding-top: 42px;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words__label {
		margin-bottom: 32px;
	}

	.about-tab-panel[data-about-panel="song"] .about-song-simple .about-song-words article {
		columns: 1;
	}
}

/* 2026-07-17 final override: 关于道尔 / 品牌内容 / 新闻资讯内容相关横幅 */
.about-context-hero,
.news-context-hero {
	position: relative;
	min-height: clamp(370px, 29vw, 420px);
	display: flex;
	align-items: stretch;
	isolation: isolate;
	overflow: hidden;
	background: #071a34;
	color: #fff;
}

@media (min-width: 992px) {
	.about-context-hero,
	.news-context-hero {
		height: 410px !important;
		min-height: 410px !important;
	}
}

.about-context-hero__image,
.news-context-hero__image {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.002);
}

.about-context-hero__shade,
.news-context-hero .news-hero__shade {
	position: absolute;
	inset: 0;
	z-index: -1;
	display: block;
	background: linear-gradient(90deg, rgba(5, 19, 40, .3) 0%, rgba(5, 19, 40, .16) 44%, rgba(5, 19, 40, .04) 72%, rgba(5, 19, 40, .06) 100%);
}

.about-context-hero .about-hero__content,
.news-context-hero .news-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 58px;
	padding-bottom: 58px;
}

.about-context-hero .about-hero__title,
.news-context-hero .news-hero__content > div {
	width: min(620px, 52%);
	padding-left: 2px;
	border-left: 0;
}

.about-context-hero h1,
.news-context-hero h1 {
	position: relative;
	margin: 0;
	padding-bottom: 20px;
	color: #fff;
	font-size: clamp(42px, 4.1vw, 56px);
	font-family: inherit;
	font-weight: 760;
	line-height: 1.12;
	letter-spacing: -.025em;
	text-shadow: 0 2px 20px rgba(0, 12, 31, .18);
}

.about-context-hero h1::after,
.news-context-hero h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 2px;
	background: rgba(255, 255, 255, .82);
}

.about-context-hero p,
.news-context-hero p {
	max-width: 580px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .8);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: .01em;
	text-shadow: 0 2px 16px rgba(0, 12, 31, .16);
}

.about-hero.is-section-hidden {
	display: flex;
}

.about-page.is-section-view .pages {
	padding-top: clamp(58px, 5vw, 76px);
}

.about-tab-panel[data-about-panel="song"] > .about-section-heading,
.about-tab-panel[data-about-panel="spirit"] > .about-section-heading,
.about-tab-panel[data-about-panel="cloud-tour"] > .about-section-heading,
.about-tab-panel[data-about-panel="media"] > .about-section-heading,
.about-tab-panel[data-about-panel="contact"] > .about-section-heading {
	display: none;
}

.about-page.is-section-view .about-song-experience,
.about-page.is-section-view .about-spirit-manifest,
.about-page.is-section-view .about-tab-panel[data-about-panel="cloud-tour"] .about-tab-layout {
	padding-top: 0;
}

.news-context-hero {
	min-height: clamp(360px, 28vw, 410px);
}

.news-page > .pages,
.news-page .container.pages {
	padding-top: clamp(56px, 5vw, 74px);
}

@media (max-width: 767.98px) {
	.about-context-hero,
	.news-context-hero {
		min-height: 330px;
	}

	.about-context-hero__image,
	.news-context-hero__image {
		object-position: 66% center;
	}

	.about-context-hero__shade,
	.news-context-hero .news-hero__shade {
		background: linear-gradient(90deg, rgba(4, 17, 36, .86) 0%, rgba(4, 17, 36, .64) 58%, rgba(4, 17, 36, .2) 100%);
	}

	.about-context-hero .about-hero__content,
	.news-context-hero .news-hero__content {
		padding-top: 52px;
		padding-bottom: 44px;
	}

	.about-context-hero .about-hero__title,
	.news-context-hero .news-hero__content > div {
		width: min(100%, 420px);
		padding-right: 18px;
		padding-left: 18px;
	}

	.about-context-hero h1,
	.news-context-hero h1 {
		padding-bottom: 16px;
		font-size: 36px;
	}

	.about-context-hero p,
	.news-context-hero p {
		margin-top: 14px;
		font-size: 14px;
		line-height: 1.7;
	}

	.about-page.is-section-view .pages,
	.news-page > .pages,
	.news-page .container.pages {
		padding-top: 46px;
	}
}

/* Research manufacturing loop: photo-led, lightweight narrative layout */
@media (max-width: 1199.98px) {
	.research-scene-copy {
		max-width: 760px;
		padding-right: 0;
	}

	.research-scene-visual {
		min-height: 480px;
	}
}

@media (max-width: 767.98px) {
	.research-scene-visual {
		min-height: 320px;
	}

	.research-scene-visual figcaption {
		left: 20px;
		right: 20px;
		bottom: 18px;
	}

	.research-scene-copy h2 {
		font-size: 30px;
	}

	.research-scene-copy > p {
		font-size: 15px;
	}

	.research-scene-steps {
		margin-top: 26px;
	}

	.research-scene-steps li {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
		padding: 17px 0;
	}
}

@media (max-width: 479.98px) {
	.research-scene-visual {
		min-height: 280px;
	}

	.research-scene-copy h2 {
		font-size: 27px;
	}
}

/* About / spirit: use the real culture wall as the section-specific banner. */
.about-context-hero[data-about-current="spirit"] .about-context-hero__image {
	object-position: center 11%;
	filter: contrast(1.02) brightness(.92);
}

.about-context-hero[data-about-current="spirit"] .about-context-hero__shade {
	background: linear-gradient(90deg, rgba(4, 17, 36, .9) 0%, rgba(4, 17, 36, .7) 40%, rgba(4, 17, 36, .34) 68%, rgba(4, 17, 36, .1) 100%);
}

@media (max-width: 767.98px) {
	.about-context-hero[data-about-current="spirit"] .about-context-hero__image {
		object-position: 60% 10%;
	}

	.about-context-hero[data-about-current="spirit"] .about-context-hero__shade {
		background: linear-gradient(90deg, rgba(4, 17, 36, .9) 0%, rgba(4, 17, 36, .72) 64%, rgba(4, 17, 36, .38) 100%);
	}
}

/* Footer compliance: separate regulatory records from certification marks. */
.footer-bottom {
	padding-top: 24px !important;
	padding-bottom: 26px !important;
}

.footer-bottom .container {
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 22px !important;
}

.footer-bottom__copyright {
	flex: 0 0 auto;
	font-size: 12px !important;
	letter-spacing: .015em;
	white-space: nowrap;
}

.footer-bottom .container > .footer-compliance {
	display: grid !important;
	grid-template-columns: auto auto;
	align-items: center;
	justify-content: center;
	column-gap: 20px;
	width: auto;
	min-height: 0;
	padding: 0 0 0 22px;
	border-top: 0;
	border-left: 1px solid rgba(255, 255, 255, .12);
}

.footer-compliance__records,
.footer-compliance__certs {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-compliance__records a {
	position: relative;
	min-height: 28px;
	padding: 0 14px;
}

.footer-compliance__records a:first-child {
	padding-left: 0;
}

.footer-compliance__records a:last-child {
	padding-right: 0;
}

.footer-compliance__records a + a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, .16);
	transform: translateY(-50%);
}

.footer-compliance__certs {
	gap: 13px;
}

.footer-compliance__certs a {
	min-height: 34px;
}

.footer-compliance__market {
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 4px;
}

.footer-compliance__market-icon {
	width: 18px;
	height: 24px;
}

.footer-compliance .footer-compliance__trust {
	margin: 0 !important;
}

.footer-compliance__trust img {
	width: 92px;
	height: 34px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.footer-bottom .container {
		width: calc(100% - 32px) !important;
		max-width: none !important;
		gap: 15px !important;
	}

	.footer-bottom__copyright,
	.footer-bottom .footer-compliance {
		font-size: 11px !important;
	}

	.footer-bottom .container > .footer-compliance {
		column-gap: 14px;
		padding-left: 15px;
	}

	.footer-compliance__records a {
		padding-right: 8px;
		padding-left: 8px;
	}

	.footer-compliance__certs {
		gap: 8px;
	}

	.footer-compliance__market {
		min-height: 30px;
		padding: 0 7px;
	}

	.footer-compliance__trust img {
		width: 82px;
		height: 30px;
	}
}

@media (max-width: 767.98px) {
	.footer-bottom .container {
		flex-direction: column !important;
		gap: 14px !important;
	}

	.footer-bottom .container > .footer-compliance {
		grid-template-columns: 1fr;
		row-gap: 14px;
		width: min(100%, 560px);
		padding: 14px 0 0;
		border-top: 1px solid rgba(255, 255, 255, .09);
		border-left: 0;
	}

	.footer-compliance__records {
		flex-wrap: wrap;
		row-gap: 8px;
	}
}

@media (max-width: 479.98px) {
	.footer-compliance__records {
		gap: 8px 14px;
	}

	.footer-compliance__records a {
		min-height: 22px;
		padding: 0 !important;
	}

	.footer-compliance__records a + a::before {
		display: none;
	}
}

/* Research hero: restore the page-specific manufacturing visual. */
.research-hero {
	background: #08182c !important;
}

.research-hero > img {
	display: block !important;
	opacity: 1;
	object-position: center 62%;
	filter: saturate(.9) contrast(1.03) brightness(.9);
	transform: scale(1.01);
}

.research-hero__shade {
	display: block;
	background:
		linear-gradient(90deg, rgba(4, 15, 31, .92) 0%, rgba(5, 21, 42, .68) 44%, rgba(6, 25, 48, .3) 100%),
		linear-gradient(180deg, rgba(5, 16, 34, .03) 42%, rgba(5, 16, 34, .34) 100%);
}

@media (max-width: 767.98px) {
	.research-hero > img {
		object-position: 54% center;
	}

	.research-hero__shade {
		background: linear-gradient(90deg, rgba(4, 15, 31, .94) 0%, rgba(5, 21, 42, .78) 68%, rgba(6, 25, 48, .54) 100%);
	}
}

/* About / cloud tour: show the complete experience hall instead of a tight panoramic crop. */
.about-context-hero[data-about-current="cloud-tour"] .about-context-hero__image {
	left: auto;
	right: 0;
	z-index: 0;
	width: 58%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	filter: contrast(1.01) brightness(.94);
	transform: none;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .28) 12%, rgba(0, 0, 0, .76) 27%, #000 42%);
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .28) 12%, rgba(0, 0, 0, .76) 27%, #000 42%);
}

.about-context-hero[data-about-current="cloud-tour"] .about-context-hero__shade {
	z-index: 1;
	background: linear-gradient(90deg, rgba(4, 17, 36, 1) 0%, rgba(4, 17, 36, .99) 31%, rgba(4, 17, 36, .9) 43%, rgba(4, 17, 36, .66) 56%, rgba(4, 17, 36, .28) 73%, rgba(4, 17, 36, .04) 100%);
}

.about-context-hero[data-about-current="cloud-tour"] .about-hero__content {
	z-index: 2;
}

@media (max-width: 767.98px) {
	.about-context-hero[data-about-current="cloud-tour"] .about-context-hero__image {
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
		object-fit: cover;
		object-position: 50% center;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.about-context-hero[data-about-current="cloud-tour"] .about-context-hero__shade {
		background: linear-gradient(90deg, rgba(4, 17, 36, .9) 0%, rgba(4, 17, 36, .7) 66%, rgba(4, 17, 36, .32) 100%);
	}
}

/* About / contact: Shenzhen aerial image with page-specific framing. */
.about-context-hero[data-about-current="contact"] .about-context-hero__image {
	left: auto;
	right: 0;
	z-index: 0;
	width: 64%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	/* 画面轻微下移，保留城市建筑顶部，避免横幅裁掉楼体轮廓。 */
	object-position: right 42%;
	filter: contrast(1.02) brightness(.96);
	transform: none;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .18) 12%, rgba(0, 0, 0, .66) 30%, #000 48%);
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .18) 12%, rgba(0, 0, 0, .66) 30%, #000 48%);
}

.about-context-hero[data-about-current="contact"] .about-context-hero__shade {
	z-index: 1;
	background: linear-gradient(90deg, rgba(4, 17, 36, 1) 0%, rgba(4, 17, 36, .99) 28%, rgba(4, 17, 36, .94) 40%, rgba(4, 17, 36, .72) 52%, rgba(4, 17, 36, .42) 64%, rgba(4, 17, 36, .14) 78%, rgba(4, 17, 36, .02) 100%);
}

.about-context-hero[data-about-current="contact"] .about-hero__content {
	z-index: 2;
}

@media (max-width: 767.98px) {
	.about-context-hero[data-about-current="contact"] .about-context-hero__image {
		left: 0;
		right: 0;
		width: 100%;
		object-fit: cover;
		object-position: 52% center;
		transform: scale(1.002);
		-webkit-mask-image: none;
		mask-image: none;
	}

	.about-context-hero[data-about-current="contact"] .about-context-hero__shade {
		background: linear-gradient(90deg, rgba(4, 17, 36, .9) 0%, rgba(4, 17, 36, .7) 66%, rgba(4, 17, 36, .34) 100%);
	}
}

/* 新闻 / 道尔动态：展会现场仅置于右侧，保留左侧品牌文案的呼吸空间。 */
.news-context-hero[data-news-current="company"] {
	background: #071a34;
}

.news-context-hero[data-news-current="company"] .news-context-hero__image {
	top: 0;
	right: auto;
	bottom: 0;
	left: 42%;
	z-index: 0;
	width: 58%;
	height: 100%;
	object-fit: cover;
	object-position: center 40%;
	transform: none;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 10%, rgba(0, 0, 0, .34) 23%, rgba(0, 0, 0, .7) 39%, #000 56%);
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .08) 10%, rgba(0, 0, 0, .34) 23%, rgba(0, 0, 0, .7) 39%, #000 56%);
}

.news-context-hero[data-news-current="company"] .news-hero__shade {
	z-index: 1;
	background: linear-gradient(90deg, rgba(7, 26, 52, .02) 0%, rgba(7, 26, 52, .02) 54%, rgba(7, 26, 52, .08) 100%);
}

.news-context-hero[data-news-current="company"] .news-hero__content {
	z-index: 2;
}

/* 新闻详情：内容配图随正文栏宽度展示，避免低分辨率原图被原始尺寸锁得过小。 */
.article-detail-page .article-content img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

@media (max-width: 767.98px) {
	.news-context-hero[data-news-current="company"] .news-context-hero__image {
		left: 0;
		right: 0;
		width: 100%;
		object-position: 62% center;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.news-context-hero[data-news-current="company"] .news-hero__shade {
		background: linear-gradient(90deg, rgba(4, 17, 36, .88) 0%, rgba(4, 17, 36, .66) 58%, rgba(4, 17, 36, .18) 100%);
	}
}

/* 关于道尔 / 发展历程：团队合影置于右侧，延续简介页的留白式横幅。 */
.about-context-hero[data-about-current="milestone"] {
	background: #071a34;
}

.about-context-hero[data-about-current="milestone"] .about-context-hero__image {
	top: 0;
	right: auto;
	bottom: 0;
	left: 44%;
	width: 56%;
	height: 100%;
	object-fit: cover;
	object-position: center 40%;
	transform: none;
}

.about-context-hero[data-about-current="milestone"] .about-context-hero__shade {
	background: linear-gradient(90deg, #071a34 0 43%, rgba(7, 26, 52, .95) 48%, rgba(7, 26, 52, .43) 68%, rgba(7, 26, 52, .08) 100%);
}

/* 首页产品入口：四类产品同列展示，综合类产品不再作为独立横条。 */
@media (min-width: 992px) {
	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		height: 430px !important;
		min-height: 430px !important;
		transform: none !important;
	}

	.home .product-atlas__item.is-active {
		transform: none !important;
	}

	.home .product-atlas__item--platform {
		grid-column: auto !important;
		grid-row: auto !important;
		margin-top: 0 !important;
		padding: 0 !important;
	}

	/* 卡片信息与产品画面分区：上方阅读，下方看图。 */
	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		display: grid !important;
		grid-template-rows: 154px minmax(0, 1fr) !important;
		padding: 0 !important;
		background: #fff !important;
		filter: none !important;
	}

	.home .product-atlas__item::before {
		display: none !important;
	}

	.home .product-atlas__item > img {
		position: static !important;
		grid-row: 2 !important;
		grid-column: 1 !important;
		z-index: auto !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		filter: saturate(.93) contrast(1.03) brightness(.94) !important;
	}

	.home .product-atlas__content {
		position: static !important;
		grid-row: 1 !important;
		grid-column: 1 !important;
		inset: auto !important;
		z-index: auto !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 19px 24px !important;
		color: #112946 !important;
		transform: none !important;
	}

	.home .product-atlas__item.is-active .product-atlas__content {
		transform: none !important;
	}

	.home .product-atlas__type {
		position: static !important;
		margin: 0 !important;
		color: #102a4b !important;
		font-size: 25px !important;
		line-height: 1.15 !important;
	}

	.home .product-atlas__item--parking .product-atlas__type {
		font-size: 25px !important;
	}

	.home .product-atlas__tags {
		position: static !important;
		margin-top: 10px !important;
		flex-wrap: nowrap !important;
		white-space: nowrap !important;
	}

	.home .product-atlas__tags b {
		color: #46617d !important;
		background: #eef5fc !important;
		border-color: #d5e5f4 !important;
	}

	.home .product-atlas__link-label {
		position: static !important;
		margin-top: 10px !important;
		color: #176ee8 !important;
		font-size: 13px !important;
	}
}

/* 置于末尾，覆盖早期的白底产品卡片样式。 */
@media (min-width: 992px) {
	.home .product-atlas-section {
		position: relative;
		overflow: hidden;
		padding: 104px 0 116px !important;
		background:
			radial-gradient(ellipse 54% 70% at 78% 5%, rgba(28, 100, 203, .28), transparent 74%),
			radial-gradient(ellipse 48% 72% at 5% 100%, rgba(15, 68, 145, .24), transparent 74%),
			#061426 !important;
	}

	.home .product-atlas-section::before {
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		content: '';
		opacity: .22;
		background-image: linear-gradient(rgba(150, 194, 243, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 194, 243, .08) 1px, transparent 1px);
		background-size: 80px 80px;
		mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 80%, transparent);
	}

	.home .product-atlas-section > .container {
		position: relative;
		z-index: 1;
		width: min(1440px, calc(100% - 96px)) !important;
		max-width: 1440px !important;
	}

	.home .product-atlas-heading {
		margin: 0 0 44px !important;
		text-align: left !important;
	}

	.home .product-atlas-heading::before,
	.home .product-atlas-heading::after {
		display: none !important;
	}

	.home .product-atlas-heading h2 {
		color: #fff !important;
		font-size: clamp(38px, 3.1vw, 52px) !important;
		line-height: 1.14 !important;
		letter-spacing: -.045em;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 2px !important;
		overflow: hidden;
		border: 1px solid rgba(163, 202, 241, .18);
		background: rgba(163, 202, 241, .18);
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover),
	.home .product-atlas__item--platform {
		position: relative !important;
		display: grid !important;
		grid-template-rows: 142px minmax(0, 1fr) !important;
		grid-column: auto !important;
		grid-row: auto !important;
		height: 510px !important;
		min-height: 510px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip-path: none !important;
		background: #091a2f !important;
		filter: none !important;
		transform: none !important;
		text-decoration: none !important;
	}

	.home .product-atlas__item::before {
		display: none !important;
	}

	.home .product-atlas__item::after {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 3;
		display: block !important;
		width: 100% !important;
		height: 2px !important;
		margin: 0 !important;
		content: '' !important;
		opacity: .55;
		background: linear-gradient(90deg, #3fb6ff, rgba(93, 182, 255, .06)) !important;
		transform: none !important;
	}

	.home .product-atlas__item.is-active,
	.home .product-atlas__item:hover {
		transform: none !important;
		background: #0d223d !important;
	}

	.home .product-atlas__item.is-active::after,
	.home .product-atlas__item:hover::after {
		opacity: 1;
	}

	.home .product-atlas__item > img {
		position: static !important;
		grid-row: 2 !important;
		grid-column: 1 !important;
		z-index: auto !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		/* 素材为竖图，向下取景才能露出设备与场景主体。 */
		object-position: center 76% !important;
		filter: saturate(.92) brightness(.77) contrast(1.08) !important;
		transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .5s ease !important;
	}

	.home .product-atlas__item:hover > img {
		filter: saturate(1.03) brightness(.96) contrast(1.04) !important;
		transform: scale(1.045) !important;
	}

	.home .product-atlas__content {
		position: static !important;
		grid-row: 1 !important;
		grid-column: 1 !important;
		inset: auto !important;
		z-index: auto !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 25px 28px 21px !important;
		color: #fff !important;
		background: linear-gradient(135deg, #0d2441, #08172a 76%) !important;
		transform: none !important;
	}

	.home .product-atlas__type,
	.home .product-atlas__item--parking .product-atlas__type {
		position: static !important;
		margin: 0 !important;
		color: #fff !important;
		font-size: 25px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: .01em;
	}

	.home .product-atlas__tags {
		position: static !important;
		display: flex !important;
		gap: 0 !important;
		margin-top: 13px !important;
		white-space: nowrap !important;
	}

	.home .product-atlas__tags b {
		position: static !important;
		padding: 0 !important;
		color: rgba(198, 220, 244, .72) !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		background: transparent !important;
		border: 0 !important;
	}

	.home .product-atlas__tags b + b::before {
		margin: 0 10px;
		color: rgba(155, 194, 233, .42);
		content: ' / ';
	}

	.home .product-atlas__link-label {
		position: static !important;
		display: inline-flex !important;
		align-items: center;
		margin-top: 17px !important;
		color: #82c6ff !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: .02em;
	}

	.home .product-atlas__link-label::after { display: none !important; }
}

@media (max-width: 991.98px) {
	.home .product-atlas-section {
		padding: 72px 0 80px !important;
		background: #061426 !important;
	}

	.home .product-atlas-heading {
		margin: 0 0 28px !important;
		text-align: left !important;
	}

	.home .product-atlas-heading h2 {
		color: #fff !important;
		font-size: 32px !important;
		line-height: 1.25 !important;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 2px !important;
		overflow: hidden;
		border: 1px solid rgba(163, 202, 241, .18);
		background: rgba(163, 202, 241, .18);
	}

	.home .product-atlas__item,
	.home .product-atlas__item--platform {
		display: grid !important;
		grid-template-rows: 128px minmax(0, 1fr) !important;
		height: 405px !important;
		min-height: 405px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip-path: none !important;
		background: #091a2f !important;
		transform: none !important;
	}

	.home .product-atlas__item::before { display: none !important; }

	.home .product-atlas__item > img {
		position: static !important;
		grid-row: 2 !important;
		grid-column: 1 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		filter: saturate(.92) brightness(.8) contrast(1.06) !important;
	}

	.home .product-atlas__content {
		position: static !important;
		grid-row: 1 !important;
		grid-column: 1 !important;
		inset: auto !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		padding: 22px 22px 18px !important;
		color: #fff !important;
		background: linear-gradient(135deg, #0d2441, #08172a 76%) !important;
		transform: none !important;
	}

	.home .product-atlas__type { position: static !important; margin: 0 !important; color: #fff !important; font-size: 22px !important; line-height: 1.2 !important; }
	.home .product-atlas__tags { position: static !important; margin-top: 12px !important; }
	.home .product-atlas__tags b { padding: 0 !important; color: rgba(198, 220, 244, .72) !important; font-size: 12px !important; font-weight: 400 !important; background: transparent !important; border: 0 !important; }
	.home .product-atlas__tags b + b::before { margin: 0 8px; color: rgba(155, 194, 233, .42); content: ' / '; }
	.home .product-atlas__link-label { position: static !important; margin-top: 14px !important; color: #82c6ff !important; font-size: 12px !important; }
}

@media (max-width: 575.98px) {
	.home .product-atlas { grid-template-columns: 1fr !important; }
	.home .product-atlas__item,
	.home .product-atlas__item--platform { height: 380px !important; min-height: 380px !important; }
}

/* 首页产品入口第二稿：明亮的产品画册，不以深色背景制造重量感。 */
.home .product-atlas-section {
	background:
		radial-gradient(ellipse 42% 46% at 100% 0%, rgba(181, 218, 255, .56), transparent 76%),
		linear-gradient(150deg, #fff 0%, #f8fbff 52%, #eff6ff 100%) !important;
}

.home .product-atlas-section::before { display: none !important; }

@media (min-width: 992px) {
	.home .product-atlas-section {
		padding: 102px 0 116px !important;
	}

	.home .product-atlas-section > .container {
		width: min(1440px, calc(100% - 96px)) !important;
		max-width: 1440px !important;
	}

	.home .product-atlas-heading {
		margin: 0 0 46px !important;
		text-align: left !important;
	}

	.home .product-atlas-heading h2 {
		color: #122d50 !important;
		font-size: clamp(38px, 3.1vw, 52px) !important;
		line-height: 1.14 !important;
		letter-spacing: -.045em;
	}

	.home .product-atlas {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 1px !important;
		overflow: hidden;
		border: 1px solid #d5e1ee;
		background: #d5e1ee;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover),
	.home .product-atlas__item--platform {
		display: grid !important;
		grid-template-rows: 158px minmax(0, 1fr) !important;
		height: 510px !important;
		min-height: 510px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip-path: none !important;
		background: #fff !important;
		box-shadow: none !important;
		filter: none !important;
		transform: none !important;
		text-decoration: none !important;
	}

	.home .product-atlas__item::before,
	.home .product-atlas__item::after { display: none !important; }

	.home .product-atlas__item.is-active,
	.home .product-atlas__item:hover { background: #fff !important; }

	.home .product-atlas__content {
		position: static !important;
		grid-row: 1 !important;
		grid-column: 1 !important;
		inset: auto !important;
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 29px 28px 24px !important;
		color: #102f54 !important;
		background: linear-gradient(135deg, #fff 0%, #f1f8ff 100%) !important;
		transform: none !important;
	}

	.home .product-atlas__type,
	.home .product-atlas__item--parking .product-atlas__type {
		position: static !important;
		margin: 0 !important;
		color: #102f54 !important;
		font-size: 25px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: .01em;
	}

	.home .product-atlas__tags {
		position: static !important;
		display: flex !important;
		gap: 0 !important;
		margin-top: 13px !important;
		white-space: nowrap !important;
	}

	.home .product-atlas__tags b {
		position: static !important;
		padding: 0 !important;
		color: #71849a !important;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		background: transparent !important;
		border: 0 !important;
	}

	.home .product-atlas__tags b + b::before {
		margin: 0 10px;
		color: #b4c3d2;
		content: ' / ';
	}

	.home .product-atlas__link-label {
		position: static !important;
		display: inline-flex !important;
		align-items: center;
		margin-top: 17px !important;
		color: #176ee8 !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: .02em;
	}

	.home .product-atlas__link-label::after { display: none !important; }

	.home .product-atlas__item > img {
		position: static !important;
		grid-row: 2 !important;
		grid-column: 1 !important;
		z-index: auto !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center 76% !important;
		filter: saturate(.88) brightness(1.13) contrast(.98) !important;
		transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .45s ease !important;
	}

	.home .product-atlas__item:hover > img {
		filter: saturate(1) brightness(1.06) contrast(1) !important;
		transform: scale(1.035) !important;
	}
}

@media (max-width: 991.98px) {
	.home .product-atlas-section { padding: 72px 0 80px !important; background: #f6faff !important; }
	.home .product-atlas-heading { margin: 0 0 28px !important; text-align: left !important; }
	.home .product-atlas-heading h2 { color: #122d50 !important; font-size: 32px !important; line-height: 1.25 !important; }
	.home .product-atlas { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1px !important; overflow: hidden; border: 1px solid #d5e1ee; background: #d5e1ee; }
	.home .product-atlas__item,
	.home .product-atlas__item--platform { display: grid !important; grid-template-rows: 132px minmax(0, 1fr) !important; height: 405px !important; min-height: 405px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: none !important; background: #fff !important; transform: none !important; }
	.home .product-atlas__item::before,
	.home .product-atlas__item::after { display: none !important; }
	.home .product-atlas__content { position: static !important; grid-row: 1 !important; grid-column: 1 !important; inset: auto !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; padding: 22px 22px 18px !important; color: #102f54 !important; background: #f8fbff !important; transform: none !important; }
	.home .product-atlas__type { position: static !important; margin: 0 !important; color: #102f54 !important; font-size: 22px !important; line-height: 1.2 !important; }
	.home .product-atlas__tags { position: static !important; margin-top: 12px !important; }
	.home .product-atlas__tags b { padding: 0 !important; color: #71849a !important; font-size: 12px !important; font-weight: 400 !important; background: transparent !important; border: 0 !important; }
	.home .product-atlas__tags b + b::before { margin: 0 8px; color: #b4c3d2; content: ' / '; }
	.home .product-atlas__link-label { position: static !important; margin-top: 14px !important; color: #176ee8 !important; font-size: 12px !important; }
	.home .product-atlas__link-label::after { display: none !important; }
	.home .product-atlas__item > img { position: static !important; grid-row: 2 !important; grid-column: 1 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 76% !important; filter: saturate(.9) brightness(1.08) contrast(.98) !important; }
}

/* 移动端收口：案例不横向溢出，导航展开后保持稳定的实色阅读层。 */
@media (max-width: 991.98px) {
	.case-page .case-card-grid,
	.case-page .case-latest-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.site-header .navbar-collapse.show {
		background: #fff;
		border-top: 1px solid rgba(18, 35, 61, .08);
		box-shadow: 0 18px 32px rgba(18, 35, 61, .12);
	}

	.site-header .navbar-collapse.show .navbar-nav {
		padding: 4px 0 10px;
	}

	.site-header .navbar-collapse.show .navbar-nav > .nav-item {
		border-bottom: 1px solid rgba(18, 35, 61, .07);
	}

	.site-header .navbar-collapse.show .navbar-dark .navbar-nav .nav-link,
	.site-header .navbar-collapse.show .nav-link,
	.site-header .navbar-collapse.show .nav-tool {
		color: #111f34 !important;
	}
}

@media (max-width: 575.98px) {
	/* 首屏文字不再等待入场动画，进入页面即可阅读。 */
	.home .hero-slider .swiper-slide-active .hero__copy,
	.home .hero-slider .swiper-slide-active[data-text-position="center-upper"] .hero__copy {
		animation: none !important;
		opacity: 1 !important;
		transform: translateY(-24px) !important;
	}
}

/* 首页四个产品入口统一文字起点，避免停车入口因旧版特型样式下沉。 */
@media (min-width: 992px) {
	.home .product-atlas__item--parking .product-atlas__content {
		padding: 28px 30px !important;
	}
}

/* 全站按钮型链接统一取消链接下划线，保留正文链接的正常语义。 */
a.btn,
a[class*="btn"],
a[class*="button"],
a[class*="cta"],
a[class*="action"],
a[class*="selector"],
a[class*="consult"],
a.hero-slide__link,
a.home-news-editorial__more,
a.platform-link,
a.support-faq-help__link,
a[role="button"] {
	text-decoration: none !important;
	text-decoration-line: none !important;
}

a.btn:hover,
a.btn:focus,
a.btn:active,
a[class*="btn"]:hover,
a[class*="btn"]:focus,
a[class*="btn"]:active,
a[class*="button"]:hover,
a[class*="button"]:focus,
a[class*="button"]:active,
a[class*="cta"]:hover,
a[class*="cta"]:focus,
a[class*="cta"]:active,
a[class*="action"]:hover,
a[class*="action"]:focus,
a[class*="action"]:active,
a[class*="selector"]:hover,
a[class*="selector"]:focus,
a[class*="selector"]:active,
a[class*="consult"]:hover,
a[class*="consult"]:focus,
a[class*="consult"]:active,
a.hero-slide__link:hover,
a.hero-slide__link:focus,
a.hero-slide__link:active,
a.home-news-editorial__more:hover,
a.home-news-editorial__more:focus,
a.home-news-editorial__more:active,
a.platform-link:hover,
a.platform-link:focus,
a.platform-link:active,
a.support-faq-help__link:hover,
a.support-faq-help__link:focus,
a.support-faq-help__link:active,
a[role="button"]:hover,
a[role="button"]:focus,
a[role="button"]:active {
	text-decoration: none !important;
	text-decoration-line: none !important;
}

/* 页脚品牌区：官方社交媒体入口。 */
.footer-media-accounts {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 11px;
	margin-top: 21px;
}

.footer-media-accounts a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: rgba(255, 255, 255, .9) !important;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 50%;
	font-size: 16px;
	line-height: 1;
	text-decoration: none !important;
	transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.footer-media-accounts a:hover,
.footer-media-accounts a:focus-visible {
	color: #fff !important;
	background: #2f72d8;
	border-color: rgba(255, 255, 255, .28);
	outline: none;
	transform: translateY(-2px);
}

.footer-media-accounts svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.footer-media-accounts__douyin svg {
	fill: currentColor;
	stroke: none;
}

.footer-media-accounts__redbook {
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
}

.footer-media-accounts__bubble {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 13px);
	z-index: 20;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 146px;
	padding: 10px 10px 9px;
	color: #26384d;
	background: #fff;
	border: 1px solid rgba(17, 39, 67, .12);
	border-radius: 11px;
	box-shadow: 0 16px 36px rgba(3, 15, 30, .3);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, 7px) scale(.96);
	transform-origin: center bottom;
	transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.footer-media-accounts__bubble::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 10px;
	height: 10px;
	background: #fff;
	border-right: 1px solid rgba(17, 39, 67, .12);
	border-bottom: 1px solid rgba(17, 39, 67, .12);
	transform: translate(-50%, -5px) rotate(45deg);
}

.footer-media-accounts__bubble img {
	display: block;
	width: 124px;
	height: 124px;
	object-fit: contain;
	background: #fff;
	border-radius: 6px;
}

.footer-media-accounts__bubble b {
	display: block;
	margin-top: 7px;
	color: #26384d;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	white-space: nowrap;
}

.footer-media-accounts a:hover .footer-media-accounts__bubble,
.footer-media-accounts a:focus .footer-media-accounts__bubble {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0) scale(1);
}

@media (max-width: 575.98px) {
	.footer-media-accounts {
		gap: 12px;
		margin-top: 18px;
	}

	.footer-media-accounts a {
		width: 40px;
		height: 40px;
	}
}

/* 首页AI定位说明：标题负责品牌表达，说明文字落到可感知的业务能力。 */
.home .product-atlas-heading > div > p.product-atlas-heading__intro {
	max-width: 860px;
	margin: 16px 0 0;
	color: #5f748d;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: .01em;
}

/* 企业文化 Banner：与公司简介统一为左文案、右实景的构图。 */
.about-context-hero[data-about-current="culture"] .about-context-hero__image {
	/* 与公司简介保持一致：左侧文案、右侧实景的 44/56 比例。 */
	left: 44%;
	right: auto;
	top: 0;
	bottom: auto;
	width: 56%;
	height: 100%;
	object-fit: cover;
	object-position: right top;
	transform: none;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .24) 16%, rgba(0, 0, 0, .76) 42%, #000 64%);
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .24) 16%, rgba(0, 0, 0, .76) 42%, #000 64%);
}

.about-context-hero[data-about-current="culture"] .about-context-hero__shade {
	background: linear-gradient(90deg, rgba(7, 26, 52, .94) 0%, rgba(7, 26, 52, .84) 28%, rgba(7, 26, 52, .58) 48%, rgba(7, 26, 52, .24) 70%, rgba(7, 26, 52, .05) 100%);
}

@media (max-width: 767.98px) {
	.about-context-hero[data-about-current="culture"] .about-context-hero__image {
		left: 0;
		right: auto;
		width: 100%;
		object-position: right top;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.about-context-hero[data-about-current="culture"] .about-context-hero__shade {
		background: linear-gradient(90deg, rgba(7, 26, 52, .97) 0%, rgba(7, 26, 52, .94) 48%, rgba(7, 26, 52, .62) 74%, rgba(7, 26, 52, .28) 100%);
	}
}

@media (max-width: 767.98px) {
	.home .product-atlas-heading > div > p.product-atlas-heading__intro {
		margin-top: 12px;
		font-size: 14px;
		line-height: 1.7;
	}
}

/* 已导入 AI 硬件详情页：统一正文阅读尺度，不影响方案页、应用页及普通产品模板。 */
.ai-product-page-shell:is(
	[data-ai-product-page="gong-iii"],
	[data-ai-product-page="jian-iii"],
	[data-ai-product-page="jian-v"],
	[data-ai-product-page="plate-recognition-guard"],
	[data-ai-product-page="xun-v"],
	[data-ai-product-page="scan-pay-assistant"],
	[data-ai-product-page="dao-xiao-er"]
) :is(.product-ai-page, .ai-demo-product) :is(p, li) {
	font-size: 17px !important;
	line-height: 1.75 !important;
}

.ai-product-page-shell:is(
	[data-ai-product-page="gong-iii"],
	[data-ai-product-page="jian-iii"],
	[data-ai-product-page="jian-v"],
	[data-ai-product-page="plate-recognition-guard"],
	[data-ai-product-page="xun-v"],
	[data-ai-product-page="scan-pay-assistant"],
	[data-ai-product-page="dao-xiao-er"]
) :is(.product-ai-page, .ai-demo-product) small {
	font-size: 15px !important;
	line-height: 1.6 !important;
}

@media (max-width: 560px) {
	.ai-product-page-shell:is(
		[data-ai-product-page="gong-iii"],
		[data-ai-product-page="jian-iii"],
		[data-ai-product-page="jian-v"],
		[data-ai-product-page="plate-recognition-guard"],
		[data-ai-product-page="xun-v"],
		[data-ai-product-page="scan-pay-assistant"],
		[data-ai-product-page="dao-xiao-er"]
	) :is(.product-ai-page, .ai-demo-product) :is(p, li) {
		font-size: 16px !important;
		line-height: 1.7 !important;
	}

	.ai-product-page-shell:is(
		[data-ai-product-page="gong-iii"],
		[data-ai-product-page="jian-iii"],
		[data-ai-product-page="jian-v"],
		[data-ai-product-page="plate-recognition-guard"],
		[data-ai-product-page="xun-v"],
		[data-ai-product-page="scan-pay-assistant"],
		[data-ai-product-page="dao-xiao-er"]
	) :is(.product-ai-page, .ai-demo-product) small {
		font-size: 13px !important;
	}
}

/* 移动端视觉节奏：统一阅读边界，减少首页与产品列表的无效空白。 */
@media (max-width: 575.98px) {
	/* 首页内容保持 20px 的稳定阅读边界，卡片和正文不再忽宽忽窄。 */
	.home > .section > .container {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	.home .product-atlas-section,
	.home.home .home-solution-section,
	.home .platform-section,
	.home .platform-section + .process-section,
	.home .process-section {
		padding-top: 58px !important;
		padding-bottom: 64px !important;
	}

	.home .section-heading,
	.home .product-atlas-heading,
	.home .solution-map__heading {
		margin-bottom: 28px !important;
	}

	.home .section-heading h2,
	.home .product-atlas-heading h2 {
		font-size: 28px !important;
		line-height: 1.32 !important;
	}

	.home .section-heading p,
	.home .product-atlas-heading__intro {
		margin-top: 12px !important;
		font-size: 14px !important;
		line-height: 1.75 !important;
	}

	.home .product-atlas {
		gap: 14px !important;
	}

	.home .product-atlas__item,
	.home .product-atlas__item:hover,
	.home .product-atlas:has(.product-atlas__item:hover) .product-atlas__item:not(:hover) {
		height: 300px !important;
		min-height: 300px !important;
	}

	/* 产品分类首屏与列表改为更清晰的“标题—说明—操作—内容”节奏。 */
	.product-category-hero {
		padding-top: 42px !important;
		padding-bottom: 26px !important;
	}

	.product-category-hero .container,
	.product-center-pages {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	.product-category-hero__copy p {
		font-size: 15px !important;
		line-height: 1.75 !important;
	}

	.product-category-hero__tags {
		gap: 8px !important;
		margin-top: 20px !important;
	}

	.product-category-hero__tags span {
		padding: 7px 11px !important;
		font-size: 12px !important;
	}

	.product-category-hero__actions {
		gap: 10px !important;
		margin-top: 22px !important;
	}

	.product-center-pages {
		padding-top: 24px !important;
	}

	.product-center-pages .sortnav {
		margin-bottom: 18px !important;
	}

	.product-center-pages .sortnav__btn {
		min-height: 38px !important;
		padding-right: 14px !important;
		padding-left: 14px !important;
		font-size: 14px !important;
	}

	.product-shelf-head {
		align-items: flex-start !important;
		gap: 10px !important;
		margin: 22px 0 20px !important;
		padding-bottom: 14px !important;
	}

	.product-shelf-head h2 {
		font-size: 26px !important;
	}

	.product-shelf-head h2::after {
		bottom: -15px !important;
		width: 96px !important;
	}
}

/* 2026-07-30 移动端：固定站点头部不再遮住各内页的首屏内容。 */
@media (max-width: 991.98px) {
	/* 搜索面板隐藏时不占据菜单高度，点击放大镜后再展开。 */
	.site-header .nav-search:not(.is-open) .nav-search__panel {
		display: none !important;
	}

	/* 头部操作区保留安全边距，避免 LOGO 与菜单按钮紧贴手机屏幕边缘。 */
	.site-header .navbar > .container {
		padding-right: max(18px, env(safe-area-inset-right)) !important;
		padding-left: max(18px, env(safe-area-inset-left)) !important;
	}

	/* 展开面板延展至屏幕边缘；菜单文字仍使用统一 18px 阅读边界。 */
	.site-header .navbar-collapse.show {
		flex-basis: calc(100% + 36px) !important;
		width: calc(100% + 36px) !important;
		margin-right: -18px !important;
		margin-left: -18px !important;
		border-radius: 0 !important;
	}

	.site-header .navbar-collapse.show .navbar-nav {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	/* 服务热线、搜索和英文入口居中排列，并与菜单文字保持同一内边距。 */
	.site-header .navbar-collapse.show .nav-right-tools {
		justify-content: center !important;
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	/* 轻量化折叠按钮：圆角方形、细线与展开态叉号，保留原有 Bootstrap 交互。 */
	.site-header .navbar-toggler {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		color: #152a42;
		background: rgba(255, 255, 255, .82);
		border: 1px solid rgba(20, 47, 76, .14);
		border-radius: 11px;
		box-shadow: 0 5px 14px rgba(12, 31, 53, .08);
		transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
	}

	.site-header .navbar-toggler:focus,
	.site-header .navbar-toggler:hover {
		outline: none !important;
		background: #fff;
		border-color: rgba(11, 100, 216, .38);
		box-shadow: 0 7px 18px rgba(11, 100, 216, .14);
	}

	.site-header .navbar-toggler-icon,
	.site-header .navbar-toggler-icon::before,
	.site-header .navbar-toggler-icon::after {
		width: 18px;
		height: 2px;
		background: currentColor;
		border-radius: 999px;
		transition: transform .22s ease, opacity .18s ease, background .2s ease;
	}

	.site-header .navbar-toggler-icon::before,
	.site-header .navbar-toggler-icon::after {
		left: 0;
	}

	.site-header .navbar-toggler-icon::before { top: -6px; }
	.site-header .navbar-toggler-icon::after { top: 6px; }

	.site-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
		background: transparent !important;
	}

	.site-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
		transform: translateY(6px) rotate(45deg);
	}

	.site-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
		transform: translateY(-6px) rotate(-45deg);
	}

	/* 首页沉浸式首屏维持白色图标与低对比玻璃底，避免覆盖背景图时发灰。 */
	body.home-immersive-header .site-header.is-immersive.is-nav-light:not(.is-scrolled):not(.is-menu-open) .navbar-toggler {
		color: #fff;
		background: rgba(7, 24, 48, .34);
		border-color: rgba(255, 255, 255, .62);
		box-shadow: 0 5px 16px rgba(0, 12, 31, .12);
		backdrop-filter: blur(7px);
	}

	/*
	 * 固定头部高度为 72px。除首页沉浸式 Banner 外，所有内页紧跟头部的
	 * 首个区块统一留出安全距离，覆盖产品列表、详情子导航及普通专题页。
	 */
	body:not(.home-immersive-header) > .site-header + * {
		margin-top: 72px !important;
	}
}

@media (max-width: 575.98px) {
	/* 产品入口采用两列紧凑卡片：保留设备图辨识度，同时减少连续纵向滑动。 */
	.product-title-grid,
	.parking-hardware-catalog .product-title-grid,
	.parking-overview-tabs .product-title-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	/* 只有一个产品时仍占满一行，避免单卡被压成半宽。 */
	.product-title-grid:has(> .product-title-card:only-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.product-title-card__media,
	.parking-hardware-catalog .product-title-card__media {
		height: 164px !important;
		padding: 12px !important;
	}

	.product-title-card__media img,
	.parking-hardware-catalog .product-title-card__media img {
		max-width: 94% !important;
		max-height: 138px !important;
	}

	.product-title-card__body,
	.parking-hardware-catalog .product-title-card__body {
		min-height: 56px !important;
		padding: 10px 8px 11px !important;
	}

	.product-title-card__body strong,
	.parking-hardware-catalog .product-title-card__body strong {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	/* 首页 Banner：手机端约半屏展示，兼顾背景场景与首屏内容。 */
	body.home-immersive-header .hero.hero-slider,
	body.home-immersive-header .hero-slider .swiper-wrapper,
	body.home-immersive-header .hero-slider .swiper-slide,
	body.home-immersive-header .hero-slide {
		height: min(430px, 50svh) !important;
		min-height: 0 !important;
	}

	body.home-immersive-header .hero-slider .hero__content {
		min-height: min(430px, 50svh) !important;
		/* 预留移动端顶部导航高度，Banner 变短也不挤压 Logo 与菜单。 */
		padding: 94px 20px 48px !important;
	}

	/* 保留背景图的完整场景取景，不再放大裁切。 */
	body.home-immersive-header .hero-slider .hero-visual,
	body.home-immersive-header .hero-slider .hero-visual.is-hero-motion-active {
		object-position: center center !important;
		animation: none !important;
		transform: scale(1.01) !important;
	}

	/* 不叠加文案遮罩，直接保留原始 Banner 视觉。 */
	body.home-immersive-header .hero-slider .hero__shade {
		display: none !important;
	}

	/* 文案本身原有的渐变底层也一并移除，手机端直接展示背景图。 */
	body.home-immersive-header .hero-slider .hero__copy::before {
		display: none !important;
	}

	body.home-immersive-header .hero-slider .hero__copy {
		max-width: 340px;
		transform: translateY(0) !important;
	}

	/* 手机端首屏标题适度收小，保留两行阅读空间与背景画面。 */
	body.home-immersive-header .hero-slider .hero__copy h1,
	body.home-immersive-header .hero-slider .hero__copy h2,
	body.home-immersive-header .hero-slider .hero__copy h3 {
		font-size: 30px !important;
		line-height: 1.22 !important;
	}

	/* 移动端文案与桌面端保持同一套白色字色。 */
	body.home-immersive-header .hero-slider .hero__copy h1,
	body.home-immersive-header .hero-slider .hero__copy h2,
	body.home-immersive-header .hero-slider .hero__copy h3,
	body.home-immersive-header .hero-slider .hero__copy p {
		color: #fff !important;
		text-shadow: none !important;
	}

	body.home-immersive-header .hero-slider .hero__actions {
		margin-top: 22px !important;
	}

	/* 手机端保留可点击分页点与左右滑动，移除占空间的双箭头。 */
	body.home-immersive-header .hero-slider .hero-button {
		display: none !important;
	}

	body.home-immersive-header .hero-slider .hero-pagination {
		left: 50% !important;
		bottom: 18px !important;
		transform: translateX(-50%);
		white-space: nowrap;
	}

	body.home-immersive-header .hero-slider .hero-pagination .swiper-pagination-bullet {
		width: 22px;
		height: 2px;
		margin: 0 5px !important;
		background: rgba(255, 255, 255, .62);
	}

	body.home-immersive-header .hero-slider .hero-pagination .swiper-pagination-bullet-active {
		width: 34px;
		background: var(--gold);
	}

	/* 首页产品区长标题可按中文语义换行，避免被全局标题防孤字规则截断。 */
	.home .product-atlas-heading h2 {
		max-width: 100% !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: anywhere !important;
		line-break: auto;
		text-wrap: balance;
	}

	/* 首张默认激活卡片不再放大，四张主图的顶边保持对齐。 */
	.home .product-atlas__item.is-active,
	.home .product-atlas__item.is-active > img {
		transform: none !important;
	}
}

/* Desktop header hotline: readable at common 14–17 inch display widths. */
@media (min-width: 1400px) {
	.nav-right-tools .nav-contact__phone {
		height: 40px;
		font-size: 20px;
	}

	.nav-right-tools .nav-contact__phone i {
		margin-right: 6px;
		font-size: 18px;
	}
}

@media (min-width: 1300px) and (max-width: 1399.98px) {
	.nav-right-tools .nav-contact__phone {
		width: auto;
		height: 38px;
		padding: 0 !important;
		font-size: 17px;
	}

	.nav-right-tools .nav-contact__phone span {
		display: inline !important;
	}

	.nav-right-tools .nav-contact__phone i {
		margin-right: 5px;
		font-size: 16px;
	}
}

/* Service capability: project cooperation timeline. */
.support-partner-flow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 48px;
}

.support-partner-flow article {
	position: relative;
	min-height: 204px;
	padding: 28px 22px 24px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(18, 35, 61, .06);
}

.support-partner-flow em {
	position: absolute;
	top: 18px;
	right: 18px;
	color: rgba(11, 100, 216, .18);
	font-size: 32px;
	font-style: normal;
	font-weight: 900;
}

.support-partner-flow article > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 24px;
	color: #fff;
	background: linear-gradient(135deg, #0b64d8, #10a6a1);
	border-radius: 14px;
	font-size: 22px;
}

.support-partner-flow h3 {
	margin: 0 0 8px;
	color: var(--ink);
	font-size: 20px;
	font-weight: 800;
}

.support-partner-flow p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.7;
}

@media (max-width: 767.98px) {
	.support-partner-flow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		margin-top: 32px;
	}

	.support-partner-flow article {
		min-height: 184px;
		padding: 24px 18px 20px;
	}

}

@media (max-width: 420px) {
	.support-partner-flow {
		grid-template-columns: 1fr;
	}
}

/* Service capability responsive layout: keep the three service paths readable on smaller screens. */
@media (max-width: 1199.98px) {
	.support-path-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.support-path:last-child {
		grid-column: 1 / -1;
	}

	.support-contact-card {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}

@media (max-width: 767.98px) {
	.support-path-grid {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-top: 32px;
	}

	.support-path,
	.support-path:last-child {
		grid-column: auto;
		min-height: 0;
		padding: 26px 22px;
	}

	.support-contact-card {
		padding: 30px 22px;
		border-radius: 10px;
	}

	.support-contact-card h2 {
		font-size: 30px;
	}

	.support-contact-list a {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 12px;
		padding: 14px;
	}

	.support-contact-list i {
		width: 42px;
		height: 42px;
	}

	.support-contact-list strong {
		font-size: 17px;
	}
}

/* 云托管：恢复静态原稿的首屏文案宽度与标题比例，避免长标题压到右侧场景图。 */
@media (min-width: 992px) {
	.product-subnav + .product-tab-panel .ai-product-page-shell[data-ai-product-page="cloud-hosting-service-content"] > header.hero .hero-in {
		width: min(940px, calc(100% - 48px)) !important;
		max-width: 940px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 24px !important;
		padding-left: 24px !important;
		box-sizing: border-box !important;
	}

	.product-subnav:not([data-product-title="ADMS软件平台"]) + .product-tab-panel .ai-product-page-shell[data-ai-product-page="cloud-hosting-service-content"] > header.hero h1 {
		font-size: 54px !important;
		line-height: 1.14 !important;
	}

	/* 云托管：首屏从产品子导航下方开始，底部与当前浏览器视口对齐。 */
	.product-subnav:not([data-product-title="ADMS软件平台"]) + .product-tab-panel .ai-product-page-shell[data-ai-product-page="cloud-hosting-service-content"] > header.hero {
		height: calc(100dvh - 141px) !important;
		min-height: calc(100dvh - 141px) !important;
	}
}

/* 停充储方案：页面重置层会使 .wrap 回退为 content-box，导致左右内边距被额外加到页面宽度外。 */
.ai-product-page-shell[data-ai-product-page="parking-charging-storage"] .wrap {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding-right: clamp(32px, 5vw, 96px) !important;
	padding-left: clamp(32px, 5vw, 96px) !important;
	box-sizing: border-box !important;
}

/* 道小二：首屏下方能力条的编号与功能名称属于 span/strong 结构，单独提高阅读尺度。 */
.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip {
	height: 84px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip__inner {
	height: 82px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip__inner > div {
	gap: 14px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip strong {
	font-size: 20px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip span {
	font-size: 16px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-mini-cap {
	font-size: 16px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-spec-hero span {
	font-size: 16px !important;
	line-height: 1.45 !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-spec-list article > span {
	font-size: 14px !important;
}

.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-spec-list h3 {
	font-size: 22px !important;
}

@media (max-width: 560px) {
	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip {
		height: auto !important;
	}

	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip__inner {
		height: auto !important;
	}

	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip strong {
		font-size: 18px !important;
	}

	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-proof-strip span {
		font-size: 15px !important;
	}

	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-mini-cap {
		font-size: 15px !important;
	}

	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-spec-hero {
		grid-template-columns: 1fr !important;
		gap: 18px !important;
	}

	.ai-product-page-shell[data-ai-product-page="dao-xiao-er"] .ai-spec-hero span {
		font-size: 15px !important;
	}
}

/* 中文排版：避免标题孤字、正文末行只剩单个汉字或标点；不作用于导航、按钮、表格和图片角标。 */
:is(main, .page-main, .product-tab-panel, .ai-product-page-shell) :is(h1, h2, h3, h4, h5, h6, .section-title, .section-heading, .page-title, .hero-title) {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	line-break: strict;
	text-wrap: balance;
}

:is(main, .page-main, .product-tab-panel, .ai-product-page-shell) :is(p, li, blockquote, .section-sub, .section-desc, .page-summary, .hero-subtitle, .hero-lead) {
	word-break: normal;
	overflow-wrap: normal;
	line-break: strict;
	text-wrap: pretty;
}

/* 移动储能产品：仅用于详情介绍中的实际部署场景图片。 */
.product-accessory-content .content .mobile-energy-scene-gallery {
	margin: 42px 0 8px;
	padding: 30px;
	border: 1px solid #e1eaf3;
	border-radius: 14px;
	background: linear-gradient(145deg, #f7fbff 0%, #ffffff 74%);
}

.product-accessory-content .content .mobile-energy-scene-gallery__eyebrow {
	margin: 0 0 8px;
	color: #2775c9;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
}

.product-accessory-content .content .mobile-energy-scene-gallery h3 {
	margin: 0 0 22px;
	font-size: 24px;
}

.product-accessory-content .content .mobile-energy-scene-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.product-accessory-content .content .mobile-energy-scene-gallery figure {
	margin: 0;
	overflow: hidden;
	border-radius: 10px;
	background: #edf3f8;
}

.product-accessory-content .content .mobile-energy-scene-gallery img {
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 220px !important;
	margin: 0;
	border-radius: 0;
	object-fit: cover;
}

.product-accessory-content .content .mobile-energy-scene-gallery figcaption {
	margin: 0;
	padding: 12px 14px;
	color: #40536b;
	font-size: 14px;
	line-height: 1.55;
}

@media (max-width: 640px) {
	.product-accessory-content .content .mobile-energy-scene-gallery {
		margin-top: 30px;
		padding: 20px;
	}

	.product-accessory-content .content .mobile-energy-scene-gallery__grid {
		grid-template-columns: 1fr;
	}

	.product-accessory-content .content .mobile-energy-scene-gallery img {
		height: auto !important;
		aspect-ratio: 1.55;
	}
}

/* 通道闸 AI 详情页：沿用停车硬件详情的正文阅读基准，统一各导入包的最小正文字号。 */
.ai-product-page-shell:is(
	[data-ai-product-page="6371x"],
	[data-ai-product-page="6383"],
	[data-ai-product-page="6600-ab"],
	[data-ai-product-page="6621b-a"],
	[data-ai-product-page="6626a"],
	[data-ai-product-page="6627"],
	[data-ai-product-page="6628"],
	[data-ai-product-page="6629a"],
	[data-ai-product-page="6629c"],
	[data-ai-product-page="6631"],
	[data-ai-product-page="6632"],
	[data-ai-product-page="6633"],
	[data-ai-product-page="6634"],
	[data-ai-product-page="6635"],
	[data-ai-product-page="6636"],
	[data-ai-product-page="6653c"],
	[data-ai-product-page="6656"],
	[data-ai-product-page="6657b"],
	[data-ai-product-page="6660h"],
	[data-ai-product-page="6670b"],
	[data-ai-product-page="6690"],
	[data-ai-product-page="6771"],
	[data-ai-product-page="6772"],
	[data-ai-product-page="6909x"],
	[data-ai-product-page="6957b"],
	[data-ai-product-page="6983"],
	[data-ai-product-page="6992"]
) :is(.product-ai-page, .ai-demo-product) :is(p, li) {
	font-size: 17px !important;
	line-height: 1.75 !important;
}

.ai-product-page-shell:is(
	[data-ai-product-page="6371x"],
	[data-ai-product-page="6383"],
	[data-ai-product-page="6600-ab"],
	[data-ai-product-page="6621b-a"],
	[data-ai-product-page="6626a"],
	[data-ai-product-page="6627"],
	[data-ai-product-page="6628"],
	[data-ai-product-page="6629a"],
	[data-ai-product-page="6629c"],
	[data-ai-product-page="6631"],
	[data-ai-product-page="6632"],
	[data-ai-product-page="6633"],
	[data-ai-product-page="6634"],
	[data-ai-product-page="6635"],
	[data-ai-product-page="6636"],
	[data-ai-product-page="6653c"],
	[data-ai-product-page="6656"],
	[data-ai-product-page="6657b"],
	[data-ai-product-page="6660h"],
	[data-ai-product-page="6670b"],
	[data-ai-product-page="6690"],
	[data-ai-product-page="6771"],
	[data-ai-product-page="6772"],
	[data-ai-product-page="6909x"],
	[data-ai-product-page="6957b"],
	[data-ai-product-page="6983"],
	[data-ai-product-page="6992"]
) :is(.product-ai-page, .ai-demo-product) small {
	font-size: 15px !important;
	line-height: 1.6 !important;
}

@media (max-width: 560px) {
	.ai-product-page-shell:is(
		[data-ai-product-page="6371x"], [data-ai-product-page="6383"], [data-ai-product-page="6600-ab"],
		[data-ai-product-page="6621b-a"], [data-ai-product-page="6626a"], [data-ai-product-page="6627"],
		[data-ai-product-page="6628"], [data-ai-product-page="6629a"], [data-ai-product-page="6629c"],
		[data-ai-product-page="6631"], [data-ai-product-page="6632"], [data-ai-product-page="6633"],
		[data-ai-product-page="6634"], [data-ai-product-page="6635"], [data-ai-product-page="6636"],
		[data-ai-product-page="6653c"], [data-ai-product-page="6656"], [data-ai-product-page="6657b"],
		[data-ai-product-page="6660h"], [data-ai-product-page="6670b"], [data-ai-product-page="6690"],
		[data-ai-product-page="6771"], [data-ai-product-page="6772"], [data-ai-product-page="6909x"],
		[data-ai-product-page="6957b"], [data-ai-product-page="6983"], [data-ai-product-page="6992"]
	) :is(.product-ai-page, .ai-demo-product) :is(p, li) {
		font-size: 16px !important;
		line-height: 1.7 !important;
	}

	.ai-product-page-shell:is(
		[data-ai-product-page="6371x"], [data-ai-product-page="6383"], [data-ai-product-page="6600-ab"],
		[data-ai-product-page="6621b-a"], [data-ai-product-page="6626a"], [data-ai-product-page="6627"],
		[data-ai-product-page="6628"], [data-ai-product-page="6629a"], [data-ai-product-page="6629c"],
		[data-ai-product-page="6631"], [data-ai-product-page="6632"], [data-ai-product-page="6633"],
		[data-ai-product-page="6634"], [data-ai-product-page="6635"], [data-ai-product-page="6636"],
		[data-ai-product-page="6653c"], [data-ai-product-page="6656"], [data-ai-product-page="6657b"],
		[data-ai-product-page="6660h"], [data-ai-product-page="6670b"], [data-ai-product-page="6690"],
		[data-ai-product-page="6771"], [data-ai-product-page="6772"], [data-ai-product-page="6909x"],
		[data-ai-product-page="6957b"], [data-ai-product-page="6983"], [data-ai-product-page="6992"]
	) :is(.product-ai-page, .ai-demo-product) small {
		font-size: 13px !important;
	}
}

@media (max-width:575.98px){body.home-immersive-header .hero.hero-slider,body.home-immersive-header .hero-slider .swiper-wrapper,body.home-immersive-header .hero-slider .swiper-slide,body.home-immersive-header .hero-slide{height:min(520px,60svh)!important}body.home-immersive-header .hero-slider .hero__content{min-height:min(520px,60svh)!important}body.home-immersive-header .hero-slider .hero__copy h1,body.home-immersive-header .hero-slider .hero__copy h2,body.home-immersive-header .hero-slider .hero__copy h3{font-size:32px!important}body.home-immersive-header .hero-slider .hero__copy p{font-size:14px!important;line-height:1.65!important}body.home-immersive-header .hero-slider .hero__action{min-height:40px!important;padding:10px 18px!important;font-size:14px!important;line-height:1.2!important}.home .section-heading h2,.home .product-atlas-heading h2,.home .product-atlas-heading.product-atlas-heading--centered h2{font-size:26px!important;line-height:1.35!important}}

@media (max-width:575.98px){.home .section-heading h2,.home .product-atlas-heading h2,.home .product-atlas-heading.product-atlas-heading--centered h2,.home .solution-map__heading h2,.home.home .solution-map__heading h2{font-size:26px!important;line-height:1.35!important}}.site-header .nav-mega[data-top=""]{display:none!important}

.site-header .nav-mega[data-scode="12"]{display:none!important}