Add Swiss map component guidance

references/swiss-layout-lock.md

@@ -13,7 +13,7 @@
 ## 生成前硬规则
 
 1. 每个正文页都必须先选一个登记版式,并在 `<section>` 上写 `data-layout="Sxx"`。
-2. 不允许临时发明 `P23/P24` 这类未出现在原始 22P 的正文结构。需要图片时,优先使用 `S22 Image Hero`;多图时使用 `S15/S16` 的原始网格骨架做图片格改造,不要发明新的证据墙。
+2. 不允许临时发明 `P23/P24` 这类未出现在原始 22P 的正文结构。需要图片时,优先使用 `S22 Image Hero`;多图时使用 `S15/S16` 的原始网格骨架做图片格改造,不要发明新的证据墙。唯一登记的交互扩展是 `S08 + Swiss Map Component`,详见 `references/swiss-map-component.md`。
 3. 顶部中文标题默认左对齐并贴近左上内容轴。除原始 `S03/S09/S10` 这种 statement/split 版式外,不要把大标题放到页面水平中心。
 4. SVG 只能负责几何线条、圆、箭头、路径。不要在 SVG 里写可见文字;所有文字标签用 HTML 放在网格、卡片或 caption 里。
 5. 图片槽位和图片生成比例必须绑定。先确定版式和槽位,再生成图片。
@@ -29,7 +29,7 @@
 | S05 | 05 | Three Layers | 顶部左对齐标题,下方 `.stack-row` 三大块 | 无 |
 | S06 | 06 | KPI Tower | 左标题+右说明,下方不等高 KPI 塔 | 无 |
 | S07 | 07 | Horizontal Bar | 左对齐标题,横向条形图 | 无 |
-| S08 | 08 | Duo Compare | `.duo-compare` 两列 + 中线 | 无 |
+| S08 | 08 | Duo Compare | `.duo-compare` 两列 + 中线 | 无;地点/路线内容可使用 `S08 + Swiss Map Component` 替换右侧插槽 |
 | S09 | 09 | Dot Matrix Statement | 大号 statement + 点阵装饰 | 无 |
 | S10 | 10 | Split Closing | `.slide.split` 左巨字右列表 | 无 |
 | S11 | 11 | Horizontal Timeline | 原始 `grid-template-columns:auto 1fr` 头部 + `.timeline-h` | 无 |
@@ -45,6 +45,17 @@
 | S21 | 21 | Tech Spec Sheet | 大标题 + 三 KPI + 右下竖线矩阵 | 无 |
 | S22 | 22 | Image Hero | 顶部全宽图 + 左上白块标题 + 下方三列 KPI | 主图按 `21:9` 生成,关键主体放中央安全区 |
 
+## 登记扩展组件
+
+### S08 + Swiss Map Component
+
+- 使用场景:地理、历史、城市路线、门店/校区/事件点位、人物住所关系。
+- 版式身份:仍是 `data-layout="S08"`,不是新正文页。
+- 页面结构:顶部左对齐标题 + 左侧关系/说明卡片 + 右侧 MapLibre 地图卡片。
+- 标记结构:点 + 连线 + HTML 卡片;SVG 只画 fallback 关系线,不写文字。
+- 交互控制:右上角必须有 `+` / `-` / `DRAG`;默认禁用滚轮缩放和拖动,避免触发 PPT 翻页。
+- 详细代码和数据契约见 `references/swiss-map-component.md`。
+
 ## 图片槽位规则
 
 ### S22 · Hero Strip