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: 变焦按键切换