dsdasda

<!--搜索-->
<div class="search">
  <input class="search_l" placeholder="输入课题类型/名称/创建教师/编号等">
  <div class="search_r" href="">搜索(CSS未连接)</div>
</div>

<!--热门课题推荐-->
<div class="hot-topics">
  <h2>热门课题推荐</h2>
  <div class="topic-card">
    <img src="topic1.jpg" alt="课题1图片">
    <h3>课题1标题</h3>
    <p>课题1描述</p>
    <a href="topic1.html">查看详情</a>
  </div>

  <div class="topic-card">
    <img src="topic2.jpg" alt="课题2图片">
    <h3>课题2标题</h3>
    <p>课题2描述</p>
    <a href="topic2.html">查看详情</a>
  </div>

  <div class="topic-card">
    <img src="topic3.jpg" alt="课题3图片">
    <h3>课题3标题</h3>
    <p>课题3描述</p>
    <a href="topic3.html">查看详情</a>
  </div>
</div>
<!--课题列表-->
<div class="topic-list">
  <h2>所有课题列表</h2>
  <div class="sort-by">
    <label for="sort">排序：</label>
    <select id="sort">
      <option value="">按编号</option>
      <option value="date">按发布时间</option>
    </select>
  </div>

  <div class="topic-buttons">
    <button οnclick="window.location.href='/topics/3'">课题0(数据库disconnect,未做)</button>
    <button οnclick="window.location.href='/topics/1'">课题1</button>
    <button οnclick="window.location.href='/topics/2'">课题2</button>
    <!-- ... 继续添加所有课题的按钮 -->
  </div>

</div>