/* ===== 按钮默认隐藏 ===== */
.jump-button{
    position:fixed;
    bottom:20px;
    right:20px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#fff;
    border:1px solid #007bff;
    color:#007bff;
    font-size:14px;
    cursor:pointer;
    display:none;          /* 关键：先藏起来 */
    align-items:center;
    justify-content:center;
}

/* ===== 其余样式保持你之前给出的即可 ===== */
.modal{animation:fadeIn .4s ease-out}
@keyframes fadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.modal button:active{animation:btnScale .2s ease}
@keyframes btnScale{0%{transform:scale(1)}50%{transform:scale(.95)}100%{transform:scale(1)}}
#ui2.show{animation:fadeIn .5s ease-out}

/* 让图片持续轻微摇晃的动画 */
/*.square-image{
    animation: wobble 4s ease-in-out infinite;
}*/

/* 定义“摇头”关键帧：0%和100%正中，25%左偏2°，75%右偏2° */
/*
@keyframes wobble{
    0%, 100% { transform: rotate(0deg); }
    25%       { transform: rotate(-2deg); }
    75%       { transform: rotate(2deg); }
}
*/

.caption{opacity:0;animation:slideUp .6s forwards}
.caption:nth-child(2){animation-delay:.2s}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* 以下是你原有的全局、弹窗、容器等样式，直接复制即可，不再赘述 */
* {margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}
.modal{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(5px)}
.modal-content{background:rgba(255,255,255,.85);margin:10% auto;padding:30px;border-radius:15px;width:90%;max-width:400px;box-shadow:0 8px 32px rgba(0,0,0,.2);text-align:center;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.modal h2{color:#2c3e50;margin-bottom:20px;font-size:24px}
.modal p{color:#34495e;margin-bottom:25px;font-size:16px;line-height:1.5}
.modal button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(52,152,219,.3)}
.modal button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,152,219,.4)}
.container{text-align:center;max-width:90%;display:none}
.image-wrapper{display:inline-block;margin-bottom:30px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15),0 6px 10px rgba(0,0,0,.12);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}
.image-wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2),0 10px 15px rgba(0,0,0,.15)}
.square-image{width:300px;height:300px;object-fit:cover;display:block}
.caption{font-family:"Microsoft YaHei","黑体",sans-serif;font-size:32px;font-weight:bold;color:#333;text-shadow:1px 1px 3px rgba(0,0,0,.1);margin-top:10px}
@media (max-width:480px){.square-image{width:250px;height:250px}.caption{font-size:28px}}