fix(map): 修复地图标记文字显示问题

- 将无效的 writing-mode: "horizontal" 修正为 "horizontal-tb"
- 添加 white-space: nowrap 防止文字换行截断
- 影响文件: by/map.vue, bieyuan/map.vue, checkin/map.vue

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

@@ -232,13 +232,13 @@ export default {
         "border-color": "#DD7850",
         "border-radius": ".25rem",
         "background-color": "#FFF",
-        // "width": "1rem",
+        "white-space": "nowrap",
         // "border-width": 0,
         // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
         // "text-align": "center",
         "font-size": "0.8rem",
         "color": "#DD7850",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",
@@ -251,13 +251,13 @@ export default {
         "border-color": "#fcfbfa",
         "border-radius": ".25rem",
         "background-color": "#DD7850",
-        // "width": "1rem",
+        "white-space": "nowrap",
         // "border-width": 0,
         // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
         // "text-align": "center",
         "font-size": "0.8rem",
         "color": "white",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",

@@ -243,13 +243,13 @@ export default {
         "border-color": "#DD7850",
         "border-radius": ".25rem",
         "background-color": "#FFF",
-        // "width": "1rem",
+        "white-space": "nowrap",
         // "border-width": 0,
         // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
         // "text-align": "center",
         "font-size": "0.8rem",
         "color": "#DD7850",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",
@@ -262,13 +262,13 @@ export default {
         "border-color": "#fcfbfa",
         "border-radius": ".25rem",
         "background-color": "#DD7850",
-        // "width": "1rem",
+        "white-space": "nowrap",
         // "border-width": 0,
         // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
         // "text-align": "center",
         "font-size": "0.8rem",
         "color": "white",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",

@@ -7,6 +7,9 @@
 
 | ID | Time | T | Title | Read |
 |----|------|---|-------|------|
+| #5670 | 2:37 PM | 🔴 | All horizontal marker styles fixed in checkin/map.vue | ~247 |
+| #5657 | 2:32 PM | 🔴 | Fixed invalid CSS writing-mode in checkin/map.vue computed property | ~257 |
+| #5655 | 2:31 PM | 🔵 | Found 4 instances of invalid writing-mode in checkin/map.vue | ~197 |
 | #5329 | 11:25 AM | ✅ | CLAUDE.md memory log updated with recent observations | ~221 |
 | #5327 | 11:24 AM | 🔴 | Map marker navigation parameter fix committed to git | ~254 |
 | #5325 | 11:20 AM | 🔄 | Removed duplicate discountTitle variable declaration in onMounted hook | ~218 |

 <!--
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-02-10 11:23:01
+ * @LastEditTime: 2026-02-10 13:58:46
  * @FilePath: /map-demo/src/views/checkin/map.vue
  * @Description: 公众地图主体页面
 -->
@@ -406,11 +406,12 @@ export default {
         "background-color": "#FFF",
         "font-size": getAdaptiveFontSize(0.8, true), // 仅iPad设备适配
         "color": "#DD7850",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",
         "align-items": "center",
+        "white-space": "nowrap",
       };
     },
     /**
@@ -425,11 +426,12 @@ export default {
         "background-color": "#DD7850",
         "font-size": getAdaptiveFontSize(0.8, true), // 仅iPad设备适配
         "color": "white",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",
         "align-items": "center",
+        "white-space": "nowrap",
       };
     }
   },
@@ -518,13 +520,13 @@ export default {
         "border-color": "#DD7850",
         "border-radius": ".25rem",
         "background-color": "#FFF",
-        // "width": "1rem",
+        "white-space": "nowrap",
         // "border-width": 0,
         // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
         // "text-align": "center",
         "font-size": "0.8rem",
         "color": "#DD7850",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",
@@ -537,13 +539,13 @@ export default {
         "border-color": "#fcfbfa",
         "border-radius": ".25rem",
         "background-color": "#DD7850",
-        // "width": "1rem",
+        "white-space": "nowrap",
         // "border-width": 0,
         // "box-shadow": "0 2px 6px 0 rgba(114, 124, 245, .5)",
         // "text-align": "center",
         "font-size": "0.8rem",
         "color": "white",
-        "writing-mode": "horizontal",
+        "writing-mode": "horizontal-tb",
         "text-orientation": "mixed",
         "display": "flex",
         "justify-content": "center",