/* 电竞赛博朋克配色方案 */ /* ============ 主色调 ============ */ // 主背景色 $bg-primary: #0a0e27; $bg-secondary: #0f1229; $bg-tertiary: #1a1d3a; // 霓虹色 $neon-cyan: #00ffff; // 青色霓虹 $neon-magenta: #ff00ff; // 洋红霓虹 $neon-purple: #9d00ff; // 紫色霓虹 $neon-blue: #0099ff; // 蓝色霓虹 $neon-pink: #ff1493; // 粉色霓虹 $neon-green: #00ff88; // 绿色霓虹 // 功能色 $color-success: #00ff88; $color-warning: #ffaa00; $color-error: #ff3366; $color-info: #00ffff; /* ============ 文字颜色 ============ */ $text-primary: #ffffff; $text-secondary: #a0a4c4; $text-tertiary: #7a7e9d; $text-disabled: #4a4e6d; /* ============ 边框颜色 ============ */ $border-primary: rgba(0, 255, 255, 0.3); $border-secondary: rgba(0, 255, 255, 0.15); $border-glow: rgba(0, 255, 255, 0.6); /* ============ 阴影效果 ============ */ $shadow-neon-cyan: 0 0 10px rgba(0, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.3); $shadow-neon-magenta: 0 0 10px rgba(255, 0, 255, 0.5), 0 0 20px rgba(255, 0, 255, 0.3); $shadow-card: 0 4px 20px rgba(0, 0, 0, 0.5); /* ============ 尺寸 ============ */ $spacing-xs: 8rpx; $spacing-sm: 16rpx; $spacing-md: 24rpx; $spacing-lg: 32rpx; $spacing-xl: 48rpx; $border-radius-sm: 8rpx; $border-radius-md: 16rpx; $border-radius-lg: 24rpx; /* ============ 字体大小 ============ */ $font-xs: 20rpx; $font-sm: 24rpx; $font-md: 28rpx; $font-lg: 32rpx; $font-xl: 36rpx; $font-xxl: 48rpx; /* ============ 渐变背景 ============ */ $gradient-primary: linear-gradient(135deg, #00ffff 0%, #0099ff 100%); $gradient-secondary: linear-gradient(135deg, #ff00ff 0%, #9d00ff 100%); $gradient-card: linear-gradient(135deg, rgba(20, 25, 50, 0.9) 0%, rgba(10, 14, 39, 0.8) 100%); $gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(10, 14, 39, 0.8) 100%); /* ============ 游戏等级颜色 ============ */ $rank-bronze: #cd7f32; $rank-silver: #c0c0c0; $rank-gold: #ffd700; $rank-platinum: #e5e4e2; $rank-diamond: #b9f2ff; $rank-master: #ff00ff; $rank-king: #ff1493;