/* ShopWeCore Theme Base CSS - Auto Generated */

/* Background slate */
.bg-slate-50 { background-color: #f8fafc !important; }
.bg-slate-100 { background-color: #f1f5f9 !important; }
.bg-slate-200 { background-color: #e2e8f0 !important; }
.bg-slate-300 { background-color: #cbd5e1 !important; }
.bg-slate-400 { background-color: #94a3b8 !important; }
.bg-slate-500 { background-color: #64748b !important; }
.bg-slate-600 { background-color: #475569 !important; }
.bg-slate-700 { background-color: #334155 !important; }
.bg-slate-800 { background-color: #1e293b !important; }
.bg-slate-900 { background-color: #0f172a !important; }
.bg-slate-950 { background-color: #020617 !important; }

/* Background gray */
.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; }
.bg-gray-950 { background-color: #030712 !important; }

/* Background neutral */
.bg-neutral-50 { background-color: #fafafa !important; }
.bg-neutral-100 { background-color: #f5f5f5 !important; }
.bg-neutral-200 { background-color: #e5e5e5 !important; }
.bg-neutral-300 { background-color: #d4d4d4 !important; }
.bg-neutral-400 { background-color: #a3a3a3 !important; }
.bg-neutral-500 { background-color: #737373 !important; }
.bg-neutral-600 { background-color: #525252 !important; }
.bg-neutral-700 { background-color: #404040 !important; }
.bg-neutral-800 { background-color: #262626 !important; }
.bg-neutral-900 { background-color: #171717 !important; }
.bg-neutral-950 { background-color: #0a0a0a !important; }

/* Background red */
.bg-red-50 { background-color: #fef2f2 !important; }
.bg-red-100 { background-color: #fee2e2 !important; }
.bg-red-200 { background-color: #fecaca !important; }
.bg-red-300 { background-color: #fca5a5 !important; }
.bg-red-400 { background-color: #f87171 !important; }
.bg-red-500 { background-color: #ef4444 !important; }
.bg-red-600 { background-color: #dc2626 !important; }
.bg-red-700 { background-color: #b91c1c !important; }
.bg-red-800 { background-color: #991b1b !important; }
.bg-red-900 { background-color: #7f1d1d !important; }
.bg-red-950 { background-color: #450a0a !important; }

/* Background orange */
.bg-orange-50 { background-color: #fff7ed !important; }
.bg-orange-100 { background-color: #ffedd5 !important; }
.bg-orange-200 { background-color: #fed7aa !important; }
.bg-orange-300 { background-color: #fdba74 !important; }
.bg-orange-400 { background-color: #fb923c !important; }
.bg-orange-500 { background-color: #f97316 !important; }
.bg-orange-600 { background-color: #ea580c !important; }
.bg-orange-700 { background-color: #c2410c !important; }
.bg-orange-800 { background-color: #9a3412 !important; }
.bg-orange-900 { background-color: #7c2d12 !important; }
.bg-orange-950 { background-color: #431407 !important; }

/* Background amber */
.bg-amber-50 { background-color: #fffbeb !important; }
.bg-amber-100 { background-color: #fef3c7 !important; }
.bg-amber-200 { background-color: #fde68a !important; }
.bg-amber-300 { background-color: #fcd34d !important; }
.bg-amber-400 { background-color: #fbbf24 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }
.bg-amber-600 { background-color: #d97706 !important; }
.bg-amber-700 { background-color: #b45309 !important; }
.bg-amber-800 { background-color: #92400e !important; }
.bg-amber-900 { background-color: #78350f !important; }
.bg-amber-950 { background-color: #451a03 !important; }

/* Background yellow */
.bg-yellow-50 { background-color: #fefce8 !important; }
.bg-yellow-100 { background-color: #fef9c3 !important; }
.bg-yellow-200 { background-color: #fef08a !important; }
.bg-yellow-300 { background-color: #fde047 !important; }
.bg-yellow-400 { background-color: #facc15 !important; }
.bg-yellow-500 { background-color: #eab308 !important; }
.bg-yellow-600 { background-color: #ca8a04 !important; }
.bg-yellow-700 { background-color: #a16207 !important; }
.bg-yellow-800 { background-color: #854d0e !important; }
.bg-yellow-900 { background-color: #713f12 !important; }
.bg-yellow-950 { background-color: #422006 !important; }

/* Background green */
.bg-green-50 { background-color: #f0fdf4 !important; }
.bg-green-100 { background-color: #dcfce7 !important; }
.bg-green-200 { background-color: #bbf7d0 !important; }
.bg-green-300 { background-color: #86efac !important; }
.bg-green-400 { background-color: #4ade80 !important; }
.bg-green-500 { background-color: #22c55e !important; }
.bg-green-600 { background-color: #16a34a !important; }
.bg-green-700 { background-color: #15803d !important; }
.bg-green-800 { background-color: #166534 !important; }
.bg-green-900 { background-color: #14532d !important; }
.bg-green-950 { background-color: #052e16 !important; }

/* Background blue */
.bg-blue-50 { background-color: #eff6ff !important; }
.bg-blue-100 { background-color: #dbeafe !important; }
.bg-blue-200 { background-color: #bfdbfe !important; }
.bg-blue-300 { background-color: #93c5fd !important; }
.bg-blue-400 { background-color: #60a5fa !important; }
.bg-blue-500 { background-color: #3b82f6 !important; }
.bg-blue-600 { background-color: #2563eb !important; }
.bg-blue-700 { background-color: #1d4ed8 !important; }
.bg-blue-800 { background-color: #1e40af !important; }
.bg-blue-900 { background-color: #1e3a8a !important; }
.bg-blue-950 { background-color: #172554 !important; }

/* Background purple */
.bg-purple-50 { background-color: #faf5ff !important; }
.bg-purple-100 { background-color: #f3e8ff !important; }
.bg-purple-200 { background-color: #e9d5ff !important; }
.bg-purple-300 { background-color: #d8b4fe !important; }
.bg-purple-400 { background-color: #c084fc !important; }
.bg-purple-500 { background-color: #a855f7 !important; }
.bg-purple-600 { background-color: #9333ea !important; }
.bg-purple-700 { background-color: #7e22ce !important; }
.bg-purple-800 { background-color: #6b21a8 !important; }
.bg-purple-900 { background-color: #581c87 !important; }
.bg-purple-950 { background-color: #3b0764 !important; }

/* Background pink */
.bg-pink-50 { background-color: #fdf2f8 !important; }
.bg-pink-100 { background-color: #fce7f3 !important; }
.bg-pink-200 { background-color: #fbcfe8 !important; }
.bg-pink-300 { background-color: #f9a8d4 !important; }
.bg-pink-400 { background-color: #f472b6 !important; }
.bg-pink-500 { background-color: #ec4899 !important; }
.bg-pink-600 { background-color: #db2777 !important; }
.bg-pink-700 { background-color: #be185d !important; }
.bg-pink-800 { background-color: #9d174d !important; }
.bg-pink-900 { background-color: #831843 !important; }
.bg-pink-950 { background-color: #500724 !important; }

/* Text slate */
.text-slate-50 { color: #f8fafc !important; }
.text-slate-100 { color: #f1f5f9 !important; }
.text-slate-200 { color: #e2e8f0 !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.text-slate-500 { color: #64748b !important; }
.text-slate-600 { color: #475569 !important; }
.text-slate-700 { color: #334155 !important; }
.text-slate-800 { color: #1e293b !important; }
.text-slate-900 { color: #0f172a !important; }
.text-slate-950 { color: #020617 !important; }

/* Text gray */
.text-gray-50 { color: #f9fafb !important; }
.text-gray-100 { color: #f3f4f6 !important; }
.text-gray-200 { color: #e5e7eb !important; }
.text-gray-300 { color: #d1d5db !important; }
.text-gray-400 { color: #9ca3af !important; }
.text-gray-500 { color: #6b7280 !important; }
.text-gray-600 { color: #4b5563 !important; }
.text-gray-700 { color: #374151 !important; }
.text-gray-800 { color: #1f2937 !important; }
.text-gray-900 { color: #111827 !important; }
.text-gray-950 { color: #030712 !important; }

/* Text neutral */
.text-neutral-50 { color: #fafafa !important; }
.text-neutral-100 { color: #f5f5f5 !important; }
.text-neutral-200 { color: #e5e5e5 !important; }
.text-neutral-300 { color: #d4d4d4 !important; }
.text-neutral-400 { color: #a3a3a3 !important; }
.text-neutral-500 { color: #737373 !important; }
.text-neutral-600 { color: #525252 !important; }
.text-neutral-700 { color: #404040 !important; }
.text-neutral-800 { color: #262626 !important; }
.text-neutral-900 { color: #171717 !important; }
.text-neutral-950 { color: #0a0a0a !important; }

/* Text red */
.text-red-50 { color: #fef2f2 !important; }
.text-red-100 { color: #fee2e2 !important; }
.text-red-200 { color: #fecaca !important; }
.text-red-300 { color: #fca5a5 !important; }
.text-red-400 { color: #f87171 !important; }
.text-red-500 { color: #ef4444 !important; }
.text-red-600 { color: #dc2626 !important; }
.text-red-700 { color: #b91c1c !important; }
.text-red-800 { color: #991b1b !important; }
.text-red-900 { color: #7f1d1d !important; }
.text-red-950 { color: #450a0a !important; }

/* Text orange */
.text-orange-50 { color: #fff7ed !important; }
.text-orange-100 { color: #ffedd5 !important; }
.text-orange-200 { color: #fed7aa !important; }
.text-orange-300 { color: #fdba74 !important; }
.text-orange-400 { color: #fb923c !important; }
.text-orange-500 { color: #f97316 !important; }
.text-orange-600 { color: #ea580c !important; }
.text-orange-700 { color: #c2410c !important; }
.text-orange-800 { color: #9a3412 !important; }
.text-orange-900 { color: #7c2d12 !important; }
.text-orange-950 { color: #431407 !important; }

/* Text amber */
.text-amber-50 { color: #fffbeb !important; }
.text-amber-100 { color: #fef3c7 !important; }
.text-amber-200 { color: #fde68a !important; }
.text-amber-300 { color: #fcd34d !important; }
.text-amber-400 { color: #fbbf24 !important; }
.text-amber-500 { color: #f59e0b !important; }
.text-amber-600 { color: #d97706 !important; }
.text-amber-700 { color: #b45309 !important; }
.text-amber-800 { color: #92400e !important; }
.text-amber-900 { color: #78350f !important; }
.text-amber-950 { color: #451a03 !important; }

/* Text yellow */
.text-yellow-50 { color: #fefce8 !important; }
.text-yellow-100 { color: #fef9c3 !important; }
.text-yellow-200 { color: #fef08a !important; }
.text-yellow-300 { color: #fde047 !important; }
.text-yellow-400 { color: #facc15 !important; }
.text-yellow-500 { color: #eab308 !important; }
.text-yellow-600 { color: #ca8a04 !important; }
.text-yellow-700 { color: #a16207 !important; }
.text-yellow-800 { color: #854d0e !important; }
.text-yellow-900 { color: #713f12 !important; }
.text-yellow-950 { color: #422006 !important; }

/* Text green */
.text-green-50 { color: #f0fdf4 !important; }
.text-green-100 { color: #dcfce7 !important; }
.text-green-200 { color: #bbf7d0 !important; }
.text-green-300 { color: #86efac !important; }
.text-green-400 { color: #4ade80 !important; }
.text-green-500 { color: #22c55e !important; }
.text-green-600 { color: #16a34a !important; }
.text-green-700 { color: #15803d !important; }
.text-green-800 { color: #166534 !important; }
.text-green-900 { color: #14532d !important; }
.text-green-950 { color: #052e16 !important; }

/* Text blue */
.text-blue-50 { color: #eff6ff !important; }
.text-blue-100 { color: #dbeafe !important; }
.text-blue-200 { color: #bfdbfe !important; }
.text-blue-300 { color: #93c5fd !important; }
.text-blue-400 { color: #60a5fa !important; }
.text-blue-500 { color: #3b82f6 !important; }
.text-blue-600 { color: #2563eb !important; }
.text-blue-700 { color: #1d4ed8 !important; }
.text-blue-800 { color: #1e40af !important; }
.text-blue-900 { color: #1e3a8a !important; }
.text-blue-950 { color: #172554 !important; }

/* Text purple */
.text-purple-50 { color: #faf5ff !important; }
.text-purple-100 { color: #f3e8ff !important; }
.text-purple-200 { color: #e9d5ff !important; }
.text-purple-300 { color: #d8b4fe !important; }
.text-purple-400 { color: #c084fc !important; }
.text-purple-500 { color: #a855f7 !important; }
.text-purple-600 { color: #9333ea !important; }
.text-purple-700 { color: #7e22ce !important; }
.text-purple-800 { color: #6b21a8 !important; }
.text-purple-900 { color: #581c87 !important; }
.text-purple-950 { color: #3b0764 !important; }

/* Text pink */
.text-pink-50 { color: #fdf2f8 !important; }
.text-pink-100 { color: #fce7f3 !important; }
.text-pink-200 { color: #fbcfe8 !important; }
.text-pink-300 { color: #f9a8d4 !important; }
.text-pink-400 { color: #f472b6 !important; }
.text-pink-500 { color: #ec4899 !important; }
.text-pink-600 { color: #db2777 !important; }
.text-pink-700 { color: #be185d !important; }
.text-pink-800 { color: #9d174d !important; }
.text-pink-900 { color: #831843 !important; }
.text-pink-950 { color: #500724 !important; }

/* Border slate */
.border-slate-50 { border-color: #f8fafc !important; }
.border-slate-100 { border-color: #f1f5f9 !important; }
.border-slate-200 { border-color: #e2e8f0 !important; }
.border-slate-300 { border-color: #cbd5e1 !important; }
.border-slate-400 { border-color: #94a3b8 !important; }
.border-slate-500 { border-color: #64748b !important; }
.border-slate-600 { border-color: #475569 !important; }
.border-slate-700 { border-color: #334155 !important; }
.border-slate-800 { border-color: #1e293b !important; }
.border-slate-900 { border-color: #0f172a !important; }
.border-slate-950 { border-color: #020617 !important; }

/* Border gray */
.border-gray-50 { border-color: #f9fafb !important; }
.border-gray-100 { border-color: #f3f4f6 !important; }
.border-gray-200 { border-color: #e5e7eb !important; }
.border-gray-300 { border-color: #d1d5db !important; }
.border-gray-400 { border-color: #9ca3af !important; }
.border-gray-500 { border-color: #6b7280 !important; }
.border-gray-600 { border-color: #4b5563 !important; }
.border-gray-700 { border-color: #374151 !important; }
.border-gray-800 { border-color: #1f2937 !important; }
.border-gray-900 { border-color: #111827 !important; }
.border-gray-950 { border-color: #030712 !important; }

/* Border neutral */
.border-neutral-50 { border-color: #fafafa !important; }
.border-neutral-100 { border-color: #f5f5f5 !important; }
.border-neutral-200 { border-color: #e5e5e5 !important; }
.border-neutral-300 { border-color: #d4d4d4 !important; }
.border-neutral-400 { border-color: #a3a3a3 !important; }
.border-neutral-500 { border-color: #737373 !important; }
.border-neutral-600 { border-color: #525252 !important; }
.border-neutral-700 { border-color: #404040 !important; }
.border-neutral-800 { border-color: #262626 !important; }
.border-neutral-900 { border-color: #171717 !important; }
.border-neutral-950 { border-color: #0a0a0a !important; }

/* Border red */
.border-red-50 { border-color: #fef2f2 !important; }
.border-red-100 { border-color: #fee2e2 !important; }
.border-red-200 { border-color: #fecaca !important; }
.border-red-300 { border-color: #fca5a5 !important; }
.border-red-400 { border-color: #f87171 !important; }
.border-red-500 { border-color: #ef4444 !important; }
.border-red-600 { border-color: #dc2626 !important; }
.border-red-700 { border-color: #b91c1c !important; }
.border-red-800 { border-color: #991b1b !important; }
.border-red-900 { border-color: #7f1d1d !important; }
.border-red-950 { border-color: #450a0a !important; }

/* Border orange */
.border-orange-50 { border-color: #fff7ed !important; }
.border-orange-100 { border-color: #ffedd5 !important; }
.border-orange-200 { border-color: #fed7aa !important; }
.border-orange-300 { border-color: #fdba74 !important; }
.border-orange-400 { border-color: #fb923c !important; }
.border-orange-500 { border-color: #f97316 !important; }
.border-orange-600 { border-color: #ea580c !important; }
.border-orange-700 { border-color: #c2410c !important; }
.border-orange-800 { border-color: #9a3412 !important; }
.border-orange-900 { border-color: #7c2d12 !important; }
.border-orange-950 { border-color: #431407 !important; }

/* Border amber */
.border-amber-50 { border-color: #fffbeb !important; }
.border-amber-100 { border-color: #fef3c7 !important; }
.border-amber-200 { border-color: #fde68a !important; }
.border-amber-300 { border-color: #fcd34d !important; }
.border-amber-400 { border-color: #fbbf24 !important; }
.border-amber-500 { border-color: #f59e0b !important; }
.border-amber-600 { border-color: #d97706 !important; }
.border-amber-700 { border-color: #b45309 !important; }
.border-amber-800 { border-color: #92400e !important; }
.border-amber-900 { border-color: #78350f !important; }
.border-amber-950 { border-color: #451a03 !important; }

/* Border yellow */
.border-yellow-50 { border-color: #fefce8 !important; }
.border-yellow-100 { border-color: #fef9c3 !important; }
.border-yellow-200 { border-color: #fef08a !important; }
.border-yellow-300 { border-color: #fde047 !important; }
.border-yellow-400 { border-color: #facc15 !important; }
.border-yellow-500 { border-color: #eab308 !important; }
.border-yellow-600 { border-color: #ca8a04 !important; }
.border-yellow-700 { border-color: #a16207 !important; }
.border-yellow-800 { border-color: #854d0e !important; }
.border-yellow-900 { border-color: #713f12 !important; }
.border-yellow-950 { border-color: #422006 !important; }

/* Border green */
.border-green-50 { border-color: #f0fdf4 !important; }
.border-green-100 { border-color: #dcfce7 !important; }
.border-green-200 { border-color: #bbf7d0 !important; }
.border-green-300 { border-color: #86efac !important; }
.border-green-400 { border-color: #4ade80 !important; }
.border-green-500 { border-color: #22c55e !important; }
.border-green-600 { border-color: #16a34a !important; }
.border-green-700 { border-color: #15803d !important; }
.border-green-800 { border-color: #166534 !important; }
.border-green-900 { border-color: #14532d !important; }
.border-green-950 { border-color: #052e16 !important; }

/* Border blue */
.border-blue-50 { border-color: #eff6ff !important; }
.border-blue-100 { border-color: #dbeafe !important; }
.border-blue-200 { border-color: #bfdbfe !important; }
.border-blue-300 { border-color: #93c5fd !important; }
.border-blue-400 { border-color: #60a5fa !important; }
.border-blue-500 { border-color: #3b82f6 !important; }
.border-blue-600 { border-color: #2563eb !important; }
.border-blue-700 { border-color: #1d4ed8 !important; }
.border-blue-800 { border-color: #1e40af !important; }
.border-blue-900 { border-color: #1e3a8a !important; }
.border-blue-950 { border-color: #172554 !important; }

/* Border purple */
.border-purple-50 { border-color: #faf5ff !important; }
.border-purple-100 { border-color: #f3e8ff !important; }
.border-purple-200 { border-color: #e9d5ff !important; }
.border-purple-300 { border-color: #d8b4fe !important; }
.border-purple-400 { border-color: #c084fc !important; }
.border-purple-500 { border-color: #a855f7 !important; }
.border-purple-600 { border-color: #9333ea !important; }
.border-purple-700 { border-color: #7e22ce !important; }
.border-purple-800 { border-color: #6b21a8 !important; }
.border-purple-900 { border-color: #581c87 !important; }
.border-purple-950 { border-color: #3b0764 !important; }

/* Border pink */
.border-pink-50 { border-color: #fdf2f8 !important; }
.border-pink-100 { border-color: #fce7f3 !important; }
.border-pink-200 { border-color: #fbcfe8 !important; }
.border-pink-300 { border-color: #f9a8d4 !important; }
.border-pink-400 { border-color: #f472b6 !important; }
.border-pink-500 { border-color: #ec4899 !important; }
.border-pink-600 { border-color: #db2777 !important; }
.border-pink-700 { border-color: #be185d !important; }
.border-pink-800 { border-color: #9d174d !important; }
.border-pink-900 { border-color: #831843 !important; }
.border-pink-950 { border-color: #500724 !important; }

.bg-white { background-color: #ffffff !important; }
.bg-black { background-color: #000000 !important; }
.text-white { color: #ffffff !important; }
.text-black { color: #000000 !important; }
.border-white { border-color: #ffffff !important; }
.border-black { border-color: #000000 !important; }
/* ===== 购物车按钮 ===== */
.btn-cart {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
}
.btn-cart:hover { background-color: #2563eb !important; }

/* ===== 金色系列 ===== */
.text-gold { color: #b8860b !important; }
.bg-gold { background-color: #b8860b !important; }
.border-gold { border-color: #b8860b !important; }
.bg-gold-light { background-color: #faf6e8 !important; }
.price-gold { color: #b8860b !important; font-weight: 600 !important; }

/* ===== Hover 金色 ===== */
.hover\:text-gold:hover { color: #b8860b !important; }
.hover\:bg-gold:hover { background-color: #b8860b !important; }
.hover\:border-gold:hover { border-color: #b8860b !important; }

/* ===== Group Hover 金色 ===== */
.group:hover .group-hover\:text-gold { color: #b8860b !important; }
.group:hover .group-hover\:bg-gold { background-color: #b8860b !important; }

/* ===== Accent 系列 ===== */
.text-accent { color: #3b82f6 !important; }
.bg-accent { background-color: #3b82f6 !important; }
.border-accent { border-color: #3b82f6 !important; }
.hover\:text-accent:hover { color: #3b82f6 !important; }
.hover\:bg-accent:hover { background-color: #3b82f6 !important; }

/* ===== Neutral-800 ===== */
.bg-neutral-800 { background-color: #262626 !important; }
.bg-neutral-800:hover { background-color: #404040 !important; }

/* ===== 圆角 ===== */
.rounded-sm { border-radius: 0.125rem !important; }
.rounded { border-radius: 0.25rem !important; }
.rounded-md { border-radius: 0.375rem !important; }
.rounded-lg { border-radius: 0.5rem !important; }
.rounded-xl { border-radius: 0.75rem !important; }
.rounded-full { border-radius: 9999px !important; }

/* ===== 阴影 ===== */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important; }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; }

/* ===== Z-index ===== */
.z-10 { z-index: 10 !important; }
.z-20 { z-index: 20 !important; }
.z-30 { z-index: 30 !important; }
.z-40 { z-index: 40 !important; }
.z-50 { z-index: 50 !important; }