修改为直接与blackbox通信

public/css/style.css

@@ -1987,18 +1987,24 @@ input:checked+.slider:before {
 /* ---- Globe Card Expansion ---- */
 .globe-card.expanded {
     position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+    top: 5vh;
+    left: 2.5vw;
     width: 95vw !important;
     height: 90vh !important;
-    z-index: 2000;
-    box-shadow: 0 0 100px rgba(0, 0, 0, 0.8), 0 0 0 100vh rgba(0, 0, 0, 0.6);
-    backdrop-filter: blur(15px);
-    animation: globeExpand 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+    z-index: 9999;
+    transform: none !important; /* Remove translate to avoid coordinate issues */
+    transition: none !important; /* Avoid transition conflicts during state jump */
+    box-shadow: 0 0 100px rgba(0, 0, 0, 0.9), 0 0 0 100vh rgba(0, 0, 0, 0.7);
+    backdrop-filter: blur(20px);
     margin: 0 !important;
-    display: flex !important; /* Force flex for proper internal layout */
+    display: flex !important;
     flex-direction: column;
+    border-color: var(--accent-indigo);
+}
+
+/* Ensure children are visible */
+.globe-card.expanded > * {
+    opacity: 1 !important;
 }
 
 @keyframes globeExpand {
@@ -2013,9 +2019,10 @@ input:checked+.slider:before {
 }
 
 .globe-card.expanded .globe-body {
-    flex: 1; /* Allow map to fill all remaining space */
-    height: auto !important; /* Override fixed height in expanded state */
-    min-height: 0;
+    height: calc(90vh - 120px) !important; /* Explicit calc height for ECharts reliability */
+    width: 100% !important;
+    flex: none; 
+    min-height: 400px;
 }
 
 .chart-header-actions {