create-yss-spec 1.0.0

package/template/.pi/skills/web-video-presentation/themes/indigo-porcelain/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "indigo-porcelain",
+  "name": "Indigo Porcelain",
+  "nameZh": "靛蓝瓷",
+  "description": "Deep-indigo ink on porcelain white — the indigo IS the ink, not just an accent. Playfair Display + Noto Serif SC + IBM Plex Sans body. Academic, scholarly, like a Chinese journal of contemporary thought.",
+  "descriptionZh": "深靛蓝当墨（靛蓝就是字色本身，而非 accent）+ 瓷白纸。Playfair Display + Noto Serif SC + IBM Plex Sans。学术、有深度，像蓝印花瓷器或一本当代思想期刊。",
+  "mood": [
+    "light",
+    "indigo",
+    "porcelain",
+    "academic",
+    "editorial",
+    "scholarly"
+  ],
+  "bestFor": [
+    "学术 / 研究 / 论文解读",
+    "AI / 数据 / 工程深度",
+    "中国当代文化",
+    "技术发布会 / 严肃汇报",
+    "思想型 / 评论型长文改编"
+  ],
+  "preview": {
+    "shell": "#e4e8ec",
+    "surface": "#f1f3f5",
+    "text": "#0a1f3d",
+    "accent": "#1e3a8a"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/indigo-porcelain/tokens.css

@@ -0,0 +1,62 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · indigo-porcelain
+ *   Deep-indigo ink on porcelain white. The signature isn't the accent
+ *   color — it's that the INK ITSELF is indigo (not black). All headings
+ *   / body / hero numbers render in deep navy-indigo, so the page reads
+ *   like a Chinese journal of contemporary thought or an academic
+ *   editorial. Playfair Display italic English vs Noto Serif SC for
+ *   display, IBM Plex Sans body adds a quiet technical undertone.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic Playfair Display, weight 500
+ *     • rule           — 1px solid faint porcelain hairline
+ *     • card           — refined small radius (academic paper-lift)
+ *     • surface        — clean porcelain (no pattern; purity)
+ *     • motion         — quiet editorial pace (slower than warm-keynote)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #e4e8ec;
+  --surface:      #f1f3f5;
+  --surface-2:    #f8fafc;
+  --surface-3:    #e7ebef;
+  --text:         #0a1f3d;             /* SIGNATURE — indigo IS the ink */
+  --text-2:       #152a4a;
+  --text-mute:    #4a5a78;
+  --text-faint:   #8595ad;
+  --rule:         #c6cdd6;
+  --accent:       #1e3a8a;             /* slightly brighter indigo for emphasis */
+  --accent-soft:  rgba(30, 58, 138, 0.10);
+  --accent-glow:  rgba(30, 58, 138, 0.30);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Playfair Display", "GT Sectra", "Bodoni 72", "Times New Roman", serif;
+  --font-body:       "IBM Plex Sans", "Manrope", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "tnum", "lnum", "kern";
+
+  /* ─── motion: quiet academic pace ─── */
+  --dur-base:       680ms;
+  --dur-slow:       1050ms;
+  --dur-cinematic:  1550ms;
+
+  /* ─── design identity: porcelain editorial ─── */
+  --r-card:        var(--r-sm);
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  500;
+  --hero-num-track:   -0.035em;
+  --stage-pad-x:   130px;
+  --stage-pad-y:   92px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 18px 48px rgba(10, 31, 61, 0.08);
+  --shadow-stage:
+    0 60px 160px rgba(10, 31, 61, 0.20),
+    0 0 0 1px rgba(10, 31, 61, 0.04);
+  /* SIGNATURE: NO surface-pattern — porcelain is meant to be clean. */
+}

