chore: 1.0.0 release

example/dji-pocket4/pages/01_cover.page

@@ -0,0 +1,66 @@
+pageType: cover
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: hero
+    elementType: image
+    bounds: [0, 0, 960, 540]
+    src: "media/hero_sunset.jpg"
+    fit: {mode: cover}
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#0C0C0E59"}
+        - {position: 0.55, color: "#0C0C0E40"}
+        - {position: 1, color: "#0C0C0EF2"}
+  - elementId: meta
+    elementType: text
+    bounds: [48, 40, 620, 16]
+    content:
+      fontSize: 10.5
+      color: "#F2F0EACC"
+      letterSpacing: 2
+      wrap: false
+      align: [left, middle]
+      text: DJI 大疆创新 · 2026.04.16 深圳发布
+  - elementId: title-bar
+    elementType: shape
+    bounds: [48, 262, 56, 4]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: title
+    elementType: text
+    bounds: [48, 282, 780, 200]
+    content:
+      fontSize: 76
+      color: "$text"
+      lineHeight: 1.24
+      align: [left, top]
+      text: |
+        <p><strong>一寸万象</strong></p>
+        <p><strong>光影随行</strong></p>
+  - elementId: subtitle
+    elementType: text
+    bounds: [48, 490, 700, 18]
+    content:
+      fontSize: 13
+      color: "#F2F0EACC"
+      wrap: false
+      align: [left, middle]
+      text: Osmo Pocket 4 · 一英寸口袋云台相机 产品深度解读
+  - elementId: price-note
+    elementType: text
+    bounds: [580, 510, 348, 14]
+    content:
+      fontSize: 10
+      color: "#8E8E96CC"
+      wrap: false
+      align: [right, middle]
+      text: 标准套装 ¥2999 起 · 全能套装 ¥3799

example/dji-pocket4/pages/02_highlights.page

