/* 主页专用背景和动画效果 */
.VPHero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

/* 淡淡的背景渐变 */
.VPHero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 107, 107, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(78, 205, 196, 0.1) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* 确保主页内容在背景之上 */
.VPHero .container,
.VPFeatures .container {
    position: relative;
    z-index: 2;
}

/* Features部分上边距 */
.VPFeatures {
    margin-top: 32px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .VPHero::before {
        opacity: 0.5;
    }
}