.share-container {
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center;    /* 垂直居中 */
	gap: 5px;              /* 图标间距 */
	padding: 5px;
}

.icon-item {
	width: 24px;
	height: 24px;
	cursor: pointer;
	transition: background-color 0.3s ease; /* 颜色变换平滑过渡 */

	/* 核心：将 SVG 作为遮罩 */
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;

	/* 默认颜色：深灰色 */
	background-color: #666;
}

/* 分别指定图标地址 */
.zhihu { -webkit-mask-image: url('https://cms-1251142715.cos.ap-shanghai.myqcloud.com/share/zhihu-circle-fill.svg'); }
.linkedin { -webkit-mask-image: url('https://cms-1251142715.cos.ap-shanghai.myqcloud.com/share/linkedin.svg'); }
.tieba { -webkit-mask-image: url('https://cms-1251142715.cos.ap-shanghai.myqcloud.com/share/tieba0.svg'); }
.weibo { -webkit-mask-image: url('https://cms-1251142715.cos.ap-shanghai.myqcloud.com/share/weibo.svg'); }

/* 悬停时的颜色变化 (指定颜色变化填充) */
.zhihu:hover { background-color: #0084ff; }    /* 知乎蓝 */
.linkedin:hover { background-color: #0077b5; } /* 领英蓝 */
.tieba:hover { background-color: #2932e1; }    /* 贴吧蓝 */
.weibo:hover { background-color: #e6162d; }    /* 微博红 */