fix: unify review detail page badges

app/components/reviews/rightColumn/DetailPanel.tsx

@@ -126,6 +126,12 @@ function formatPageLabel(page?: number): string {
   return `第${page}页`;
 }
 
+function getPageBadgeClass(page?: number): string {
+  return page && Number.isFinite(page) && page > 0
+    ? 'mt-0.5 inline-flex items-center rounded border border-emerald-200 bg-emerald-50 px-1.5 py-0.5 text-[10px] text-[#00684a] hover:bg-emerald-100'
+    : 'mt-0.5 inline-flex items-center rounded border border-slate-200 bg-slate-50 px-1.5 py-0.5 text-[10px] text-slate-400';
+}
+
 function ExtractedFieldsPanel({
   reviewPoints,
   onFieldClick,
@@ -223,7 +229,7 @@ function ExtractedFieldsPanel({
                 {f.page ? (
                   <button
                     type="button"
-                    className="mt-0.5 text-[10px] text-[#00684a] hover:underline"
+                    className={getPageBadgeClass(f.page)}
                     onClick={(event) => {
                       event.stopPropagation();
                       handleFieldNavigate(f.pointId, f.page, f.highlightValue, f.bboxHighlight);
@@ -232,7 +238,7 @@ function ExtractedFieldsPanel({
                     {formatPageLabel(f.page)}
                   </button>
                 ) : (
-                  <div className="mt-0.5 text-[10px] text-slate-300">未定位</div>
+                  <div className={getPageBadgeClass()}>未定位</div>
                 )}
               </div>
             </div>