feat

src/pages/Container/MonitorManage/RiskCenter/index.js

@@ -134,9 +134,7 @@ const RiskCenter = (props) => {
       render: (sources) => (
         <div style={{ display: "flex", flexWrap: "wrap", gap: 4 }}>
           {(sources || []).map((s, i) => (
-            <span key={i} className="source-pill">
-              {s}
-            </span>
+            <Tag key={i}>{s}</Tag>
           ))}
         </div>
       ),

src/pages/Container/MonitorManage/RiskCenter/index.less

@@ -18,12 +18,11 @@
 
     .stat-info {
       .stat-label {
-        font-size: 0.82rem;
         color: #64748b;
       }
 
       .stat-value {
-        font-size: 1.75rem;
+        font-size: 28px;
         font-weight: 700;
         line-height: 1.15;
         margin-top: 6px;
@@ -42,7 +41,7 @@
       }
 
       .stat-hint {
-        font-size: 0.75rem;
+        font-size: 12px;
         color: #64748b;
         margin-top: 4px;
       }
@@ -55,7 +54,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 1.1rem;
+      font-size: 18px;
       flex-shrink: 0;
     }
   }
@@ -66,7 +65,7 @@
     border: 1px solid #e2e8f0;
     border-radius: 8px;
     padding: 8px 14px;
-    font-size: 0.82rem;
+    font-size: 13px;
     color: #64748b;
     margin-bottom: 10px;
     display: flex;
@@ -88,7 +87,7 @@
     border-radius: 999px;
     background: #f1f5f9;
     color: #475569;
-    font-size: 0.68rem;
+    font-size: 11px;
     white-space: nowrap;
   }
 
@@ -101,7 +100,7 @@
 
     .risk-toolbar-left {
       .risk-toolbar-desc {
-        font-size: 0.85rem;
+        font-size: 14px;
         color: #64748b;
       }
     }