/* ===================================
   动画样式 - Animations
   =================================== */

/* 背景浮动动画 - 重型元素 */
@keyframes float-heavy {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-35px) rotate(1.5deg);
    }
}

/* 背景浮动动画 - 深层元素 */
@keyframes float-deep {

    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(25px) scale(1.05);
    }
}

/* 应用动画到元素 */
.heavy {
    animation: float-heavy 12s ease-in-out infinite;
}

.deep {
    animation: float-deep 16s ease-in-out infinite;
}

/* 数字计数器样式 - 防止抖动 */
.counter {
    display: inline-block;
    font-variant-numeric: tabular-nums;
    min-width: fit-content;
}