使用Claude重构动画

public/css/style.css

@@ -1998,12 +1998,6 @@ input:checked+.slider:before {
     display: flex !important;
     flex-direction: column;
     border-color: var(--accent-indigo);
-    animation: globeExpandIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-/* Collapse animation (plays while .expanded is still active to keep fixed positioning) */
-.globe-card.expanded.globe-collapsing {
-    animation: globeCollapseOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
 /* Ensure children are visible */
@@ -2011,28 +2005,6 @@ input:checked+.slider:before {
     opacity: 1 !important;
 }
 
-@keyframes globeExpandIn {
-    from {
-        opacity: 0;
-        transform: scale(0.82);
-    }
-    to {
-        opacity: 1;
-        transform: scale(1);
-    }
-}
-
-@keyframes globeCollapseOut {
-    from {
-        opacity: 1;
-        transform: scale(1);
-    }
-    to {
-        opacity: 0;
-        transform: scale(0.82);
-    }
-}
-
 .globe-card.expanded .globe-body {
     height: calc(90vh - 120px) !important; /* Explicit calc height for ECharts reliability */
     width: 100% !important;