resume-builderlisted

# 简历制作 Skill ## 触发条件 用户提到：简历、resume、CV、求职、找工作、投简历、实习简历、应聘 --- ## 一、设计铁律 ### 1.1 配色系统（只用这一套） | 用途 | 色值 | 说明 | |------|------|------| | 页面背景 | `#f0f2f5` | 浅灰底色，不刺眼 | | 纸张背景 | `#fff` | 纯白，打印无色差 | | 主文字 | `#1a1a2e` | 深蓝黑，比纯黑柔和 | | 正文 | `#444` / `#555` | 深灰，阅读舒适 | | 辅助文字 | `#888` / `#aaa` | 浅灰，时间/标签 | | 强调色（选一个） | `#2563eb`（蓝）或 `#b45309`（琥珀） | 链接、分段标记、重点标签 | | 边框 | `#e5e7eb` / `#e8eaed` | 极细，不抢视觉 | | 重点项目底色 | `#fefce8` 边框 `#fde68a` | 淡黄，温暖但不花 | | 普通卡片底色 | `#fafbfc` | 微灰白，与纸张区分 | **禁止**：渐变背景、光晕、阴影过重（box-shadow 不超过 `0 1px 12px rgba(0,0,0,0.08)`）、多色混搭。 ### 1.2 字体系统 ```css font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif; ``` | 元素 | 字号 | 字重 | 行高 | 字间距 | |------|------|------|------|--------| | 姓名 | 24-26px | 800 | - | 2-3px | | 职位行 | 14px | 500 | - | - | | 分段标题 | 15px | 700 | - | 0.5px | | 学校/项目名 | 13-14px | 600-700 | - | - | | 正文描述 | 12-13px | 400 | 1.6-1.7 | - | | 标签 | 10.5-11px | 400 | - | - | | 时间/辅助 | 11px | 400 | - | - | **禁止**：用 `font-weight: 300`（太细看不清）��字号低于 10px（打印模糊）。 ### 1.3 间距系统（8px 基准网格） | 位置 | 间距 | |------|------| | 页面上下 padding | 40px | | 页面左右 padding | 44px | | section 之间 | 26px | | section 标题与内容 | 14px | | 卡片之间 | 9-10px | | 卡片内 padding | 12-15px | | 标签之间 gap | 4-5px | | 联系方式 gap | 18px | ### 1.4 视觉层次 ``` 第1层：姓名（最大最粗） 第2层：分段标题（粗 + 底部分割线） 第3层：项目/学校名（中粗） 第4层：正文描述（常规） 第5层：标签/时间（最小最淡） ``` 用 **粗细 + 大小 + 颜色深浅** 三层区分，不靠颜色种类区分。 ### 1.5 绝对禁止的设计元素 - ❌ 深色主题 / 暗黑模式 - ❌ 头像照片（除非用户明确要求） - ❌ 渐变背景