.image-link {
    /* 定位到右上角 */
    position: absolute;
    top: 20px;
    right: 20px;
    
     /* 调整为更大的尺寸（这里将最大尺寸从80px改为120px） */
    width: clamp(60px, 12vw, 120px);  /* 增大最小值和最大值 */
    height: clamp(60px, 12vw, 120px); /* 保持宽高一致 */
    
    /* 基础样式 */
    display: block;
    overflow: hidden;
}

.image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 容器样式 - 确保定位上下文并居中底部 */
.image-container {
     position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 0 20px; /* 增加左右内边距，避免图片过宽时溢出屏幕 */
}
/*移动端按钮*/
.image-link2 {
    max-width: 100px;
     /* 调整为更大的尺寸（这里将最大尺寸从80px改为120px） */
    width: clamp(60px, 12vw, 120px);  /* 增大最小值和最大值 */
    height: clamp(60px, 12vw, 120px); /* 保持宽高一致 */
    
    /* 基础样式 */
    display: block;
    overflow: hidden;
}

.image-link2 img {
    /* 或者设置高度 */
    height: 100px; 
    width: 100px;
    /* 保持比例和完整显示 */
    max-width: 100%;
    max-height: 100%;
   
}
/* 移动端调整 */
@media (max-width: 600px) {
    .image-link {
        top: 15px;
        right: 15px;
    }
}