# 高端代理风 · High-End Agency

> 来源技能：`high-end-visual-design`（soft-skill）

## 风格定位

教会 AI 像高端代理机构一样设计。定义精确的字体、间距、阴影、卡片结构和动画，让网站呈现昂贵、精致的品质感。阻断所有让 AI 设计显得廉价或泛用的常见默认模式。

## 配色

| 角色 | 色值 | 用途 |
|------|------|------|
| 奶油底 | `#F5F1EA` | 页面背景 |
| 卡片白 | `#FFFFFF` | 面板 |
| 浓缩棕 | `#2C2520` | 标题、正文 |
| 次级 | `#6B5D52` | 描述 |
| 细线 | `#E0D8CE` | 边框 |
| 金棕 | `#9C7C4A` | 强调、链接 |
| 强调 | `#B8956A` | 按钮、高亮 |

## 字体

- **衬线展示**：Playfair Display 500/600 + 500-italic（本地 woff2）
- **等宽**：JetBrains Mono 400（标签、编号）
- **中文**：系统栈

## 布局特点

- 双层斜面卡片设计（double-bezel card）
- 大量留白 + 精致阴影层次
- 衬线标题配优雅斜体
- 奶油/浓缩棕暖色调系

## 交互特性

- 滚动入场动画
- 卡片悬停提升 + 阴影加深
- 保留全部基础功能
- `prefers-reduced-motion` 降级

## 文件结构

```
高端代理风/
├── index.html ~ admin.html
└── assets/
    ├── logo.svg
    ├── style.min.css
    ├── site.min.js
    └── vendor/fonts/    （Playfair Display + JetBrains Mono 本地字体）
```