使用教程

1. 作品列表自动滚动说明

✅ 无需任何设置，当作品数量超过面板高度时，右侧会自动出现滚动条

✅ 滚动条为淡蓝色，与整体主题一致，hover时会变深

✅ 支持鼠标滚轮、触摸板滑动和键盘上下键滚动

✅ 顶部导航和左侧菜单始终固定，滚动时不会消失

2. 快速添加图文作品

复制下面的模板，修改路径和文字即可，无限添加自动滚动：

            <div class="work-item">
  <a href="zuopin/NPC妖/作品文件名.html" target="_blank">
    <img src="zuopin/NPC妖/images/缩略图.jpg" alt="作品名称" class="work-thumb">
    <div class="work-info">
      <div class="title">作品名称</div>
      <div class="desc">2026年X月 | 作品类型 | 标签</div>
    </div>
  </a>
</div>
          

💡 提示：每个作品项约占80px高度，一屏可显示约10个作品，超过后自动滚动

3. 文件夹结构规范

            
zuopin/

├─ NPC妖/

│  ├─ images/          # 存放所有作品缩略图

│  │  ├─ 作品1.jpg

│  │  └─ 作品2.jpg

│  ├─ 作品1.html

│  └─ 作品2.html

└─ 作者2/

   ├─ images/

   └─ 作品1.html