feat(FEAT-MO-001): 接入TDX市场宽度板块与成交额趋势

web/src/styles/index.scss

@@ -472,12 +472,54 @@ textarea {
 }
 
 .sector-list button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  min-width: 112px;
+  gap: 10px;
   padding: 7px 9px;
   color: #4c5966;
   background: #f3f7f7;
   font-size: 12px;
 }
 
+.sector-list button strong {
+  font-weight: 650;
+}
+
+.sector-list button[data-direction='up'] strong,
+.turnover-trend [data-direction='up'] {
+  color: #c33f3f;
+}
+
+.sector-list button[data-direction='down'] strong,
+.turnover-trend [data-direction='down'] {
+  color: #19846e;
+}
+
+.turnover-trend {
+  display: grid;
+  gap: 12px;
+  margin-top: 24px;
+}
+
+.turnover-trend div {
+  display: flex;
+  align-items: baseline;
+  gap: 7px;
+}
+
+.turnover-trend strong {
+  color: #1c2a35;
+  font-size: 25px;
+}
+
+.turnover-trend small,
+.turnover-trend p {
+  color: #7d8893;
+  font-size: 12px;
+}
+
 @media (max-width: 900px) {
   .overview-grid-top,
   .overview-grid-bottom {