/* ========== 引入鸿蒙 HarmonyOS Sans 字体 ========== */
@font-face {
  font-family: 'HarmonyOS Sans';
  src: url('../images/HarmonyOS_Sans/HarmonyOS_Sans_Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap; /* 优化网页加载速度 */
}

@font-face {
  font-family: 'HarmonyOS Sans';
  src: url('../images/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HarmonyOS Sans';
  src: url('../images/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HarmonyOS Sans';
  src: url('../images/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HarmonyOS Sans';
  src: url('../images/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HarmonyOS Sans';
  src: url('../images/HarmonyOS_Sans/HarmonyOS_Sans_Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ========== 全局默认使用鸿蒙字体 ========== */
body {
  font-family: 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400; /* 默认常规体 */
}

/* ========== 常用字重快捷类名 ========== */
.harmony-thin { font-weight: 100; }
.harmony-light { font-weight: 300; }
.harmony-regular { font-weight: 400; }
.harmony-medium { font-weight: 500; }
.harmony-bold { font-weight: 700; }
.harmony-black { font-weight: 900; }
.brainpp-brain {
	padding: .030417rem 0 .030417rem;
	background-color: #fcfcfc
}

.brainpp-brain .brainpp-brain-description,.brainpp-brain .brainpp-brain-title {
	margin-bottom: .0625rem;
	line-height: .161458rem;
	text-align: center;
	color: #000;
	font-size: .114583rem;
	font-weight: 300;
	font-family: PingFangSC-Light,PingFang SC
}

.brainpp-brain .brainpp-brain-description {
	margin: 0 auto;
	margin-bottom: .15625rem;
	width: 2.447917rem;
	line-height: .078125rem;
	color: #777;
	font-size: .041667rem
}

.brainpp-brain .brainpp-brain-description-mobile {
	display: none
}

.brainpp-brain .brain-content {
	position: relative
}

.brainpp-brain .brain-content .brain-video {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	width: 100%;
}

.brainpp-brain .brain-content .brain-video .video {
	width: 100%;
	height: 100%
}

.brainpp-brain .brain-content .brain-button {
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: .957292rem;
	transform: translate(-50%,0)
}

.brainpp-brain .brain-content .brain-button .button {
	width: 1.5rem;
	height: .148438rem;
	font-size: .060875rem;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 800;
	line-height: .143229rem;
	text-align: center
}

.brainpp-brain .brain-content-mobile {
	display: none
}

.brainpp-brain .brainpp-brain-tooltip {
	position: absolute;
	top: -10000px;
	left: -10000px;
	z-index: 1;
	padding: .041667rem;
	border: 1px solid rgba(14,87,162,.2);
	border-radius: .005208rem;
	box-shadow: 0 8px 14px -4px rgba(164,164,166,.15);
	width: .786458rem;
	background: #fff;
	line-height: .059896rem;
	color: #777;
	font-size: .036458rem;
	font-weight: 300;
	font-family: PingFangSC-Light,PingFang SC;
	text-align: justify;
	display: none
}

.brainpp-brain .brainpp-brain-tooltip[data-show=""] {
	display: block
}

.brainpp-brain #drawing {
	margin: 0 auto;
	width: 2.278646rem;
	height: 1.299479rem
}

.brainpp-brain .brainpp-brain-content {
	position: relative;
	top: -.039063rem;
	margin: 0 auto;
	text-align: center;
	z-index: 1
}

.brainpp-brain .brainpp-brain-content .button {
	width: .5rem;
	height: .148438rem;
	font-size: .046875rem;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	line-height: .143229rem;
	text-align: center
}

.brainpp-brain .brainpp-brain-content-mobile {
	display: none
}

.brainpp-brain.brainpp-brain-en .brainpp-brain-tooltip {
	width: 314px
}

@media screen and (max-width:767px) {
	.brainpp-brain {
		padding: .08rem 0;
		background-color: #fff
	}

	.brainpp-brain .brainpp-brain-title {
		margin-bottom: .16rem;
		line-height: .37rem;
		text-align: center;
		color: #000;
		font-size: .26rem;
		font-weight: 400;
		font-family: PingFangSC-Regular
	}

	.brainpp-brain .brainpp-brain-description {
		margin: 0 auto;
		margin-bottom: .32rem;
		width: 3.27rem;
		line-height: .24rem;
		color: #777;
		font-size: .12rem;
		font-weight: 200;
		font-family: PingFangSC-Light;
		text-align: center
	}

	.brainpp-brain .brainpp-brain-description span,.brainpp-brain .brainpp-brain-description-pc {
		display: none
	}

	.brainpp-brain .brainpp-brain-description-mobile {
		display: block
	}

	.brainpp-brain .brain-content {
		display: none
	}

	.brainpp-brain .brain-content-mobile {
		display: block;
		position: relative
	}

	.brainpp-brain .brain-content-mobile .brain-video {
		position: relative;
		z-index: 0;
		margin: 0 auto;
		width: 3.55rem;
		height: 2.28rem
	}

	.brainpp-brain .brain-content-mobile .brain-video .img,.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-image img {
		width: 100%;
		height: 100%
	}

	.brainpp-brain .brain-content-mobile .brain-button {
		position: absolute;
		z-index: 1;
		left: 50%;
		bottom: 0.957292rem;
		transform: translate(-50%,0);
		width: 2.96rem;
		height: .4rem
	}

	.brainpp-brain .brain-content-mobile .brain-button .brainpp-brain-content-button-inner,.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-button .brainpp-brain-content-button-inner {
		padding: .19rem 0;
	
		text-align: center;
		
		line-height: .2rem;
		color: #ffffff;
		font-size: .14rem;
		font-weight: 200;
		font-family: PingFangSC-Light
	}

	.brainpp-brain .brainpp-brain-content {
		display: none
	}

	.brainpp-brain .brainpp-brain-content-mobile {
		display: block;
		padding: 0 .24rem
	}

	.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-image {
		margin-bottom: .24rem;
		width: 3.27rem;
		height: 1.72rem
	}

	.brainpp-brain .brainpp-brain-content-mobile .brainpp-brain-content-button {
		margin: 0 auto;
		width: 1.36rem;
		height: .4rem
	}
}