/* 现代化首页额外样式 */

/* 改进的悬停效果 */
.modern-app-card:hover .app-icon {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.modern-app-card:hover .download-btn {
    background: linear-gradient(45deg, #00a085, #00b8a9);
    transform: scale(1.05);
}

/* 新闻项悬停效果改进 */
#indexnews li:hover {
    background: linear-gradient(90deg, #f8f9fa 0%, #e9ecef 100%);
    padding-left: 15px !important;
    border-left: 3px solid #3498db;
    transition: all 0.3s ease;
}

#indexnews li:hover a {
    color: #2980b9 !important;
}

/* 统计数据动画 */
.stat-number {
    animation: countUp 2s ease-out;
}

@keyframes countUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 改进的按钮样式 */
.hero-search button {
    background: linear-gradient(45deg, #ff6b6b, #ee5a24, #ff9ff3);
    background-size: 200% 200%;
    animation: gradientShift 3s ease infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 卡片加载动画 */
.modern-app-card {
    animation: slideInUp 0.6s ease-out;
}

.modern-app-card:nth-child(1) { animation-delay: 0.1s; }
.modern-app-card:nth-child(2) { animation-delay: 0.2s; }
.modern-app-card:nth-child(3) { animation-delay: 0.3s; }

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式优化 */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2.2rem !important;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .stats-row {
        flex-direction: row;
        gap: 20px !important;
    }
    
    .stat-number {
        font-size: 1.8rem !important;
    }
    
    .hero-search input {
        padding: 15px 50px 15px 20px !important;
        font-size: 14px;
    }
    
    .hero-search button {
        padding: 10px 20px !important;
        font-size: 14px;
    }
    
    .modern-section {
        padding: 20px !important;
        margin-bottom: 20px !important;
    }
    
    .section-title {
        font-size: 1.4rem !important;
    }
}

@media (max-width: 480px) {
    .hero-banner {
        padding: 40px 0 !important;
    }
    
    .hero-title {
        font-size: 1.8rem !important;
    }
    
    .stats-row {
        flex-wrap: wrap;
        gap: 15px !important;
    }
    
    .stat-item {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 80px;
    }
}

/* 暗黑模式适配 */
body.night .hero-banner {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

body.night .modern-section {
    background: #2c3e50;
    border: 1px solid #34495e;
}

body.night .modern-app-card {
    background: #34495e;
    border-color: #4a6741;
}

body.night .modern-app-card:hover {
    border-color: #3498db;
}

body.night .section-title {
    color: #ecf0f1;
}

body.night #indexnews li:hover {
    background: linear-gradient(90deg, #34495e 0%, #2c3e50 100%);
    border-left-color: #3498db;
}

/* 加载状态优化 */
.loading-skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}