莫兰迪色系：雾霾蓝、灰粉、橄榄绿、燕麦色
北欧色调：浅灰蓝、焦糖棕、柔雾白
日系色调：抹茶绿、藕粉、米白、雾紫

基础色相 → 降低饱和度至 20-40% → 加入 10-20% 灰色

背景层（Base Layer）
    └── 内容卡片层（Card Layer）
        └── 悬浮元素层（Floating Layer）
            └── 模态层（Modal Layer）

// 不要用纯黑阴影 → 会让界面「沉」
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);

// 用主色调的淡化阴影 → 「浮」而不「沉」
box-shadow: 0 4px 20px rgba(139, 164, 180, 0.2);

高级感 ≠ 复杂
高级感 ≠ 高饱和度
高级感 ≠ 金/银/黑金配色

高级感 = 克制 + 品质 + 舒适 + 统一

Use a more elegant color palette with high-quality feel.

Use a monochromatic muted palette with pastel tones, inspired by Scandinavian design and film color grading. Avoid high saturation colors, gradients, or metallic effects. The overall mood should be calm, sophisticated, and approachable.

Make the layout cleaner and more organized.

Apply a card-based design with layered elements. Use subtle shadows (not pure black) to create depth between layers. Ensure visual hierarchy through spacing and slight background color variations. The layout should feel modular and scannable at a glance.

Follow a neo-minimalist style, but avoid being too extreme.

Design in neo-minimalism style: maintain clean aesthetics while preserving necessary visual guidance. Use soft shadows for depth, rounded corners (4-8px), and warm off-white backgrounds instead of pure white. The design should feel cozy and inviting, not cold or distant.

Make it look more premium and elegant.

Create a premium yet approachable design: use restrained color palette, generous whitespace, consistent design tokens, and subtle micro-interactions. Avoid overly decorative elements, neon colors, or "heavy" visual weight. The design should feel like a high-end lifestyle brand - sophisticated without being intimidating.

```
# English Version
Design a user interface following these principles:

**Color Strategy:**
- Use a monochromatic muted palette with pastel undertones
- Primary color: low-saturation (20-40%), based on a single hue
- Background: warm off-white (#FAF9F7 or similar), avoid pure white
- Accent: same hue family, lighter or darker variations
- NO: high saturation colors, gradients, metallic effects, multi-hue combinations

**Layout & Structure:**
- Card-based design with clear visual boundaries
- Layered elements with subtle depth (not pure black shadows)
- Shadow color: use primary hue at 10-20% opacity, not gray
- Generous padding (16-24px) inside cards
- Consistent gap between elements (8px, 16px, 24px, 32px)

**Style: Neo-minimalism**
- Clean but not cold; minimal but not empty
- Soft shadows (0 4px 20px rgba(hue, 0.15)) for depth
- Rounded corners: 4-8px for small elements, 12-16px for cards
- Subtle hover states: slight scale (1.02) or shadow increase
- Warm neutral backgrounds, avoid stark white or pure black

**Design Philosophy:**
- Approachable premium: sophisticated without being intimidating
- NO pressure, NO distance - calm and inviting atmosphere
- Whitespace is your friend; don't fill every pixel
- Details matter: consistent font weights, spacing, alignment
- Film-inspired color grading: muted, cinematic, warm

**Reference Aesthetic:**
- Scandinavian interior design
- Japanese lifestyle brands
- Cinematography color palettes (from films like Lost in Translation, Her)
- High-end editorial design (Monocle, Kinfolk magazine)

---
# 中文版本
按照以下原则设计用户界面：

**色彩策略：**
- 使用单色系、柔和灰调、Pastel色调的配色方案
- 主色调：低饱和度（20-40%），基于单一色相
- 背景色：暖调米白（#FAF9F7 或类似），避免纯白
- 强调色：同一色相的明度变化
- 禁止：高饱和度颜色、渐变色、金属效果、多色相混搭

**布局与结构：**
- 卡片式设计，清晰的视觉边界
- 分层元素，微妙的纵深感（非纯黑阴影）
- 阴影色彩：使用主色调 10-20% 透明度，非灰色
- 卡片内边距充足（16-24px）
- 元素间距一致（8px, 16px, 24px, 32px）

**风格：新极简主义**
- 简洁但不冷淡；极简但不空洞
- 柔和阴影（0 4px 20px rgba(主色, 0.15)）创造纵深
- 圆角：小组件 4-8px，卡片 12-16px
- 悬浮状态：轻微放大（1.02）或阴影加深
- 暖调中性背景，避免纯白或纯黑

**设计哲学：**
- 平易近人的高级感：精致但不疏远
- 无压力、无距离感 - 冷静、温暖的氛围
- 留白是你的朋友，不要填满每个像素
- 细节很重要：一致的字重、间距、对齐
- 影视剧配色感：柔和、电影感、温暖

**参考美学：**
- 北欧室内设计
- 日系生活方式品牌
- 影视配色（参考电影：《迷失东京》《她》）
- 高端编辑设计（Monocle、Kinfolk 杂志）
```

```
# English - Quick Version
Monochromatic muted palette, pastel undertones, card-based layout with layered depth. Neo-minimalism: clean but warm, minimal but not empty. Subtle shadows (use hue-tinted, not gray), 4-8px rounded corners, warm off-white backgrounds. Premium yet approachable - calm, no pressure, no gradient overkill.

# 中文 - 快速版
单色系柔和配色，Pastel色调，卡片式布局，分层纵深。新极简主义：简洁但温暖，极简但不空洞。微妙阴影（用主色调淡化色，非灰色），4-8px圆角，暖调米白背景。高级但平易近人 - 冷静、无压力、避免滥用渐变。
```

NO gradient effects. Use solid colors only from the monochromatic palette.
禁止渐变效果。只使用单色系中的纯色。

Implement 3-layer depth system:
- Base: background (#FAF9F7)
- Middle: cards (primary hue at 5% opacity)
- Top: floating elements (primary hue at 10% opacity)

实现3层纵深系统：
- 底层：背景 (#FAF9F7)
- 中层：卡片（主色调 5% 透明度）
- 顶层：悬浮元素（主色调 10% 透明度）

Use warm off-white backgrounds (slight yellow tint, like cream or ivory)
instead of cold gray-white. Add subtle warmth through slightly warm shadows.
使用暖调米白背景（微黄色调，如奶油色、象牙白）而非冷调的灰白。
通过微暖的阴影增添温度感。

Pay attention to:
- Consistent font line-height (1.5-1.6 for body text)
- Precise alignment (use 4px grid system)
- Balanced padding inside components
- Subtle micro-interactions on hover/focus

注意以下细节：
- 统一的字体行高（正文 1.5-1.6）
- 精确的对齐（使用 4px 网格系统）
- 组件内边距均衡
- 悬浮/聚焦时的微妙微交互

□ 颜色是否来自单一色相的不同明度变化？
□ 饱和度是否控制在 20-40% 之间？
□ 是否避免了纯白背景和纯黑文字？
□ 阴影是否使用了主色调的淡化版而非灰色？
□ 卡片之间的间距是否一致？
□ 圆角是否统一（4-8px 或 12-16px）？
□ 是否有足够的留白空间？
□ 整体是否有「平静、克制」的感觉？
□ 是否有「影视剧配色」的既视感？
□ 是否避免了高饱和度、渐变、金属效果？
□ 界面是否「平易近人」而非「拒人千里」？