feat(HEL-90): P2b 验收五条整改 + 夜间黑字排查

Co-authored-by: multica-agent <github@multica.ai>

app/frontend/m/css/features.css

@@ -1076,7 +1076,7 @@
 
 .m-chart-card {
   padding: 8px 6px;
-  height: var(--mobile-chart-height);
+  height: var(--mobile-chart-height-compact);
 }
 
 .m-chart-card svg {
@@ -1148,18 +1148,18 @@
 
 .m-sent-metrics {
   display: flex;
-  gap: 8px;
+  gap: 6px;
   margin-top: 12px;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
 }
 
 .m-sent-metric {
-  flex: 1;
-  min-width: 72px;
+  flex: 1 1 0;
+  min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 2px;
-  padding: 8px;
+  padding: 8px 6px;
   border-radius: 6px;
   background: var(--surface-muted);
 }
@@ -1167,18 +1167,31 @@
 .m-sent-metric span {
   font-size: var(--font-size-aux);
   color: var(--text-tertiary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .m-sent-metric b {
   font-size: var(--font-size-card-title);
   font-weight: 600;
   font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .m-sent-up b { color: var(--market-up); }
 .m-sent-warn b { color: var(--warning); }
 .m-sent-down b { color: var(--market-down); }
 
+@media (max-width: 359px) {
+  .m-sent-metrics { gap: 4px; }
+  .m-sent-metric { padding: 8px 4px; }
+  .m-sent-metric span { font-size: 10.5px; }
+  .m-sent-metric b { font-size: 14px; }
+}
+
 .m-sent-advice {
   margin-top: 10px;
   font-size: var(--font-size-label);
@@ -1337,12 +1350,14 @@
 .m-ladder-tier-count {
   font-size: var(--font-size-label);
   color: var(--text-secondary);
+  white-space: nowrap;
 }
 
 .m-ladder-rate {
-  margin-left: auto;
+  flex: 0 0 auto;
   font-size: var(--font-size-aux);
   color: var(--text-tertiary);
+  white-space: nowrap;
 }
 
 .m-ladder-stocks {
@@ -1426,15 +1441,24 @@
   color: var(--text-tertiary);
 }
 
-.m-ladder-more {
-  width: 100%;
-  height: 40px;
+.m-ladder-fold {
+  margin-left: auto;
+  flex: 0 0 auto;
+  min-height: 32px;
+  padding: 0 2px;
   border: 0;
-  border-top: 1px solid var(--border-subtle);
   background: transparent;
   color: var(--action);
-  font-size: var(--font-size-label);
+  font-size: var(--font-size-aux);
+  white-space: nowrap;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  transition: transform var(--motion-press-release) var(--ease-press);
+}
+
+.m-ladder-fold:active {
+  transform: scale(0.94);
+  transition-duration: var(--motion-press);
 }
 
 .m-rate-list {
@@ -1512,16 +1536,17 @@
 }
 
 .m-rotation-chips {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
   gap: 8px;
 }
 
 .m-rotation-chip {
-  display: inline-flex;
+  display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
+  gap: 8px;
+  min-width: 0;
+  padding: 8px 10px;
   border-radius: 8px;
   border: 1px solid var(--border-strong);
   background: var(--surface);
@@ -1536,14 +1561,28 @@
   background: var(--surface-hover);
 }
 
+.m-rotation-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  flex: 1;
+}
+
 .m-rotation-chip strong {
   font-size: var(--font-size-label);
   font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .m-rotation-chip small {
   font-size: var(--font-size-aux);
   color: var(--text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .m-rotation-chip.heat-strong {

app/frontend/m/css/tokens.css

@@ -45,6 +45,7 @@
   --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
   --mobile-page-padding: 12px;
   --mobile-chart-height: 240px;
+  --mobile-chart-height-compact: 168px;
   --mobile-table-row-height: 44px;
   --mobile-table-header-height: 40px;
   --mobile-icon-cell: 78px;