feat(All): 第一版项目

src/client/components/LatencyMap.css

@@ -0,0 +1,70 @@
+.map-container {
+  width: 100%;
+  max-width: 900px;
+  margin: 0 auto 2rem;
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  overflow: hidden;
+  background-color: var(--card-bg);
+}
+
+.geography {
+  fill: var(--map-land);
+  stroke: var(--map-border);
+  stroke-width: 0.5;
+  outline: none;
+  transition: fill 0.2s;
+}
+
+.marker-group {
+  cursor: pointer;
+}
+
+.marker-dot {
+  transition: r 0.3s, fill 0.3s;
+}
+
+.marker-dot.testing {
+  animation: pulse 1s ease-in-out infinite;
+}
+
+.marker-label {
+  font-size: 10px;
+  font-weight: 600;
+  fill: var(--text-color);
+  pointer-events: none;
+}
+
+.marker-latency {
+  font-size: 11px;
+  font-weight: 700;
+  pointer-events: none;
+}
+
+.marker-inactive {
+  fill: var(--marker-inactive);
+}
+
+.pulse-ring {
+  fill: none;
+  stroke: var(--primary-color);
+  stroke-width: 2;
+  opacity: 0;
+  animation: pulse-ring 1.5s ease-out infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+@keyframes pulse-ring {
+  0% {
+    r: 8;
+    opacity: 0.8;
+  }
+  100% {
+    r: 24;
+    opacity: 0;
+  }
+}