/* 剪映VIP导出器样式文件 */

/* 导入字体 */
@import url('google-fonts-inter.css');

/* 自定义动画效果 */
@keyframes hover-lift {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

.hover-lift {
    transition: transform 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
}

/* 波浪背景效果 */
.wave-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" fill="white"><path d="M0,96L80,80C160,64,320,32,480,37.3C640,43,800,85,960,96C1120,107,1280,85,1360,74.7L1440,64L1440,120L1360,120C1280,120,1120,120,960,120C800,120,640,120,480,120C320,120,160,120,80,120L0,120Z"></path></svg>');
    background-size: cover;
    background-position: center bottom;
}

/* 渐变文本效果 */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 移动端菜单动画 */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

#mobile-menu.active {
    max-height: 500px;
}

/* 按钮悬停效果增强 */
.download-btn:hover,
.info-btn:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 卡片悬停效果 */
.download-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.download-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .wave-bg::after {
        height: 80px;
    }
    
    .text-gradient {
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
}

/* 下载按钮特定样式 - 确保优先级 */
#win-download {
    background-image: linear-gradient(to right, #3b82f6, #6366f1) !important;
}

#win-download:hover {
    background-image: linear-gradient(to right, #2563eb, #4f46e5) !important;
}

#mac-download {
    background-image: linear-gradient(to right, #eab308, #f59e0b) !important;
}

#mac-download:hover {
    background-image: linear-gradient(to right, #ca8a04, #d97706) !important;
}