/* 容器 */
.container {
		background-color: rgb(248, 248, 248);
		height: 100vh;
		/* 给容器添加内边距 */
}

	/* 用户信息部分 */
.user-info {
		display: flex;
		margin-bottom: 20px;
		/* 用户信息区域底部间距 */
		align-items: center;
}

	/* 用户头像 */
.user-avatar {
		margin-right: 15px;
		/* 头像与其他信息之间的间距 */
}
.user-avatar image {
		width: 50px;
		height: 50px;
		border-radius: 50%;
}

	/* 用户信息 */
.user-details {
		display: flex;
		flex-direction: column;
}
.nickname {
		font-weight: bold;
		font-size: 16px;
}
.phone-number {
		color: #888;
		font-size: 14px;
}

	/* 账户明细部分 */
.account-details {
		background-color: #f5f5f5;
		padding: 15px;
		border-radius: 8px;
}
.account-details .flex {
		display: flex;
		align-items: center;
}
.icon {
		width: 30px;
		height: 30px;
		background-color: #ddd;
		border-radius: 50%;
		margin-right: 10px;
}
.account-info {
		font-size: 16px;
		font-weight: bold;
}
.icon-container {
		margin-right: 15px;
}
.icon-size {
		width: 15px;
		height: 15px;
}