/* 返回首页按钮容器样式 */
.back-to-home {
    position: fixed; /* 固定定位，使其不随页面滚动 */
    top: 20px;       /* 距离顶部 20px */
    right: 20px;      /* 距离右侧 20px */
    z-index: 1000;    /* 设置堆叠顺序，确保在其他元素之上 */
}

/* 返回首页按钮链接本身样式 */
.back-to-home a {
    display: inline-block; /* 使其可以设置宽高和内边距 */
    padding: 10px 20px;    /* 内边距，上下 10px，左右 20px */
    background: rgba(25, 25, 35, 0.3); /* 半透明背景色 */
    backdrop-filter: blur(8px);       /* 背景模糊效果 */
    color: rgba(255, 255, 255, 0.9); /* 文字颜色，接近白色 */
    text-decoration: none;           /* 去除下划线 */
    border-radius: 5px;              /* 圆角边框 */
    transition: all 0.3s ease;       /* 所有变化的过渡效果 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* 轻微阴影 */
}

/* 返回首页按钮鼠标悬停效果 */
.back-to-home a:hover {
    background: rgba(45, 45, 55, 0.4); /* 悬停时改变背景色 */
    transform: translateY(-2px);       /* 悬停时向上移动一点 */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* 悬停时增强阴影 */
}

/* 底部背景样式 */
body {
    background: white;
    min-height: 100vh;
    position: relative;
}

body::after {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px; /* 底部白色区域的高度 */
    background: white;
    z-index: -1;
}