feat(All) 修改整体页面格式，增加地图中间模型与下方表格间的联动显示

src/client/components/FloatingHeader.css

@@ -0,0 +1,59 @@
+.floating-header {
+  position: fixed;
+  top: 1.25rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 100;
+
+  display: flex;
+  align-items: center;
+  gap: 3rem;
+  padding: 0.75rem 1.5rem 0.75rem 2rem;
+
+  background: var(--card-bg);
+  backdrop-filter: var(--glass-blur);
+  -webkit-backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--border-color);
+  border-radius: 9999px;
+
+  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1);
+  transition: opacity var(--transition-smooth);
+  width: max-content;
+  max-width: 90vw;
+}
+
+.floating-header.scrolled {
+  opacity: 0.4;
+}
+
+.floating-header.scrolled:hover {
+  opacity: 1;
+}
+
+.header-title {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  font-weight: 700;
+  font-size: 1.15rem;
+  color: var(--text-color);
+  white-space: nowrap;
+}
+
+.header-title .title-icon {
+  font-size: 1.4rem;
+  filter: drop-shadow(0 0 8px var(--accent-glow));
+}
+
+.floating-header .theme-switcher {
+  font-size: 1.1rem;
+  padding: 6px 10px;
+}
+
+@media (max-width: 640px) {
+  .floating-header {
+    top: 1rem;
+    gap: 1rem;
+    padding: 0.5rem 1rem;
+  }
+}