产品说明书

<div class="manual-container">
  <div class="page-header">
    <h1>用户手册</h1>
    <p>下载Azeyou投影仪的用户手册</p>
  </div>
  
  <!-- 搜索功能 -->
  <div class="search-section">
    <div class="search-box">
      <input type="text" placeholder="搜索产品手册..." id="searchInput">
      <button onclick="searchManuals()">搜索</button>
    </div>
  </div>
  
  <!-- Wi-Fi Cloud Photo Frame 系列 -->
  <div class="product-series">
    <h2 class="series-title">Wi-Fi Cloud Photo Frame</h2>
    <table class="manual-table">
      <thead>
        <tr>
          <th>产品型号</th>
          <th>下载</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="product-name">Azeyou  Smart Projector B12 - 英文用户手册</td>
          <td><a href="https://cdn.shopify.com/s/files/1/0597/4337/1428/files/caacb7cd1f7d4f08d17c9df5a6936a72.pdf?v=1763980385" class="download-link" target="_blank">下载</a></td>
        </tr>
        <tr>
          <td class="product-name">Azeyou  Smart Projector B12 - 日文用户手册</td>
          <td><a href="https://cdn.shopify.com/s/files/1/0597/4337/1428/files/1.pdf?v=1763980384" class="download-link" target="_blank">下载</a></td>
        </tr>
        <!-- 继续添加其他产品 -->
      </tbody>
    </table>
  </div>
  
  <!-- 其他产品系列... -->
  
  <style>
    /* 这里放入之前提供的CSS样式代码 */
    .manual-container { max-width: 1200px; margin: 0 auto; padding: 20px; }
    .page-header { text-align: center; margin-bottom: 40px; }
    /* ... 其他样式 ... */
  </style>
  
  <script>
    /* 这里放入搜索功能的JavaScript代码 */
    function searchManuals() {
      // 搜索功能代码
    }
  </script>
</div>