feat: improve model catalog aggregation

apps/web/src/styles/pricing.css

@@ -29,7 +29,7 @@
 .pricingRuleCard p {
   margin: 0;
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: 0.75rem;
 }
 
 .pricingRuleItems {
@@ -47,7 +47,7 @@
   border: 1px solid var(--border-subtle);
   background: var(--surface-subtle);
   color: #4b5563;
-  font-size: 12px;
+  font-size: 0.75rem;
 }
 
 .pricingRuleItems strong {
@@ -55,7 +55,7 @@
   align-items: center;
   gap: 6px;
   color: var(--text-strong);
-  font-size: 13px;
+  font-size: 0.8125rem;
 }
 
 .pricingRuleItems svg {
@@ -96,13 +96,13 @@
 .pricingModeRule strong,
 .pricingWeightTable strong {
   display: block;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 .pricingModeHeader span,
 .pricingModeRule header span {
   color: var(--muted-foreground);
-  font-size: 12px;
+  font-size: 0.75rem;
 }
 
 .pricingModeTabs {
@@ -119,7 +119,7 @@
   border-bottom: 3px solid transparent;
   background: transparent;
   color: var(--text-soft);
-  font-size: 14px;
+  font-size: 0.875rem;
   font-weight: var(--font-weight-semibold);
 }
 
@@ -313,7 +313,7 @@
   border-right: 1px solid var(--border);
   background: var(--surface-subtle);
   color: var(--text-normal);
-  font-size: 12px;
+  font-size: 0.75rem;
   font-weight: var(--font-weight-medium);
   line-height: 1.35;
 }
@@ -332,7 +332,7 @@
   align-items: center;
   padding: 0 12px;
   color: var(--text-strong);
-  font-size: 13px;
+  font-size: 0.8125rem;
 }
 
 .pricingFormulaBox {
@@ -348,7 +348,7 @@
 .pricingFormulaBox p {
   margin-top: 8px;
   color: var(--muted-foreground);
-  font-size: 13px;
+  font-size: 0.8125rem;
   font-weight: var(--font-weight-medium);
 }
 
@@ -397,7 +397,7 @@
   border-radius: 8px;
   background: var(--surface-subtle);
   color: var(--text-normal);
-  font-size: 13px;
+  font-size: 0.8125rem;
   font-weight: var(--font-weight-medium);
 }