/* 在 CSS 文件中添加以下样式 */
.info-section {

    backdrop-filter: blur(10px); /* 添加毛玻璃效果 */
    background-color: rgba(255, 255, 255, 0.249); /* 半透明背景 */
    padding: 100px; /* 添加内边距 */
    border-radius: 0; /* 添加圆角 */
    width: 20vw;/*宽度*/
    height: 1vh;/*高度*/
    max-width: 600px; /* 设置最大宽度 */
    min-width: 300px; /* 设置最小宽度 */
    margin: 0 auto; /* 向左偏移 40px，右侧自动对齐 */
    
}

/* 图片按钮 */
.button-container {
    display: flex;
    justify-content: center; /* 居中排列 */
    margin: 20px 0; /* 上下间距 */
}

.image-button {
    background: rgba(255, 255, 255, 0.5); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 毛玻璃效果 */
    border: none; /* 去掉边框 */
    border-radius: 0; /* 圆角 */
    margin: 0 10px; /* 按钮间距 */
    cursor: pointer; /* 鼠标指针样式 */
}

.image-button img {
    width: 30vw; /* 图片宽度 */
    max-width: 375px; /* 最大宽度 */
    height: auto; /* 自适应高度 */
    border-radius: 0; /* 图片圆角 */
}

.image-button {
    position: relative; /* 使链接相对于按钮定位 */
}

.link {
    display: none; /* 默认隐藏链接 */
    position: absolute; /* 绝对定位 */
    bottom: 10px; /* 初始位置在按钮下方 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 使链接居中 */
    background: rgba(255, 255, 255, 0.8); /* 背景色 */
    padding: 5px 10px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    transition: bottom 10s; /* 动画效果 */
}

.image-button:hover .link {
    display: block; /* 悬停时显示链接 */
    bottom: -10px; /* 向上滑动 */
}