/**
 * ⚡ ZEUS CHAIN - Uiverse.io 现代化设计系统 V3.0
 * 融合 Uiverse.io 精选组件 + 赛博朋克风格 + 玻璃态设计
 * 来源: https://github.com/uiverse-io/galaxy
 * 创建时间: 2025-12-01
 */

:root {
    --primary-500: #8b5cf6;
    --primary-400: #a78bfa;
    --accent-blue: #6366f1;
    --accent-pink: #d946ef;
    --bg-primary: #0a0a0f;
    --bg-card: #1e1e2e;
    --bg-glass: rgba(30, 30, 46, 0.7);
    --text-primary: #ffffff;
    --text-tertiary: #888899;
    --gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    --gradient-aurora: linear-gradient(135deg, #6366f1 0%, #8b5cf6 25%, #d946ef 50%, #fb923c 100%);
    --glow-primary: 0 0 20px rgba(139, 92, 246, 0.5);
    --glow-strong: 0 0 40px rgba(139, 92, 246, 0.8), 0 0 80px rgba(139, 92, 246, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 4px 20px rgba(139, 92, 246, 0.3);
    --radius-md: 12px;
    --radius-lg: 16px;
    --spacing-lg: 1.5rem;
    --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn-uiverse {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.75rem;
    border: none;
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    transition: all var(--transition-base);
}

.btn-gradient-glow {
    background: var(--gradient-primary);
    background-size: 200% 200%;
    color: var(--text-primary);
    box-shadow: var(--shadow-glow), var(--shadow-md);
    animation: gradientShift 3s ease infinite;
}

.btn-gradient-glow:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 40px rgba(139, 92, 246, 0.5), var(--shadow-lg);
}

@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}