初始化红餐观察库项目

templates/article.html

@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+{% block title %}{{ article.title }} · 红餐观察库{% endblock %}
+{% block content %}
+<div class="reading-layout">
+  <article class="story">
+    <a class="back" href="/">← 返回文章库</a>
+    <header>
+      <div class="story-meta"><time>{{ article.published_at|date_cn }}</time><span>{{ article.author or '红餐网' }}</span></div>
+      <h1>{{ article.title }}</h1>
+      {% if article.summary %}<p class="dek">{{ article.summary }}</p>{% endif %}
+      <a class="source-link" href="{{ article.canonical_url }}" target="_blank" rel="noopener">查看原文 ↗</a>
+    </header>
+    <div class="story-body">
+      {% for paragraph in article.content.split('\n') if paragraph.strip() %}<p>{{ paragraph }}</p>{% endfor %}
+    </div>
+  </article>
+
+  <aside class="analysis-panel">
+    <div class="analysis-head"><div><span>QWEN ANALYSIS</span><h2>编辑部研判</h2></div><button id="analyzeBtn" data-id="{{ article.id }}">{% if analysis %}重新分析{% else %}开始分析{% endif %}</button></div>
+    <div id="analysisStatus" class="analysis-status" hidden></div>
+    <div id="analysisContent">
+    {% if analysis %}
+      <section><h3>一句话摘要</h3><p>{{ analysis.summary }}</p></section>
+      <section><h3>核心要点</h3><ul>{% for x in analysis.key_points %}<li>{{ x }}</li>{% endfor %}</ul></section>
+      <section><h3>行业信号</h3><p>{{ analysis.industry_signal }}</p></section>
+      <section><h3>延展选题</h3><ol>{% for x in analysis.content_angles %}<li>{{ x }}</li>{% endfor %}</ol></section>
+      <section><h3>标签</h3><div class="tags">{% for x in analysis.tags %}<span>{{ x }}</span>{% endfor %}</div></section>
+    {% else %}
+      <div class="analysis-empty"><div class="scan-lines"></div><h3>等待 AI 阅读</h3><p>千问将提炼文章摘要、行业信号、关键数据和可延展选题。</p></div>
+    {% endif %}
+    </div>
+  </aside>
+</div>
+{% endblock %}
+{% block scripts %}<script src="{{ url_for('static', filename='app.js') }}"></script>{% endblock %}
+