fix(HEL-217): 限制温度走势图高度，按左栏对齐右侧并保留夜间提示

撤掉图表随右栏无限拉伸的布局，恢复一屏内的成熟比例；右侧两卡跟随左栏高度，夜间 tooltip 改用主题变量。

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>

frontend/pages/sentiment/foundation.css

@@ -1021,9 +1021,21 @@
 }
 
 .sentiment-chart-tooltip b {
+  color: inherit;
+
   font-weight: 700;
 }
 
+:root[data-theme="dark"] #sentimentCycleView .sentiment-chart-tooltip {
+  border: 1px solid var(--border-strong);
+
+  background: var(--surface-muted);
+
+  color: var(--text-primary);
+
+  box-shadow: var(--elevation-float);
+}
+
 .sentiment-phase-block {
   display: flex;
 
@@ -1673,6 +1685,95 @@
   }
 }
 
+@media (min-width: 1024px) {
+  .redesigned-emotion-grid,
+  .emo-grid {
+    align-items: stretch;
+  }
+
+  .redesigned-sentiment-view .sentiment-analysis-main {
+    height: max-content;
+  }
+
+  .redesigned-sentiment-view .sentiment-analysis-rail {
+    height: 0;
+
+    min-height: 100%;
+
+    overflow: auto;
+  }
+
+  .redesigned-sentiment-view .sentiment-trend-panel {
+    display: flex;
+
+    flex-direction: column;
+  }
+
+  .redesigned-sentiment-view .sentiment-chart-shell {
+    flex: 0 0 auto;
+
+    height: min(350px, 40vh);
+  }
+
+  .redesigned-sentiment-view .sentiment-chart-shell canvas {
+    height: 100%;
+  }
+
+  .redesigned-sentiment-view .sentiment-cycle-summary {
+    flex: 0 0 auto;
+  }
+
+  .redesigned-sentiment-view .sentiment-components-panel {
+    display: flex;
+
+    flex: 1 1 auto;
+
+    flex-direction: column;
+
+    min-height: 0;
+  }
+
+  .redesigned-sentiment-view .sentiment-component-list {
+    flex: 1 1 auto;
+
+    min-height: 0;
+
+    overflow: auto;
+
+    padding: 4px 16px 8px;
+  }
+
+  .redesigned-sentiment-view .sentiment-component-item {
+    padding: 4px 0px;
+  }
+
+  .redesigned-sentiment-view .sentiment-component-item small {
+    display: none;
+  }
+
+  .redesigned-sentiment-view .sentiment-phase-block {
+    gap: 12px;
+
+    padding: 10px 12px;
+  }
+
+  .redesigned-sentiment-view .sentiment-current-phase-badge {
+    padding: 8px 12px;
+  }
+
+  .redesigned-sentiment-view .sentiment-phase-advice {
+    margin-top: 4px;
+
+    padding: 4px 8px;
+
+    line-height: 1.4;
+  }
+
+  .redesigned-sentiment-view .sentiment-feedback-strip > span {
+    padding: 4px 10px;
+  }
+}
+
 @media (min-width: 1024px) {
   .sentiment-cycle-summary {
     grid-template-columns: minmax(270px, 1.25fr) repeat(3, minmax(160px, 1fr));