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: 照片最高分辨率