/* 攻略详情页样式 */

.detail-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.guide-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 15px;
}

.content-box {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 30px;
    margin-top: 20px;
    line-height: 1.8;
}

.meta-info {
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.animate-fade-in {
    animation: fadeIn 1s ease-in;
}

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