feat: 按 Pencil 设计重做页面 UI

app/templates/hotspots/report.html

@@ -8,14 +8,22 @@
 </ol></nav>
 {% endblock %}
 {% block content %}
-<div class="page-heading">
-  <div>
-    <p class="section-kicker">热点报告</p>
-    <h1>{{ hotspot.title }} 汇总报告</h1>
-  </div>
-  <span class="badge text-bg-light border">热点 #{{ hotspot.rank }}</span>
-</div>
 {% if report %}
+  {% set metrics = report.metrics_json | from_json_object %}
+  {% set sentiment = metrics.get("sentiment", {}) %}
+  {% set positive_pct = sentiment.get("positive", {}).get("pct", 0) %}
+  <section class="report-reading-hero">
+    <div class="report-title-block">
+      <p class="section-kicker">HOTSPOT REPORT</p>
+      <h1>{{ hotspot.title }}</h1>
+      <p>{{ report.summary or "报告总结生成失败，请查看下方结构化统计。" }}</p>
+    </div>
+    <aside class="sentiment-summary-card">
+      <span>整体情绪</span>
+      <strong>正向 {{ positive_pct }}%</strong>
+      <p>基于 {{ metrics.get("sample_count", 0) }} 条评论样本生成，结论来自预生成报告数据。</p>
+    </aside>
+  </section>
   {% include "partials/report_panel.html" %}
 {% else %}
   <div class="empty-state text-muted py-5">