AssetTrendingCard

Asset Prediction 頂部的卡：一個我們在推的資產，它的價格、 內嵌的 AssetPriceTimeline、以及進 dashboard 的入口。 AssetRow 是同一個資產讀成列，這裡讀成標題——所以名稱在這裡是 20px 的 title， 在列裡低一階（16px）。

整張卡可點，進該資產的 dashboard。 做法是覆蓋整卡的絕對定位 anchor，不是把卡包進連結、也不是在容器掛 onClick： 卡裡有真的控制項（收藏星）和有自己 hover 與 popover 的圖表， 包進 <a> 是無效 HTML， 掛 onClick 則會吃掉它們的點擊、每層都得防禦性 stopPropagation。

靜態內容（身份、價格、計數）壓在 anchor 底下，所以它們就是「卡片本身」； 需要保有互動的東西只要 relative 就浮到 anchor 之上—— 星星與圖表就是這樣退出導航區的。

原本這張卡是 AssetPredictionPage 裡的 inline markup。抽成組件的理由和 AssetRow 一樣：它是一個可點的 surface，hover 與點擊行為需要有地方驗證。

外殼直接用 @olab Card（hoverEnabled = hover 時邊框轉 brand），p-5 照收不覆蓋。卡內三段間距 12px（gap-3）。時間軸上方原本還有一列 Weekly / Monthly 控制項，2026-08-17 移除後圖表直接接在身份列下面，繪圖區上緣的留白由圖表自己的margin.top 給（12px），卡片這一層不另外加。

缺口

• 每張卡都可點進 dashboard，但本 repo 只有 Bitcoin 那頁真的存在， 所以每張卡目前都連到同一頁。
• 繪圖區上下各有圖表自己的內距（上 34px 給 spot 標籤、下 20px 給月份標籤）， 所以視覺留白比 8 / 16px 的元素間距看起來寬。要更緊必須動圖表內距， 會壓到那兩組標籤。