@charset "utf-8";
.title {
	position: absolute;
    width: 70%;
    height: 30%;
	top: 10%;
    left: 50%;
    transform: translateX(-50%);	/* transform 来校正 x 轴使其水平居中 */
	display: flex;
}

.title::before {/* 通过 ::before 制作伪元素对背景进行模糊，防止干扰子元素。所以需要把背景啥的全部写在伪元素里。 */
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
    backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: -1;

    border-radius: 272px;
	/*background-color: #FF0004;*/
}

.img_icon {
    height: 30vh;
    width: 30vh;
    position: absolute;
    left: 45%;
	transform: translateX(-100%);	/* transform 来校正 x 轴使其水平居中 */
    border-radius: 50%;
}

.name {
    position: absolute;
    top: 25%;
	text-align: center;
	left: 55%;
	transform: translateX(-25%);	/* transform 来校正 x 轴使其水平居中 */
	
}