package/template/.pi/skills/web-video-presentation/themes/kraft-paper/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "kraft-paper",
+  "name": "Kraft Paper",
+  "nameZh": "牛皮纸",
+  "description": "Deep-brown ink on kraft beige — old notebook / hand-stamped envelope. Fraunces serif + Noto Serif SC + Source Serif body. Vintage, warm, hand-crafted, with a copper accent for editorial emphasis.",
+  "descriptionZh": "深棕当墨 + 牛皮米。像老笔记本或手戳信封：暖、有年代感、手作味。Fraunces + Noto Serif SC + Source Serif 正文 + 紫铜色 accent。",
+  "mood": [
+    "light",
+    "vintage",
+    "literary",
+    "kraft",
+    "hand-craft",
+    "warm"
+  ],
+  "bestFor": [
+    "书评 / 文学随笔",
+    "历史 / 怀旧 / 老物",
+    "独立杂志 / zine",
+    "手工艺 / 食物 / 农产品",
+    "慢生活 / 人文"
+  ],
+  "preview": {
+    "shell": "#dccab0",
+    "surface": "#eedfc7",
+    "text": "#2a1e13",
+    "accent": "#a35b2a"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/kraft-paper/tokens.css

@@ -0,0 +1,67 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · kraft-paper
+ *   Deep-brown ink on warm kraft beige. Reads like the back of a kraft
+ *   envelope or the pages of a 70s notebook. Fraunces display + Source
+ *   Serif body keeps the hand-crafted character; copper-rust accent for
+ *   page numbers / kicker / link emphasis. SIGNATURE: coarse kraft
+ *   paper grain (warmer than newsroom, heavier than sunset-zine).
+ *
+ *   character knobs:
+ *     • hero numbers   — italic Fraunces, weight 600
+ *     • rule           — 1px solid kraft hairline
+ *     • card           — refined small radius
+ *     • surface        — coarse kraft paper grain (warm multiply)
+ *     • motion         — slow + tactile (turning a real page)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #dccab0;
+  --surface:      #eedfc7;
+  --surface-2:    #f3e9d6;
+  --surface-3:    #e0d0b6;
+  --text:         #2a1e13;             /* SIGNATURE — deep kraft brown ink */
+  --text-2:       #3a2a1d;
+  --text-mute:    #6e5a40;
+  --text-faint:   #a08c70;
+  --rule:         #b8a486;
+  --accent:       #a35b2a;             /* copper-rust */
+  --accent-soft:  rgba(163, 91, 42, 0.10);
+  --accent-glow:  rgba(163, 91, 42, 0.32);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Fraunces", "Recoleta", "GT Sectra", "Playfair Display", serif;
+  --font-body:       "Source Serif 4", "Source Serif Pro", "Noto Serif SC", serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "ss02", "tnum", "dlig";
+
+  /* ─── motion: tactile turn-a-page pace ─── */
+  --dur-base:       720ms;
+  --dur-slow:       1100ms;
+  --dur-cinematic:  1550ms;
+
+  /* ─── design identity: kraft notebook ─── */
+  --r-card:        var(--r-sm);
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  600;
+  --hero-num-track:   -0.035em;
+  --stage-pad-x:   130px;
+  --stage-pad-y:   92px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 22px 56px rgba(60, 40, 20, 0.16);
+  --shadow-stage:
+    0 60px 160px rgba(60, 40, 20, 0.40),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+
+  /* ─── decoration: SIGNATURE — coarse warm kraft grain ─── */
+  --surface-pattern:
+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.32 0 0 0 0 0.18 0 0 0 0.28 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
+  --surface-pattern-size: 260px 260px;
+  --surface-pattern-blend: multiply;
+  --surface-pattern-opacity: 0.55;
+}

package/template/.pi/skills/web-video-presentation/themes/midnight-press/theme.json

