/* 背景相关样式 */
body {
    background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 25%, #c8e6c9 50%, #a8e6cf 75%, #81c784 100%);
    background-attachment: fixed;
    min-height: 100vh;
    position: relative;
}

/* 简化的背景装饰元素 */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(76, 175, 80, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(129, 199, 132, 0.06) 0%, transparent 40%);
    pointer-events: none;
    z-index: -1;
}

/* 简化的浮动装饰 */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 30% 70%, rgba(76, 175, 80, 0.04) 1px, transparent 1px),
        radial-gradient(circle at 70% 30%, rgba(129, 199, 132, 0.03) 1px, transparent 1px);
    background-size: 120px 120px, 180px 180px;
    animation: float 25s ease-in-out infinite alternate;
    pointer-events: none;
    z-index: -1;
}

@keyframes float {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    100% {
        transform: translateY(-10px) rotate(1deg);
    }
}