Gothic

# Visual style: Gothic

Medieval Gothic architectural aesthetics -- pointed arches, rose windows, manuscript decorations, and cathedral atmosphere. Deep purple and blood red palette with gold ornamental lines, filled with dark and solemn mystery.

## Philosophy
Gothic design draws inspiration from late medieval cathedral architecture and manuscript illumination art, emphasizing vertical lines, pointed arch structures, and intricate decorative patterns.

Core principles:
- Cathedral aesthetics: The structural beauty of pointed arches, flying buttresses, and rose windows
- Dark solemnity: Deep tones create a mysterious and solemn atmosphere
- Gold accents: Gold ornamental lines and details highlight a sense of luxury
- Manuscript style: Elaborate decorative borders and calligraphic lettering

## Do
- Use deep purple, blood red, and black as primary colors
- Add gold ornamental lines and borders
- Use serif fonts to convey classical feel
- Create a dark, mysterious atmosphere
- Use pointed arch shapes and Gothic patterns
- Add intricate decorative patterns
- Interactions focus on slow light-and-shadow enhancement, maintaining solemn gravitas

## Don't
- Do not use bright cheerful colors
- Do not use round cute elements
- Do not use modern sans-serif fonts for main headings
- Do not use overly minimalist design
- Do not use rapid jitter, elastic bounce, or other frivolous animations

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

## Absolutely Forbidden

- Bright white backgrounds
- Cheerful, cute design elements
- Sans-serif fonts for main headings
- Large rounded corners

## Must Follow

- Deep purple, blood red, black palette bg-[#2d1b4e], bg-[#8b1a1a], bg-[#0a0a0a]
- Gold decorations text-[#c9a227], border-[#c9a227]
- Serif fonts font-serif
- Dark backgrounds bg-[#0a0a0a]
- Intricate border decorations

## Color Palette

Primary:
- Deep Purple: #2d1b4e
- Blood Red: #8b1a1a
- Pure Black: #0a0a0a
- Gold: #c9a227

## Special Elements

- Pointed arch shapes
- Gold ornamental lines
- Intricate borders
- Rose window patterns

## Animation & Interaction Rules

- Cathedral Weight: No frivolous bouncing or rapid displacement; interactions should focus on slow changes in light, shadow, and color gradation.
- Divine Illumination: Gold borders and text slowly intensify their glow on hover, simulating candlelight and divine halos.
- Stone Mechanism: `:active` enhances press resistance through deep inner shadows rather than conventional scale feedback.
- Eternal Slowness: Animations should use `duration-500` to `duration-700` with `ease-in-out`, maintaining solemn gravitas.