@@ -0,0 +1,26 @@
+{
+  "id": "midnight-press",
+  "name": "Midnight Press",
+  "nameZh": "暗色印刷",
+  "description": "Warm dark backdrop with a single hot accent. Cinematic, terminal-y, developer vibe.",
+  "descriptionZh": "暖色暗底 + 单一热橙强调色。电影感、终端气质、开发者审美。",
+  "mood": [
+    "dark",
+    "cinematic",
+    "terminal",
+    "developer",
+    "warm"
+  ],
+  "bestFor": [
+    "开发者教程",
+    "AI / 工具评测",
+    "极客向产品介绍",
+    "技术 deep dive"
+  ],
+  "preview": {
+    "shell": "#0d0b09",
+    "surface": "#1a1714",
+    "text": "#f5f0e5",
+    "accent": "#ff4a2b"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/midnight-press/tokens.css

@@ -0,0 +1,56 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · midnight-press
+ *   Cinematic editorial dark. Warm espresso instead of pure black, single
+ *   hot orange accent, Instrument-Serif italic English vs Noto-Serif-SC
+ *   Chinese. Magazine-cover gravitas at night.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic editorial serif
+ *     • rule           — 1px solid warm hairline
+ *     • card radius    — sharp (no radius on stage; small radius on cards)
+ *     • surface        — warm vignette only, no grain
+ *     • motion         — slow + cinematic (1100ms reveals)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #0d0b09;
+  --surface:      #1a1714;
+  --surface-2:    #231f1a;
+  --surface-3:    #2c2823;
+  --text:         #f5f0e5;
+  --text-2:       #ece4d2;
+  --text-mute:    #7a7972;
+  --text-faint:   #4a443e;
+  --rule:         #2f2a25;
+  --accent:       #ff4a2b;
+  --accent-soft:  rgba(255, 74, 43, 0.14);
+  --accent-glow:  rgba(255, 74, 43, 0.55);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Instrument Serif", "GT Sectra", "Playfair Display", Georgia, serif;
+  --font-body:       "Manrope", "Inter", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "cv11", "tnum";
+
+  /* ─── motion: slow & cinematic ─── */
+  --dur-base:       700ms;
+  --dur-slow:       1100ms;
+  --dur-cinematic:  1600ms;
+
+  /* ─── design identity ─── */
+  --r-card:        var(--r-sm);     /* refined, almost flat */
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  400;
+  --hero-num-track:   -0.025em;
+  --stage-pad-x:   140px;
+  --stage-pad-y:   100px;
+
+  /* ─── decoration: warm vignette, no grain ─── */
+  --surface-vignette:
+    radial-gradient(circle at 50% 60%, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
+}

package/template/.pi/skills/web-video-presentation/themes/monochrome-print/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "monochrome-print",
+  "name": "Monochrome Print",
+  "nameZh": "黑白印刷",
+  "description": "Off-white paper with ink-black serif text and a single ink-blue accent. High-contrast print magazine vibe — Monocle, Wallpaper, MIT Press. Quiet, sophisticated, considered.",
+  "descriptionZh": "微暖白底 + 墨黑 serif + 单一墙墨蓝强调色. 高对比印刷杂志气质, Monocle / Wallpaper / MIT Press 那种沉静讲究.",
+  "mood": [
+    "light",
+    "print",
+    "minimal",
+    "serif",
+    "monochrome",
+    "sophisticated"
+  ],
+  "bestFor": [
+    "深度阅读改编",
+    "学术 / 思想型内容",
+    "品牌故事",
+    "高级感产品",
+    "文化 / 艺术评论"
+  ],
+  "preview": {
+    "shell": "#f5f3ee",
+    "surface": "#fbfaf6",
+    "text": "#0a0a0a",
+    "accent": "#1d4ed8"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/monochrome-print/tokens.css

@@ -0,0 +1,60 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · monochrome-print
+ *   Quiet refined print magazine — Monocle / Wallpaper / MIT Press.
+ *   Off-white, ink-black serif body (Source Serif), single deep ink-blue
+ *   accent. Hairlines (1px) only. Generous stage padding. Hero numbers
+ *   are tabular figures in italic Source Serif. No decoration — purity.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic Source Serif, tabular figures, very tight
+ *     • rule           — 1px hairline solid (refined ink)
+ *     • card           — 4px tiny radius (refined corner cue)
+ *     • surface        — clean (NO pattern, NO vignette)
+ *     • motion         — extra-quiet, longer durations
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #e8e3d8;
+  --surface:      #fbf9f4;
+  --surface-2:    #ffffff;
+  --surface-3:    #f0ebde;
+  --text:         #0e1418;
+  --text-2:       #1f2a32;
+  --text-mute:    #6b7178;
+  --text-faint:   #a8aeb4;
+  --rule:         #c9c5b8;
+  --accent:       #1a3a8c;             /* deep ink-blue */
+  --accent-soft:  rgba(26, 58, 140, 0.08);
+  --accent-glow:  rgba(26, 58, 140, 0.25);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Source Serif 4", "Source Serif Pro", "EB Garamond", "Times New Roman", serif;
+  --font-body:       "Source Serif 4", "Source Serif Pro", "Noto Serif SC", serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "tnum", "lnum", "kern";
+
+  /* ─── motion: extra quiet ─── */
+  --dur-base:       750ms;
+  --dur-slow:       1200ms;
+  --dur-cinematic:  1700ms;
+
+  /* ─── design identity: refined print ─── */
+  --r-card:        var(--r-xs);        /* 4px — barely-there refinement */
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  500;
+  --hero-num-track:   -0.03em;
+  --stage-pad-x:   140px;              /* generous = refined */
+  --stage-pad-y:   100px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 16px 40px rgba(20, 30, 40, 0.06);
+  --shadow-stage:
+    0 60px 160px rgba(20, 30, 40, 0.20),
+    0 0 0 1px rgba(0, 0, 0, 0.04);
+  /* SIGNATURE: NO surface-pattern, NO vignette — purity. */
+}

package/template/.pi/skills/web-video-presentation/themes/neon-cyber/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "neon-cyber",
+  "name": "Neon Cyber",
+  "nameZh": "霓虹赛博",
+  "description": "Deep-navy canvas with electric cyan + magenta glow and Clash Display + Satoshi typography. Signature: cyan grid + dual-tone neon outline. Futurist cyberpunk for AI, web3, security and future-tech content.",
+  "descriptionZh": "深海军底 + 电光青 + 玫红双霓虹 + Clash Display / Satoshi 字体。签名：青色发光网格 + 双色霓虹描边。赛博朋克未来派审美。",
+  "mood": [
+    "dark",
+    "cyberpunk",
+    "neon",
+    "futuristic",
+    "technical",
+    "saturated"
+  ],
+  "bestFor": [
+    "AI / 大模型评测",
+    "web3 / 区块链",
+    "网络安全 / 黑客向",
+    "未来主义产品",
+    "赛博朋克 / 科幻话题"
+  ],
+  "preview": {
+    "shell": "#04060f",
+    "surface": "#0a0f1c",
+    "text": "#e8f4ff",
+    "accent": "#00ffcc"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/neon-cyber/tokens.css

@@ -0,0 +1,75 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · neon-cyber
+ *   Cyberpunk future-tech. Deep navy canvas, electric cyan as primary
+ *   accent, magenta as the secondary glow tint (used only via *-glow
+ *   alpha). Clash Display for display, Satoshi for body, JetBrains Mono
+ *   for terminal-y bits. Signature: faint cyan grid + neon text-shadow
+ *   on hero text.
+ *
+ *   character knobs:
+ *     • hero numbers   — Clash Display, weight 700, tabular figures
+ *     • rule           — 1px solid cyan (low alpha)
+ *     • card           — slight radius (8-12px) with cyan inset glow
+ *     • surface        — fine cyan grid (40px) + soft scan vignette
+ *     • motion         — snappy + futuristic (faster than midnight)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #04060f;
+  --surface:      #0a0f1c;
+  --surface-2:    #111828;
+  --surface-3:    #1a2238;
+  --text:         #e8f4ff;
+  --text-2:       #b8c8e0;
+  --text-mute:    #6a7a98;
+  --text-faint:   #3a4660;
+  --rule:         rgba(0, 255, 204, 0.22);
+  --accent:       #00ffcc;             /* electric cyan */
+  --accent-soft:  rgba(0, 255, 204, 0.10);
+  --accent-glow:  rgba(255, 0, 170, 0.55);   /* SIGNATURE — magenta glow */
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Sans SC", "Source Han Sans SC", -apple-system, sans-serif;
+  --font-display-en: "Clash Display", "Space Grotesk", "Manrope", "Inter", sans-serif;
+  --font-body:       "Satoshi", "Inter", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "tnum", "ss01", "ss02", "zero";
+
+  /* ─── motion: snappy future ─── */
+  --dur-quick:     160ms;
+  --dur-base:      380ms;
+  --dur-slow:      650ms;
+  --dur-cinematic: 1050ms;
+
+  /* ─── design identity: cyber edge ─── */
+  --r-card:        var(--r-sm);
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   normal;
+  --hero-num-weight:  700;
+  --hero-num-track:   -0.02em;
+  --stage-pad-x:   100px;
+  --stage-pad-y:   80px;
+  --text-shadow:
+    0 0 12px rgba(0, 255, 204, 0.35),
+    0 0 24px rgba(255, 0, 170, 0.12);    /* SIGNATURE — cyan + magenta tail */
+  --card-shadow:
+    inset 0 0 0 1px var(--rule),
+    0 0 40px rgba(0, 255, 204, 0.06);
+  --shadow-stage:
+    0 60px 160px rgba(0, 30, 50, 0.65),
+    0 0 0 1px rgba(0, 255, 204, 0.18),
+    0 0 80px rgba(0, 255, 204, 0.08);
+
+  /* ─── decoration: cyan grid + soft scan vignette ─── */
+  --surface-pattern:
+    linear-gradient(rgba(0, 255, 204, 0.05) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0, 255, 204, 0.05) 1px, transparent 1px),
+    linear-gradient(rgba(0, 255, 204, 0.025) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0, 255, 204, 0.025) 1px, transparent 1px);
+  --surface-pattern-size: 200px 200px, 200px 200px, 40px 40px, 40px 40px;
+  --surface-vignette:
+    radial-gradient(ellipse at center, transparent 35%, rgba(0, 10, 25, 0.6) 100%);
+}

