knowme-careerforge-skill 0.0.2 → 0.0.4

package/src/references/04-template-selection.md

@@ -0,0 +1,43 @@
+# Reference Manual 04: Template Selection & Layout Geometries
+
+> **"Layout geometry determines information hierarchy. Select the composition that earns the candidate's strongest evidence."**
+
+---
+
+## 1. Core Template Matrix (Baseline 4)
+
+| Template ID | Layout Geometry | Tone & Accent | Target Roles | Density | ATS Tier |
+|:---|:---|:---|:---|:---|:---|
+| `minimal` (`minimal-tech`) | Single-Column Linear Flow | Geek Minimal (Tech Blue `#2563eb`) | Backend, AI/LLM, Systems, DevOps, Fullstack | High | Tier 1 (Optimal) |
+| `modern` (`modern-split-sidebar`) | Two-Column Split (32:68 Dark Sidebar) | Deep Navy (`#254665`) + Sky Blue (`#38bdf8`) | AI Agent, Frontend, Fullstack, Mobile | Balanced | Tier 1 (Optimal) |
+| `executive` (`executive-split`) | Hero Banner + Two-Column (33:67 Split) | Executive Slate (`#1e293b`) + Teal (`#0f766e`) | Tech Director, Architect, PM, CTO | Balanced | Tier 1 (Optimal) |
+| `classic` (`table-structured`) | 6-Column Structured Grid Table | Corporate Blue (`#1d4ed8`) + Slate | Enterprise, Fintech, Hardware, State-Owned | High | Tier 1 (Optimal) |
+
+---
+
+## 2. Template Search Engine (`scripts/template/search-template.py`)
+
+Search for the optimal template via CLI:
+```bash
+# Hybrid Search (Default Recommended)
+python3 scripts/template/search-template.py "AI Agent Engineer" --style "two-column-split" --target-pages 1
+
+# BM25 Keyword Search
+python3 scripts/template/search-template.py "Distributed Architect" --engine bm25 --json
+
+# Weighted Multi-Criteria Rule Search
+python3 scripts/template/search-template.py "Frontend Engineer" --engine weighted
+```
+
+### Search Scoring Formulation (Weighted Scorer):
+$$\text{Score} = (\text{RoleMatch} \times 0.35) + (\text{StyleMatch} \times 0.25) + (\text{ATSTier} \times 0.20) + (\text{PageFit} \times 0.10) + (\text{Density} \times 0.10)$$
+
+---
+
+## 3. Instantiating the Intermediate HTML Canvas
+
+```bash
+python3 scripts/template/instantiate-resume.py --template modern --profile workspace/evidence-master.json --keywords "Python,LLM,RAG,FastAPI" --output workspace/resume.html
+```
+
+*The instantiator automatically inlines `src/templates/common/base.css` + `src/templates/{template}/style.css` into a single self-contained HTML file.*

package/src/references/05-html-canvas-tokens.md

