深色玻璃拟态ui

Design a dark glassmorphism UI with layered depth. Background: - Rich dark gradient mesh as the foundation — use radial gradients:   radial-gradient(ellipse at 20% 10%, rgba(99,56,200,0.45) 0%, transparent 60%)   radial-gradient(ellipse at 80% 80%, rgba(14,80,196,0.4) 0%, transparent 60%)   base: #0a0f1e - Do NOT apply glassmorphism over flat or white backgrounds Glass card system: - Card background: rgba(255, 255, 255, 0.06) - Card border: 1px solid rgba(255, 255, 255, 0.12) - Card border-radius: 14-18px - Use backdrop-filter: blur(16px) ONLY on cards that sit above layered backgrounds - Do NOT apply backdrop-filter on every element — only primary containers Text: - Primary: rgba(255, 255, 255, 0.92) - Secondary: rgba(255, 255, 255, 0.5) - Muted/caption: rgba(255, 255, 255, 0.3) - No warm or yellow tones — keep text pure white/cool Accent: - Single accent only: #8b5cf6 (violet) or #818cf8 (indigo) - Use for: interactive states, highlights, key data points - No multi-color decorations - Semantic states: success #34d399, warning #fbbf24, error #f87171 Rules: - No glassmorphism on white or light backgrounds - No more than 2 layers of glass (card inside card is fine, 3 layers becomes illegible) - Icons: Lucide, 16px inline, 20px standalone - No emoji as icons anywhere - No decorative gradients on text