/* 仪表盘模块样式 */
#dashboard-content {
    animation: fadeIn 0.3s ease-in;
}

/* 统计卡片网格 */
#dashboard-content .row.g-3 {
    margin-bottom: 2rem;
}

/* 统计卡片悬停效果增强 */
#dashboard-content .stat-card:hover {
    box-shadow: var(--box-shadow-lg);
}

/* 活动列表（静态块已移除，样式清理） */

/* 推荐书籍（静态块已移除，样式清理） */

/* 徽章样式（与静态推荐块相关的选择器清理） */

/* 管理推荐按钮增强 */
#dashboard-content .card-header .btn-outline-primary {
    border: 2px solid var(--primary-color);
    font-weight: 500;
    transition: all var(--transition-speed);
}

#dashboard-content .card-header .btn-outline-primary:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

/* 无数据状态 */
#dashboard-content .empty-state {
    text-align: center;
    padding: 3rem 2rem;
    color: var(--gray-500);
}

#dashboard-content .empty-state i {
    font-size: 48px;
    color: var(--gray-300);
    margin-bottom: 16px;
}

#dashboard-content .empty-state h6 {
    color: var(--gray-600);
    margin-bottom: 8px;
}

#dashboard-content .empty-state p {
    color: var(--gray-500);
    font-size: 14px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    #dashboard-content .stat-card {
        margin-bottom: 12px;
    }
    
    #dashboard-content .stat-card-content h2 {
        font-size: 24px;
    }
    
    #dashboard-content .stat-card-icon {
        font-size: 32px;
        right: 16px;
    }
    
    #dashboard-content .activity-list {
        max-height: 400px;
    }
    
    #dashboard-content .recommended-books {
        max-height: 350px;
    }
    
    #dashboard-content .card-header {
        padding: 12px 16px;
    }
    
    #dashboard-content .card-body {
        padding: 16px;
    }
}

@media (max-width: 576px) {
    #dashboard-content .stat-card-content h4 {
        font-size: 12px;
    }
    
    #dashboard-content .stat-card-content h2 {
        font-size: 20px;
    }
    
    #dashboard-content .activity-item {
        padding: 12px;
    }
    
    #dashboard-content .activity-icon {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    
    #dashboard-content .recommended-book {
        padding: 8px;
    }
    
    #dashboard-content .book-cover img {
        width: 40px;
        height: 56px;
    }
}