@@ -0,0 +1,51 @@
+# Reference Manual 05: HTML Canvas Engineering & Design Tokens
+
+> **"workspace/resume.html is the SOLE Intermediate Working Canvas. All modifications, tailoring, and token tuning happen here."**
+
+---
+
+## 1. Two-Tier Design Tokens Architecture
+
+```
+┌────────────────────────────────────────────────────────┐
+│ 1. Primitive Tokens (Declared in common/base.css)       │
+│    Raw colors, 2pt spacing ladder, font-family, A4 size│
+├────────────────────────────────────────────────────────┤
+│                          ▼                             │
+│ 2. Component Tokens (Declared in template style.css)   │
+│    --resume-space-section, --resume-font-size-body...  │
+└────────────────────────────────────────────────────────┘
+```
+
+### 1.1 Primitive Spacing Scale (2pt Base Grid):
+- `--primitive-space-1`: `2pt` (Bullet margins, micro tags)
+- `--primitive-space-2`: `4pt` (Tag padding, avatar margins)
+- `--primitive-space-3`: `6pt` (Title-to-line gaps)
+- `--primitive-space-4`: `8pt` (Item margins)
+- `--primitive-space-5`: `10pt` (Section header bottom margins)
+- `--primitive-space-6`: `12pt` (Section margins)
+- `--primitive-space-8`: `16pt` (Outer page padding gaps)
+
+### 1.2 Calibratable Component Tokens:
+Agent is strictly authorized to calibrate these CSS variables in `<style>` of `workspace/resume.html`:
+
+| CSS Variable | Default Value | Overflow Remedy (-1.0 Page Fit) |
+|:---|:---|:---|
+| `--resume-space-section` | `11pt` ~ `12pt` | Reduce to `9.0pt` ~ `10pt` |
+| `--resume-space-item` | `7.5pt` ~ `8.0pt` | Reduce to `6.0pt` ~ `6.5pt` |
+| `--resume-space-bullet` | `2.5pt` ~ `3.0pt` | Reduce to `1.5pt` ~ `2.0pt` |
+| `--resume-font-size-body` | `9.2pt` | Reduce to `8.8pt` ~ `9.0pt` |
+| `--resume-line-height-body` | `1.45` | Reduce to `1.38` ~ `1.40` |
+
+---
+
+## 2. Canvas Editing Rules & Invariants
+
+1. **Single-File Self-Contained Invariant**: `workspace/resume.html` contains inlined CSS and no external network font/script dependencies;
+2. **Semantic HTML Tags Contract**:
+   - Page Root: `<div class="resume-page" id="page-1">`
+   - Candidate Header: `h1.candidate-name`, `p.job-target`
+   - Sections: `section.resume-section` with `h2.section-title`
+   - Experience/Projects: `div.experience-item`, `div.project-item`
+   - Bullets: `ul.bullet-list > li` with bold key phrases `<strong>`
+3. **Fact Invariant**: Never edit historical dates, company names, or verified achievements to fit a layout; adjust spacing tokens and condense wording instead.

package/src/references/06-qa-and-rendering.md

@@ -0,0 +1,54 @@
+# Reference Manual 06: Automated Dual QA & Deterministic PDF Export
+
+> **"Validate before delivery. Output pixel-perfect PDF only after 100% Dual QA compliance."**
+
+---
+
+## 1. Automated Dual QA Protocol
+
+Before rendering the final PDF, run the validation toolchain against `workspace/resume.html`:
+
+```bash
+# 1. Layout & Physical A4 Height QA
+python3 scripts/validation/validate-resume.py --html workspace/resume.html --expected-pages 1
+
+# Or with Playwright DOM inspection (when node/ts available):
+npx ts-node scripts/validation/validate-layout.ts --html workspace/resume.html --expected-pages 1
+```
+
+### Physical Dimension Benchmarks:
+- Standard A4 Height at 96 DPI: $297\text{mm} \times 96 / 25.4 = 1122.5\text{px}$
+- Allowed Threshold for 1-Page Resume: $\le 1123\text{px}$
+- If reported height > 1123px (e.g. 1145px, +22px overflow):
+  1. Trigger Self-Healing: reduce `--resume-space-section` by 1.5pt and `--resume-font-size-body` by 0.2pt;
+  2. Condense verbose descriptions while keeping evidence intact;
+  3. Re-run `validate-resume.py` until 100% PASS.
+
+---
+
+## 2. ATS Compatibility Verification
+
+```bash
+npx ts-node scripts/validation/validate-ats.ts --html workspace/resume.html
+```
+
+### ATS Check Rules:
+- [ ] Text extractability: 100% of resume content must be plain HTML text (no text embedded inside raster images);
+- [ ] Contact completeness: Phone, email, location, and name must be discoverable via standard regex;
+- [ ] Heading hierarchy: Exactly one `h1.candidate-name`, standard `h2.section-title` for major sections;
+- [ ] Table/Grid compliance: All tabular data must have clean linear textual fallback for screen readers.
+
+---
+
+## 3. Deterministic PDF Rendering
+
+```bash
+# Auto-discovery multi-strategy PDF export (Playwright -> Chrome -> Edge -> Brave)
+python3 scripts/rendering/render-pdf.py workspace/resume.html workspace/resume.pdf --quiet
+```
+
+### Rendering Invariants:
+- Uses `@page { size: A4 portrait; margin: 0; }`
+- Forces `printBackground: true` and `preferCSSPageSize: true`
+- Waits for `document.fonts.ready` before snapshotting
+- Output artifact: `workspace/resume.pdf` (Lossless vector PDF)

