/* 科技公司主题 - 科技蓝+青色调色板 */

/* 主色：深邃科技蓝 #1E3A8A -> #2563EB 系列 */
/* 辅色：清新科技青 #0EA5E9 -> #06B6D4 系列 */
/* 强调色：电光蓝 #0066FF */

/* 覆盖 Tailwind 蓝色系列为科技蓝 */
.bg-blue-50 {
	background-color: #e0f2fe !important;
}
.bg-blue-100 {
	background-color: #bae6fd !important;
}
.bg-blue-200 {
	background-color: #7dd3fc !important;
}
.bg-blue-300 {
	background-color: #38bdf8 !important;
}
.bg-blue-400 {
	background-color: #0ea5e9 !important;
}
.bg-blue-500 {
	background-color: #0284c7 !important;
}
.bg-blue-600 {
	background-color: #0369a1 !important;
}
.bg-blue-700 {
	background-color: #005f8c !important;
}
.bg-blue-800 {
	background-color: #004370 !important;
}
.bg-blue-900 {
	background-color: #0c1d35 !important;
}

/* 文本颜色 - 科技蓝 */
.text-blue-50 {
	color: #e0f2fe !important;
}
.text-blue-100 {
	color: #bae6fd !important;
}
.text-blue-200 {
	color: #7dd3fc !important;
}
.text-blue-300 {
	color: #38bdf8 !important;
}
.text-blue-400 {
	color: #0ea5e9 !important;
}
.text-blue-500 {
	color: #0284c7 !important;
}
.text-blue-600 {
	color: #0066ff !important;
}
.text-blue-700 {
	color: #0059e8 !important;
}
.text-blue-800 {
	color: #004db8 !important;
}
.text-blue-900 {
	color: #0c1d35 !important;
}

/* 边框颜色 - 科技蓝 */
.border-blue-50 {
	border-color: #e0f2fe !important;
}
.border-blue-100 {
	border-color: #bae6fd !important;
}
.border-blue-200 {
	border-color: #7dd3fc !important;
}
.border-blue-300 {
	border-color: #38bdf8 !important;
}
.border-blue-400 {
	border-color: #0ea5e9 !important;
}
.border-blue-500 {
	border-color: #0284c7 !important;
}
.border-blue-600 {
	border-color: #0066ff !important;
}
.border-blue-700 {
	border-color: #0059e8 !important;
}
.border-blue-800 {
	border-color: #004db8 !important;
}
.border-blue-900 {
	border-color: #0c1d35 !important;
}

/* Hover 状态 - 科技蓝 */
.hover\:bg-blue-100:hover {
	background-color: #bae6fd !important;
}
.hover\:bg-blue-600:hover {
	background-color: #0066ff !important;
}
.hover\:bg-blue-700:hover {
	background-color: #0059e8 !important;
}
.hover\:bg-blue-800:hover {
	background-color: #004db8 !important;
}
.hover\:text-blue-600:hover {
	color: #0066ff !important;
}
.hover\:text-blue-700:hover {
	color: #0059e8 !important;
}
.hover\:text-blue-900:hover {
	color: #0c1d35 !important;
}

