feat: introduce dark theme styling for the web UI and a module for weather data sources.

web/static/style.css

@@ -825,16 +825,37 @@ body {
 
 /* ── Nearby Markers ── */
 .nearby-marker {
-  background: rgba(30, 41, 59, 0.85); /* 暗夜蓝透明背景 */
-  color: #94a3b8; /* 灰白字体 */
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 12px;
-  padding: 2px 6px;
-  font-size: 11px; /* 比主站小 */
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+  background: rgba(15, 23, 42, 0.85); /* 深蓝玻璃背景 */
+  color: var(--accent-cyan); /* 亮青色 */
+  border: 1px solid rgba(34, 211, 238, 0.3); /* 青色边框 */
+  border-radius: 6px;
+  padding: 3px 8px;
+  font-size: 11px;
+  font-weight: 500;
+  box-shadow:
+    0 0 15px rgba(34, 211, 238, 0.1),
+    0 4px 6px rgba(0, 0, 0, 0.3);
   white-space: nowrap;
-  backdrop-filter: blur(4px); /* 玻璃质感 */
-  pointer-events: none; /* Make them click-through to avoid interfering with map clicking unless tooltipped */
+  backdrop-filter: blur(8px);
+  pointer-events: none;
+  animation: markerFadeIn 0.5s ease-out;
+}
+
+.nearby-temp {
+  font-weight: 700;
+  color: #fff;
+  margin: 0 2px;
+}
+
+@keyframes markerFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 /* ── Custom Map Markers ── */