feat: Major UI/UX improvements

- Add sorting (newest/oldest first) independent of filters
- Implement lazy loading (50 papers per batch) for better performance
- Add colorful venue badges for top conferences (NeurIPS, CVPR, ICLR, etc.)
- Auto-extract code/project links from abstracts
- Add BibTeX export functionality
- Show real-time results count
- Improve card layout with badge positioning
- Add loading indicator with animation

Author: 4everWZ

UPDATES.md

@@ -0,0 +1,141 @@
+# DailyPaper 功能更新说明
+
+## 🎉 已实现的新功能
+
+### 1. ✅ 排序功能
+- **最新优先**：按发布日期降序排列（默认）
+- **最早优先**：按发布日期升序排列
+- 排序按钮独立于类别筛选，互不干扰
+
+### 2. ✅ 懒加载（分页加载）
+- 首屏只加载 50 篇论文，DOM 轻量化
+- 滚动到底部自动加载更多（每次 50 篇）
+- 使用 IntersectionObserver 实现高性能监听
+- 显示"加载更多..."动画提示
+
+### 3. ✅ Venue 徽章系统
+- **顶会彩色徽章**：NeurIPS、CVPR、ICCV、ICML、ICLR、ACL、EMNLP 等
+- **视觉区分**：不同会议使用不同渐变色
+- **位置优化**：徽章显示在论文卡片右上角
+- **预印本标记**：灰色徽章标注 Preprint
+
+### 4. ✅ 代码链接自动提取
+- 从摘要中自动提取 `Code:`、`Project:` 链接
+- 自动识别 GitHub 链接
+- **绿色按钮**：Code 链接
+- **蓝色按钮**：Project 链接
+
+### 5. ✅ 导出功能
+- **BibTeX 导出**：一键导出当前筛选结果
+- 自动生成引用格式
+- 包含标题、作者、年份、ArXiv ID 和 URL
+- 支持导出筛选/搜索后的结果
+
+### 6. ✅ 结果统计
+- 实时显示当前筛选结果数量
+- "显示 X 篇论文"动态更新
+
+## 🎨 界面优化
+
+### 视觉改进
+- Venue 徽章渐变色设计
+- Code/Project 按钮配色优化
+- 加载指示器动画效果
+- 论文卡片顶部留出徽章空间
+
+### 用户体验
+- 分组筛选器（发表状态、研究领域、排序方式）
+- 懒加载减少首屏加载时间
+- 平滑滚动和加载体验
+
+## 📊 性能优化
+
+### 加载性能
+- 首屏只渲染 50 个 DOM 节点（原来 540+）
+- 按需加载剩余内容
+- 使用 IntersectionObserver 而非 scroll 事件
+
+### 筛选性能
+- 预先筛选和排序，不重复计算
+- 克隆节点而非重新生成 HTML
+- 减少 DOM 操作次数
+
+## 🔧 技术实现
+
+### 前端
+- IntersectionObserver API（懒加载）
+- 正则表达式提取代码链接
+- Blob API（文件下载）
+- CSS 渐变和动画
+
+### 后端
+- Python 自动提取会议信息
+- 智能徽章分类系统
+- 链接提取算法
+
+## 📝 使用说明
+
+### 排序
+1. 点击"最新优先"查看最新论文
+2. 点击"最早优先"查看历史论文
+
+### 筛选
+1. 选择发表状态（全部/已发表/预印本）
+2. 选择研究领域（CV/NLP/ML 等）
+3. 两种筛选可以组合使用
+
+### 搜索
+- 在搜索框输入关键词
+- 支持搜索标题、作者、摘要
+
+### 导出
+- 筛选/搜索你需要的论文
+- 点击"📥 导出结果"按钮
+- 自动下载 BibTeX 文件
+
+### 查看代码
+- 如果论文有代码，会显示绿色"💻 Code"按钮
+- 如果论文有项目页面，会显示蓝色"🌐 Project"按钮
+
+## 🚀 下一步可以实现
+
+### 建议的功能（按优先级）
+1. **去重/合并版本**：同一论文多个版本合并
+2. **月度分片数据**：`2025-10.json`、`2025-11.json` 等
+3. **CSV 导出**：除了 BibTeX，也支持 CSV 格式
+4. **更多排序选项**：按引用数、按相关度
+5. **标签云**：可视化热门研究方向
+6. **RSS 订阅**：生成 RSS feed
+
+## ⚡ 快速测试
+
+打开浏览器访问 `docs/index.html`，测试以下功能：
+- ✅ 滚动到底部，观察懒加载
+- ✅ 点击排序按钮，查看论文重新排列
+- ✅ 查看右上角的会议徽章颜色
+- ✅ 寻找带有 Code/Project 按钮的论文
+- ✅ 筛选几篇论文后点击导出
+
+## 📌 注意事项
+
+1. **懒加载**：首次打开只显示 50 篇，需要滚动加载更多
+2. **徽章颜色**：只有已发表的顶会论文才有彩色徽章
+3. **代码链接**：只有摘要中包含链接的论文才会显示按钮
+4. **导出功能**：导出的是当前筛选/搜索的结果，不是全部
+
+## 🎯 实现进度
+
+| 功能 | 状态 | 说明 |
+|------|------|------|
+| 排序功能 | ✅ 完成 | 最新/最早优先 |
+| 懒加载 | ✅ 完成 | 每次加载 50 篇 |
+| Venue 徽章 | ✅ 完成 | 顶会彩色标注 |
+| 代码链接提取 | ✅ 完成 | 自动识别并显示 |
+| BibTeX 导出 | ✅ 完成 | 一键下载 |
+| 去重合并 | ⏳ 待实现 | 需要修改数据处理逻辑 |
+| 数据分片 | ⏳ 待实现 | 需要修改存储结构 |
+| CSV 导出 | ⏳ 待实现 | 扩展导出功能 |
+
+---
+
+所有功能已经部署到本地，可以立即使用！🎉

