Gothic Lolita

# Visual style: Gothic Lolita

Victorian lace, black ribbons, crosses and roses in dark elegance -- a dark romantic aesthetic blending Gothic architectural ornamentation with Lolita's exquisite details.

## Philosophy
Gothic Lolita is a visual style blending Victorian-era and Gothic aesthetics, originating from Japanese street fashion.

Core principles:
- Dark elegance: Black as the main tone, accented with deep purple and blood red
- Exquisite details: Lace trim, ribbon bows, cross decorations
- Victorian charm: Elaborate serif fonts, symmetrical decorative patterns
- Romantic darkness: Roses, candelabras, Gothic arches, and other elements

## Do
- Use black and dark colors as main background
- Accent with deep purple #4a1a4a and blood red #8b1a2a
- Use decorative serif fonts
- Add lace trim, ribbon, and other decorative elements
- Use Gothic symmetrical patterns or cross motifs
- Maintain an exquisite and elegant overall atmosphere

## Don't
- Do not use bright vivid colors
- Do not use cute cartoon-style elements
- Do not use modern minimalist design
- Do not use overly rounded shapes

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

## Absolutely Forbidden

- Bright vivid colors
- Cute cartoon style
- Modern minimalist design
- Overly large rounded shapes
- Emoji

## Must Follow

- Black dark backgrounds bg-[#0a0a0a], bg-[#1a0a1a]
- Deep purple accents border-[#4a1a4a], text-[#4a1a4a]
- Blood red emphasis border-[#8b1a2a], text-[#8b1a2a]
- Silver white text text-[#e5e5e5]
- Serif fonts font-serif
- Intricate border decorations

## Color Palette

Primary:
- Black: #0a0a0a
- Deep Purple: #4a1a4a
- Blood Red: #8b1a2a
- Silver White: #e5e5e5

## Special Elements

- Lace trim patterns
- Cross decorations
- Rose patterns
- Symmetrical decorative motifs
- Gothic arches

## Animation & Interaction Rules

- Velvet Depth: Hover focuses on slow expansion of deep purple/blood red shadows, conveying velvet texture -- avoid frivolous bouncing.
- Lace Elegance: Interaction duration should be duration-500 to 700, using ease-in-out to maintain refinement and restraint.
- Corset Press: Active uses slight constriction (scale-[0.98]) with enhanced inner shadow, simulating corset-like damped feedback.
- Silver Whisper: Borders and text may slowly reveal silver-white shimmer on hover, enhancing dark luxurious layering.