{
  "id": "y2k",
  "type": "styles",
  "status": "published",
  "name": {
    "zh": "Y2K 千禧美学",
    "en": "Y2K Aesthetic"
  },
  "aliases": [
    "千禧风",
    "Y2K风格",
    "千禧年美学",
    "镀铬金属质感",
    "iMac糖果色那种",
    "闪亮科技感",
    "千禧辣妹风",
    "Cyber Y2K"
  ],
  "category": [
    "Style",
    "Visual Language"
  ],
  "description": {
    "zh": "复刻千禧年前后数码乐观主义的视觉语言：镀铬液态金属、iMac 糖果半透明塑料、 气泡字与闪光星形、粉紫蓝渐变配银白高光。它混合了对未来的天真想象与低分辨率 3D 的笨拙质感，甜腻、闪亮、毫不克制。",
    "en": "A visual language reviving turn-of-the-millennium digital optimism: liquid chrome, iMac translucent candy plastics, bubble type, sparkle stars, and pink-purple-blue gradients on silver highlights. It mixes naive futurism with clumsy low-poly 3D — sweet, shiny, gloriously unrestrained."
  },
  "use_when": [
    {
      "zh": "音乐 潮流 时尚品牌，瞄准怀旧千禧的年轻受众",
      "en": "Music, streetwear and fashion brands chasing Y2K nostalgia"
    },
    {
      "zh": "派对 社交 娱乐类产品，需要甜腻高饱和情绪",
      "en": "Party, social and entertainment products that want sugary energy"
    },
    {
      "zh": "复古主题营销活动与限定包装",
      "en": "Retro-themed campaigns and limited packaging"
    }
  ],
  "avoid_when": [
    {
      "zh": "金融 医疗 生产力工具，需要可信与克制",
      "en": "Fintech, healthcare and productivity — trust demands restraint"
    },
    {
      "zh": "长内容阅读场景，高饱和与闪光持续消耗注意力",
      "en": "Long reading sessions — saturation and sparkles fatigue the eye"
    },
    {
      "zh": "无障碍要求高的场景，银底浅字对比度普遍不足",
      "en": "Accessibility-critical contexts — silver-on-pastel often fails contrast"
    }
  ],
  "tags": [
    "y2k",
    "chrome",
    "candy",
    "millennium",
    "futurism"
  ],
  "variants": [
    {
      "id": "candy",
      "name": {
        "zh": "糖果塑料",
        "en": "Candy Plastic"
      },
      "note": {
        "zh": "iMac G3 半透明糖果壳，蓝绿橙粉",
        "en": "iMac G3 translucent shells in blue, green, orange and pink"
      }
    },
    {
      "id": "chrome",
      "name": {
        "zh": "镀铬金属",
        "en": "Liquid Chrome"
      },
      "note": {
        "zh": "液态金属字与镜面渐变，Cyber Y2K",
        "en": "Liquid-metal type and mirror gradients — the Cyber Y2K branch"
      }
    },
    {
      "id": "iridescent",
      "name": {
        "zh": "珠光幻彩",
        "en": "Iridescent"
      },
      "note": {
        "zh": "珍珠光泽幻彩渐变 CD 盘面",
        "en": "Pearlescent sheen and CD-rainbow gradients"
      }
    }
  ],
  "applicable_components": [
    "button",
    "card",
    "badge",
    "avatar"
  ],
  "related": [
    {
      "id": "cyberpunk",
      "relation": "similar_to"
    },
    {
      "id": "aurora",
      "relation": "similar_to"
    },
    {
      "id": "glassmorphism",
      "relation": "similar_to"
    },
    {
      "id": "retro-futurism",
      "relation": "similar_to"
    },
    {
      "id": "card",
      "relation": "affects"
    }
  ],
  "demo": {
    "component": "y2k",
    "modes": [
      "default",
      "dark",
      "variants"
    ]
  },
  "sources": [
    {
      "name": "Wikipedia — Y2K aesthetic",
      "url": "https://en.wikipedia.org/wiki/Y2K_aesthetic"
    },
    {
      "name": "MDN — linear-gradient",
      "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient"
    }
  ],
  "implementation": {
    "css": [
      "background: linear-gradient(#e0e0e0, #8f9096, #f5f5f5)",
      "background-clip: text",
      "text-shadow",
      "border-radius: 999px",
      "box-shadow: inset"
    ],
    "notes": {
      "zh": "镀铬感的公式是窄幅多段灰阶渐变：#f8f8f8 → #9a9ba2 → #ffffff → #7c7d84， 配 1px 白高光内阴影与深色投影；文字镀铬用 background-clip: text 加同款 渐变。糖果塑料用高饱和色 + 顶部 40% 白色内阴影模拟透光。星形闪光与 泡泡字是点睛元素，克制在 2～3 处。深色模式改用紫黑底让银色更突出。",
      "en": "Chrome is a narrow multi-stop greyscale gradient — #f8f8f8 → #9a9ba2 → #ffffff → #7c7d84 — with a 1px white inset highlight and a dark shadow; chrome text is the same gradient through background-clip: text. Candy plastic is a saturated fill with a white inner glow across the top 40% to fake translucency. Spend sparkles and bubble type on two or three accents. Dark mode goes purple-black so silver pops."
    }
  },
  "prompts": {
    "basic": {
      "zh": "用 Y2K 千禧美学设计界面：镀铬液态金属、iMac 糖果半透明塑料、粉紫蓝渐变 与闪光星形元素，甜腻闪亮的千禧年质感。",
      "en": "\"Design an interface in Y2K aesthetic: liquid chrome, iMac candy plastics, pink-purple-blue gradients and sparkle stars — sweet, shiny millennium texture.\""
    },
    "design": {
      "zh": "Y2K 设计规范：底色粉紫渐变（#FFC8F0 → #C8B8FF → #A8D8FF）或银白；主按钮 用胶囊形 + 铬渐变（灰白四段）+ 白高光内阴影；卡片为半透明糖果色圆角块， 顶部白色内发光；标题用气泡粗字或镀铬字（background-clip: text）；点缀 四角星闪光；深色模式用紫黑底 + 银铬高亮。",
      "en": "\"Y2K spec: pink-purple gradient ground (#FFC8F0 → #C8B8FF → #A8D8FF) or silver; pill buttons with a four-stop chrome gradient and white inset highlight; cards as translucent candy rounded blocks with a top inner glow; bubble-bold or chrome headings (background-clip: text); four-point sparkle accents. Dark mode on purple-black with silver chrome highlights.\""
    },
    "implementation": {
      "zh": "用 CSS 实现 Y2K 镀铬：.chrome { background: linear-gradient(180deg, #fdfdfd, #b9bac1 38%, #ffffff 50%, #83848c 62%, #e6e6ea); background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } 糖果按钮 .candy { background: #7DE2FF; box-shadow: inset 0 14px 18px rgba(255,255,255,0.75), inset 0 -8px 14px rgba(0,60,120,0.25); border-radius: 999px; }",
      "en": "\"Implement Y2K chrome in CSS: .chrome { background: linear-gradient(180deg, #fdfdfd, #b9bac1 38%, #ffffff 50%, #83848c 62%, #e6e6ea); background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } Candy button: .candy { background: #7DE2FF; box-shadow: inset 0 14px 18px rgba(255,255,255,0.75), inset 0 -8px 14px rgba(0,60,120,0.25); border-radius: 999px; }\""
    },
    "agent": {
      "zh": "在当前项目中用 Y2K 千禧美学实现一组胶囊按钮与糖果卡片区块。\n\n先检查现有 Design Token 与色彩体系，把 Y2K 色板隔离在独立作用域。\n要求：\n- 镀铬渐变用多段灰阶 background-clip: text 或填充实现\n- 糖果塑料感用高饱和色 + 顶部白色内阴影模拟\n- 闪光 星形等点缀元素控制在 2～3 处\n- 文字对比度按最终背景校验，关键信息不依赖闪光装饰传达\n- 支持深色模式（紫黑底 + 银铬高亮）\n- 不新增任何依赖\n完成后运行项目现有检查，并列出修改的文件。",
      "en": "Implement Y2K capsule buttons and candy cards in the current project.\n\nInspect the existing design tokens first; keep the Y2K palette scoped to avoid leaking into brand colors.\nRequirements:\n- Chrome via multi-stop greyscale gradients with background-clip: text or fills\n- Candy plastic via saturated fills plus a white top inner glow\n- Sparkles and stars limited to two or three accents\n- Verify text contrast against the final backdrop; never carry meaning through sparkle alone\n- Dark mode on purple-black with silver chrome highlights\n- No new dependencies\nRun existing project checks when done and list the modified files."
    }
  },
  "style_spec": {
    "typography": {
      "zh": "圆体字 + 金属渐变标题",
      "en": "Rounded type with chrome gradient titles"
    },
    "color": {
      "zh": "银紫粉渐变 × 电紫 #7B61FF",
      "en": "Silver-lilac gradients with electric violet #7B61FF"
    },
    "border": {
      "zh": "1px 淡紫描边，大圆角",
      "en": "1px lavender outlines, large radius"
    },
    "shadow": {
      "zh": "柔和紫色光晕投影",
      "en": "Soft violet glow shadows"
    },
    "spacing": {
      "zh": "气泡式 20px 圆角，松弛排布",
      "en": "Bubble 20px radii, relaxed spacing"
    },
    "motion": {
      "zh": "150–250ms 带轻微回弹的过渡与光晕变化，尊重 prefers-reduced-motion",
      "en": "150–250ms transitions with a slight bounce and glow shifts; honour prefers-reduced-motion"
    },
    "states": {
      "zh": "hover 增强金属渐变与光晕；focus 用紫色可见亮环；active 缩小并加深；disabled 降透明去光；error 用红粉渐变",
      "en": "Hover strengthens the chrome gradient and glow; focus shows a visible violet ring; active scales down and darkens; disabled loses opacity and glow; error uses a red-pink gradient"
    }
  },
  "preview": {
    "order": 13,
    "keywords": {
      "en": "METAL & BUBBLE",
      "zh": "金属 · 气泡 · 梦幻"
    },
    "url": "https://cyberdream.jp",
    "scene": "generic",
    "brand": "☆ CyberDream ☆",
    "nav": [
      {
        "zh": "音乐",
        "en": "Music"
      },
      {
        "zh": "装扮",
        "en": "Outfits"
      },
      {
        "zh": "星球",
        "en": "Planet"
      }
    ],
    "navExt": [
      {
        "zh": "会员卡",
        "en": "Member card"
      }
    ],
    "heroTitle": {
      "zh": "Y2K CYBER",
      "en": "Y2K CYBER"
    },
    "heroTitle2": {
      "zh": "DREAM ✦",
      "en": "DREAM ✦"
    },
    "heroSub": {
      "zh": "千禧年的怀旧未来主义。",
      "en": "Nostalgic futurism from the turn of the millennium."
    },
    "cta": {
      "zh": "立即进入",
      "en": "Enter now"
    },
    "heroCaption": {
      "zh": "金属光泽 · 气泡字 · 荧光小熊",
      "en": "Metallic shine · Bubble type · Neon bears"
    },
    "features": [
      {
        "t": {
          "zh": "镭射背景",
          "en": "Holographic backdrop"
        },
        "s": {
          "zh": "流动的银紫",
          "en": "Flowing silver and violet"
        }
      },
      {
        "t": {
          "zh": "气泡按钮",
          "en": "Bubble buttons"
        },
        "s": {
          "zh": "圆滚滚的触感",
          "en": "A soft, rounded feel"
        }
      },
      {
        "t": {
          "zh": "像素贴纸",
          "en": "Pixel stickers"
        },
        "s": {
          "zh": "闪星与小熊",
          "en": "Sparkling stars and bears"
        }
      }
    ],
    "panel": "chart",
    "tokens": {
      "bg": "linear-gradient(160deg,#DDE7F5 0%,#EFD3E8 55%,#C9C8F4 100%)",
      "fg": "#3A3A55",
      "sub": "#7A7A99",
      "accent": "#7B61FF",
      "accentFg": "#fff",
      "card": "rgba(255,255,255,.78)",
      "cardBorder": "#B8B8E0",
      "radius": "20px",
      "shadow": "0 8px 18px rgba(123,97,255,.18)",
      "font": "ui-rounded, 'Arial Rounded MT Bold', 'PingFang SC', sans-serif",
      "heroSize": "22px"
    }
  }
}