/* ip 专用，依赖 /home.css 变量与 /tool.css；地图用 vendor/leaflet.css */
.ipq { flex: 1 1 16em; min-width: 0; max-width: 28em; }

/* 大号 IP：结果色加粗，长 IPv6 自动换行 */
.ip-big { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 4px 0 12px; }
.ip-val { min-width: 0; font: 700 clamp(26px, 4vw, 40px)/1.15 var(--mono); color: var(--result); overflow-wrap: anywhere; }
.pane .kv { margin-top: 4px; }
/* 说明性的值（暂不支持检测、地址类型、未知）不是结果，用次要文字色 */
.kv td.muted { color: var(--ink-2); font-weight: 400; }
.hint { margin: 8px 0 0; font: 12px/1.6 var(--sans); color: var(--ink-2); }
.hint a { color: inherit; text-underline-offset: 3px; }
.hint a:hover { color: var(--accent); }

/* 地图：瓦片是 OpenStreetMap 的浅色图，深色模式下也不反色，保证地名看得清 */
.ip-map { height: 360px; border: 1px solid var(--rule); }
.ip-map.leaflet-container { background: var(--hover); font: 12px/1.4 var(--mono); }
.ip-map .leaflet-control-attribution { font: 11px/1.4 var(--sans); }
.ip-nomap { margin: 0; padding: 40px 0; border: 1px dashed var(--rule); font: 13px/1.5 var(--mono); color: var(--ink-2); text-align: center; }
/* 位置范围和中心点：class 由 Leaflet 的 className 选项加在 SVG path 上，CSS 覆盖它默认的蓝色属性 */
.ip-area { stroke: var(--result); stroke-width: 1.5; fill: var(--result); fill-opacity: .12; }
.ip-dot { stroke: var(--paper); stroke-width: 2; fill: var(--result); fill-opacity: 1; }

@media (max-width: 760px) {
  .ipq { max-width: none; flex-basis: 100%; }
  .ip-map { height: 260px; }
}