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

app/templates/items/detail.html

@@ -9,21 +9,25 @@
 </ol></nav>
 {% endblock %}
 {% block content %}
-<div class="d-flex justify-content-between align-items-center mb-3">
-  <h1 class="h3 mb-0">{{ item.title or item.source_item_id }}</h1>
+<div class="page-heading">
+  <div>
+    <p class="section-kicker">内容详情</p>
+    <h1>{{ item.title or item.source_item_id }}</h1>
+  </div>
+  <span class="badge text-bg-light border">{{ item.status }}</span>
 </div>
 {% if report %}
   {% include "partials/report_panel.html" %}
 {% else %}
-  <div class="text-center text-muted py-5">
+  <div class="empty-state text-muted py-5">
     <div class="spinner-border text-warning mb-3" role="status"></div>
-    <p>报告生成中，请稍候...</p>
+    <p class="mb-0">报告生成中，请稍候...</p>
   </div>
 {% endif %}
 <section class="card"><div class="card-header">评论明细</div><div class="table-responsive">
-  <table class="table mb-0"><thead><tr><th>评论内容</th><th>情绪</th><th>标签</th><th>点赞</th></tr></thead><tbody>
+  <table class="table app-table mb-0"><thead><tr><th>评论内容</th><th>情绪</th><th>标签</th><th>点赞</th></tr></thead><tbody>
   {% for comment in comments %}
-    <tr><td>{{ comment.content }}</td><td>{{ comment.sentiment }}</td><td>{% for label in comment.labels | from_json %}<span class="badge bg-secondary me-1">{{ label }}</span>{% else %}-{% endfor %}</td><td>{{ comment.like_count or 0 }}</td></tr>
+    <tr><td>{{ comment.content }}</td><td><span class="badge text-bg-light border">{{ comment.sentiment }}</span></td><td>{% for label in comment.labels | from_json %}<span class="badge text-bg-light border me-1">{{ label }}</span>{% else %}<span class="text-muted">-</span>{% endfor %}</td><td>{{ comment.like_count or 0 }}</td></tr>
   {% else %}
     <tr><td colspan="4" class="text-center text-muted">暂无评论数据（该内容无评论或评论抓取为空）</td></tr>
   {% endfor %}