<section style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; padding: 20px; border: 2px solid #10B981; border-radius: 8px; max-width: 800px; margin: auto;">

  <!-- 單元名稱 -->

  <h1 style="color: #10B981; font-size: 2em; text-align: center; margin-bottom: 20px;">

    一點透視

  </h1>

  <!-- 單元簡介 -->

  <p style="font-size: 1.1em; margin-bottom: 20px;">

    一點透視是一種透視法，主要以單一消失點作為畫面中的視覺焦點。透過這種方式，能夠有效表現空間的深度與距離感，常用於建築、室內設計與基礎繪圖練習。

  </p>

  <!-- 核心設計概念 -->

  <h2 style="color: #10B981; font-size: 1.5em; margin-top: 30px;">核心設計概念</h2>

  <ul style="margin-left: 20px; list-style-type: square;">

    <li>單一消失點的定位</li>

    <li>正面視角的平行線</li>

    <li>深度與距離的表現</li>

    <li>比例與縮放的掌握</li>

  </ul>

  <!-- 範例分析 -->

  <h2 style="color: #10B981; font-size: 1.5em; margin-top: 30px;">範例分析</h2>

  <details style="margin-bottom: 15px;">

    <summary style="cursor: pointer; color: #10B981; font-weight: bold;">街道場景</summary>

    <p style="margin: 10px 0;">

      街道的建築物沿著道路延伸，透過一點透視的消失點，能讓畫面呈現自然的遠近感。

    </p>

  </details>

  <details style="margin-bottom: 15px;">

    <summary style="cursor: pointer; color: #10B981; font-weight: bold;">室內空間</summary>

    <p style="margin: 10px 0;">

      室內走廊或房間的牆壁、地板、天花板皆可依循單一消失點，強調空間的延伸感。

    </p>

  </details>

  <!-- 延伸創作 -->

  <h2 style="color: #10B981; font-size: 1.5em; margin-top: 30px;">延伸創作</h2>

  <p style="margin-bottom: 20px;">

    學生可以以「校園走廊」、「城市街景」、「房間內部」為主題，嘗試繪製一點透視圖，並加入不同物件以增強真實感。

  </p>

  <!-- 應用領域 -->

  <h2 style="color: #10B981; font-size: 1.5em; margin-top: 30px;">應用領域</h2>

  <ul style="margin-left: 20px; list-style-type: square;">

    <li>建築設計</li>

    <li>室內設計</li>

    <li>插畫與繪本</li>

    <li>遊戲場景設計</li>

    <li>動畫與分鏡</li>

  </ul>

</section>