/* Aurora Cyberpunk Block Color Styles */
@charset "utf-8";

/* 覆盖色块样式以适配赛博朋克主题 */

/* 分类色块 - 渐变霓虹 */
.color-1 { background: linear-gradient(135deg, #06b6d4, #0891b2); }
.color-2 { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.color-3 { background: linear-gradient(135deg, #ec4899, #db2777); }
.color-4 { background: linear-gradient(135deg, #f59e0b, #d97706); }
.color-5 { background: linear-gradient(135deg, #10b981, #059669); }
.color-6 { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.color-7 { background: linear-gradient(135deg, #ef4444, #dc2626); }
.color-8 { background: linear-gradient(135deg, #6366f1, #4f46e5); }
.color-9 { background: linear-gradient(135deg, #14b8a6, #0d9488); }
.color-10 { background: linear-gradient(135deg, #f97316, #ea580c); }

/* 文字颜色类 */
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-cyan { color: var(--aurora-cyan); }
.text-magenta { color: var(--aurora-magenta); }
.text-purple { color: var(--aurora-purple); }
.text-gold { color: var(--aurora-gold); }
.text-green { color: var(--aurora-green); }

/* 边框发光类 */
.glow-cyan { box-shadow: var(--glow-cyan); }
.glow-magenta { box-shadow: var(--glow-magenta); }
.glow-purple { box-shadow: var(--glow-purple); }

/* 渐变背景类 */
.bg-glass { background: var(--bg-glass); backdrop-filter: blur(10px); }
.bg-gradient-cyan { background: linear-gradient(135deg, rgba(0, 245, 255, 0.15), rgba(0, 245, 255, 0.05)); }
.bg-gradient-purple { background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.05)); }
.bg-gradient-magenta { background: linear-gradient(135deg, rgba(255, 0, 229, 0.15), rgba(255, 0, 229, 0.05)); }

/* 渐变文字类 */
.gradient-text {
    background: linear-gradient(135deg, var(--aurora-cyan) 0%, var(--aurora-magenta) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-gold {
    background: linear-gradient(135deg, var(--aurora-gold) 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 动画类 */
.animate-pulse {
    animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 245, 255, 0.3);
    }
    50% {
        box-shadow: 0 0 40px rgba(0, 245, 255, 0.6), 0 0 60px rgba(255, 0, 229, 0.3);
    }
}

.animate-float {
    animation: floatY 3s ease-in-out infinite;
}

@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}