package/template/.pi/skills/web-video-presentation/themes/newsroom/theme.json

@@ -0,0 +1,28 @@
+{
+  "id": "newsroom",
+  "name": "Newsroom",
+  "nameZh": "报社",
+  "description": "Newsprint cream backdrop with ink-black serif type and a banner red accent. Old-school broadsheet / documentary feel — feels like a New York Times feature article.",
+  "descriptionZh": "报纸奶油底 + 墨黑 serif + 报头红强调色. 老派大报 / 纪录片气质, 像一篇 NYT 特稿.",
+  "mood": [
+    "light",
+    "newspaper",
+    "editorial",
+    "serif",
+    "documentary",
+    "warm"
+  ],
+  "bestFor": [
+    "纪录片 / 报道",
+    "深度评测",
+    "时事评论",
+    "AI 产品分析",
+    "热点解读"
+  ],
+  "preview": {
+    "shell": "#ebe5d6",
+    "surface": "#f4ede0",
+    "text": "#1a1a1a",
+    "accent": "#c9302c"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/newsroom/tokens.css

@@ -0,0 +1,63 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · newsroom
+ *   NYT broadsheet / documentary. Newsprint cream, ink-black serif body
+ *   (Playfair Display + Noto Serif SC), banner-red accent. Tight stage
+ *   padding mimics newspaper density. Hero numbers are HUGE editorial
+ *   italic figures.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic display serif, very tight tracking
+ *     • rule           — 1px hairline solid (broadsheet ink)
+ *     • card           — flat (newspaper has no rounded corners)
+ *     • surface        — subtle paper grain
+ *     • motion         — quiet, longer durations (printed page pace)
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #c8bca0;
+  --surface:      #f1ebd8;
+  --surface-2:    #f8f3e2;
+  --surface-3:    #ebe3cc;
+  --text:         #14110b;
+  --text-2:       #2a261a;
+  --text-mute:    #5e564a;
+  --text-faint:   #8c8473;
+  --rule:         #968e7a;
+  --accent:       #c8260d;
+  --accent-soft:  rgba(200, 38, 13, 0.10);
+  --accent-glow:  rgba(200, 38, 13, 0.30);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Playfair Display", "GT Sectra", "Bodoni 72", "Times New Roman", serif;
+  --font-body:       "Source Serif 4", "Source Serif Pro", "Noto Serif SC", "Times New Roman", serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "tnum", "lnum";
+
+  /* ─── motion: quiet print pace ─── */
+  --dur-base:       650ms;
+  --dur-slow:       1000ms;
+  --dur-cinematic:  1500ms;
+
+  /* ─── design identity: broadsheet ─── */
+  --r-card:        var(--r-flat);    /* SIGNATURE — newsprint has no radius */
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  400;
+  --hero-num-track:   -0.04em;
+  --stage-pad-x:   100px;
+  --stage-pad-y:   72px;
+  --shadow-stage:
+    0 60px 160px rgba(40, 30, 15, 0.30),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+
+  /* ─── decoration: subtler paper grain (less hairy than paper-press) ─── */
+  --surface-pattern:
+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='8'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.35 0 0 0 0.10 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
+  --surface-pattern-size: 320px 320px;
+  --surface-pattern-blend: multiply;
+  --surface-pattern-opacity: 0.6;
+}

package/template/.pi/skills/web-video-presentation/themes/paper-press/theme.json

@@ -0,0 +1,27 @@
+{
+  "id": "paper-press",
+  "name": "Paper Press",
+  "nameZh": "亮色印刷",
+  "description": "Warm cream backdrop with a single hot accent. Editorial magazine, gentle, daytime vibe.",
+  "descriptionZh": "暖色奶油底 + 单一热橙强调色。杂志气质、柔和日间审美。",
+  "mood": [
+    "light",
+    "editorial",
+    "magazine",
+    "warm",
+    "daytime"
+  ],
+  "bestFor": [
+    "杂志型内容",
+    "生活方式",
+    "日常工具评测",
+    "温和教程",
+    "面向大众的科技解读"
+  ],
+  "preview": {
+    "shell": "#d8cfb8",
+    "surface": "#efe7d6",
+    "text": "#1a1714",
+    "accent": "#ff4a2b"
+  }
+}

package/template/.pi/skills/web-video-presentation/themes/paper-press/tokens.css

@@ -0,0 +1,65 @@
+/* ─────────────────────────────────────────────────────────────────────
+ * Theme · paper-press
+ *   Editorial daylight twin of midnight-press. Warm cream paper, hot
+ *   orange accent, subtle film grain (multiply blend) so the surface
+ *   feels printed rather than digital.
+ *
+ *   character knobs:
+ *     • hero numbers   — italic editorial serif
+ *     • rule           — 1px solid faint paper line
+ *     • card           — refined, paper-lift shadow
+ *     • surface        — multiply paper grain
+ *     • motion         — slow + cinematic
+ * ───────────────────────────────────────────────────────────────────── */
+:root {
+  /* ─── palette ─── */
+  --shell:        #d8cfb8;
+  --surface:      #efe7d6;
+  --surface-2:    #f5f0e5;
+  --surface-3:    #ece4d2;
+  --text:         #1a1714;
+  --text-2:       #2c2823;
+  --text-mute:    #6b685e;
+  --text-faint:   #98948a;
+  --rule:         #d4ccba;
+  --accent:       #ff4a2b;
+  --accent-soft:  rgba(255, 74, 43, 0.10);
+  --accent-glow:  rgba(255, 74, 43, 0.30);
+
+  /* ─── fonts ─── */
+  --font-display-cn: "Noto Serif SC", "Source Han Serif SC", serif;
+  --font-display-en: "Instrument Serif", "GT Sectra", "Playfair Display", Georgia, serif;
+  --font-body:       "Manrope", "Inter", "Noto Sans SC", -apple-system, sans-serif;
+  --font-mono:       "JetBrains Mono", "SF Mono", ui-monospace, monospace;
+  --font-features:   "ss01", "cv11", "tnum";
+
+  /* ─── motion: slow & cinematic ─── */
+  --dur-base:       700ms;
+  --dur-slow:       1100ms;
+  --dur-cinematic:  1600ms;
+
+  /* ─── design identity ─── */
+  --r-card:        var(--r-sm);
+  --r-stage:       0;
+  --rule-w:        1px;
+  --rule-style:    solid;
+  --hero-num-font:    var(--font-display-en);
+  --hero-num-style:   italic;
+  --hero-num-weight:  400;
+  --hero-num-track:   -0.025em;
+  --stage-pad-x:   140px;
+  --stage-pad-y:   100px;
+  --card-shadow:
+    0 1px 0 var(--rule),
+    0 24px 60px rgba(40, 30, 15, 0.18);
+  --shadow-stage:
+    0 60px 160px rgba(40, 30, 15, 0.35),
+    0 0 0 1px rgba(0, 0, 0, 0.04);
+
+  /* ─── decoration: paper grain (multiply on the stage) ─── */
+  --surface-pattern:
+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 0.6 0 0 0 0 0.55 0 0 0 0 0.45 0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
+  --surface-pattern-size: 280px 280px;
+  --surface-pattern-blend: multiply;
+  --surface-pattern-opacity: 0.45;
+}