release: v2.2.0 - 博查新闻搜索功能 (生产环境部署版)

核心功能：
  - 集成博查Web Search API自动获取网站相关新闻
  - 智能新闻更新机制（每日首次访问触发）
  - 精确新闻搜索（使用引号强制匹配网站名称）
  - News模型扩展（source_name, source_icon字段）
  - 网站详情页新闻展示模块
  - 新闻来源网站信息展示
  - 自动去重防止重复新闻

  技术实现：
  - NewsSearcher工具类封装博查API
  - 数据库迁移脚本migrate_news_fields.py
  - 测试脚本test_news_feature.py
  - 定期任务脚本fetch_news_cron.py
  - API路由：/api/fetch-site-news, /api/fetch-all-news

  配置优化：
  - 修复manage.sh路径和启动命令
  - 博查API配置（BOCHA_API_KEY, BOCHA_BASE_URL）
  - 新闻搜索参数配置

  界面优化：
  - 详情页新闻模块（左侧主栏）
  - 相似推荐模块（右侧边栏）
  - 首页标签图标修复
  - 后台添加修改密码功能
  - 登录页面优化

  部署信息：
  - 部署日期: 2025-12-30
  - 部署方式: 手动上传文件
  - 数据库: 已迁移（添加source_name和source_icon字段）

templates/detail_new.html

@@ -628,15 +628,51 @@
                 </h2>
                 {% for news in news_list %}
                 <div class="news-item">
-                    <span class="news-badge">{{ news.news_type }}</span>
-                    <h4>{{ news.title }}</h4>
-                    <p>{{ news.content[:200] }}...</p>
-                    <div class="news-date">{{ news.published_at.strftime('%b %d, %Y') }}</div>
+                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px;">
+                        <span class="news-badge">{{ news.news_type }}</span>
+                        {% if news.source_name %}
+                        <div style="display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-muted);">
+                            {% if news.source_icon %}
+                            <img src="{{ news.source_icon }}" alt="{{ news.source_name }}" style="width: 16px; height: 16px; border-radius: 2px;">
+                            {% endif %}
+                            <span>{{ news.source_name }}</span>
+                        </div>
+                        {% endif %}
+                    </div>
+                    <h4>
+                        {% if news.url %}
+                        <a href="{{ news.url }}" target="_blank" rel="noopener noreferrer" style="color: var(--text-primary); text-decoration: none;">
+                            {{ news.title }}
+                        </a>
+                        {% else %}
+                        {{ news.title }}
+                        {% endif %}
+                    </h4>
+                    {% if news.content %}
+                    <p>{{ news.content[:200] }}{% if news.content|length > 200 %}...{% endif %}</p>
+                    {% endif %}
+                    <div style="display: flex; justify-content: space-between; align-items: center;">
+                        <div class="news-date">
+                            {% if news.published_at %}
+                            {{ news.published_at.strftime('%Y年%m月%d日') }}
+                            {% else %}
+                            未知日期
+                            {% endif %}
+                        </div>
+                        {% if news.url %}
+                        <a href="{{ news.url }}" target="_blank" rel="noopener noreferrer" style="font-size: 12px; color: var(--primary-blue); text-decoration: none;">
+                            阅读全文 ↗
+                        </a>
+                        {% endif %}
+                    </div>
                 </div>
                 {% endfor %}
             </div>
             {% endif %}
+        </div>
 
+        <!-- 侧边栏 -->
+        <div class="sidebar-column">
             <!-- Similar Recommendations -->
             {% if recommended_sites %}
             <div class="content-block">
@@ -644,35 +680,22 @@
                     <span>✨</span>
                     相似推荐
                 </h2>
-                <div class="recommendations-grid">
-                    {% for rec_site in recommended_sites %}
-                    <a href="/site/{{ rec_site.code }}" class="recommendation-card">
-                        {% if rec_site.logo %}
-                        <img src="{{ rec_site.logo }}" alt="{{ rec_site.name }}" class="rec-logo">
-                        {% else %}
-                        <div class="rec-logo" style="background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);"></div>
-                        {% endif %}
-                        <div class="rec-info">
-                            <h4>{{ rec_site.name }}</h4>
-                            <p>{{ rec_site.short_desc or rec_site.description }}</p>
-                            <div class="rec-tags">
-                                {% for tag in rec_site.tags[:2] %}
-                                <span class="rec-tag">{{ tag.name }}</span>
-                                {% endfor %}
-                            </div>
-                        </div>
-                        <span class="arrow-icon">↗</span>
-                    </a>
-                    {% endfor %}
-                </div>
+                {% for rec_site in recommended_sites %}
+                <a href="/site/{{ rec_site.code }}" class="recommendation-card" style="display: flex; gap: 12px; padding: 16px; border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 12px; text-decoration: none; transition: all 0.2s;">
+                    {% if rec_site.logo %}
+                    <img src="{{ rec_site.logo }}" alt="{{ rec_site.name }}" style="width: 48px; height: 48px; border-radius: 8px; flex-shrink: 0;">
+                    {% else %}
+                    <div style="width: 48px; height: 48px; border-radius: 8px; background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%); flex-shrink: 0;"></div>
+                    {% endif %}
+                    <div style="flex: 1; min-width: 0;">
+                        <h4 style="font-size: 14px; font-weight: 600; margin: 0 0 4px 0; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{ rec_site.name }}</h4>
+                        <p style="font-size: 12px; color: var(--text-secondary); margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;">{{ rec_site.short_desc or rec_site.description }}</p>
+                    </div>
+                </a>
+                {% endfor %}
             </div>
             {% endif %}
         </div>
-
-        <!-- 侧边栏 -->
-        <div class="sidebar-column">
-            <!-- 预留侧边栏位置，可以后续添加其他模块 -->
-        </div>
     </div>
 </div>
 {% endblock %}