# Hybrid Tree: child-html-zh

**Document Type**: Child
**Parent**: `huashu-infographic-redesign-hybrid.md`
**Created**: 2026-06-04
**Status**: Pending
**Blocked By**: Child-1 (CSS Foundation)

---

## 7. Acceptance Criteria

| # | AC | Priority | Status |
|---|-----|----------|--------|
| AC-1 | `01a-architecture-zh.html`: Use phase-label ("01 . 编排层"), section-title, orchestratorX card with terracotta gradient, 2x2 agent grid with 4px color top-bars, dashed connectors | P0 | Pending |
| AC-2 | `01b-architecture-zh.html`: Use phase-label ("01 . 数据与通信"), 2-column doc-view cards for data layer, 3 badge-style payload items (green/red/yellow dots), dashed parallel-mode section | P0 | Pending |
| AC-3 | `03a-token-optimization-zh.html`: Use phase-label ("03 . L1 Section-Level Caching"), doc-view card with 3 zone color blocks (blue/light-blue/pale-blue), green effect badge | P0 | Pending |
| AC-4 | `03b-token-optimization-zh.html`: Two doc-view cards (L2 green left-border, L3 yellow left-border) with layer-number (Georgia), flow-arrow connector | P0 | Pending |
| AC-5 | `05a-capabilities-zh.html`: 3 cap-cards with 4px top color-bars, circular avatar-style icons (like chat-bubble avatars), small badge tags | P0 | Pending |
| AC-6 | `05b-capabilities-zh.html`: Same card style as 05a + bottom insight quote card (Georgia italic) | P0 | Pending |

---

## 8.1 Private File Index

| Path | Purpose |
|------|---------|
| `docs/design/01a-architecture-zh.html` | Orchestration layer infographic (zh) |
| `docs/design/01b-architecture-zh.html` | Data & communication infographic (zh) |
| `docs/design/03a-token-optimization-zh.html` | L1 caching infographic (zh) |
| `docs/design/03b-token-optimization-zh.html` | L2+L3 caching infographic (zh) |
| `docs/design/05a-capabilities-zh.html` | Data & quality capabilities (zh) |
| `docs/design/05b-capabilities-zh.html` | Safety & discovery capabilities (zh) |

---

## 8.2 Incremental References

- CSS foundation from Child-1 provides all component classes
- Each HTML file is self-contained (inline CSS)
- Content text remains unchanged -- only visual presentation changes
- Width: 720px, padding: 8px 36px (matching existing)
