/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */

:root {
    --primary-color: #FF6B35;
    --primary-dark: #E55A2B;
    --primary-light: #FF8A5C;
    --secondary-color: #FFB366;
    --accent-color: #FF4500;
    --gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);
    --gradient-blue: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
    --gradient-green: linear-gradient(135deg, #10B981 0%, #059669 100%);
    --gradient-orange: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    --gradient-pink: linear-gradient(135deg, #EC4899 0%, #BE185D 100%);
    --gradient-red: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    --gradient-cyan: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%);
    --gradient-yellow: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
}

body {
    background-color: #F8F9FA;
}

.site-header {
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

/* 一行5列布局 */
.cat-posts-wrapper .col-lg-1-5,
.cat-posts-wrapper .col-lg-3,
.col-lg-1-5 {
    flex: 0 0 20% !important;
    width: 20% !important;
    max-width: 20% !important;
}

@media (max-width: 991px) {
    .cat-posts-wrapper .col-lg-1-5,
    .cat-posts-wrapper .col-lg-3,
    .col-lg-1-5 {
        flex: 0 0 33.333% !important;
        width: 33.333% !important;
        max-width: 33.333% !important;
    }
}

@media (max-width: 767px) {
    .cat-posts-wrapper .col-lg-1-5,
    .cat-posts-wrapper .col-lg-3,
    .col-lg-1-5 {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}