body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Times New Roman', Times, serif; /* 更改字体为 Times New Roman */
    background: linear-gradient(to bottom, #87CEFA, #1E90FF); /* 背景渐变色 */
    position: relative; /* 确保 body 是相对定位，以便绝对定位的子元素相对于它定位 */
}

.content {
    text-align: center;
    color: white; /* 将文字颜色改为白色以提高对比度 */
}

.name {
    font-size: 8em;
    margin-bottom: 10px;
}

.domain {
    font-size: 6em;
}

.footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    color: white; /* 将页脚文字颜色改为白色 */
    font-family: 'Times New Roman', Times, serif; /* 设置页脚字体为 Times New Roman */
}

/* 邮箱图标样式 */
.email-icon {
    position: absolute;
    top: 20px; /* 距离顶部 20px */
    right: 20px; /* 距离左侧 20px */
    font-size: 1em; /* 图标大小，可以通过调整这个值来改变图标的大小 */
    color: white; /* 图标颜色 */
    text-decoration: none; /* 去掉下划线 */
}

.email-icon:hover {
    color: #FFD700; /* 鼠标悬停时的颜色变化 */
}