/* ========================================
   全站卡片霓虹灯边框呼吸效果
   为所有卡片容器添加优雅的霓虹灯边框动画
======================================== */

/* 基础霓虹灯边框效果 - 应用于所有卡片类型 */
.card,
.news-card,
.activity-card,
.member-card,
.resource-card,
.honor-card-modern,
.stat-card-new,
.stat-item-honor,
.achievement-card,
.value-card,
.org-card,
.timeline-card-rect,
.link-card,
.news-item,
.member-card-modern,
.benefit-card,
.category-header {
    position: relative;
    border-top: 3px solid transparent;
    background-clip: padding-box;
}

/* 霓虹灯边框动画 - 蓝色主题 */
.card::before,
.news-card::before,
.activity-card::before,
.member-card::before,
.resource-card::before,
.honor-card-modern::before,
.stat-card-new::before,
.stat-item-honor::before,
.achievement-card::before,
.value-card::before,
.org-card::before,
.timeline-card-rect::before,
.link-card::before,
.news-item::before,
.member-card-modern::before,
.benefit-card::before,
.category-header::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, 
        rgba(46, 123, 255, 0.8) 0%, 
        rgba(79, 156, 249, 0.9) 25%, 
        rgba(46, 123, 255, 1) 50%, 
        rgba(79, 156, 249, 0.9) 75%, 
        rgba(46, 123, 255, 0.8) 100%
    );
    border-radius: 2px 2px 0 0;
    animation: neon-glow-blue 2.5s ease-in-out infinite alternate;
    z-index: 1;
}

/* 蓝色霓虹灯呼吸动画 */
@keyframes neon-glow-blue {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(46, 123, 255, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(46, 123, 255, 0.6);
    }
}

/* 特殊卡片类型的颜色变体 */

