@charset "UTF-8";

#ymap{--ym-navy:#1d3d63;--ym-ink:#1b2733;--ym-ink2:#5d6f7e;--ym-line:#e2e8ee;--ym-sh:0 1px 2px rgba(0,0,0,.08),0 6px 18px rgba(0,0,0,.13)}
#ymap .ym-lead{margin:0 0 14px;line-height:1.9}
.ym-frame{border:1px solid #d8e0e8;border-radius:12px;overflow:hidden;background:#eef1f4;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.ym-frame:fullscreen{border-radius:0;border:0}
.ym-stage{position:relative;height:min(74vh,620px);min-height:440px}
.ym-frame:fullscreen .ym-stage{height:100vh}
#ym-map{position:absolute;inset:0}
#ym-map canvas{outline:none}
.ym-cross{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;pointer-events:none;z-index:2}
.ym-cross:before,.ym-cross:after{content:"";position:absolute;background:#d1365c}
.ym-cross:before{left:13px;top:0;width:2px;height:28px}
.ym-cross:after{top:13px;left:0;height:2px;width:28px}
.ym-search{position:absolute;left:14px;top:14px;z-index:5;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;box-shadow:var(--ym-sh);padding:7px 8px 7px 16px;width:320px;max-width:calc(100% - 28px)}
.ym-search .ym-ic{color:#93a2af;font-size:14px;line-height:1}
.ym-search input{flex:1;min-width:0;border:0;outline:none;font-size:14px;color:var(--ym-ink);background:transparent;padding:2px 0}
.ym-search button{flex:none;border:0;background:var(--ym-navy);color:#fff;border-radius:999px;padding:7px 15px;font-size:13px;cursor:pointer}
.ym-card{position:absolute;left:14px;top:70px;z-index:5;width:272px;max-width:calc(100% - 28px);background:#fff;border-radius:12px;box-shadow:var(--ym-sh);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.ym-place{font-size:12px;color:var(--ym-ink2);line-height:1.6}
.ym-zone{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;color:var(--ym-ink);line-height:1.3}
.ym-sw{display:block;width:14px;height:14px;border-radius:3px;flex:none;border:1px solid rgba(0,0,0,.12);background:#e6ebf0}
.ym-nums{display:flex;gap:8px}
.ym-num{flex:1;background:#f3f6f9;border-radius:8px;padding:8px 6px;text-align:center}
.ym-num b{display:block;font-size:19px;font-weight:700;color:var(--ym-ink);font-variant-numeric:tabular-nums;line-height:1.2}
.ym-num s{display:block;text-decoration:none;font-size:10px;color:var(--ym-ink2);margin-top:2px}
.ym-btns{display:flex;gap:6px}
.ym-btns>*{flex:1;text-align:center;border-radius:8px;padding:9px 4px;font-size:12.5px;cursor:pointer;border:1px solid transparent;text-decoration:none;font-weight:700;line-height:1.2}
.ym-btns .ym-btn{background:var(--ym-navy);color:#fff}
.ym-btns .ym-btn:hover{opacity:.9;color:#fff}
.ym-btns .ghost{background:#fff;color:var(--ym-navy);border-color:#c9d6e4;font-weight:500}
.ym-chips{position:absolute;left:14px;bottom:14px;z-index:5;display:flex;gap:7px;flex-wrap:wrap;max-width:calc(100% - 120px)}
.ym-chip{border:0;background:rgba(255,255,255,.95);color:var(--ym-ink);border-radius:999px;padding:7px 14px;font-size:12.5px;box-shadow:var(--ym-sh);cursor:pointer;white-space:nowrap}
.ym-chip.on{background:var(--ym-navy);color:#fff}
.ym-pop{position:absolute;left:14px;bottom:56px;z-index:6;background:#fff;border-radius:12px;box-shadow:var(--ym-sh);padding:14px 16px;width:280px;max-width:calc(100% - 28px);max-height:calc(100% - 120px);overflow:auto;font-size:12.5px;color:var(--ym-ink)}
.ym-pop h4{margin:0 0 8px;font-size:12px;color:var(--ym-ink2);font-weight:700}
.ym-pop h4+h4{margin-top:12px}
.ym-row{display:flex;align-items:center;gap:8px;padding:3px 0;line-height:1.5}
.ym-row .ym-sw{width:13px;height:13px}
.ym-chk{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer}
.ym-chk input{margin:0;flex:none}
.ym-sep{height:1px;background:var(--ym-line);margin:11px 0}
.ym-pop input[type=range]{width:100%}
.ym-pop a{color:var(--ym-navy)}
.ym-basewrap{position:absolute;right:14px;top:14px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ym-base{border:0;background:#fff;color:var(--ym-ink);border-radius:10px;box-shadow:var(--ym-sh);padding:8px 14px;font-size:12.5px;cursor:pointer}
.ym-basemenu{position:static;width:auto;padding:6px;bottom:auto;max-height:none}
.ym-basemenu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:7px 12px;border-radius:7px;font-size:12.5px;cursor:pointer;color:var(--ym-ink);white-space:nowrap}
.ym-basemenu button.on{background:var(--ym-navy);color:#fff}
.ym-tools{position:absolute;right:14px;bottom:44px;z-index:5;display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.ym-tool{border:0;background:#fff;color:var(--ym-ink);border-radius:9px;box-shadow:var(--ym-sh);padding:8px 12px;font-size:12px;cursor:pointer;white-space:nowrap}
.ym-zoom{display:flex;flex-direction:column;background:#fff;border-radius:9px;box-shadow:var(--ym-sh);overflow:hidden}
.ym-zoom button{border:0;background:transparent;width:38px;height:34px;font-size:17px;line-height:1;color:#42535f;cursor:pointer}
.ym-zoom button+button{border-top:1px solid var(--ym-line)}
.ym-toast{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:9;background:rgba(27,39,51,.92);color:#fff;border-radius:999px;padding:8px 18px;font-size:12.5px;white-space:nowrap}
.ym-pin{width:26px;height:34px;cursor:pointer}
#ymap .ym-foot,#ymap .ym-note{font-size:12.5px;color:#66747f;line-height:1.8;margin:14px 0 0}
#ymap .ym-note{margin-top:6px}
.ym-stage .maplibregl-ctrl-bottom-right{z-index:4}
.ym-stage .maplibregl-ctrl-attrib.maplibregl-compact{margin:0 8px 6px 0}
@media (max-width:700px){
  .ym-stage{height:min(78vh,560px)}
  .ym-search{left:10px;right:10px;top:10px;width:auto;max-width:none}
  .ym-card{left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;border-radius:14px 14px 0 0;padding:12px 16px 16px;box-shadow:0 -6px 20px rgba(0,0,0,.16)}
  .ym-chips{left:10px;right:10px;bottom:auto;top:60px;max-width:none;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .ym-pop{bottom:auto;top:100px;left:10px;right:10px;width:auto;max-height:calc(100% - 300px)}
  .ym-basewrap{right:10px;top:104px}
  .ym-tools{right:10px;bottom:auto;top:150px}
  .ym-stage .maplibregl-ctrl-bottom-right{bottom:190px}
  .ym-toast{bottom:auto;top:200px}
}