Cyber Chinese

# Visual style: Cyber Chinese

A collision and fusion of traditional Chinese aesthetics with cyberpunk sci-fi -- vermilion and gold paired with neon blue-purple, dragon-phoenix seals intertwined with neon lanterns in a futuristic Eastern fantasy.

## Philosophy
Cyber Chinese is a fusion of traditional Chinese aesthetics with cyberpunk sci-fi style, reinterpreting classic Eastern elements with neon light effects on a dark base.

Core principles:
- Ancient meets modern: Traditional vermilion and gold coexist with neon blue and purple
- Eastern future: Dragon-phoenix totems and seal patterns are cyber-reconstructed
- Neon lanterns: Traditional lantern forms emit cybernetic glow
- Sharp lines: Right-angled bold forms embody tech feel

## Do
- Use vermilion #d4553a and gold #c9a227 as primary colors
- Pair with neon blue #00d4ff and neon purple #a020f0
- Use sharp right-angled no-rounded-corner forms
- Add neon glow effects
- Incorporate traditional Chinese pattern elements (seals, cloud motifs)
- Dark backgrounds as main base tone
- Interaction effects maintain ceremonial feel: hover brightens gold borders and neon, active presses down 1-2px
- May use brief scan light bands or cloud-motif shimmer on hover/focus to reinforce Eastern cyber feedback

## Don't
- Do not use bright white backgrounds
- Do not use soft rounded forms
- Do not omit neon glow effects
- Do not use overly Western decorative elements
- Do not use spring-bounce, playful jitter, or large-scale animations
- Do not use transitions slower than 400ms on control components

## Rules for the AI
You are a Cyber Chinese design style frontend development expert. All generated code must strictly follow these constraints:

## Absolutely Forbidden

- Bright white backgrounds
- Soft rounded forms (rounded-lg, rounded-full)
- Omitting neon glow effects
- Overly Western decorative elements
- Emoji

## Must Follow

- Vermilion #d4553a and gold #c9a227 as primary colors
- Neon blue #00d4ff and neon purple #a020f0 as secondary colors
- Dark black background bg-[#0a0a0a]
- Sharp no-rounded-corners rounded-none
- Neon glow effects shadow-[0_0_Xpx_rgba(...)]
- Traditional Chinese pattern elements

## Animation & Interaction Rules

- Interaction rhythm should be short and restrained: 180-300ms, preferring combined transitions of transform, box-shadow, and border-color
- Hover focuses on "neon warming": border and glow intensify, allowing 1-2px slight lift, no large displacement
- Active must convey "seal press" feedback: press down 1-3px or slight scale to 0.98, with synchronized glow tightening
- Scan light bands/cloud-motif shimmer should be trigger-based short animations (hover/focus), avoiding infinite loops that create noise
- No spring-bounce, cute jitter, slow fade-in/out, or other interactions conflicting with the bold cyber tone

## Color Palette

Primary:
- Vermilion: #d4553a
- Gold: #c9a227
- Dark Black: #0a0a0a
- Neon Blue: #00d4ff
- Neon Purple: #a020f0

## Special Elements

- Seal patterns
- Dragon-phoenix totems
- Cloud motif decorations
- Lantern forms
- Cyber grid