Update style.css

style.css

@@ -371,47 +371,13 @@ body {
 
 .close-btn:hover { color: #fff; }
 
-/* 确保父级有定位基准 */
 .modal-body {
-  position: relative; /* 必须加 */
-  padding: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  flex: 1;
-  min-height: 0;
-}
-
-/* 🌟 网格容器：用绝对定位盖满整个 body，这样它永远不会被销毁 */
-#grid-view-container {
-  position: absolute;
-  top: 4.5rem; /* 避开顶部的 Back to Grid 按钮 */
-  left: 1.5rem;
-  right: 1.5rem;
-  bottom: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  /* 默认隐藏，由 JS 用 opacity 切换 */
-  opacity: 0;
-  pointer-events: none;
-  z-index: 1;
-  transition: opacity 0.2s ease;
-}
-
-/* 🌟 详情视图：用绝对定位盖在网格上面 */
-#detail-view {
-  position: absolute;
-  top: 4.5rem;
-  left: 1.5rem;
-  right: 1.5rem;
-  bottom: 1.5rem;
-  z-index: 2; /* 必须在网格上面 */
-  display: flex;
-  background: #151515; /* 遮盖底下的网格 */
-  /* 默认隐藏 */
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
+ padding: 1.5rem;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ flex: 1;
+ min-height: 0;
 }
 
 .viewer-controls {