.HandPlaceholder{
	width: 100%;
	height: 9vw;
	background-color: #090c13;
}
#HandButtonS{
	width: 100%;
	height: 7vw;
	padding-top: 2vw;
	display: flex;
	justify-content: flex-end; /* flex 子元素靠右对齐 */
	padding-right: 5vw; /* 避免容器宽度计算问题 避免容器宽度被压缩*/
	box-sizing: border-box;
	align-items: center
	overflow: visible;
	position: fixed;
	left: 0;
	top: 0;
	background: transparent; /* 默认透明背景 */
	z-index: 100000000;
	transition: padding 0.3s, background 0.3s, height 0.3s; /* 可选：添加过渡动画，更平滑 */
}
/* 滚动后（离开顶部）的样式 */
#HandButtonS.scrolled{
	height: 5vw;
	padding-top: 0;
	background: #090c13; /* 黑色背景 */
	/* z-index 已在默认样式中定义，若需更高可在此重写 */
}

#HandButtonS>div,#HandButtonS>a,#HandButtonS>.logo{
	height: 5vw;
	line-height: 5vw;
	padding:0 1vw;
	border: 0;
	color: #FFF;
	font-size: 0.9vw;
	font-weight: bold;
	text-decoration: none;
	vertical-align: bottom;
}
#HandButtonS>.logo{
	height: 100%; 
	display: flex; /* 让内部图片垂直居中 */
	align-items: center; /* 图片在 .logo 内垂直居中 */
	justify-content: center; /* 图片在 .logo 内水平居中（可选） */
	margin-right: auto;
	margin-left: 6.5vw;
}