feat: 完善仓库建筑绑定、质检预警规则与大屏展示

public/screen/css/style.css

@@ -346,7 +346,7 @@ html, body {
   display: inline-flex;
   gap: 16px;
   white-space: nowrap;
-  animation: marquee-scroll 45s linear infinite;
+  animation: marquee-scroll var(--marquee-duration, 90s) linear infinite;
 }
 
 .alert-marquee-track:hover {
@@ -1189,12 +1189,12 @@ html, body {
   width: 100%;
   min-height: 0;
   margin: 6px 0 8px 0;
-  background: linear-gradient(135deg, rgba(6, 14, 32, 0.52) 0%, rgba(3, 8, 20, 0.45) 100%);
+  background: linear-gradient(135deg, rgba(12, 26, 44, 0.97) 0%, rgba(8, 19, 33, 0.98) 100%);
   border: 1px solid rgba(56, 189, 248, 0.25);
   border-top: 1.5px solid rgba(56, 189, 248, 0.65);
   border-radius: 8px;
-  backdrop-filter: blur(20px) saturate(160%);
-  -webkit-backdrop-filter: blur(20px) saturate(160%);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
   box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), 0 0 35px rgba(56, 189, 248, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.12);
   padding: 12px 18px;
   display: flex;
@@ -1462,7 +1462,7 @@ html, body {
 
 .forecast-charts-row {
   display: grid;
-  grid-template-columns: 58% 42%;
+  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
   gap: 16px;
   flex: 1;
   min-height: 0;
@@ -2150,3 +2150,22 @@ html, body {
 
 
 
+
+/* Forecast analysis: quiet surfaces, legible hierarchy and independent scales. */
+.forecast-charts-row > .center-chart-card { min-width: 0; }
+.forecast-charts-row .center-chart-card-title-bar { flex-wrap: wrap; align-items: flex-start; gap: 4px; margin-bottom: 8px; }
+.forecast-charts-row .center-chart-card-title { color: #e3edf7; font-size: 13px; margin-bottom: 0; letter-spacing: .2px; }
+.forecast-charts-row .center-chart-card:last-child { padding-left: 18px; border-left-color: rgba(148, 173, 200, .13); }
+.forecast-chart-note { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; color: #8ba4bd; font-size: 10px; line-height: 1.7; padding: 0 0 12px; }
+.threshold-key { color: #dfb883; }
+.forecast-env-pill { color: #9eb5cb; border-color: #314459; background: #132438; font-size: 9px; }
+.forecast-env-bar { border-color: #2a4058; box-shadow: none; padding: 8px 10px; flex-wrap: wrap; }
+.forecast-env-items { flex-wrap: wrap; gap: 7px; }
+.forecast-env-label { color: #c2d2e3; }
+.forecast-env-label .env-pulse-icon, .chart-pulse-dot { animation: none; box-shadow: none; }
+.center-chart-board .center-chart-title { color: #dcebf8; }
+.center-chart-tabs { border-color: #30465e; border-radius: 6px; background: #0b192b; }
+.center-chart-tab { padding: 6px 12px; }
+.center-chart-tab#tab-chart-forecast.active { background: #193e58; color: #93e4f6; box-shadow: none; border-color: #306079; }
+.center-chart-board button:focus-visible { outline: 2px solid #91d9f5; outline-offset: 3px; }
+@media (prefers-reduced-motion: reduce) { .center-chart-board { animation: none; } }