优化地图交互与文档方案

miniprogram/pages/map/map.wxss

@@ -1580,18 +1580,40 @@
 .game-punch-hint {
   position: absolute;
   left: 50%;
-  bottom: 280rpx;
+  top: 0;
   transform: translateX(-50%);
-  max-width: 72vw;
-  padding: 14rpx 24rpx;
+  max-width: calc(100vw - 112rpx);
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  padding: 14rpx 18rpx 14rpx 24rpx;
   border-radius: 999rpx;
   background: rgba(18, 33, 24, 0.78);
   color: #f7fbf2;
   font-size: 24rpx;
   line-height: 1.2;
-  text-align: center;
+  text-align: left;
   z-index: 16;
-  pointer-events: none;
+  pointer-events: auto;
+}
+
+.game-punch-hint__text {
+  flex: 1;
+  min-width: 0;
+}
+
+.game-punch-hint__close {
+  width: 40rpx;
+  height: 40rpx;
+  flex: 0 0 40rpx;
+  border-radius: 999rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(247, 251, 242, 0.9);
+  font-size: 32rpx;
+  line-height: 1;
+  background: rgba(255, 255, 255, 0.08);
 }
 
 .game-punch-feedback {