修改Intersectionmapvideos的四个视频的位置

src/components/ui/IntersectionMapVideos.vue

@@ -364,27 +364,29 @@ export default {
   transform: translate(-50%, -50%);
   z-index: 10;
   pointer-events: none; 
+  border-radius: 2px;
+  overflow: hidden;
 }
 
 .video-corner {
   position: absolute;
-  /* 【核心修改】：(900-320)/2 / 900 = 32.222% */
-  width: 32.222%; 
-  height: 32.222%; 
+  /* (900-320)/2 / 900 = 32.222% */
+  width: 32.222%;
+  height: 32.222%;
   background: #000;
-  pointer-events: auto; 
-  
-  /* 加上极细的边框，配合内减盒模型，防止尺寸撑大导致错位 */
+  pointer-events: auto;
+
   box-sizing: border-box;
   border: 1px solid rgba(68, 138, 255, 0.4);
   overflow: hidden;
+  border-radius: 2px;
 }
 
-/* 【核心修改】：去掉所有 margin 和 top/left 间距，严丝合缝贴死四个角 */
-.top-left { top: 0; left: 0; }
-.top-right { top: 0; right: 0; }
-.bottom-left { bottom: 0; left: 0; }
-.bottom-right { bottom: 0; right: 0; }
+/* 四角贴死四个角 */
+.top-left { top: -1px; left: -1px; }
+.top-right { top: -1px; right: -1px; }
+.bottom-left { bottom: -1px; left: -1px; }
+.bottom-right { bottom: -1px; right: -1px; }
 
 /* ================= 关联视频空状态 & 关闭按钮 ================= */
 .close-btn {
@@ -417,6 +419,8 @@ export default {
   cursor: pointer;
   transition: all 0.3s ease;
   background: #112445;
+  border-radius: 2px;
+  overflow: hidden;
 }
 .empty-state:hover {
   background: rgba(68, 138, 255, 0.1);