From 6d2cdc8a14300e3d103946b6aa2ef0130b6dc1bc Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Wed, 22 Apr 2026 05:01:11 +0800
Subject: [PATCH] feat: add CSS module styles for ProbabilityHubPage component

---
 .../ProbabilityHubPage.module.css             | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/frontend/components/probability-hub/ProbabilityHubPage.module.css b/frontend/components/probability-hub/ProbabilityHubPage.module.css
index 48fec8c1..91e5659c 100644
--- a/frontend/components/probability-hub/ProbabilityHubPage.module.css
+++ b/frontend/components/probability-hub/ProbabilityHubPage.module.css
@@ -171,24 +171,36 @@
 .cardMeta {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
+  align-items: center;
+  gap: 10px;
+  color: var(--text-muted);
 }
 
 .metaChip {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  min-height: 26px;
-  padding: 4px 8px;
-  border-radius: 999px;
-  border: 1px solid rgba(148, 163, 184, 0.14);
-  background: rgba(255, 255, 255, 0.03);
+  gap: 4px;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
   color: var(--text-muted);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.metaChip + .metaChip::before {
+  content: "";
+  display: inline-block;
+  width: 1px;
+  height: 10px;
+  margin-right: 6px;
+  background: rgba(148, 163, 184, 0.22);
 }
 
 .metaChip strong {
-  color: var(--text-secondary);
+  color: var(--text-primary);
+  font-weight: 700;
 }
 
 .loadingGrid {