提交新风格

You are generating a StyleKit style submission manifest.

# Output
Output ONE fenced JSON block containing the complete manifest.json object.
No commentary, no extra files, no markdown outside the JSON block.

```json
{ ... }
```

# Schema (strict)

{
  "schemaVersion": "1.0.0",
  "generatedAt": "<ISO 8601 datetime>",
  "source": {
    "assistant": "claude" | "chatgpt" | "cursor" | "manual" | "other",
    "model": "<model name>",
    "notes": "<optional brief note>"
  },
  "formData": {
    "name": "<Chinese name>",
    "nameEn": "<English name>",
    "slug": "<kebab-case, ^[a-z0-9]+(?:-[a-z0-9]+)*$>",
    "description": "<1-2 sentence description>",
    "category": "modern" | "retro" | "minimal" | "expressive",
    "styleType": "visual" | "layout" | "animation",
    "tags": ["modern", "minimal", "expressive", "retro", "high-contrast", "responsive", "brand-inspired"],
    "primaryColor": "#hex",
    "secondaryColor": "#hex",
    "accentColors": ["#hex", "#hex"],
    "background": "#hex",
    "foreground": "#hex",
    "muted": "#hex",
    "keywords": ["keyword1", "keyword2", ...],  // 5+ recommended
    "philosophy": "<design philosophy statement>",
    "headingFont": "<CSS font-family>",
    "bodyFont": "<CSS font-family>",
    "fontSizeBase": "1rem",
    "fontSizeHeading": "2.25rem",
    "fontSizeSmall": "0.875rem",
    "fontWeightNormal": "400",
    "fontWeightBold": "700",
    "lineHeightNormal": "1.5",
    "lineHeightTight": "1.25",
    "borderRadius": "0.5rem",
    "spacingSm": "0.5rem",
    "spacingMd": "1rem",
    "spacingLg": "2rem",
    "doList": ["rule1", "rule2", "rule3"],      // 3+ required
    "dontList": ["rule1", "rule2", "rule3"],     // 3+ required
    "aiRules": ["rule1", "rule2", "rule3"],      // 3+ required, actionable
    "buttonCode": "<JSX string>",
    "cardCode": "<JSX string>",
    "inputCode": "<JSX string>",
    "navCode": "<JSX string>",       // recommended
    "heroCode": "<JSX string>",      // recommended
    "footerCode": "<JSX string>"     // recommended
  },
  "assets": {
    "coverSvg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 630\" ...>...</svg>"
  },
  "selfCheck": {
    "schemaValid": true,
    "requiredFilesPrepared": ["manifest.json", "cover.svg", "self-check.md"],
    "componentCoverage": ["buttonCode", "cardCode", "inputCode", "navCode", "heroCode", "footerCode"],
    "notes": "<quality assessment>"
  }
}

# Component Quality Rules

ALL component code must be self-contained JSX/HTML with Tailwind CSS classes.
No imports, no React hooks, no external dependencies.

## buttonCode
- Must include: background color, text color, padding, font weight
- Must include hover state (hover:...) and active state (active:...)
- Must include transition or intentional transition-none
- Text should be descriptive (not just "Click")

## cardCode
- Must include: background, border or shadow, padding, heading, body text
- Heading and body must use different font sizes/weights
- Must show clear visual hierarchy

## inputCode
- Must include: width (w-full), padding, border, background
- Must include focus state (focus:...)
- Must include placeholder text

## navCode (recommended)
- Must be a full navigation bar with brand/logo area and links
- Must use the style's color palette consistently
- Should include hover states on links

## heroCode (recommended)
- Must be a full-width hero section with heading, subtitle, and CTA button
- Heading should use fontSizeHeading or larger
- CTA button must match buttonCode visual language

## footerCode (recommended)
- Must include brand area and secondary content
- Must use muted/secondary colors appropriately
- Should complement the navCode visually

# Color Consistency Rules

- buttonCode background MUST use primaryColor or a color from accentColors
- cardCode border/accent MUST reference primaryColor or secondaryColor
- All components MUST use the same foreground/background/muted palette
- Never use arbitrary colors not defined in the color fields

# coverSvg Rules

- viewBox MUST be "0 0 1200 630" (OG image aspect ratio)
- Content MUST be visually centered (use text-anchor="middle" or x="50%")
- Must include the style name as prominent text
- Background must use the style's background color or a gradient from the palette
- Decorative elements must reflect the style language (e.g., grid lines for swiss, glitch effects for cyberpunk)
- Do NOT left-align all content at x="72" - center the composition

# doList / dontList / aiRules Quality

- Each entry must be specific and actionable
- Reference actual Tailwind classes when possible
  Good: "Use border-2 border-black on all interactive elements"
  Bad:  "Make things look bold"
- aiRules are instructions for AI code generators - they must be precise enough that an AI can follow them to produce correct component code
- Include at least one aiRules entry about color usage
- Include at least one aiRules entry about hover/interaction states
- Include at least one aiRules entry about typography hierarchy

# Common Mistakes to Avoid

- Do NOT add fields not in the schema (no "globalCss", no "tokens", no extra nesting)
- Do NOT use RGB/HSL colors - only hex (#000000 or #000)
- Do NOT leave any component code empty if listed in componentCoverage
- Do NOT use placeholder text like "Lorem ipsum" or "TODO"
- Do NOT mix visual languages (e.g., rounded corners in a brutalist style)
- Ensure slug does not conflict with existing styles

需要准备的信息

• -风格名称（中文和/或英文）
• -Slug 候选（小写 kebab-case）
• -分类与风格类型
• -主色、次色、强调色（hex 值）
• -设计哲学或核心理念
• -Do 规则（必须遵循的模式，如「使用纯黑边框」）
• -Don't 规则（禁止的模式，如「避免圆角」）
• -AI 规则（至少 3 条可执行规则）
• -关键词（建议 3 条以上）
• -按钮组件代码（Tailwind CSS）
• -卡片组件代码（Tailwind CSS）
• -输入框组件代码（Tailwind CSS）
• -nav/hero/footer 中至少 2 项扩展组件代码
• -与组件视觉语言一致的封面概念

各 AI 助手使用提示

• !缺少 schemaVersion 字段（必须为 '1.0.0'）
• !无效的 hex 颜色（必须以 # 开头，后跟 3 或 6 位十六进制数字）
• !空的 doList 或 dontList（至少需要一条规则）
• !Slug 包含大写或特殊字符（只允许小写字母、数字、连字符）
• !AI 规则过弱（至少需要 3 条非空规则）
• !核心组件缺失（button/card/input 应全部提供）
• !扩展组件覆盖不足（nav/hero/footer 至少提供 2 项）
• !Schema 中不存在的额外字段（AI 可能会生成多余属性）
• !封面 SVG 与组件视觉风格不一致