Emerald Editorial（祖母绿封面故事）

A magazine-cover business deck system rooted in fashion-magazine mastheads and 19th-century theatrical playbills: a saturated emerald field, deep navy ink, warm paper tiles, bilateral double-rule ornaments, and Bodoni Moda at weight 900. Curated from the MIT-licensed zarazhangrui/beautiful-html-templates emerald-editorial template.

Start from example.html in this plugin folder. It is the locked seed: keep its :root tokens, all eight slide-master CSS blocks, the <deck-stage> element, and the entire inlined deck-stage runtime script verbatim. Replace only the text content, numbers, and labels. Do not rewrite the design, and do not introduce any color or font outside this spec.

Design tokens (locked — list verbatim in :root)

Page background outside the stage is #0a0a0a (the runtime letterbox). The emerald / navy / paper triad is the entire palette — never introduce a fourth color family. Color pairings are fixed: ink-on-emerald, emerald-on-navy (the only display color flip), ink-on-paper. Delta/tag pills invert: emerald pill on a navy tile, navy pill on a paper tile.

Typography (locked — exactly two faces)

Google Fonts: Bodoni Moda (700/800/900) + Manrope (400–800). No third typeface, ever — not Playfair, not Inter, not system fonts.

• Bodoni Moda 900 — every primary display moment, with negative tracking (−0.01em to −0.03em) and tight leading (0.9–0.95). Scale tiers: 460px jumbo numeral (navy panels only) · 200px agenda title · 184px cover lines · 180px closing lines · 128–130px statements/section headlines · 104–120px chart/process headlines · 144px KPI figures (60px unit suffix) · 92px side-panel stats.
• Bodoni Moda 800 — ornament words (68–84px), tile/card titles (40–64px). Bodoni Moda 700 — small prepositions only.
• Manrope 500 — body paragraphs, 24–28px, line-height 1.4–1.5. Never larger than 28px.
• Manrope 700–800, ALWAYS UPPERCASE with 0.05–0.18em letter-spacing — every masthead, footline, eyebrow, label, tag, caption, delta, credit (24–30px). Manrope in sentence case is forbidden chrome.

Bodoni never appears at body/label scale; Manrope never appears at display scale. No italics, no underline — emphasis is size, inversion, and ornament.

Signature devices (non-optional when the element type appears)

• Double-rule ornament — the system's identity: a centered Bodoni 800 word bracketed on both sides by two stacked 4px ink rules (3px gap; 5px rules on the cover). The "The X of Y" playbill framing on cover, statement, and closing slides. Always bilateral. Variants via :root[data-ornament="single"|"none"] exist but the double form is the default.
• Masthead / footline — absolutely positioned Manrope-uppercase flex rows (two strings on opposite sides) at top: 56px / bottom: 56px, inset 80px. Mandatory on cover and closing; content slides carry a masthead with section + count strings.
• 4px solid --ink rules — every section separator, agenda-row border, tile top rule, grid divider. 5px only for cover/closing ornaments; 2px only for chart grid lines. Never 1px, never dashed, never any other color.
• Inverse tile — solid navy with emerald text: chart cards, KPI tiles, process steps, the section-opener panel. Rotate in paper tiles (paper fill, ink text) to break rows: process flow alternates ink → paper → ink → paper.
• Mark / tag / delta pills — strict-rectangle uppercase Manrope chips (24px, 0.08–0.12em).
• Flat printed ink only — zero border-radius, zero box-shadow, zero gradients, zero blur, zero glow. Depth = color-block inversion + 4px rules. Nothing else.

…