/* footer.css */
/* 添加毛玻璃效果的样式 */
.footer {
    background: rgba(255, 255, 255, 0.348); /* 半透明背景 */
    backdrop-filter: blur(200vh); /* 毛玻璃效果 */
 
    text-align: center;/* 保持文本居中对齐 */
    position: relative; /* 使其相对定位 */
    bottom: 0; /* 固定在底部 */
    width: 100%; /* 使其宽度占满 */
    margin-top: 2vh; /* 自动上边距以垂直居中 */
}

/* 确保 body 使用 flexbox 以便 footer 能够在页面底部 */
body {
    display: flex; /* 使用 flexbox 布局 */
    flex-direction: column; /* 垂直排列子元素 */
    min-height: 120vh; /* 使 body 至少占满整个视口高度 */
}