/* 驿站马车路线（10-18 · Claude Opus 5.5 · 地图界面子代理）：只在世界地图页由 site/gen/pages_map.py 引用；脚本 assets/map_stations.js。 */

/* 路线画布：在地名牌层（.mp-lbls）之上、地点针（.mp-pins，z-index 1，DOM 在后）之下，不挡点击 */
.mps-cv{position:absolute;left:0;top:0;z-index:1;pointer-events:none}

/* 左面板「显示」里的图层开关：照「地点类别」按钮（.mp-cat）的样子 */
.mps-lay{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:10px}
.mps-tog{display:flex;align-items:center;gap:7px;min-width:0;height:34px;padding:0 10px 0 5px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.mps-tog:hover{border-color:var(--line-strong)}
.mps-tog-i{width:24px;height:24px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.mps-tog-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mps-tog-c{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
/* 图例小样：和地图上的线同款（深蓝虚线） */
.mps-tog-ln{flex:none;width:28px;height:4px;border-radius:1px;background:repeating-linear-gradient(90deg,#1d2a4c 0 5px,#fff9ec 5px 9px);box-shadow:0 0 0 1.5px #fff9ec}
.mps-tog[aria-pressed="false"]{background:transparent;color:var(--muted);border-style:dashed}
.mps-tog[aria-pressed="false"] .mps-tog-i,.mps-tog[aria-pressed="false"] .mps-tog-ln{filter:grayscale(1);opacity:.45}

/* 地点卡片里的「坐马车能到」 */
.mps-sec{margin:2px 0 4px}
.mps-sec h3 .mps-h-i{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.mps-list{display:flex;flex-direction:column;gap:5px}
.mps-to{position:relative;display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:5px 30px 5px 6px;border:1px solid var(--line);border-left:3px solid #1d2a4c;border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.mps-to:hover,.mps-to:focus-visible{border-color:#d4532f;border-left-color:#d4532f;background:color-mix(in srgb,#d4532f 7%,var(--surface));outline:none}
.mps-to-i{width:30px;height:30px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.mps-to-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.mps-to-t b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mps-to-t small{color:var(--muted);font-size:12px}
.mps-rn{margin-left:auto;flex:none;padding:1px 7px;border-radius:10px;background:var(--surface-2);color:var(--ink-2);font-size:12px;white-space:nowrap}
.mps-to-go{position:absolute;right:10px;top:50%;translate:0 -52%;color:var(--muted);font:600 18px/1 var(--font);font-style:normal}
.mps-to:hover .mps-to-go{color:#d4532f}
.mps-via{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.mps-via-h b{margin:0 2px;color:var(--ink-2);font-weight:600}
.mps-chip{height:26px;padding:0 9px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer}
.mps-chip:hover,.mps-chip:focus-visible{border-color:#d4532f;color:#d4532f;outline:none}
.mps-rv{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:9px 0 0;font-size:13px;color:var(--ink-2)}
.mps-rv span{padding:1px 7px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:12px}
.mps-rules{margin:10px 0 0;padding:8px 10px 8px 24px;border-radius:7px;background:var(--surface-2);color:var(--ink-2);font-size:12.5px;line-height:1.6}
.mps-rules li+li{margin-top:2px}
.mps-rules a{color:var(--accent-2)}
.mp-app .mp-card .mps-to-t b{font-size:15px}
.mp-app .mp-card .mps-rules{font-size:13px}
@media (max-width:860px){
  .mps-to{min-height:42px}
  .mps-to-i{width:26px;height:26px}
}