From ac6ff4eb2bb23f0d75428c677705bc264559846f Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Thu, 30 Apr 2026 17:01:13 +0800
Subject: [PATCH] 1

---
 frontend/src/app/(auth)/dashboard/page.tsx | 28 +++++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/frontend/src/app/(auth)/dashboard/page.tsx b/frontend/src/app/(auth)/dashboard/page.tsx
index fd5a7503..29c27766 100644
--- a/frontend/src/app/(auth)/dashboard/page.tsx
+++ b/frontend/src/app/(auth)/dashboard/page.tsx
@@ -440,20 +440,23 @@ function MarketSnapshot({
       ) : null}
 
       {leadingSectors.length ? (
-        <div className="mt-4 rounded-2xl border border-border-subtle bg-surface-1/70 p-3">
-          <div className="text-[11px] font-semibold text-text-secondary">今日盯住的板块</div>
-          <div className="mt-3 space-y-2">
+        <div className="mt-4">
+          <div className="flex items-center justify-between border-b border-border-subtle pb-2">
+            <div className="text-[11px] font-semibold text-text-secondary">今日盯住的板块</div>
+            <div className="text-[10px] text-text-muted">主线优先</div>
+          </div>
+          <div className="divide-y divide-border-subtle">
             {leadingSectors.map((sector) => {
               const pct = sector.realtime_pct_change ?? sector.pct_change;
               return (
-                <div key={sector.sector_code} className="flex items-center justify-between gap-3 text-sm">
-                  <div className="min-w-0">
-                    <div className="truncate font-medium text-text-primary">{sector.sector_name}</div>
-                    <div className="text-[11px] text-text-muted">
+                <div key={sector.sector_code} className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 py-2.5 text-sm">
+                  <div className="min-w-0 overflow-hidden">
+                    <div className="truncate text-[13px] font-medium text-text-primary">{sector.sector_name}</div>
+                    <div className="mt-0.5 truncate text-[11px] text-text-muted">
                       {sector.limit_up_count > 0 ? `${sector.limit_up_count} 涨停` : "无涨停"} · {sector.stage || "mid"}
                     </div>
                   </div>
-                  <span className={`font-mono tabular-nums ${pct >= 0 ? "text-red-400" : "text-emerald-400"}`}>
+                  <span className={`min-w-[4.5rem] text-right font-mono text-xs tabular-nums ${pct >= 0 ? "text-red-400" : "text-emerald-400"}`}>
                     {pct >= 0 ? "+" : ""}{pct.toFixed(2)}%
                   </span>
                 </div>
@@ -645,7 +648,14 @@ function FocusStockCard({ rec }: { rec: RecommendationData }) {
             <span className="text-sm font-semibold text-text-primary">{rec.name}</span>
             <span className={`rounded-lg border px-2 py-0.5 text-[10px] ${badgeClass}`}>{rec.action_plan ?? "观察"}</span>
           </div>
-          <div className="mt-1 text-[11px] text-text-muted font-mono tabular-nums">{rec.ts_code} · {rec.sector}</div>
+          <div className="mt-1 flex min-w-0 flex-wrap items-center gap-1.5 text-[11px] text-text-muted">
+            <span className="font-mono tabular-nums">{rec.ts_code}</span>
+            {rec.sector ? (
+              <span className="inline-flex max-w-[10rem] items-center rounded-md border border-border-subtle bg-surface-2/70 px-1.5 py-0.5 font-medium text-text-secondary">
+                <span className="truncate">{rec.sector}</span>
+              </span>
+            ) : null}
+          </div>
         </div>
         <div className="text-right">
           <div className="text-xs font-mono tabular-nums text-text-secondary">{Math.round(rec.score)}</div>