/* 渐变背景 - 科技蓝 */
.bg-gradient-to-br {
	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-blue-50 {
	--tw-gradient-from: #e0f2fe;
}
.via-white {
	--tw-gradient-to: rgba(255, 255, 255, 0);
	--tw-gradient-stops: var(--tw-gradient-from), #ffffff, var(--tw-gradient-to);
}
.to-blue-100 {
	--tw-gradient-to: #bae6fd;
}

/* Focus Ring - 科技蓝 */
.focus\:ring-blue-200:focus {
	--tw-ring-color: #7dd3fc !important;
}

/* 覆盖其他颜色类 */
/* 粉红色系改为科技青 */
.bg-pink-50 {
	background-color: #e6f7ff !important;
}
.bg-pink-100 {
	background-color: #bae6fd !important;
}
.bg-pink-400 {
	background-color: #38bdf8 !important;
}
.bg-pink-500 {
	background-color: #0284c7 !important;
}
.bg-pink-600 {
	background-color: #0369a1 !important;
}
.text-pink-600 {
	color: #0369a1 !important;
}
.text-pink-700 {
	color: #005f8c !important;
}
.border-pink-500 {
	border-color: #0284c7 !important;
}

/* 橙色系改为科技青 */
.bg-orange-500 {
	background-color: #0ea5e9 !important;
}
.bg-orange-600 {
	background-color: #0284c7 !important;
}
.text-orange-600 {
	color: #0284c7 !important;
}

/* 黄色系保留或调整 */
.bg-yellow-400 {
	background-color: #fcd34d !important;
}
.text-yellow-700 {
	color: #92400e !important;
}

/* 绿色系改为科技青 */
.bg-green-600 {
	background-color: #0891b2 !important;
}
.bg-green-700 {
	background-color: #0e7490 !important;
}
.text-green-600 {
	color: #0891b2 !important;
}
.text-green-700 {
	color: #0e7490 !important;
}

/* 青色系增强 */
.bg-cyan-600 {
	background-color: #0891b2 !important;
}
.text-cyan-700 {
	color: #0e7490 !important;
}

/* 紫色/靛蓝系调整为科技蓝 */
.bg-indigo-50 {
	background-color: #e8f0fe !important;
}
.bg-indigo-600 {
	background-color: #2563eb !important;
}
.text-indigo-600 {
	color: #2563eb !important;
}
.text-indigo-700 {
	color: #1d4ed8 !important;
}

/* 紫色系 */
.bg-violet-600 {
	background-color: #4f46e5 !important;
}
.text-violet-700 {
	color: #4338ca !important;
}

/* 灰色保留 */
.bg-gray-50 {
	background-color: #f9fafb !important;
}
.bg-gray-100 {
	background-color: #f3f4f6 !important;
}
.bg-gray-200 {
	background-color: #e5e7eb !important;
}
.bg-gray-300 {
	background-color: #d1d5db !important;
}
.bg-gray-400 {
	background-color: #9ca3af !important;
}
.bg-gray-500 {
	background-color: #6b7280 !important;
}
.bg-gray-600 {
	background-color: #4b5563 !important;
}
.bg-gray-700 {
	background-color: #374151 !important;
}
.bg-gray-800 {
	background-color: #1f2937 !important;
}
.bg-gray-900 {
	background-color: #111827 !important;
}

/* 红色保留用于警告/退出 */
.text-red-500 {
	color: #ef4444 !important;
}
.text-red-600 {
	color: #dc2626 !important;
}
.hover\:bg-red-50:hover {
	background-color: #fef2f2 !important;
}
.hover\:text-red-500:hover {
	color: #ef4444 !important;
}

/* 特殊背景色 - 科技蓝 */
.border-l-4.border-blue-500 {
	border-color: #0066ff !important;
}
.border-l-4.border-pink-500 {
	border-color: #0284c7 !important;
}
.border-l-4.border-green-500 {
	border-color: #0891b2 !important;
}
.border-l-4.border-indigo-500 {
	border-color: #2563eb !important;
}

/* 渐变色 */
.bg-gradient-to-b.from-blue-50 {
	background: linear-gradient(to bottom, #e0f2fe, #ffffff);
}

/* 用户头像SVG - 科技蓝配色 */
.tech-avatar circle:first-child {
	fill: #7dd3fc !important;
}
.tech-avatar circle:nth-child(2) {
	fill: #38bdf8 !important;
}
.tech-avatar ellipse {
	fill: #0284c7 !important;
}

/* Member Center 专用样式 */
.side-item.active {
	background: #0066ff !important;
	color: #fff !important;
}
.side-item:hover:not(.active) {
	background: #e6f7ff !important;
}
.quick-amt.active {
	background: #0066ff !important;
	color: #fff !important;
}
.pay-type.active {
	border-color: #0066ff !important;
	background: #e6f7ff !important;
}

/* 按钮和链接 - 科技蓝 */
button.bg-blue-600,
button.bg-blue-700,
.bg-blue-600,
.bg-blue-700 {
	background-color: #0066ff !important;
}
.hover\:bg-blue-700:hover,
.hover\:bg-blue-800:hover {
	background-color: #0052cc !important;
}

/* 链接颜色 */
a.text-blue-600,
.text-blue-600 {
	color: #0066ff !important;
}

/* 弹窗标题栏 */
.bg-blue-700 {
	background-color: #005f8c !important;
}
.hover\:bg-blue-600:hover {
	background-color: #0066ff !important;
}

/* 输入框焦点 */
.focus\:ring-2:focus {
	--tw-ring-color: #7dd3fc !important;
}
.focus\:ring-blue-200:focus {
	--tw-ring-color: #7dd3fc !important;
}