chore: 1.0.0 release

example/yu7-ppt/pages/1_cover.page

@@ -0,0 +1,80 @@
+pageType: cover
+background:
+  type: image
+  src: "media/bg_cover.jpg"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 0
+      stops:
+        - {position: 0, color: "#000000F2"}
+        - {position: 0.5, color: "#00000099"}
+        - {position: 1, color: "#00000000"}
+  - elementId: meta-top
+    elementType: text
+    bounds: [60, 46, 500, 22]
+    content:
+      fontSize: 12
+      color: "$w85"
+      letterSpacing: 3
+      text: "XIAOMI EV · 小米汽车"
+  - elementId: accent-line
+    elementType: shape
+    bounds: [60, 86, 56, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: cover-title
+    elementType: text
+    bounds: [60, 150, 660, 130]
+    content:
+      style: "$coverTitle"
+      align: [left, middle]
+      text: "小米 YU7"
+  - elementId: cover-en
+    elementType: text
+    bounds: [60, 282, 660, 34]
+    content:
+      fontSize: 20
+      color: "$w70"
+      letterSpacing: 10
+      text: "XIAOMI YU7"
+  - elementId: slogan
+    elementType: text
+    bounds: [60, 330, 640, 46]
+    content:
+      fontSize: 17
+      color: "$white"
+      letterSpacing: 2
+      text: "御风而行 · 豪华高性能纯电 SUV"
+  - elementId: desc
+    elementType: text
+    bounds: [60, 380, 560, 44]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.7
+      text: |
+        传承家族设计 · 澎湃性能 · 越级智能 · 全维安全
+        重新定义豪华高性能 SUV 新标准
+  - elementId: bottom-meta
+    elementType: text
+    bounds: [60, 488, 500, 20]
+    content:
+      fontSize: 11
+      color: "$w60"
+      letterSpacing: 1
+      text: "2025.06 上市 · 小米汽车科技有限公司"
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "01 / 08"

example/yu7-ppt/pages/2_overview.page

@@ -0,0 +1,195 @@
+pageType: content
+background:
+  type: image
+  src: "media/bg_data.png"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#000000E6"}
+        - {position: 0.65, color: "#000000B3"}
+        - {position: 1, color: "#00000080"}
+  - elementId: label
+    elementType: text
+    bounds: [60, 48, 500, 22]
+    content:
+      style: "$label"
+      text: "YU7 AT A GLANCE · 一图看懂"
+  - elementId: title
+    elementType: text
+    bounds: [60, 88, 700, 58]
+    content:
+      style: "$pageTitle"
+      text: "核心实力，一眼读懂"
+  - elementId: subtitle
+    elementType: text
+    bounds: [60, 148, 760, 26]
+    content:
+      fontSize: 15
+      color: "$w70"
+      text: "五大核心指标，重新定义豪华高性能纯电 SUV 的标准"
+  - elementId: divider
+    elementType: line
+    bounds: [60, 196, 840, 1]
+    viewBox: [840, 1]
+    points: "0,0.5 840,0.5"
+    border: {style: solid, width: 1, color: "#FFFFFF2E"}
+  - elementId: stat1-line
+    elementType: shape
+    bounds: [60, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: stat2-line
+    elementType: shape
+    bounds: [230, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: stat3-line
+    elementType: shape
+    bounds: [400, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: stat4-line
+    elementType: shape
+    bounds: [570, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: stat5-line
+    elementType: shape
+    bounds: [740, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: stat1
+    elementType: text
+    bounds: [60, 252, 150, 60]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">23.35</span><span style="font-size:16px; color:#FFFFFFB3;">万起</span></p>
+  - elementId: stat1-label
+    elementType: text
+    bounds: [60, 318, 150, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "起售价格"
+  - elementId: stat1-desc
+    elementType: text
+    bounds: [60, 344, 152, 40]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "官网在售价（2026.08）"
+  - elementId: stat2
+    elementType: text
+    bounds: [230, 252, 150, 60]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">835</span><span style="font-size:16px; color:#FFFFFFB3;">km</span></p>
+  - elementId: stat2-label
+    elementType: text
+    bounds: [230, 318, 150, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "CLTC 最高续航"
+  - elementId: stat2-desc
+    elementType: text
+    bounds: [230, 344, 152, 40]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "全系长续航，入门即长续航"
+  - elementId: stat3
+    elementType: text
+    bounds: [400, 252, 150, 60]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">897</span><span style="font-size:16px; color:#FFFFFFB3;">V</span></p>
+  - elementId: stat3-label
+    elementType: text
+    bounds: [400, 318, 150, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "Max 峰值电压"
+  - elementId: stat3-desc
+    elementType: text
+    bounds: [400, 344, 152, 40]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "全系碳化硅高压平台"
+  - elementId: stat4
+    elementType: text
+    bounds: [570, 252, 150, 60]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">0.245</span></p>
+  - elementId: stat4-label
+    elementType: text
+    bounds: [570, 318, 150, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "超低风阻系数"
+  - elementId: stat4-desc
+    elementType: text
+    bounds: [570, 344, 152, 40]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "10 组风道 · 40+ 处优化"
+  - elementId: stat5
+    elementType: text
+    bounds: [740, 252, 150, 60]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">3944</span><span style="font-size:16px; color:#FFFFFFB3;">km</span></p>
+  - elementId: stat5-label
+    elementType: text
+    bounds: [740, 318, 150, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "24h 耐力挑战"
+  - elementId: stat5-desc
+    elementType: text
+    bounds: [740, 344, 152, 40]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "中汽中心·华诚认证"
+  - elementId: note
+    elementType: text
+    bounds: [60, 468, 840, 40]
+    content:
+      fontSize: 11
+      color: "$w50"
+      lineHeight: 1.6
+      text: |
+        数据来源：<a href="https://www.xiaomiev.com/yu7">小米汽车官网 xiaomiev.com/yu7</a>，2026 年 8 月抓取。续航、电压等数据来自小米汽车实验室，配置区分车型版本。
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "02 / 08"

example/yu7-ppt/pages/3_exterior.page

@@ -0,0 +1,110 @@
+pageType: content
+background:
+  type: image
+  src: "media/bg_exterior.jpg"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 0
+      stops:
+        - {position: 0, color: "#000000F0"}
+        - {position: 0.6, color: "#0000008C"}
+        - {position: 1, color: "#00000000"}
+  - elementId: label
+    elementType: text
+    bounds: [60, 48, 500, 22]
+    content:
+      style: "$label"
+      text: "EXTERIOR DESIGN · 外观设计"
+  - elementId: title
+    elementType: text
+    bounds: [60, 88, 640, 56]
+    content:
+      style: "$pageTitle"
+      text: "优雅动感，一脉相承"
+  - elementId: lead
+    elementType: text
+    bounds: [60, 148, 560, 44]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.7
+      text: |
+        1:3 头身比与舒展的宽体低趴姿态，搭配流畅车身曲线；
+        镂空水滴大灯与光环尾灯，一眼经典，再看独特。
+  - elementId: row1-num
+    elementType: text
+    bounds: [60, 232, 220, 52]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:36px; color:#FFFFFF; font-weight:700;">1:3</span><span style="font-size:15px; color:#FFFFFFB3;"> 头身比</span></p>
+  - elementId: row1-desc
+    elementType: text
+    bounds: [300, 236, 380, 44]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.6
+      text: "延续汽车工业沉淀百年的长车头豪华比例，蓄势待发"
+  - elementId: row2-num
+    elementType: text
+    bounds: [60, 302, 220, 52]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:36px; color:#FFFFFF; font-weight:700;">3.11</span><span style="font-size:15px; color:#FFFFFFB3;">㎡ 蚌式铝机盖</span></p>
+  - elementId: row2-desc
+    elementType: text
+    bounds: [300, 306, 380, 44]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.6
+      text: "量产最大蚌式铝机盖，与整车型面浑然一体"
+  - elementId: row3-num
+    elementType: text
+    bounds: [60, 372, 220, 52]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:36px; color:#FFFFFF; font-weight:700;">0.245</span><span style="font-size:15px; color:#FFFFFFB3;"> 风阻系数</span></p>
+  - elementId: row3-desc
+    elementType: text
+    bounds: [300, 376, 380, 44]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.6
+      text: "10 组贯穿式风道 · 40+ 处空气动力学优化，带来更好续航"
+  - elementId: extra
+    elementType: text
+    bounds: [60, 450, 560, 40]
+    content:
+      fontSize: 12
+      color: "$w60"
+      letterSpacing: 1
+      lineHeight: 1.7
+      text: "镂空水滴大灯 · 光环尾灯 · 电动内翻式门把手 · 22° 上翘鸭尾"
+  - elementId: note
+    elementType: text
+    bounds: [60, 492, 560, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      text: |
+        图源：<a href="https://www.xiaomiev.com/yu7">小米汽车官网</a> · 风阻数据来自中国汽研重庆风洞实验室
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "03 / 08"

example/yu7-ppt/pages/4_performance.page

@@ -0,0 +1,130 @@
+pageType: content
+background:
+  type: image
+  src: "media/bg_performance.jpg"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 0
+      stops:
+        - {position: 0, color: "#000000F0"}
+        - {position: 0.55, color: "#00000096"}
+        - {position: 1, color: "#00000026"}
+  - elementId: label
+    elementType: text
+    bounds: [60, 48, 520, 22]
+    content:
+      style: "$label"
+      text: "PERFORMANCE & HANDLING · 性能与操控"
+  - elementId: title
+    elementType: text
+    bounds: [60, 88, 640, 56]
+    content:
+      style: "$pageTitle"
+      text: "自信从容，强大内蕴"
+  - elementId: lead
+    elementType: text
+    bounds: [60, 148, 480, 44]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.7
+      text: |
+        从电机到底盘，以强悍性能与稳定掌控，
+        回应每一种向前的渴望。
+  - elementId: p1-title
+    elementType: text
+    bounds: [60, 226, 460, 30]
+    content:
+      fontSize: 18
+      color: "$white"
+      bold: true
+      letterSpacing: 1
+      text: "小米超级电机 V6s Plus"
+  - elementId: p1-desc
+    elementType: text
+    bounds: [60, 258, 460, 40]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.6
+      text: "分段磁钢 + 电压过调制技术，转速更快、功率更高，性能全面提升"
+  - elementId: p2-title
+    elementType: text
+    bounds: [60, 310, 460, 30]
+    content:
+      fontSize: 18
+      color: "$white"
+      bold: true
+      letterSpacing: 1
+      text: "小米蛟龙底盘"
+  - elementId: p2-desc
+    elementType: text
+    bounds: [60, 342, 460, 40]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.6
+      text: "闭式双腔空气弹簧 + 连续阻尼可变减振器，运动与舒适兼得"
+  - elementId: p3-title
+    elementType: text
+    bounds: [60, 394, 460, 30]
+    content:
+      fontSize: 18
+      color: "$white"
+      bold: true
+      letterSpacing: 1
+      text: "Brembo® 前四活塞固定卡钳"
+  - elementId: p3-desc
+    elementType: text
+    bounds: [60, 426, 460, 40]
+    content:
+      fontSize: 13
+      color: "$w70"
+      lineHeight: 1.6
+      text: "强劲制动力，兼顾性能与安全，山路与高速皆得心应手"
+  - elementId: endurance-num
+    elementType: text
+    bounds: [620, 320, 300, 80]
+    content:
+      align: [right, middle]
+      text: |
+        <p style="text-align:right"><span style="font-size:54px; color:#FFFFFF; font-weight:700;">3944</span><span style="font-size:22px; color:#FF6900; font-weight:700;"> km</span></p>
+  - elementId: endurance-label
+    elementType: text
+    bounds: [620, 402, 300, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      align: [right, middle]
+      text: "24 小时耐力挑战总行驶里程"
+  - elementId: endurance-note
+    elementType: text
+    bounds: [620, 428, 300, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "YU7 Max 测试车 · 中汽中心·华诚认证"
+  - elementId: note
+    elementType: text
+    bounds: [60, 490, 700, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      text: |
+        数据来源：<a href="https://www.xiaomiev.com/yu7">小米汽车官网 xiaomiev.com/yu7</a> · 配置区分车型版本
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "04 / 08"

example/yu7-ppt/pages/5_cabin.page

@@ -0,0 +1,133 @@
+pageType: content
+background:
+  type: image
+  src: "media/bg_cabin.png"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 0
+      stops:
+        - {position: 0, color: "#00000000"}
+        - {position: 0.45, color: "#00000059"}
+        - {position: 1, color: "#000000E6"}
+  - elementId: label
+    elementType: text
+    bounds: [520, 48, 380, 22]
+    content:
+      style: "$label"
+      align: [right, middle]
+      text: "SMART CABIN · 智能座舱"
+  - elementId: title
+    elementType: text
+    bounds: [520, 88, 380, 56]
+    content:
+      style: "$pageTitle"
+      align: [right, middle]
+      text: "澎湃智能座舱"
+  - elementId: lead
+    elementType: text
+    bounds: [520, 148, 380, 40]
+    content:
+      fontSize: 14
+      color: "$w70"
+      align: [right, middle]
+      lineHeight: 1.6
+      text: "小米澎湃 OS · 人车家全生态，科技、豪华与舒适皆备"
+  - elementId: c1-title
+    elementType: text
+    bounds: [520, 214, 380, 28]
+    content:
+      fontSize: 17
+      color: "$white"
+      bold: true
+      align: [right, middle]
+      letterSpacing: 1
+      text: "小米天际屏全景显示"
+  - elementId: c1-desc
+    elementType: text
+    bounds: [520, 244, 380, 34]
+    content:
+      fontSize: 12
+      color: "$w70"
+      align: [right, middle]
+      lineHeight: 1.6
+      text: "三块 Mini LED · 1.1m 超宽 · 108PPD · 1200nits"
+  - elementId: c2-title
+    elementType: text
+    bounds: [520, 288, 380, 28]
+    content:
+      fontSize: 17
+      color: "$white"
+      bold: true
+      align: [right, middle]
+      letterSpacing: 1
+      text: "第三代骁龙8 移动平台"
+  - elementId: c2-desc
+    elementType: text
+    bounds: [520, 318, 380, 34]
+    content:
+      fontSize: 12
+      color: "$w70"
+      align: [right, middle]
+      lineHeight: 1.6
+      text: "4nm 制程 · 开机快、启动快、升级更快"
+  - elementId: c3-title
+    elementType: text
+    bounds: [520, 362, 380, 28]
+    content:
+      fontSize: 17
+      color: "$white"
+      bold: true
+      align: [right, middle]
+      letterSpacing: 1
+      text: "超级小爱 · 五音区语音交互"
+  - elementId: c3-desc
+    elementType: text
+    bounds: [520, 392, 380, 34]
+    content:
+      fontSize: 12
+      color: "$w70"
+      align: [right, middle]
+      lineHeight: 1.6
+      text: "端侧大模型 · 全车声纹识别 · 车外语音控制"
+  - elementId: c4-title
+    elementType: text
+    bounds: [520, 436, 380, 28]
+    content:
+      fontSize: 17
+      color: "$white"
+      bold: true
+      align: [right, middle]
+      letterSpacing: 1
+      text: "25 扬声器豪华音响系统"
+  - elementId: c4-desc
+    elementType: text
+    bounds: [520, 466, 380, 34]
+    content:
+      fontSize: 12
+      color: "$w70"
+      align: [right, middle]
+      lineHeight: 1.6
+      text: "支持杜比全景声 · 私享音乐座舱"
+  - elementId: note
+    elementType: text
+    bounds: [60, 492, 440, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      text: |
+        图源：<a href="https://www.xiaomiev.com/yu7">小米汽车官网</a> · 配置区分车型版本
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "05 / 08"

example/yu7-ppt/pages/6_had.page

@@ -0,0 +1,159 @@
+pageType: content
+background:
+  type: image
+  src: "media/bg_had.jpg"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#000000E6"}
+        - {position: 0.7, color: "#000000A6"}
+        - {position: 1, color: "#00000073"}
+  - elementId: label
+    elementType: text
+    bounds: [60, 48, 520, 22]
+    content:
+      style: "$label"
+      text: "XIAOMI HAD · 智能驾驶"
+  - elementId: title
+    elementType: text
+    bounds: [60, 88, 700, 56]
+    content:
+      style: "$pageTitle"
+      text: "全场景智能驾驶，AI 全面赋能"
+  - elementId: lead
+    elementType: text
+    bounds: [60, 148, 620, 44]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.7
+      text: |
+        自研底层算法，坚持长期投入；全系标配旗舰级辅助驾驶硬件，
+        让驾驶更聪明、更安全。
+  - elementId: s1-line
+    elementType: shape
+    bounds: [60, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: s2-line
+    elementType: shape
+    bounds: [270, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: s3-line
+    elementType: shape
+    bounds: [480, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: s4-line
+    elementType: shape
+    bounds: [690, 236, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: sensor1
+    elementType: text
+    bounds: [60, 252, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">1</span><span style="font-size:15px; color:#FFFFFFB3;"> 颗</span></p>
+  - elementId: sensor1-label
+    elementType: text
+    bounds: [60, 314, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "激光雷达 · 全系标配"
+  - elementId: sensor2
+    elementType: text
+    bounds: [270, 252, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">1</span><span style="font-size:15px; color:#FFFFFFB3;"> 颗</span></p>
+  - elementId: sensor2-label
+    elementType: text
+    bounds: [270, 314, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "4D 毫米波雷达"
+  - elementId: sensor3
+    elementType: text
+    bounds: [480, 252, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">11</span><span style="font-size:15px; color:#FFFFFFB3;"> 颗</span></p>
+  - elementId: sensor3-label
+    elementType: text
+    bounds: [480, 314, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "高清摄像头"
+  - elementId: sensor4
+    elementType: text
+    bounds: [690, 252, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">12</span><span style="font-size:15px; color:#FFFFFFB3;"> 颗</span></p>
+  - elementId: sensor4-label
+    elementType: text
+    bounds: [690, 314, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "超声波雷达"
+  - elementId: point1
+    elementType: text
+    bounds: [60, 372, 400, 36]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.6
+      text: |
+        <p><span style="color:#FF6900; font-weight:700;">●</span> NVIDIA DRIVE AGX Thor™ 车载计算平台</p>
+  - elementId: point2
+    elementType: text
+    bounds: [60, 410, 400, 36]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.6
+      text: |
+        <p><span style="color:#FF6900; font-weight:700;">●</span> 7 颗超透防眩摄像头，暗光环境、异形障碍物看得更准</p>
+  - elementId: point3
+    elementType: text
+    bounds: [60, 448, 400, 36]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.6
+      text: |
+        <p><span style="color:#FF6900; font-weight:700;">●</span> 支持自动紧急转向辅助 · 全项低速防碰撞辅助</p>
+  - elementId: note
+    elementType: text
+    bounds: [60, 492, 640, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      text: |
+        来源：<a href="https://www.xiaomiev.com/yu7">小米汽车官网</a> · 辅助驾驶不能代替驾驶员，请随时注意路况
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "06 / 08"

example/yu7-ppt/pages/7_safety.page

@@ -0,0 +1,164 @@
+pageType: content
+background:
+  type: image
+  src: "media/bg_safety.jpg"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#000000E6"}
+        - {position: 0.35, color: "#0000008C"}
+        - {position: 0.75, color: "#00000059"}
+        - {position: 1, color: "#000000CC"}
+  - elementId: label
+    elementType: text
+    bounds: [60, 48, 520, 22]
+    content:
+      style: "$label"
+      text: "SAFETY · 安全设计"
+  - elementId: title
+    elementType: text
+    bounds: [60, 88, 700, 56]
+    content:
+      style: "$pageTitle"
+      text: "铠甲笼式防护，全面可靠"
+  - elementId: lead
+    elementType: text
+    bounds: [60, 148, 700, 44]
+    content:
+      fontSize: 14
+      color: "$w70"
+      lineHeight: 1.7
+      text: |
+        以中欧双五星、中保研 3G+ 为设计目标，被动安全保护 720° 全面升级。
+  - elementId: a1-line
+    elementType: shape
+    bounds: [60, 240, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: a2-line
+    elementType: shape
+    bounds: [270, 240, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: a3-line
+    elementType: shape
+    bounds: [480, 240, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: a4-line
+    elementType: shape
+    bounds: [690, 240, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: s1-num
+    elementType: text
+    bounds: [60, 256, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">2200</span><span style="font-size:15px; color:#FFFFFFB3;"> MPa</span></p>
+  - elementId: s1-label
+    elementType: text
+    bounds: [60, 318, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "小米超强钢"
+  - elementId: s1-desc
+    elementType: text
+    bounds: [60, 344, 180, 44]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "内嵌式防滚架 · A 柱承载 +35%"
+  - elementId: s2-num
+    elementType: text
+    bounds: [270, 256, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">20</span><span style="font-size:15px; color:#FFFFFFB3;"> 项</span></p>
+  - elementId: s2-label
+    elementType: text
+    bounds: [270, 318, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "主动安全配置"
+  - elementId: s2-desc
+    elementType: text
+    bounds: [270, 344, 180, 44]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "全系标配 · 全项低速防碰撞辅助"
+  - elementId: s3-num
+    elementType: text
+    bounds: [480, 256, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">50</span><span style="font-size:15px; color:#FFFFFFB3;"> 项+</span></p>
+  - elementId: s3-label
+    elementType: text
+    bounds: [480, 318, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "被动安全开发测试"
+  - elementId: s3-desc
+    elementType: text
+    bounds: [480, 344, 180, 44]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "覆盖 C-NCAP / C-IASI 全工况"
+  - elementId: s4-num
+    elementType: text
+    bounds: [690, 256, 180, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:40px; color:#FFFFFF; font-weight:700;">12.1</span><span style="font-size:15px; color:#FFFFFFB3;">㎡</span></p>
+  - elementId: s4-label
+    elementType: text
+    bounds: [690, 318, 180, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "电池气凝胶隔热"
+  - elementId: s4-desc
+    elementType: text
+    bounds: [690, 344, 180, 44]
+    content:
+      fontSize: 12
+      color: "$w50"
+      lineHeight: 1.5
+      text: "防弹涂层 · 18 层硬核物理防护"
+  - elementId: note
+    elementType: text
+    bounds: [60, 492, 700, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      text: |
+        来源：<a href="https://www.xiaomiev.com/yu7">小米汽车官网</a> · 数据来自小米汽车实验室，配置区分车型版本
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "07 / 08"

example/yu7-ppt/pages/8_space_final.page

@@ -0,0 +1,141 @@
+pageType: final
+background:
+  type: image
+  src: "media/bg_final.jpg"
+  fit: {mode: cover}
+elements:
+  - elementId: overlay
+    elementType: shape
+    bounds: [0, 0, 960, 540]
+    shapeName: rect
+    fill:
+      type: gradient
+      gradientType: linear
+      angle: 90
+      stops:
+        - {position: 0, color: "#00000070"}
+        - {position: 0.55, color: "#000000AD"}
+        - {position: 1, color: "#000000F0"}
+  - elementId: label
+    elementType: text
+    bounds: [60, 46, 520, 22]
+    content:
+      style: "$label"
+      text: "SPACE & ECOLOGY · 空间与生态"
+  - elementId: title
+    elementType: text
+    bounds: [60, 84, 720, 56]
+    content:
+      style: "$pageTitle"
+      text: "全能实力，从容远行"
+  - elementId: lead
+    elementType: text
+    bounds: [60, 144, 720, 30]
+    content:
+      fontSize: 14
+      color: "$w70"
+      text: "宽敞空间、多变场景与全场景生态，让出行不再精打细算"
+  - elementId: st1-line
+    elementType: shape
+    bounds: [60, 208, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: st2-line
+    elementType: shape
+    bounds: [300, 208, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: st3-line
+    elementType: shape
+    bounds: [540, 208, 40, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: space1-num
+    elementType: text
+    bounds: [60, 224, 200, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">141</span><span style="font-size:15px; color:#FFFFFFB3;"> L</span></p>
+  - elementId: space1-label
+    elementType: text
+    bounds: [60, 286, 200, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "电动前备箱"
+  - elementId: space2-num
+    elementType: text
+    bounds: [300, 224, 200, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">1970</span><span style="font-size:15px; color:#FFFFFFB3;"> L</span></p>
+  - elementId: space2-label
+    elementType: text
+    bounds: [300, 286, 200, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "最大储物容积"
+  - elementId: space3-num
+    elementType: text
+    bounds: [540, 224, 200, 56]
+    content:
+      align: [left, middle]
+      text: |
+        <p><span style="font-size:38px; color:#FFFFFF; font-weight:700;">36</span><span style="font-size:15px; color:#FFFFFFB3;"> 处</span></p>
+  - elementId: space3-label
+    elementType: text
+    bounds: [540, 286, 200, 22]
+    content:
+      fontSize: 14
+      color: "$w85"
+      text: "全车收纳位"
+  - elementId: eco
+    elementType: text
+    bounds: [60, 340, 840, 34]
+    content:
+      fontSize: 15
+      color: "$w85"
+      text: |
+        <p>基于小米澎湃 OS 的人车家全生态 · 磁吸生态配件 · 车顶滑轨 · 27W 供电螺纹接口</p>
+  - elementId: gt-line
+    elementType: shape
+    bounds: [60, 392, 56, 3]
+    shapeName: rect
+    fill: {type: solid, color: "$primary"}
+  - elementId: gt
+    elementType: text
+    bounds: [60, 404, 620, 34]
+    content:
+      fontSize: 17
+      color: "$white"
+      bold: true
+      letterSpacing: 1
+      text: "YU7 GT 即将预售 —— 纽博格林北环赛道 SUV 圈速新纪录"
+  - elementId: cta
+    elementType: text
+    bounds: [60, 448, 420, 36]
+    content:
+      fontSize: 20
+      color: "$primary"
+      bold: true
+      letterSpacing: 2
+      text: "立即预约试驾 →"
+  - elementId: note
+    elementType: text
+    bounds: [60, 492, 700, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      text: |
+        图源与数据：<a href="https://www.xiaomiev.com/yu7">小米汽车官网 xiaomiev.com/yu7</a>
+  - elementId: page-num
+    elementType: text
+    bounds: [850, 500, 60, 20]
+    content:
+      fontSize: 11
+      color: "$w50"
+      align: [right, middle]
+      text: "08 / 08"