feat: 优化通道运营商与金额展示

src/styles/components.css

@@ -1075,6 +1075,24 @@
   color: var(--color-accent-strong);
 }
 
+.ui-carrier-tag {
+  align-items: center;
+  border-radius: var(--radius-full);
+  display: inline-flex;
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
+  justify-content: center;
+  line-height: 1;
+  min-height: 26px;
+  padding: 0 12px;
+  white-space: nowrap;
+}
+
+.ui-carrier-tag--mobile { background: #e7ebf0; color: #536170; }
+.ui-carrier-tag--unicom { background: #eeeae7; color: #6a6058; }
+.ui-carrier-tag--telecom { background: #e7ece9; color: #58685e; }
+.ui-carrier-tag--neutral { background: #eceff2; color: #596474; }
+
 .ui-tabs {
   display: grid;
   gap: var(--space-4);

src/styles/global.css

@@ -2015,11 +2015,70 @@
   font-weight: 400;
 }
 
-.money-text__fraction {
-  color: var(--color-text-muted);
-  font-size: 0.92em;
+.signature-report-status {
+  display: grid;
+  gap: var(--space-4);
 }
 
+.signature-report-status__context {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2) var(--space-3);
+}
+
+.signature-report-status__context span { color: var(--color-text-muted); font-size: var(--font-size-sm); }
+
+.signature-report-status__carriers {
+  display: grid;
+  gap: var(--space-4);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.signature-report-status__carrier {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  min-width: 0;
+  overflow: hidden;
+}
+
+.signature-report-status__carrier > header {
+  align-items: center;
+  background: var(--color-surface-subtle);
+  display: flex;
+  justify-content: space-between;
+  min-height: 54px;
+  padding: var(--space-3) var(--space-4);
+}
+
+.signature-report-status__carrier > header > span:last-child { color: var(--color-text-muted); font-size: var(--font-size-xs); }
+
+.signature-report-status__list {
+  max-height: 280px;
+  min-height: 190px;
+  overflow: auto;
+  padding: 0 var(--space-4);
+}
+
+.signature-report-status__row {
+  align-items: center;
+  border-bottom: 1px solid var(--color-border);
+  display: grid;
+  gap: var(--space-3);
+  grid-template-columns: minmax(0, 1fr) 168px;
+  min-height: 64px;
+}
+
+.signature-report-status__row:last-child { border-bottom: 0; }
+.signature-report-status__row strong { font-size: var(--font-size-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.signature-report-status__empty { color: var(--color-text-muted); font-size: var(--font-size-sm); padding: var(--space-7) 0; text-align: center; }
+
+@media (max-width: 920px) {
+  .signature-report-status__carriers { grid-template-columns: 1fr; }
+  .signature-report-status__list { min-height: 0; }
+}
+
+
 .signature-retirement-heatmap__total {
   color: var(--color-text-strong);
   font-weight: 700;
@@ -7941,6 +8000,15 @@
   font-variant-numeric: tabular-nums;
 }
 
+.recharge-receipt-modal .ui-modal__header,
+.recharge-receipt-modal .ui-modal__footer {
+  padding: var(--space-3) var(--space-5);
+}
+
+.recharge-receipt-modal .ui-modal__body {
+  padding: var(--space-3) var(--space-5);
+}
+
 .recharge-receipt {
   background:
     linear-gradient(135deg, rgba(217, 195, 160, 0.18), transparent 42%),
@@ -7964,13 +8032,13 @@
   align-items: center;
   display: flex;
   justify-content: space-between;
-  min-height: 74px;
-  padding: var(--space-6) var(--space-7) var(--space-4);
+  min-height: 52px;
+  padding: var(--space-3) var(--space-5) var(--space-2);
 }
 
 .recharge-receipt__logo {
   display: block;
-  height: 38px;
+  height: 32px;
   max-width: 190px;
   object-fit: contain;
   object-position: left center;
@@ -8001,7 +8069,7 @@
   border-bottom: 1px solid var(--color-border);
   display: grid;
   justify-items: center;
-  padding: var(--space-5) var(--space-7) var(--space-8);
+  padding: var(--space-2) var(--space-5) var(--space-3);
 }
 
 .recharge-receipt__amount > span,
@@ -8013,11 +8081,11 @@
 
 .recharge-receipt__amount strong {
   color: var(--color-text-strong);
-  font-size: clamp(36px, 7vw, 52px);
+  font-size: clamp(28px, 4vw, 34px);
   font-variant-numeric: tabular-nums;
   letter-spacing: -0.035em;
   line-height: 1.15;
-  margin-top: var(--space-2);
+  margin-top: var(--space-1);
 }
 
 .recharge-receipt__amount small {
@@ -8029,12 +8097,12 @@
 .recharge-receipt__enterprise {
   display: grid;
   gap: var(--space-1);
-  padding: var(--space-6) var(--space-7);
+  padding: var(--space-3) var(--space-5);
 }
 
 .recharge-receipt__enterprise strong {
   color: var(--color-text-strong);
-  font-size: var(--font-size-xl);
+  font-size: var(--font-size-lg);
 }
 
 .recharge-receipt__enterprise small {
@@ -8048,14 +8116,14 @@
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   margin: 0;
-  padding: var(--space-2) var(--space-7);
+  padding: var(--space-1) var(--space-5);
 }
 
 .recharge-receipt__details > div {
   display: grid;
   gap: var(--space-1);
   min-width: 0;
-  padding: var(--space-4) 0;
+  padding: var(--space-2) 0;
 }
 
 .recharge-receipt__details > div:nth-child(even) {
@@ -8078,7 +8146,7 @@
 .recharge-receipt__remark {
   display: grid;
   gap: var(--space-2);
-  padding: var(--space-5) var(--space-7);
+  padding: var(--space-2) var(--space-5);
 }
 
 .recharge-receipt__remark p {
@@ -8093,10 +8161,19 @@
   border-top: 1px dashed var(--color-border-strong);
   color: var(--color-text-muted);
   font-size: var(--font-size-xs);
-  padding: var(--space-4) var(--space-7);
+  padding: var(--space-2) var(--space-5);
   text-align: center;
 }
 
+.recharge-receipt--correction .recharge-receipt__amount {
+  padding-bottom: var(--space-2);
+  padding-top: var(--space-1);
+}
+
+.recharge-receipt--correction .recharge-receipt__amount strong {
+  font-size: 28px;
+}
+
 @media (max-width: 560px) {
   .recharge-receipt__header,
   .recharge-receipt__enterprise,
@@ -9344,3 +9421,8 @@
     grid-template-columns: minmax(0, 1fr);
   }
 }
+.application-unit-price {
+  color: var(--color-text-strong);
+  font-size: var(--font-size-base);
+  font-variant-numeric: tabular-nums;
+}