docs/css/style.css

@@ -121,10 +121,44 @@ main {
     margin-top: 1rem;
 }
 
+/* 结果信息栏 */
+.results-info {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 1rem;
+    padding: 0.8rem;
+    background: #f8f9fa;
+    border-radius: 8px;
+}
+
+#resultsCount {
+    font-size: 0.9rem;
+    color: #666;
+    font-weight: 500;
+}
+
+.export-btn {
+    padding: 0.5rem 1rem;
+    background: #667eea;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: background 0.3s;
+}
+
+.export-btn:hover {
+    background: #5568d3;
+}
+
 /* 论文卡片 */
 .paper-card {
+    position: relative;
     background: white;
     padding: 1.5rem;
+    padding-top: 2.5rem;
     margin-bottom: 1rem;
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.05);
@@ -136,6 +170,54 @@ main {
     box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 }
 
+/* Venue 徽章 */
+.venue-badge {
+    position: absolute;
+    top: 0.8rem;
+    right: 0.8rem;
+    padding: 0.3rem 0.8rem;
+    border-radius: 4px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.venue-neurips {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+}
+
+.venue-cvpr, .venue-iccv, .venue-eccv {
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    color: white;
+}
+
+.venue-icml, .venue-iclr {
+    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+    color: white;
+}
+
+.venue-acl, .venue-emnlp {
+    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+    color: white;
+}
+
+.venue-aaai, .venue-ijcai {
+    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
+    color: white;
+}
+
+.venue-other {
+    background: #e8f5e9;
+    color: #2e7d32;
+}
+
+.preprint {
+    background: #f5f5f5;
+    color: #757575;
+}
+
 .paper-title {
     font-size: 1.3rem;
     margin-bottom: 0.8rem;
@@ -228,12 +310,29 @@ main {
     border-radius: 5px;
     font-size: 0.9rem;
     transition: background 0.3s;
+    display: inline-block;
 }
 
 .btn-link:hover {
     background: #5568d3;
 }
 
+.btn-code {
+    background: #28a745;
+}
+
+.btn-code:hover {
+    background: #218838;
+}
+
+.btn-project {
+    background: #17a2b8;
+}
+
+.btn-project:hover {
+    background: #138496;
+}
+
 /* 底部 */
 footer {
     background: #333;
@@ -256,6 +355,31 @@ footer a {
     font-size: 1.1rem;
 }
 
+/* 加载指示器 */
+.loading-indicator {
+    text-align: center;
+    padding: 2rem;
+    color: #667eea;
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.loading-indicator::after {
+    content: '';
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    margin-left: 10px;
+    border: 3px solid #667eea;
+    border-radius: 50%;
+    border-top-color: transparent;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
 /* 响应式设计 */
 @media (max-width: 768px) {
     header h1 {