package/src/templates/classic/style.css

@@ -1,48 +1,35 @@
+/**
+ * KnowMe CareerForge — Classic Structured Table Template Style
+ * Style Tone: Structured Corporate (Table Grid Matrix)
+ * Inherits: src/templates/common/base.css
+ */
+
 :root {
-  /* A4 绝对几何尺寸 */
-  --resume-page-width: 210mm;
-  --resume-page-min-height: 297mm;
+  /* === COMPONENT TOKENS (Overrides & Aliases) === */
   --resume-page-padding: 12mm 14mm;
 
-  /* 配色系统 */
-  --resume-color-primary: #0f172a;       /* Slate 900 */
-  --resume-color-secondary: #334155;     /* Slate 700 */
-  --resume-color-muted: #64748b;         /* Slate 500 */
-  --resume-color-accent: #1d4ed8;        /* Blue 700 */
-  --resume-color-border: #cbd5e1;        /* Slate 300 稳重边框 */
-  --resume-color-header-bg: #f8fafc;     /* Slate 50 */
-  --resume-color-label-bg: #f1f5f9;      /* Slate 100 */
-
-  /* 字阶系统 */
-  --resume-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-  --resume-font-size-title: 18pt;
+  /* Color Bindings */
+  --resume-color-primary: var(--primitive-color-slate-900);
+  --resume-color-secondary: var(--primitive-color-slate-700);
+  --resume-color-muted: var(--primitive-color-slate-500);
+  --resume-color-accent: var(--primitive-color-blue-700);
+  --resume-color-border: var(--primitive-color-slate-300);
+  --resume-color-header-bg: var(--primitive-color-slate-50);
+  --resume-color-label-bg: var(--primitive-color-slate-100);
+
+  /* Typography Bindings */
+  --resume-font-body: var(--primitive-font-sans);
+  --resume-font-size-title: var(--primitive-font-size-title);
   --resume-font-size-body: 9pt;
-  --resume-font-size-meta: 8.5pt;
+  --resume-font-size-meta: var(--primitive-font-size-meta);
   --resume-line-height-body: 1.4;
 
-  /* 单元格内边距 */
+  /* Cell & Spacing Tokens */
   --resume-cell-padding: 4.5pt 7pt;
 }
 
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-body {
-  background-color: #e2e8f0;
-  font-family: var(--resume-font-body);
-  display: flex;
-  justify-content: center;
-  padding: 24px 0;
-  color: var(--resume-color-primary);
-  -webkit-font-smoothing: antialiased;
-}
-
 .resume-page {
-  width: var(--resume-page-width);
-  min-height: var(--resume-page-min-height);
-  background: #ffffff;
   padding: var(--resume-page-padding);
-  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-  box-sizing: border-box;
 }
 
 .resume-header {
@@ -92,7 +79,7 @@ body {
 }
 
 .cell-highlight-bg {
-  background-color: #eff6ff; /* Blue 50 */
+  background-color: var(--primitive-color-blue-50);
   color: var(--resume-color-accent);
 }
 
@@ -146,19 +133,3 @@ body {
   color: var(--resume-color-secondary);
   line-height: 1.38;
 }
-
-@media print {
-  body { background: transparent; padding: 0; }
-  .resume-page {
-    box-shadow: none;
-    margin: 0;
-    width: var(--resume-page-width);
-    min-height: var(--resume-page-min-height);
-    page-break-after: always;
-    page-break-inside: avoid;
-  }
-  @page {
-    size: A4 portrait;
-    margin: 0;
-  }
-}

package/src/templates/common/base.css

@@ -0,0 +1,150 @@
+/**
+ * KnowMe CareerForge — Common Base Design System & CSS Foundation
+ * 
+ * Architecture:
+ * 1. Primitive Tokens (Raw Colors, Font Stacks, Spacing Ladder, Physical Page Dimensions)
+ * 2. Universal Reset & Base Canvas Box Model
+ * 3. Deterministic A4 Print Media Contract (@page & print-color-adjust)
+ * 4. Shared Micro-Typography & Layout Utilities
+ */
+
+:root {
+  /* === 1. PRIMITIVE TOKENS === */
+
+  /* 1.1 Physical A4 Page Constants */
+  --primitive-page-width: 210mm;
+  --primitive-page-min-height: 297mm;
+  --primitive-page-height-px: 1122.5px; /* 297mm * 96DPI / 25.4 */
+
+  /* 1.2 Neutral Color Palette (Slate Foundation) */
+  --primitive-color-slate-900: #0f172a; /* Body & Headings Primary */
+  --primitive-color-slate-800: #1e293b; /* Dark Banners & Deep Cards */
+  --primitive-color-slate-700: #334155; /* Secondary Text & Subheadings */
+  --primitive-color-slate-600: #475569;
+  --primitive-color-slate-500: #64748b; /* Muted Meta & Dates */
+  --primitive-color-slate-400: #94a3b8; /* Subtle Inverted Meta */
+  --primitive-color-slate-300: #cbd5e1; /* Strong Border */
+  --primitive-color-slate-200: #e2e8f0; /* Default Border & Dividers */
+  --primitive-color-slate-100: #f1f5f9; /* Tag & Label Background */
+  --primitive-color-slate-50:  #f8fafc; /* Card Background & Inverted Text */
+  --primitive-color-white:     #ffffff;
+
+  /* 1.3 Brand & Industry Accent Palettes */
+  --primitive-color-blue-700:  #1d4ed8; /* Corporate Blue */
+  --primitive-color-blue-600:  #2563eb; /* Tech Blue */
+  --primitive-color-blue-500:  #3b82f6;
+  --primitive-color-blue-50:   #eff6ff; /* Light Accent Tint */
+  --primitive-color-navy-900:  #172a3a;
+  --primitive-color-navy-800:  #254665; /* Modern Deep Navy */
+  --primitive-color-sky-400:   #38bdf8; /* Highlight Blue */
+  --primitive-color-teal-700:  #0f766e; /* Executive Teal */
+  --primitive-color-teal-50:   #f0fdfa; /* Light Teal Tint */
+
+  /* 1.4 Typography Families */
+  --primitive-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
+  --primitive-font-mono: "Geist Mono", "SF Mono", Monaco, Menlo, Consolas, "Liberation Mono", monospace;
+
+  /* 1.5 Spacing Scale (2pt / 4px Base Grid) */
+  --primitive-space-1: 2pt;
+  --primitive-space-2: 4pt;
+  --primitive-space-3: 6pt;
+  --primitive-space-4: 8pt;
+  --primitive-space-5: 10pt;
+  --primitive-space-6: 12pt;
+  --primitive-space-7: 14pt;
+  --primitive-space-8: 16pt;
+  --primitive-space-10: 20pt;
+  --primitive-space-12: 24pt;
+
+  /* 1.6 Type Scale */
+  --primitive-font-size-display: 22pt;
+  --primitive-font-size-title:   18pt;
+  --primitive-font-size-h2:      12pt;
+  --primitive-font-size-h3:      10.5pt;
+  --primitive-font-size-body:    9.2pt;
+  --primitive-font-size-meta:    8.5pt;
+  --primitive-font-size-badge:   8.0pt;
+
+  /* 1.7 Line Heights */
+  --primitive-line-height-tight:  1.2;
+  --primitive-line-height-normal: 1.45;
+  --primitive-line-height-loose:  1.6;
+}
+
+/* === 2. UNIVERSAL RESET & BASE CANVAS === */
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: #e2e8f0;
+  font-family: var(--primitive-font-sans);
+  display: flex;
+  justify-content: center;
+  padding: 24px 0;
+  color: var(--primitive-color-slate-900);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+
+/* Base Resume Page Container */
+.resume-page {
+  width: var(--primitive-page-width);
+  min-height: var(--primitive-page-min-height);
+  background: var(--primitive-color-white);
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  box-sizing: border-box;
+  position: relative;
+}
+
+/* === 3. DETERMINISTIC PRINT MEDIA CONTRACT === */
+@media print {
+  @page {
+    size: A4 portrait;
+    margin: 0; /* System print margins completely removed; template padding takes full control */
+  }
+
+  body {
+    background: transparent !important;
+    padding: 0 !important;
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+
+  .resume-page {
+    box-shadow: none !important;
+    margin: 0 !important;
+    width: var(--primitive-page-width) !important;
+    min-height: var(--primitive-page-min-height) !important;
+    page-break-after: always;
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+
+  .avoid-break {
+    break-inside: avoid !important;
+    page-break-inside: avoid !important;
+  }
+}
+
+/* === 4. SHARED BASE COMPONENTS & UTILITIES === */
+.bullet-list {
+  list-style-type: disc;
+  margin-left: 14pt;
+  color: var(--resume-color-secondary, var(--primitive-color-slate-700));
+}
+
+.bullet-list strong {
+  color: var(--resume-color-primary, var(--primitive-color-slate-900));
+  font-weight: 600;
+}
+
+.date-range {
+  font-size: var(--resume-font-size-meta, var(--primitive-font-size-meta));
+  color: var(--resume-color-muted, var(--primitive-color-slate-500));
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}

package/src/templates/executive/style.css

@@ -1,51 +1,37 @@
+/**
+ * KnowMe CareerForge — Executive Modern Split Template Style
+ * Style Tone: Executive Formal (Hero Banner + Two-Column 33:67)
+ * Inherits: src/templates/common/base.css
+ */
+
 :root {
-  /* A4 绝对几何尺寸 */
-  --resume-page-width: 210mm;
-  --resume-page-min-height: 297mm;
-
-  /* 配色体系 */
-  --resume-color-banner-bg: #1e293b;    /* Slate 800 */
-  --resume-color-banner-text: #f8fafc;
-  --resume-color-banner-muted: #94a3b8;
-  --resume-color-primary: #0f172a;       /* Slate 900 */
-  --resume-color-secondary: #334155;     /* Slate 700 */
-  --resume-color-muted: #64748b;         /* Slate 500 */
-  --resume-color-accent: #0f766e;        /* Teal 700 沉稳高管色 */
-  --resume-color-tag-bg: #f0fdfa;        /* Teal 50 */
-  --resume-color-border: #e2e8f0;
-
-  /* 字阶系统 */
-  --resume-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-  --resume-font-size-name: 22pt;
-  --resume-font-size-title: 11pt;
-  --resume-font-size-body: 9.2pt;
-  --resume-font-size-meta: 8.5pt;
-  --resume-line-height-body: 1.45;
-
-  /* 间距 Tokens (Agent 自愈参数) */
-  --resume-space-section: 12pt;
-  --resume-space-item: 9pt;
-  --resume-space-bullet: 3pt;
+  /* === COMPONENT TOKENS (Overrides & Aliases) === */
+  --resume-color-banner-bg: var(--primitive-color-slate-800);
+  --resume-color-banner-text: var(--primitive-color-slate-50);
+  --resume-color-banner-muted: var(--primitive-color-slate-400);
+  --resume-color-primary: var(--primitive-color-slate-900);
+  --resume-color-secondary: var(--primitive-color-slate-700);
+  --resume-color-muted: var(--primitive-color-slate-500);
+  --resume-color-accent: var(--primitive-color-teal-700);
+  --resume-color-tag-bg: var(--primitive-color-teal-50);
+  --resume-color-border: var(--primitive-color-slate-200);
+
+  /* Typography Bindings */
+  --resume-font-body: var(--primitive-font-sans);
+  --resume-font-size-name: var(--primitive-font-size-display);
+  --resume-font-size-title: var(--primitive-font-size-h3);
+  --resume-font-size-body: var(--primitive-font-size-body);
+  --resume-font-size-meta: var(--primitive-font-size-meta);
+  --resume-line-height-body: var(--primitive-line-height-normal);
+
+  /* Spacing Tokens (Calibratable for Self-Healing) */
+  --resume-space-section: var(--primitive-space-6);
+  --resume-space-item: var(--primitive-space-4);
+  --resume-space-bullet: var(--primitive-space-1);
   --resume-left-col-width: 33%;
 }
 
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-body {
-  background-color: #e2e8f0;
-  font-family: var(--resume-font-body);
-  display: flex;
-  justify-content: center;
-  padding: 24px 0;
-  color: var(--resume-color-primary);
-  -webkit-font-smoothing: antialiased;
-}
-
 .resume-page {
-  width: var(--resume-page-width);
-  min-height: var(--resume-page-min-height);
-  background: #ffffff;
-  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -74,7 +60,7 @@ body {
 
 .candidate-title {
   font-size: var(--resume-font-size-title);
-  color: #38bdf8; /* Sky 400 */
+  color: var(--primitive-color-sky-400);
   font-weight: 600;
   margin-top: 2pt;
 }
@@ -196,40 +182,11 @@ body {
   color: var(--resume-color-accent);
 }
 
-.date-range {
-  font-size: var(--resume-font-size-meta);
-  color: var(--resume-color-muted);
-  font-variant-numeric: tabular-nums;
-}
-
 .bullet-list {
-  margin-left: 14pt;
   font-size: var(--resume-font-size-body);
-  color: var(--resume-color-secondary);
   line-height: var(--resume-line-height-body);
 }
 
 .bullet-list li {
   margin-bottom: var(--resume-space-bullet);
 }
-
-.bullet-list strong {
-  color: var(--resume-color-primary);
-  font-weight: 600;
-}
-
-@media print {
-  body { background: transparent; padding: 0; }
-  .resume-page {
-    box-shadow: none;
-    margin: 0;
-    width: var(--resume-page-width);
-    min-height: var(--resume-page-min-height);
-    page-break-after: always;
-    page-break-inside: avoid;
-  }
-  @page {
-    size: A4 portrait;
-    margin: 0;
-  }
-}

package/src/templates/minimal/style.css

@@ -1,53 +1,40 @@
+/**
+ * KnowMe CareerForge — Minimal Tech Template Style
+ * Style Tone: Geek Minimal (Single-Column Flow)
+ * Inherits: src/templates/common/base.css
+ */
+
 :root {
-  /* 页面绝对 A4 尺寸 */
-  --resume-page-width: 210mm;
-  --resume-page-min-height: 297mm;
+  /* === COMPONENT TOKENS (Overrides & Aliases) === */
   --resume-page-padding: 14mm 16mm;
 
-  /* 现代科技色系 */
-  --resume-color-primary: #0f172a;       /* Slate 900 */
-  --resume-color-secondary: #334155;     /* Slate 700 */
-  --resume-color-muted: #64748b;         /* Slate 500 */
-  --resume-color-accent: #2563eb;        /* Tech Blue 600 */
-  --resume-color-accent-bg: #eff6ff;     /* Blue 50 */
-  --resume-color-border: #e2e8f0;        /* Slate 200 */
-  --resume-color-tag-bg: #f1f5f9;        /* Slate 100 */
-
-  /* 字阶系统 */
-  --resume-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-  --resume-font-size-name: 20pt;
-  --resume-font-size-target: 10.5pt;
-  --resume-font-size-h2: 12pt;
-  --resume-font-size-body: 9.2pt;
-  --resume-font-size-meta: 8.5pt;
-  --resume-line-height-body: 1.45;
-
-  /* 间距 Tokens (Agent 自愈关键参数) */
-  --resume-space-header-bottom: 11pt;
-  --resume-space-section: 11pt;
-  --resume-space-item: 7.5pt;
-  --resume-space-bullet: 2.5pt;
-}
-
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-body {
-  background-color: #f1f5f9;
-  font-family: var(--resume-font-body);
-  color: var(--resume-color-primary);
-  display: flex;
-  justify-content: center;
-  padding: 24px 0;
-  -webkit-font-smoothing: antialiased;
+  /* Color Bindings */
+  --resume-color-primary: var(--primitive-color-slate-900);
+  --resume-color-secondary: var(--primitive-color-slate-700);
+  --resume-color-muted: var(--primitive-color-slate-500);
+  --resume-color-accent: var(--primitive-color-blue-600);
+  --resume-color-accent-bg: var(--primitive-color-blue-50);
+  --resume-color-border: var(--primitive-color-slate-200);
+  --resume-color-tag-bg: var(--primitive-color-slate-100);
+
+  /* Typography Bindings */
+  --resume-font-body: var(--primitive-font-sans);
+  --resume-font-size-name: var(--primitive-font-size-display);
+  --resume-font-size-target: var(--primitive-font-size-h3);
+  --resume-font-size-h2: var(--primitive-font-size-h2);
+  --resume-font-size-body: var(--primitive-font-size-body);
+  --resume-font-size-meta: var(--primitive-font-size-meta);
+  --resume-line-height-body: var(--primitive-line-height-normal);
+
+  /* Spacing Tokens (Calibratable for Self-Healing) */
+  --resume-space-header-bottom: var(--primitive-space-5);
+  --resume-space-section: var(--primitive-space-5);
+  --resume-space-item: var(--primitive-space-4);
+  --resume-space-bullet: var(--primitive-space-1);
 }
 
 .resume-page {
-  width: var(--resume-page-width);
-  min-height: var(--resume-page-min-height);
-  background: #ffffff;
   padding: var(--resume-page-padding);
-  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-  box-sizing: border-box;
 }
 
 /* Header 模块 */
@@ -173,17 +160,9 @@ body {
   border-radius: 3pt;
 }
 
-.date-range {
-  font-size: var(--resume-font-size-meta);
-  color: var(--resume-color-muted);
-  font-variant-numeric: tabular-nums;
-}
-
 /* Bullet 清单 */
 .bullet-list {
-  margin-left: 14pt;
   font-size: var(--resume-font-size-body);
-  color: var(--resume-color-secondary);
   line-height: var(--resume-line-height-body);
 }
 
@@ -191,29 +170,8 @@ body {
   margin-bottom: var(--resume-space-bullet);
 }
 
-.bullet-list strong {
-  color: var(--resume-color-primary);
-  font-weight: 600;
-}
-
 .edu-detail {
   font-size: var(--resume-font-size-body);
   color: var(--resume-color-secondary);
   line-height: var(--resume-line-height-body);
 }
-
-@media print {
-  body { background: transparent; padding: 0; }
-  .resume-page {
-    box-shadow: none;
-    margin: 0;
-    width: var(--resume-page-width);
-    min-height: var(--resume-page-min-height);
-    page-break-after: always;
-    page-break-inside: avoid;
-  }
-  @page {
-    size: A4 portrait;
-    margin: 0;
-  }
-}