@@ -0,0 +1,151 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 02 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 92, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 核心亮点 KEY HIGHLIGHTS
+  - elementId: statement
+    elementType: text
+    bounds: [48, 122, 430, 130]
+    content:
+      fontSize: 42
+      color: "$text"
+      lineHeight: 1.4
+      align: [left, top]
+      text: |
+        <p><strong>把电影机，</strong></p>
+        <p><strong>装进口袋。</strong></p>
+  - elementId: desc
+    elementType: text
+    bounds: [48, 272, 400, 52]
+    content:
+      fontSize: 12.5
+      color: "$muted"
+      lineHeight: 1.8
+      align: [left, top]
+      text: 延续 Pocket 系列便携形态，一英寸大底与全面进化的影像规格，让专业级创作随手可得。
+  - elementId: divider
+    elementType: shape
+    bounds: [486, 96, 1, 380]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: n1
+    elementType: text
+    bounds: [520, 100, 392, 48]
+    content:
+      fontSize: 40
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>1<span style="font-size:22px; color:$accent;"> 英寸 CMOS</span></strong></p>
+  - elementId: n1-label
+    elementType: text
+    bounds: [520, 152, 392, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 堆栈式传感器 · f/2.0 大光圈
+  - elementId: row-line1
+    elementType: shape
+    bounds: [520, 190, 392, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: n2
+    elementType: text
+    bounds: [520, 196, 392, 48]
+    content:
+      fontSize: 40
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>4K/240<span style="font-size:22px; color:$accent;"> fps</span></strong></p>
+  - elementId: n2-label
+    elementType: text
+    bounds: [520, 248, 392, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 慢动作录制 · 上代的 2 倍
+  - elementId: row-line2
+    elementType: shape
+    bounds: [520, 286, 392, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: n3
+    elementType: text
+    bounds: [520, 292, 392, 48]
+    content:
+      fontSize: 40
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>14<span style="font-size:22px; color:$accent;"> 档</span></strong></p>
+  - elementId: n3-label
+    elementType: text
+    bounds: [520, 344, 392, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 动态范围 · 10-bit D-Log 色彩
+  - elementId: row-line3
+    elementType: shape
+    bounds: [520, 382, 392, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: n4
+    elementType: text
+    bounds: [520, 388, 392, 48]
+    content:
+      fontSize: 40
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>107<span style="font-size:22px; color:$accent;"> GB</span></strong></p>
+  - elementId: n4-label
+    elementType: text
+    bounds: [520, 440, 392, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 内置存储 · 800MB/s 极速导出

example/dji-pocket4/pages/03_toc.page

@@ -0,0 +1,172 @@
+pageType: table_of_contents
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 03 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 目录 CONTENTS
+  - elementId: toc1-num
+    elementType: text
+    bounds: [48, 132, 72, 34]
+    content:
+      fontSize: 26
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>01</strong>"
+  - elementId: toc1-title
+    elementType: text
+    bounds: [136, 132, 420, 30]
+    content:
+      fontSize: 20
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>影像画质</strong>"
+  - elementId: toc1-sub
+    elementType: text
+    bounds: [136, 166, 430, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 一英寸 CMOS · 14 档动态范围 · 4K/240fps · 2 倍无损变焦
+  - elementId: toc1-line
+    elementType: shape
+    bounds: [48, 200, 480, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: toc2-num
+    elementType: text
+    bounds: [48, 222, 72, 34]
+    content:
+      fontSize: 26
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>02</strong>"
+  - elementId: toc2-title
+    elementType: text
+    bounds: [136, 222, 420, 30]
+    content:
+      fontSize: 20
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>智能与操控</strong>"
+  - elementId: toc2-sub
+    elementType: text
+    bounds: [136, 256, 430, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 智能跟随 7.0 · 旋屏开拍 · 屏下双按键 · 三轴增稳
+  - elementId: toc2-line
+    elementType: shape
+    bounds: [48, 290, 480, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: toc3-num
+    elementType: text
+    bounds: [48, 312, 72, 34]
+    content:
+      fontSize: 26
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>03</strong>"
+  - elementId: toc3-title
+    elementType: text
+    bounds: [136, 312, 420, 30]
+    content:
+      fontSize: 20
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>音频与生态</strong>"
+  - elementId: toc3-sub
+    elementType: text
+    bounds: [136, 346, 430, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: OsmoAudio 四声道 · 107GB 存储 · 240 分钟续航 · 配件
+  - elementId: toc3-line
+    elementType: shape
+    bounds: [48, 380, 480, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: toc4-num
+    elementType: text
+    bounds: [48, 402, 72, 34]
+    content:
+      fontSize: 26
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>04</strong>"
+  - elementId: toc4-title
+    elementType: text
+    bounds: [136, 402, 420, 30]
+    content:
+      fontSize: 20
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>规格与售价</strong>"
+  - elementId: toc4-sub
+    elementType: text
+    bounds: [136, 436, 430, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 全参数一览 · 标准套装 ¥2999 · 全能套装 ¥3799
+  - elementId: toc-img
+    elementType: image
+    bounds: [600, 96, 312, 312]
+    src: "media/product_sq.jpg"
+    fit: {mode: cover}
+  - elementId: toc-img-caption
+    elementType: text
+    bounds: [600, 416, 312, 14]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [center, middle]
+      text: Osmo Pocket 4 · 一英寸口袋云台相机

example/dji-pocket4/pages/04_chapter1.page

@@ -0,0 +1,77 @@
+pageType: chapter
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: bg-img
+    elementType: image
+    bounds: [0, 0, 960, 540]
+    src: "media/vlog_dusk.jpg"
+    fit: {mode: cover}
+  - elementId: dim
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill: {type: solid, color: "#0C0C0E80"}
+  - elementId: bottom-grad
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#0C0C0E00"}
+        - {position: 1, color: "#0C0C0ED9"}
+  - elementId: ch-num
+    elementType: text
+    bounds: [48, 118, 400, 190]
+    content:
+      fontSize: 150
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>01</strong>"
+  - elementId: ch-bar
+    elementType: shape
+    bounds: [48, 316, 56, 4]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: ch-eng
+    elementType: text
+    bounds: [48, 334, 400, 16]
+    content:
+      fontSize: 12
+      color: "$accent"
+      letterSpacing: 4
+      wrap: false
+      align: [left, middle]
+      text: IMAGE QUALITY
+  - elementId: ch-title
+    elementType: text
+    bounds: [48, 356, 500, 64]
+    content:
+      fontSize: 50
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>影像画质</strong>"
+  - elementId: ch-sub
+    elementType: text
+    bounds: [48, 434, 500, 20]
+    content:
+      fontSize: 13
+      color: "#F2F0EACC"
+      wrap: false
+      align: [left, middle]
+      text: 一英寸大底的全面进化
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "#F2F0EA99"
+      wrap: false
+      align: [right, middle]
+      text: 04 / 18

example/dji-pocket4/pages/05_cmos.page

@@ -0,0 +1,109 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: side-img
+    elementType: image
+    bounds: [492, 0, 468, 540]
+    src: "media/night_vlog_bl.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "#F2F0EA99"
+      wrap: false
+      align: [right, middle]
+      text: 05 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 影像画质 IMAGE QUALITY
+  - elementId: title
+    elementType: text
+    bounds: [48, 116, 430, 100]
+    content:
+      style: "$pageTitle"
+      align: [left, top]
+      text: |
+        <p><strong>一英寸 CMOS，</strong></p>
+        <p><strong>夜景更纯净</strong></p>
+  - elementId: body
+    elementType: text
+    bounds: [48, 236, 396, 96]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: 全新升级的一英寸堆栈式 CMOS，配合 f/2.0 大光圈，感光性能与浅景深效果显著提升——暗光夜景纯净通透，人像虚化柔和立体。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [48, 352, 396, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [48, 368, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>f/2.0</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [48, 398, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 最大光圈
+  - elementId: stat2
+    elementType: text
+    bounds: [184, 368, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>3700 万</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [184, 398, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 照片像素
+  - elementId: stat3
+    elementType: text
+    bounds: [320, 368, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>7680×4320</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [320, 398, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 照片最高分辨率

example/dji-pocket4/pages/06_dlog.page

@@ -0,0 +1,118 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: side-img
+    elementType: image
+    bounds: [0, 0, 468, 540]
+    src: "media/horse_dusk_bl.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 06 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [536, 88, 376, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 影像画质 IMAGE QUALITY
+  - elementId: title
+    elementType: text
+    bounds: [536, 116, 376, 100]
+    content:
+      style: "$pageTitle"
+      align: [left, top]
+      text: |
+        <p><strong>14 档动态范围，</strong></p>
+        <p><strong>光影层次分明</strong></p>
+  - elementId: body
+    elementType: text
+    bounds: [536, 236, 376, 110]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: 大光比场景下，高光与阴影细节兼得。支持 10-bit D-Log 专业色彩模式（上代为 D-Log M），色彩过渡平滑自然，为后期调色留足电影级空间。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [536, 360, 376, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [536, 376, 120, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>14 档</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [536, 406, 120, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 动态范围
+  - elementId: stat2
+    elementType: text
+    bounds: [664, 376, 120, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>10-bit</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [664, 406, 120, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: D-Log 色彩
+  - elementId: stat3
+    elementType: text
+    bounds: [792, 376, 120, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>+2 档</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [792, 406, 120, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 低光能力提升
+  - elementId: footnote
+    elementType: text
+    bounds: [536, 498, 376, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 数据来源：DJI 官方新闻稿，2026-04

example/dji-pocket4/pages/07_slowmo.page

@@ -0,0 +1,123 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: img1
+    elementType: image
+    bounds: [512, 48, 400, 232]
+    src: "media/slowmo_skate.jpg"
+    fit: {mode: cover}
+  - elementId: img2
+    elementType: image
+    bounds: [512, 296, 400, 196]
+    src: "media/slowmo_rollers.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 07 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 影像画质 IMAGE QUALITY
+  - elementId: big-num
+    elementType: text
+    bounds: [48, 112, 420, 132]
+    content:
+      color: "$accent"
+      align: [left, middle]
+      wrap: false
+      text: |
+        <p><span style="font-size:104px; color:$accent;"><strong>240</strong></span><span style="font-size:36px; color:$text;"><strong> fps</strong></span></p>
+  - elementId: title
+    elementType: text
+    bounds: [48, 262, 420, 40]
+    content:
+      fontSize: 26
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>4K 高帧率，慢放每一瞬</strong>"
+  - elementId: body
+    elementType: text
+    bounds: [48, 312, 400, 92]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: 慢动作规格由 4K/120fps 翻倍至 4K/240fps，最高 10 倍慢放——曾专属于万元级电影机的规格，如今装进 190g 的口袋机身。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [48, 424, 400, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [48, 440, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>10×</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [48, 470, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 最高慢放
+  - elementId: stat2
+    elementType: text
+    bounds: [184, 440, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>2×</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [184, 470, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 较上代提升
+  - elementId: stat3
+    elementType: text
+    bounds: [320, 440, 140, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>4K/120</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [320, 470, 140, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: Pocket 3 规格

example/dji-pocket4/pages/08_zoom.page

@@ -0,0 +1,109 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: side-img
+    elementType: image
+    bounds: [528, 48, 384, 444]
+    src: "media/portrait.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 08 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 影像画质 IMAGE QUALITY
+  - elementId: title
+    elementType: text
+    bounds: [48, 116, 430, 100]
+    content:
+      style: "$pageTitle"
+      align: [left, top]
+      text: |
+        <p><strong>2 倍无损变焦，</strong></p>
+        <p><strong>人像更有电影感</strong></p>
+  - elementId: body
+    elementType: text
+    bounds: [48, 236, 400, 130]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: 一键切换 1×/2× 无损变焦，特写人像锐利清晰；最高 4× 数码变焦，远景近物皆在眼前。内置多种胶片影调风格，一键复刻电影质感；新增美肤滤镜，磨皮、美白与肤色冷暖随心调，搭配外置补光灯，逆光暗光也能柔光美颜。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [48, 392, 400, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [48, 408, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>2×</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [48, 438, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 无损变焦
+  - elementId: stat2
+    elementType: text
+    bounds: [184, 408, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>4×</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [184, 438, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 数码变焦
+  - elementId: stat3
+    elementType: text
+    bounds: [320, 408, 140, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>1 键</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [320, 438, 140, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 变焦按键切换

example/dji-pocket4/pages/09_chapter2.page

@@ -0,0 +1,77 @@
+pageType: chapter
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: bg-img
+    elementType: image
+    bounds: [0, 0, 960, 540]
+    src: "media/film_dancer.jpg"
+    fit: {mode: cover}
+  - elementId: dim
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill: {type: solid, color: "#0C0C0E80"}
+  - elementId: bottom-grad
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#0C0C0E00"}
+        - {position: 1, color: "#0C0C0ED9"}
+  - elementId: ch-num
+    elementType: text
+    bounds: [48, 118, 400, 190]
+    content:
+      fontSize: 150
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>02</strong>"
+  - elementId: ch-bar
+    elementType: shape
+    bounds: [48, 316, 56, 4]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: ch-eng
+    elementType: text
+    bounds: [48, 334, 400, 16]
+    content:
+      fontSize: 12
+      color: "$accent"
+      letterSpacing: 4
+      wrap: false
+      align: [left, middle]
+      text: SMART & CONTROL
+  - elementId: ch-title
+    elementType: text
+    bounds: [48, 356, 500, 64]
+    content:
+      fontSize: 50
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>智能与操控</strong>"
+  - elementId: ch-sub
+    elementType: text
+    bounds: [48, 434, 500, 20]
+    content:
+      fontSize: 13
+      color: "#F2F0EACC"
+      wrap: false
+      align: [left, middle]
+      text: 一个人，就是一支摄制组
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "#F2F0EA99"
+      wrap: false
+      align: [right, middle]
+      text: 09 / 18

example/dji-pocket4/pages/10_tracking.page

@@ -0,0 +1,109 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: side-img
+    elementType: image
+    bounds: [528, 48, 384, 444]
+    src: "media/activetrack.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 10 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 智能与操控 SMART & CONTROL
+  - elementId: title
+    elementType: text
+    bounds: [48, 116, 430, 100]
+    content:
+      style: "$pageTitle"
+      align: [left, top]
+      text: |
+        <p><strong>智能跟随 7.0，</strong></p>
+        <p><strong>镜头锁定主角</strong></p>
+  - elementId: body
+    elementType: text
+    bounds: [48, 236, 400, 136]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: ActiveTrack 7.0 支持最高 4 倍变焦跟随，人群中也能精准锁定主体。开启「锁定主角追焦」，镜头自动锁定目标并持续跟焦，轻点屏幕即可切换对象；「登记主角优先」，让重要的人始终清晰。挥挥手，手势控制即刻开拍。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [48, 396, 400, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [48, 412, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>7.0</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [48, 442, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 智能跟随
+  - elementId: stat2
+    elementType: text
+    bounds: [184, 412, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>4×</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [184, 442, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 变焦跟随
+  - elementId: stat3
+    elementType: text
+    bounds: [320, 412, 140, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>0 接触</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [320, 442, 140, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 手势控制开拍

example/dji-pocket4/pages/11_control.page

@@ -0,0 +1,119 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: side-img
+    elementType: image
+    bounds: [528, 48, 384, 444]
+    src: "media/inhand.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 11 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 智能与操控 SMART & CONTROL
+  - elementId: title
+    elementType: text
+    bounds: [48, 116, 460, 52]
+    content:
+      style: "$pageTitle"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>轻转屏幕，即刻开拍</strong>"
+  - elementId: body
+    elementType: text
+    bounds: [48, 180, 420, 74]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: 三轴云台随旋屏即刻响应，横竖拍无缝切换；2.0 英寸 OLED 触控屏，1000 尼特亮度，阳光下依然清晰可见。
+  - elementId: f1-name
+    elementType: text
+    bounds: [48, 272, 400, 22]
+    content:
+      fontSize: 15
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>屏下双按键</strong>"
+  - elementId: f1-desc
+    elementType: text
+    bounds: [48, 298, 420, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 变焦键单击切换 1×/2×、双击 4×；自定义键长按触发预设
+  - elementId: f1-line
+    elementType: shape
+    bounds: [48, 326, 420, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: f2-name
+    elementType: text
+    bounds: [48, 348, 400, 22]
+    content:
+      fontSize: 15
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>五维摇杆</strong>"
+  - elementId: f2-desc
+    elementType: text
+    bounds: [48, 374, 420, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 单击返回菜单，双击云台回中，三击切换前后镜头朝向
+  - elementId: f2-line
+    elementType: shape
+    bounds: [48, 402, 420, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: f3-name
+    elementType: text
+    bounds: [48, 424, 400, 22]
+    content:
+      fontSize: 15
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>旋转屏开拍</strong>"
+  - elementId: f3-desc
+    elementType: text
+    bounds: [48, 450, 420, 16]
+    content:
+      fontSize: 11
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 轻转屏幕云台即刻响应，竖拍横拍随心切换

example/dji-pocket4/pages/12_gimbal.page

@@ -0,0 +1,109 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: side-img
+    elementType: image
+    bounds: [0, 0, 468, 540]
+    src: "media/tripod_street_bl.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 12 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [536, 88, 376, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 智能与操控 SMART & CONTROL
+  - elementId: title
+    elementType: text
+    bounds: [536, 116, 376, 100]
+    content:
+      style: "$pageTitle"
+      align: [left, top]
+      text: |
+        <p><strong>三轴机械增稳，</strong></p>
+        <p><strong>稳如滑轨</strong></p>
+  - elementId: body
+    elementType: text
+    bounds: [536, 236, 376, 116]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: 三轴机械增稳云台，增稳精度 ±0.005°，最大操控转速 180°/s。走动、奔跑、车载跟拍，画面始终平稳顺滑——机械增稳不裁切画面，画质零损失。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [536, 364, 376, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [536, 380, 120, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>±0.005°</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [536, 410, 120, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 增稳精度
+  - elementId: stat2
+    elementType: text
+    bounds: [664, 380, 120, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>180°/s</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [664, 410, 120, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 最大操控转速
+  - elementId: stat3
+    elementType: text
+    bounds: [792, 380, 120, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>-120°~70°</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [792, 410, 120, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 云台俯仰范围

example/dji-pocket4/pages/13_chapter3.page

@@ -0,0 +1,77 @@
+pageType: chapter
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: bg-img
+    elementType: image
+    bounds: [0, 0, 960, 540]
+    src: "media/picnic.jpg"
+    fit: {mode: cover}
+  - elementId: dim
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill: {type: solid, color: "#0C0C0E99"}
+  - elementId: bottom-grad
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#0C0C0E00"}
+        - {position: 1, color: "#0C0C0ED9"}
+  - elementId: ch-num
+    elementType: text
+    bounds: [48, 118, 400, 190]
+    content:
+      fontSize: 150
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>03</strong>"
+  - elementId: ch-bar
+    elementType: shape
+    bounds: [48, 316, 56, 4]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: ch-eng
+    elementType: text
+    bounds: [48, 334, 400, 16]
+    content:
+      fontSize: 12
+      color: "$accent"
+      letterSpacing: 4
+      wrap: false
+      align: [left, middle]
+      text: AUDIO & ECOSYSTEM
+  - elementId: ch-title
+    elementType: text
+    bounds: [48, 356, 500, 64]
+    content:
+      fontSize: 50
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>音频与生态</strong>"
+  - elementId: ch-sub
+    elementType: text
+    bounds: [48, 434, 560, 20]
+    content:
+      fontSize: 13
+      color: "#F2F0EACC"
+      wrap: false
+      align: [left, middle]
+      text: 从声音、存储到续航的全链路体验
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "#F2F0EA99"
+      wrap: false
+      align: [right, middle]
+      text: 13 / 18

example/dji-pocket4/pages/14_audio.page

@@ -0,0 +1,114 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: img1
+    elementType: image
+    bounds: [520, 110, 392, 186]
+    src: "media/osmoaudio.jpg"
+    fit: {mode: cover}
+  - elementId: img2
+    elementType: image
+    bounds: [520, 312, 392, 180]
+    src: "media/mic3.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 14 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 音频与生态 AUDIO & ECOSYSTEM
+  - elementId: title
+    elementType: text
+    bounds: [48, 116, 430, 100]
+    content:
+      style: "$pageTitle"
+      align: [left, top]
+      text: |
+        <p><strong>OsmoAudio，</strong></p>
+        <p><strong>声临其境</strong></p>
+  - elementId: body
+    elementType: text
+    bounds: [48, 236, 400, 136]
+    content:
+      style: "$body"
+      align: [left, top]
+      text: OsmoAudio 直连 DJI Mic 3 发射器，无需接收器即可四声道同步录制；新增空间音频与变焦拾音，声音随画面远近变化，临场感倍增。机身三麦克风阵列，48kHz 16-bit 高清收音。
+  - elementId: stats-line
+    elementType: shape
+    bounds: [48, 396, 400, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: stat1
+    elementType: text
+    bounds: [48, 412, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>4 声道</strong>"
+  - elementId: stat1-label
+    elementType: text
+    bounds: [48, 442, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 同步录制
+  - elementId: stat2
+    elementType: text
+    bounds: [184, 412, 124, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>空间音频</strong>"
+  - elementId: stat2-label
+    elementType: text
+    bounds: [184, 442, 124, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 变焦拾音
+  - elementId: stat3
+    elementType: text
+    bounds: [320, 412, 140, 26]
+    content:
+      style: "$statNum"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>Mic 3</strong>"
+  - elementId: stat3-label
+    elementType: text
+    bounds: [320, 442, 140, 14]
+    content:
+      style: "$statLabel"
+      wrap: false
+      align: [left, middle]
+      text: 无线直连

example/dji-pocket4/pages/15_battery.page

@@ -0,0 +1,130 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 15 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 音频与生态 AUDIO & ECOSYSTEM
+  - elementId: title
+    elementType: text
+    bounds: [48, 114, 500, 48]
+    content:
+      fontSize: 34
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>存储与续航，一步到位</strong>"
+  - elementId: grid-vline
+    elementType: shape
+    bounds: [479, 202, 1, 276]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: grid-hline
+    elementType: shape
+    bounds: [48, 336, 864, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: c1-num
+    elementType: text
+    bounds: [48, 210, 420, 56]
+    content:
+      fontSize: 48
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>107<span style="font-size:22px; color:$accent;"> GB</span></strong></p>
+  - elementId: c1-label
+    elementType: text
+    bounds: [48, 278, 420, 36]
+    content:
+      fontSize: 11.5
+      color: "$muted"
+      lineHeight: 1.55
+      align: [left, top]
+      text: 内置存储空间，另支持 microSD 卡扩展至 1TB
+  - elementId: c2-num
+    elementType: text
+    bounds: [504, 210, 408, 56]
+    content:
+      fontSize: 48
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>800<span style="font-size:22px; color:$accent;"> MB/s</span></strong></p>
+  - elementId: c2-label
+    elementType: text
+    bounds: [504, 278, 408, 36]
+    content:
+      fontSize: 11.5
+      color: "$muted"
+      lineHeight: 1.55
+      align: [left, top]
+      text: USB 3.1 有线极速导出，Wi-Fi 6 无线传输
+  - elementId: c3-num
+    elementType: text
+    bounds: [48, 356, 420, 56]
+    content:
+      fontSize: 48
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>240<span style="font-size:22px; color:$accent;"> min</span></strong></p>
+  - elementId: c3-label
+    elementType: text
+    bounds: [48, 424, 420, 36]
+    content:
+      fontSize: 11.5
+      color: "$muted"
+      lineHeight: 1.55
+      align: [left, top]
+      text: 满电连续拍摄时长，全天创作不断电
+  - elementId: c4-num
+    elementType: text
+    bounds: [504, 356, 408, 56]
+    content:
+      fontSize: 48
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: |
+        <p><strong>18<span style="font-size:22px; color:$accent;"> min</span></strong></p>
+  - elementId: c4-label
+    elementType: text
+    bounds: [504, 424, 408, 36]
+    content:
+      fontSize: 11.5
+      color: "$muted"
+      lineHeight: 1.55
+      align: [left, top]
+      text: PD 快充充至 80%，32 分钟充满 100%

example/dji-pocket4/pages/16_accessories.page

@@ -0,0 +1,151 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: acc-img
+    elementType: image
+    bounds: [48, 108, 500, 364]
+    src: "media/accessories.jpg"
+    fit: {mode: cover}
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 16 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [588, 88, 324, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 音频与生态 AUDIO & ECOSYSTEM
+  - elementId: title
+    elementType: text
+    bounds: [588, 114, 324, 44]
+    content:
+      fontSize: 30
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>配件全家桶</strong>"
+  - elementId: body
+    elementType: text
+    bounds: [588, 166, 324, 44]
+    content:
+      fontSize: 12
+      color: "$muted"
+      lineHeight: 1.65
+      align: [left, top]
+      text: 丰富配件覆盖补光、收音、续航与收纳，按需组合，适配多元创作场景。
+  - elementId: a1-mark
+    elementType: shape
+    bounds: [588, 234, 12, 2]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: a1
+    elementType: text
+    bounds: [608, 226, 304, 20]
+    content:
+      fontSize: 12.5
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: DJI Mic 3 发射器
+  - elementId: a2-mark
+    elementType: shape
+    bounds: [588, 262, 12, 2]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: a2
+    elementType: text
+    bounds: [608, 254, 304, 20]
+    content:
+      fontSize: 12.5
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: 外置补光灯 · 美颜柔光镜
+  - elementId: a3-mark
+    elementType: shape
+    bounds: [588, 290, 12, 2]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: a3
+    elementType: text
+    bounds: [608, 282, 304, 20]
+    content:
+      fontSize: 12.5
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: 增广镜 · 磁吸 ND 镜套装
+  - elementId: a4-mark
+    elementType: shape
+    bounds: [588, 318, 12, 2]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: a4
+    elementType: text
+    bounds: [608, 310, 304, 20]
+    content:
+      fontSize: 12.5
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: 迷你三脚架 · 拓展转接件
+  - elementId: a5-mark
+    elementType: shape
+    bounds: [588, 346, 12, 2]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: a5
+    elementType: text
+    bounds: [608, 338, 304, 20]
+    content:
+      fontSize: 12.5
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: 续航手柄 · 1/4″ 螺纹手柄
+  - elementId: a6-mark
+    elementType: shape
+    bounds: [588, 374, 12, 2]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: a6
+    elementType: text
+    bounds: [608, 366, 304, 20]
+    content:
+      fontSize: 12.5
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: 收纳包 · 保护壳 · 云台夹
+  - elementId: acc-note
+    elementType: text
+    bounds: [588, 416, 324, 56]
+    content:
+      fontSize: 10.5
+      color: "$muted"
+      lineHeight: 1.6
+      align: [left, top]
+      text: 全能套装一站配齐核心配件；所有配件均可在 DJI 官方商城单独选购。

example/dji-pocket4/pages/17_specs.page

@@ -0,0 +1,114 @@
+pageType: content
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 17 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 规格与售价 SPECS & PRICE
+  - elementId: title
+    elementType: text
+    bounds: [48, 114, 500, 44]
+    content:
+      fontSize: 34
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>技术规格全览</strong>"
+  - elementId: spec-table
+    elementType: table
+    bounds: [48, 176, 540, 322]
+    columnWidths: [0.3, 0.7]
+    rowHeights: [0.083, 0.083, 0.083, 0.083, 0.083, 0.083, 0.083, 0.083, 0.084, 0.084, 0.084, 0.084]
+    style:
+      fontSize: 10.5
+      bodyColor: "$text"
+      headerBold: false
+      firstColumnColor: "$muted"
+      border: [null, null, {style: solid, width: 0.75, color: "$line"}, null]
+    rows:
+      - - content: {text: 机身尺寸, align: [left, middle]}
+        - content: {text: 144.2 × 44.4 × 33.5 mm, align: [left, middle]}
+      - - content: {text: 机身重量, align: [left, middle]}
+        - content: {text: 190.5 g, align: [left, middle]}
+      - - content: {text: 传感器, align: [left, middle]}
+        - content: {text: 1 英寸堆栈式 CMOS, align: [left, middle]}
+      - - content: {text: 镜头, align: [left, middle]}
+        - content: {text: 等效 20 mm · f/2.0 光圈, align: [left, middle]}
+      - - content: {text: 照片, align: [left, middle]}
+        - content: {text: 约 3700 万像素（7680 × 4320）, align: [left, middle]}
+      - - content: {text: 视频, align: [left, middle]}
+        - content: {text: 4K/240fps 慢动作 · 1080p/240fps, align: [left, middle]}
+      - - content: {text: 动态范围, align: [left, middle]}
+        - content: {text: 14 档 · 10-bit D-Log 色彩, align: [left, middle]}
+      - - content: {text: 屏幕, align: [left, middle]}
+        - content: {text: 2.0″ OLED 触控旋转屏 · 1000 尼特, align: [left, middle]}
+      - - content: {text: 存储, align: [left, middle]}
+        - content: {text: 内置 107GB · microSD 扩展至 1TB, align: [left, middle]}
+      - - content: {text: 电池, align: [left, middle]}
+        - content: {text: 1545mAh · 240 分钟续航 · 18 分钟充至 80%, align: [left, middle]}
+      - - content: {text: 传输, align: [left, middle]}
+        - content: {text: USB 3.1 800MB/s · Wi-Fi 6 · 蓝牙, align: [left, middle]}
+      - - content: {text: 音频, align: [left, middle]}
+        - content: {text: 三麦克风 · OsmoAudio 四声道, align: [left, middle]}
+  - elementId: product-img
+    elementType: image
+    bounds: [628, 176, 284, 160]
+    src: "media/product_black.jpg"
+    fit: {mode: cover}
+  - elementId: product-caption
+    elementType: text
+    bounds: [628, 344, 284, 14]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [center, middle]
+      text: Osmo Pocket 4 标准套装
+  - elementId: product-price
+    elementType: text
+    bounds: [628, 366, 284, 44]
+    content:
+      color: "$accent"
+      align: [center, middle]
+      wrap: false
+      text: |
+        <p><span style="font-size:30px; color:$accent;"><strong>¥2999</strong></span><span style="font-size:12px; color:$muted;"> 起</span></p>
+  - elementId: product-note
+    elementType: text
+    bounds: [628, 420, 284, 60]
+    content:
+      fontSize: 10
+      color: "$muted"
+      lineHeight: 1.6
+      align: [center, top]
+      text: |
+        <p style="text-align:center">2026.04.16 国行现货开售</p>
+        <p style="text-align:center">全球其他地区 04.22 起发售</p>

example/dji-pocket4/pages/18_price.page

@@ -0,0 +1,139 @@
+pageType: final
+background:
+  type: solid
+  color: "$bg"
+elements:
+  - elementId: hd-bar
+    elementType: shape
+    bounds: [48, 34, 4, 12]
+    shapeName: rect
+    fill: {type: solid, color: "$accent"}
+  - elementId: hd-label
+    elementType: text
+    bounds: [60, 32, 260, 15]
+    content:
+      style: "$headerLabel"
+      wrap: false
+      align: [left, middle]
+      text: DJI OSMO POCKET 4
+  - elementId: page-num
+    elementType: text
+    bounds: [856, 510, 72, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [right, middle]
+      text: 18 / 18
+  - elementId: kicker
+    elementType: text
+    bounds: [48, 88, 400, 14]
+    content:
+      style: "$kicker"
+      wrap: false
+      align: [left, middle]
+      text: 规格与售价 SPECS & PRICE
+  - elementId: title
+    elementType: text
+    bounds: [48, 114, 560, 48]
+    content:
+      fontSize: 34
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>2999 元起，增配降价</strong>"
+  - elementId: p1-label
+    elementType: text
+    bounds: [48, 196, 200, 22]
+    content:
+      fontSize: 15
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>标准套装</strong>"
+  - elementId: p1-price
+    elementType: text
+    bounds: [48, 224, 300, 56]
+    content:
+      fontSize: 44
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>¥2999</strong>"
+  - elementId: p1-items
+    elementType: text
+    bounds: [48, 290, 380, 60]
+    content:
+      fontSize: 10.5
+      color: "$muted"
+      lineHeight: 1.7
+      align: [left, top]
+      text: |
+        <p>主相机 · 云台夹 · 1/4″ 螺纹手柄</p>
+        <p>便携收纳袋 · USB-C PD 快充线（USB 3.1）</p>
+  - elementId: price-vline
+    elementType: shape
+    bounds: [479, 196, 1, 154]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: p2-label
+    elementType: text
+    bounds: [520, 196, 200, 22]
+    content:
+      fontSize: 15
+      color: "$text"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>全能套装</strong>"
+  - elementId: p2-price
+    elementType: text
+    bounds: [520, 224, 300, 56]
+    content:
+      fontSize: 44
+      color: "$accent"
+      wrap: false
+      align: [left, middle]
+      text: "<strong>¥3799</strong>"
+  - elementId: p2-items
+    elementType: text
+    bounds: [520, 290, 392, 60]
+    content:
+      fontSize: 10.5
+      color: "$muted"
+      lineHeight: 1.7
+      align: [left, top]
+      text: |
+        <p>含标准套装全部配件，另加 DJI Mic 3 发射器、</p>
+        <p>补光灯、增广镜、迷你三脚架、收纳包</p>
+  - elementId: mid-line
+    elementType: shape
+    bounds: [48, 384, 864, 1]
+    shapeName: rect
+    fill: {type: solid, color: "$line"}
+  - elementId: closing
+    elementType: text
+    bounds: [48, 406, 864, 48]
+    content:
+      fontSize: 28
+      color: "$text"
+      wrap: false
+      align: [center, middle]
+      text: "<strong>大片生活，即刻呈现。</strong>"
+  - elementId: teaser
+    elementType: text
+    bounds: [48, 462, 864, 20]
+    content:
+      fontSize: 13
+      color: "$accent"
+      wrap: false
+      align: [center, middle]
+      text: 彩蛋 · 双摄版 Osmo Pocket 4P，年内登场
+  - elementId: source
+    elementType: text
+    bounds: [48, 510, 720, 12]
+    content:
+      fontSize: 9
+      color: "$muted"
+      wrap: false
+      align: [left, middle]
+      text: 资料来源：DJI 官网新闻稿（2026-04-16）· DJI 官方商城 · 中关村在线；图片来自 DJI 官方 CDN