feat: implement PolyWeather dashboard UI with Leaflet map integration and backend data collection support

2026-04-26 10:22:11 +08:00
parent 1ee8408b1f
commit 312b366a50
4 changed files with 169 additions and 20 deletions
@@ -14052,3 +14052,123 @@
    padding: 0 13px 13px;
  }
 }
+
+/* Light-mode hard overrides for the scan terminal. Keep this block last so the
+   decision workspace cannot inherit the dark map/card palette from base rules. */
+.root:global(.light) {
+  --bg-primary: #eef7ff;
+  --bg-secondary: #e0f2fe;
+  --bg-card: #ffffff;
+  --bg-glass: rgba(255, 255, 255, 0.92);
+  --border-glass: #cfe8ff;
+  --border-subtle: rgba(125, 171, 214, 0.34);
+  --text-primary: #0f172a;
+  --text-secondary: #334155;
+  --text-muted: #475569;
+}
+
+.root:global(.light) :global(.scan-terminal.light) {
+  background:
+    radial-gradient(circle at 18% 12%, rgba(59, 130, 246, 0.12), transparent 30%),
+    linear-gradient(180deg, #eef7ff 0%, #e8f4ff 48%, #f8fbff 100%) !important;
+  color: #0f172a !important;
+}
+
+:global(html.light) .root :global(.map),
+.root:global(.light) :global(.map),
+.root:global(.light) :global(.scan-terminal.light .scan-map-shell .map),
+.root:global(.light) :global(.scan-terminal.light .scan-map-shell .leaflet-container),
+.root:global(.light) :global(.leaflet-container),
+.root:global(.light) :global(.leaflet-pane),
+.root:global(.light) :global(.leaflet-map-pane),
+.root:global(.light) :global(.leaflet-tile-pane) {
+  background: #eef7ff !important;
+}
+
+:global(html.light) .root :global(.map),
+.root:global(.light) :global(.scan-terminal.light .scan-map-shell) {
+  border-color: rgba(37, 99, 235, 0.18) !important;
+  box-shadow:
+    0 18px 40px rgba(61, 100, 145, 0.14),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
+}
+
+:global(html.light) .root :global(.map .leaflet-tile),
+.root:global(.light) :global(.map .leaflet-tile),
+.root:global(.light) :global(.scan-terminal.light .scan-map-shell .leaflet-tile) {
+  filter: none !important;
+  opacity: 1 !important;
+}
+
+.root:global(.light) :global(.scan-city-detail-rail),
+.root:global(.light) :global(.scan-terminal.light > .detail-panel.scan-city-detail-rail) {
+  background:
+    linear-gradient(180deg, rgba(238, 247, 255, 0.98), rgba(255, 255, 255, 0.96)) !important;
+  border-color: rgba(37, 99, 235, 0.16) !important;
+  color: #0f172a !important;
+}
+
+.root:global(.light) :global(.scan-city-detail-rail .panel-header),
+.root:global(.light) :global(.scan-city-detail-rail .detail-structured-section),
+.root:global(.light) :global(.scan-city-detail-rail .detail-summary-shell),
+.root:global(.light) :global(.scan-city-detail-rail .detail-card) {
+  background: rgba(255, 255, 255, 0.74) !important;
+  border-color: rgba(125, 171, 214, 0.28) !important;
+}
+
+.root:global(.light) :global(.scan-city-detail-rail h2),
+.root:global(.light) :global(.scan-city-detail-rail h3),
+.root:global(.light) :global(.scan-city-detail-rail strong),
+.root:global(.light) :global(.scan-city-detail-rail .detail-value),
+.root:global(.light) :global(.scan-city-detail-rail .detail-summary-temp),
+.root:global(.light) :global(.scan-city-detail-rail .detail-section-head h3),
+.root:global(.light) :global(.scan-city-detail-rail .panel-title-area h2) {
+  color: #0f172a !important;
+}
+
+.root:global(.light) :global(.scan-city-detail-rail p),
+.root:global(.light) :global(.scan-city-detail-rail li),
+.root:global(.light) :global(.scan-city-detail-rail small),
+.root:global(.light) :global(.scan-city-detail-rail .panel-overline),
+.root:global(.light) :global(.scan-city-detail-rail .panel-loading-hint),
+.root:global(.light) :global(.scan-city-detail-rail .panel-meta-chip),
+.root:global(.light) :global(.scan-city-detail-rail .detail-section-kicker),
+.root:global(.light) :global(.scan-city-detail-rail .detail-label),
+.root:global(.light) :global(.scan-city-detail-rail .detail-value-muted),
+.root:global(.light) :global(.scan-city-detail-rail .detail-source-note),
+.root:global(.light) :global(.scan-city-detail-rail .detail-source-kind),
+.root:global(.light) :global(.scan-city-detail-rail .detail-mini-meta),
+.root:global(.light) :global(.scan-city-detail-rail .detail-summary-supporting),
+.root:global(.light) :global(.scan-city-detail-rail .scan-detail-city-sub),
+.root:global(.light) :global(.scan-city-detail-rail .scan-detail-volume-caption),
+.root:global(.light) :global(.scan-city-detail-rail .scan-detail-score-label),
+.root:global(.light) :global(.scan-city-detail-rail .scan-detail-empty) {
+  color: #334155 !important;
+}
+
+.root:global(.light) :global(.scan-city-detail-rail .panel-meta-chip),
+.root:global(.light) :global(.scan-city-detail-rail .panel-weather-chip),
+.root:global(.light) :global(.scan-city-detail-rail .detail-source-link),
+.root:global(.light) :global(.scan-city-detail-rail .panel-action-button-secondary),
+.root:global(.light) :global(.scan-city-detail-rail .panel-action-button-ghost) {
+  background: #eef7ff !important;
+  border-color: rgba(37, 99, 235, 0.18) !important;
+  color: #1f3654 !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-card),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-section),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-decision-band),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-market-decision),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-decision-metrics span),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-pills span) {
+  background: #eef7ff !important;
+  border-color: rgba(37, 99, 235, 0.16) !important;
+}
+
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-card p),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-card li),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-card small),
+.root:global(.light) :global(.scan-terminal.light .scan-ai-city-card span:not(.scan-ai-city-kicker)) {
+  color: #334155 !important;
+}