feat: 优化现有页面为 shadcn 风格

app/templates/partials/report_panel.html

@@ -13,28 +13,28 @@
 
     <div class="row g-3 mb-4">
       <div class="col-md-3">
-        <div class="border rounded p-3 h-100">
+        <div class="stat-card">
           <div class="text-muted small">评论样本</div>
           <div class="h4 mb-0">{{ sample_count }}</div>
         </div>
       </div>
       {% if item_count is not none %}
         <div class="col-md-3">
-          <div class="border rounded p-3 h-100">
+          <div class="stat-card">
             <div class="text-muted small">关联内容</div>
             <div class="h4 mb-0">{{ item_count }}</div>
           </div>
         </div>
       {% endif %}
       <div class="col-md-3">
-        <div class="border rounded p-3 h-100">
+        <div class="stat-card">
           <div class="text-muted small">AI 成功率</div>
           <div class="h4 mb-0">{{ rate_percent(task.analysis_success_rate) }}%</div>
         </div>
       </div>
     </div>
 
-    <div class="p-3 bg-info-subtle border border-info-subtle rounded mb-4">
+    <div class="report-summary mb-4">
       <div class="fw-semibold mb-2">AI 总结</div>
       <p class="mb-0">{{ report.summary or "总结生成失败，请查看上方统计数据。" }}</p>
     </div>
@@ -77,7 +77,7 @@
         <div class="col-md-4">
           <h3 class="h6">{{ sentiment_label(key) }}</h3>
           {% for comment in typical.get(key, []) %}
-            <div class="border rounded p-2 mb-2">
+            <div class="comment-card mb-2">
               <p class="mb-1">{{ comment.get("content") }}</p>
               <small class="text-muted">点赞 {{ comment.get("like_count", 0) }}</small>
             </div>