/* 新闻卡片 - 绿色主题 */
.news-card::before,
.news-item::before {
    background: linear-gradient(90deg, 
        rgba(34, 197, 94, 0.8) 0%, 
        rgba(74, 222, 128, 0.9) 25%, 
        rgba(34, 197, 94, 1) 50%, 
        rgba(74, 222, 128, 0.9) 75%, 
        rgba(34, 197, 94, 0.8) 100%
    );
    animation: neon-glow-green 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-green {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(34, 197, 94, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(34, 197, 94, 0.6);
    }
}

/* 活动卡片 - 橙色主题 */
.activity-card::before {
    background: linear-gradient(90deg, 
        rgba(249, 115, 22, 0.8) 0%, 
        rgba(251, 146, 60, 0.9) 25%, 
        rgba(249, 115, 22, 1) 50%, 
        rgba(251, 146, 60, 0.9) 75%, 
        rgba(249, 115, 22, 0.8) 100%
    );
    animation: neon-glow-orange 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-orange {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(249, 115, 22, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(249, 115, 22, 0.6);
    }
}

/* 成员卡片 - 紫色主题 */
.member-card::before,
.member-card-modern::before {
    background: linear-gradient(90deg, 
        rgba(147, 51, 234, 0.8) 0%, 
        rgba(168, 85, 247, 0.9) 25%, 
        rgba(147, 51, 234, 1) 50%, 
        rgba(168, 85, 247, 0.9) 75%, 
        rgba(147, 51, 234, 0.8) 100%
    );
    animation: neon-glow-purple 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-purple {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(147, 51, 234, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(147, 51, 234, 0.6);
    }
}

/* 荣誉卡片 - 金色主题 */
.honor-card-modern::before {
    background: linear-gradient(90deg, 
        rgba(245, 158, 11, 0.8) 0%, 
        rgba(251, 191, 36, 0.9) 25%, 
        rgba(245, 158, 11, 1) 50%, 
        rgba(251, 191, 36, 0.9) 75%, 
        rgba(245, 158, 11, 0.8) 100%
    );
    animation: neon-glow-gold 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-gold {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(245, 158, 11, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(245, 158, 11, 0.6);
    }
}

/* 资源卡片 - 青色主题 */
.resource-card::before {
    background: linear-gradient(90deg, 
        rgba(6, 182, 212, 0.8) 0%, 
        rgba(34, 211, 238, 0.9) 25%, 
        rgba(6, 182, 212, 1) 50%, 
        rgba(34, 211, 238, 0.9) 75%, 
        rgba(6, 182, 212, 0.8) 100%
    );
    animation: neon-glow-cyan 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-cyan {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(6, 182, 212, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(6, 182, 212, 0.6);
    }
}

/* 时间线卡片 - 彩虹渐变主题 */
.timeline-card-rect::before {
    background: linear-gradient(90deg, 
        rgba(239, 68, 68, 0.8) 0%, 
        rgba(249, 115, 22, 0.8) 16.66%, 
        rgba(245, 158, 11, 0.8) 33.33%, 
        rgba(34, 197, 94, 0.8) 50%, 
        rgba(6, 182, 212, 0.8) 66.66%, 
        rgba(99, 102, 241, 0.8) 83.33%, 
        rgba(147, 51, 234, 0.8) 100%
    );
    animation: neon-glow-rainbow 3s ease-in-out infinite alternate;
}

@keyframes neon-glow-rainbow {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(99, 102, 241, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(99, 102, 241, 0.6);
    }
}

/* 福利卡片 - 粉色主题 */
.benefit-card::before {
    background: linear-gradient(90deg,
        rgba(236, 72, 153, 0.8) 0%,
        rgba(251, 113, 133, 0.9) 25%,
        rgba(236, 72, 153, 1) 50%,
        rgba(251, 113, 133, 0.9) 75%,
        rgba(236, 72, 153, 0.8) 100%
    );
    animation: neon-glow-pink-benefit 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-pink-benefit {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(236, 72, 153, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(236, 72, 153, 0.6);
    }
}

/* 分类头部 - 渐变主题 */
.category-header::before {
    background: linear-gradient(90deg,
        rgba(59, 130, 246, 0.8) 0%,
        rgba(147, 51, 234, 0.9) 25%,
        rgba(59, 130, 246, 1) 50%,
        rgba(147, 51, 234, 0.9) 75%,
        rgba(59, 130, 246, 0.8) 100%
    );
    animation: neon-glow-category 2.5s ease-in-out infinite alternate;
}

@keyframes neon-glow-category {
    0% {
        opacity: 0.6;
        box-shadow: 0 -2px 8px rgba(59, 130, 246, 0.3);
    }
    100% {
        opacity: 1;
        box-shadow: 0 -2px 15px rgba(59, 130, 246, 0.6);
    }
}

/* 悬停时增强效果 */
.card:hover::before,
.news-card:hover::before,
.activity-card:hover::before,
.member-card:hover::before,
.resource-card:hover::before,
.honor-card-modern:hover::before,
.stat-card-new:hover::before,
.stat-item-honor:hover::before,
.achievement-card:hover::before,
.value-card:hover::before,
.org-card:hover::before,
.timeline-card-rect:hover::before,
.link-card:hover::before,
.news-item:hover::before,
.member-card-modern:hover::before,
.benefit-card:hover::before,
.category-header:hover::before {
    animation-duration: 1.5s; /* 悬停时加快动画速度 */
    height: 4px; /* 悬停时增加边框高度 */
    top: -4px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .card::before,
    .news-card::before,
    .activity-card::before,
    .member-card::before,
    .resource-card::before,
    .honor-card-modern::before,
    .stat-card-new::before,
    .stat-item-honor::before,
    .achievement-card::before,
    .value-card::before,
    .org-card::before,
    .timeline-card-rect::before,
    .link-card::before,
    .news-item::before,
    .member-card-modern::before,
    .benefit-card::before,
    .category-header::before {
        height: 2px; /* 移动端边框更细 */
        top: -2px;
    }
    
    .card:hover::before,
    .news-card:hover::before,
    .activity-card:hover::before,
    .member-card:hover::before,
    .resource-card:hover::before,
    .honor-card-modern:hover::before,
    .stat-card-new:hover::before,
    .stat-item-honor:hover::before,
    .achievement-card:hover::before,
    .value-card:hover::before,
    .org-card:hover::before,
    .timeline-card-rect:hover::before,
    .link-card:hover::before,
    .news-item:hover::before,
    .member-card-modern:hover::before,
    .benefit-card:hover::before,
    .category-header:hover::before {
        height: 3px; /* 移动端悬停时稍微增加 */
        top: -3px;
    }
}

/* 减少动画对性能的影响 */
@media (prefers-reduced-motion: reduce) {
    .card::before,
    .news-card::before,
    .activity-card::before,
    .member-card::before,
    .resource-card::before,
    .honor-card-modern::before,
    .stat-card-new::before,
    .stat-item-honor::before,
    .achievement-card::before,
    .value-card::before,
    .org-card::before,
    .timeline-card-rect::before,
    .link-card::before,
    .news-item::before,
    .member-card-modern::before,
    .benefit-card::before,
    .category-header::before {
        animation: none;
        opacity: 0.8;
    }
}