:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#263e38;background:#f8f8f4;font-synthesis:none;--paper:#fafaf6;--panel:#fffefa;--ink:#263e38;--muted:#83908a;--line:#e4e7df;--green:#315d50;--subtle:#f0f3eb;--ocean:#e7efed;--land:#f9f8f0;--boundary:#a5afa0;--admin:#c0c5b7;--water:#c5dcd8;--city:#496559;--selected:#cedbc0;--selected-line:#54795a;--dispute:#ad8467;--shadow:0 6px 24px #24392e0b}:root[data-theme=dark]{color-scheme:dark;--paper:#18231f;--panel:#202c26;--ink:#e1e7d8;--muted:#90a496;--line:#364339;--green:#b9d2b1;--subtle:#2a382d;--ocean:#162b2c;--land:#36483c;--boundary:#71816c;--admin:#566a53;--water:#234649;--city:#c2d5ba;--selected:#58734e;--selected-line:#d0dfb6;--dispute:#c6a480;--shadow:0 6px 24px #0002}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}input:focus{outline:none}[hidden]{display:none!important}svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a{color:var(--green)}#app{height:100dvh;min-height:480px;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.header{height:82px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);gap:18px;background:var(--paper);z-index:3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark svg{width:36px;height:36px;stroke-width:1.2}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:27px;letter-spacing:-.8px;white-space:nowrap}.brand-cn{font:10px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:4px;display:block;margin-top:2px;color:var(--muted)}.header-note{color:var(--muted);font-size:12px;letter-spacing:2px}.header-actions{display:flex;align-items:center;gap:15px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.icon-button:hover{background:var(--subtle)}.divider{height:22px;width:1px;background:var(--line)}.share-button{display:flex;gap:9px;align-items:center;font-size:12px}.share-button svg{width:17px}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:292px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--paper);z-index:2}.sidebar-top{padding:32px 24px 0;position:relative}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--muted)}h1{font-family:Georgia,Songti SC,STSong,serif;font-size:26px;font-weight:500;letter-spacing:-.8px;margin:13px 0 10px}h1 span{color:#9cae8c}.intro{font-size:12px;color:var(--muted);margin:0 0 24px}.search-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);height:44px;padding:0 12px;transition:border-color .2s}.search-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 2px var(--subtle)}.search-wrap svg{width:17px;color:var(--muted);flex-shrink:0}#search{min-width:0;width:100%;border:none;background:none;color:var(--ink);font-size:12px}#search::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);padding:1px 5px;border-radius:3px;color:var(--muted);font-size:11px}#search-results{position:absolute;top:190px;left:16px;right:16px;max-height:370px;overflow:auto;z-index:8;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:5px}.result{display:flex;width:100%;align-items:center;gap:10px;padding:11px 9px;border-radius:5px;text-align:left}.result:hover,.result.active{background:var(--subtle)}.result svg{width:16px;color:var(--muted)}.result strong{display:block;font-size:13px;font-weight:500}.result small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.empty-search{padding:15px;font-size:12px;line-height:1.8;color:var(--muted)}.tabs{display:flex;margin-top:23px;border-bottom:1px solid var(--line);gap:26px}.tabs button{padding:0 0 13px;font-size:12px;color:var(--muted);position:relative;white-space:nowrap}.tabs button.active{color:var(--green);font-weight:600}.tabs button.active:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--green);left:0;right:0}.tabs span{font-size:9px;color:var(--muted);margin-left:3px}.sidebar-scroll{overflow:auto;padding:24px;flex:1}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:12px}.section-label span{font-size:8px;letter-spacing:1.4px}.destination{display:flex;align-items:center;text-align:left;padding:15px 0;width:100%;border-bottom:1px solid var(--line);gap:13px}.destination .country-mini{width:44px;height:36px;flex-shrink:0;border-radius:5px;background:var(--subtle);display:grid;place-items:center}.country-mini svg{width:33px;height:27px;stroke:none;fill:#8b9e7d}.destination-info{flex:1}.destination strong{display:block;font-size:13px;font-weight:500;margin-bottom:5px}.destination small{font-size:9px;letter-spacing:.7px;color:var(--muted)}.destination>.arrow{color:var(--muted);font-size:17px;transition:transform .2s}.destination:hover>.arrow{transform:translate(3px)}.discovery-note{display:flex;align-items:flex-start;gap:11px;margin-top:30px;color:var(--muted)}.discovery-note svg{width:21px;height:21px}.discovery-note p{margin:0;font-size:11px;line-height:1.9;color:var(--ink)}.discovery-note p span{font-size:10px;color:var(--muted)}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:19px 18px;border-top:1px solid var(--line)}.projection-mark{color:#899b7c}.projection-mark svg{width:25px;height:25px}.sidebar-bottom strong{font-size:10px;font-weight:500}.sidebar-bottom p{font-size:9px;line-height:1.6;color:var(--muted);margin:5px 0 0}.sidebar-bottom .icon-button{margin-left:auto;width:24px}.sidebar-bottom .icon-button svg{width:15px}.map-shell{flex:1;min-width:0;position:relative;background:var(--ocean);overflow:hidden}#map{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#map:active{cursor:grabbing}.map-heading{position:absolute;top:27px;left:28px;display:flex;align-items:center;gap:10px;pointer-events:none;font-size:11px;color:var(--ink);max-width:calc(100% - 255px);white-space:nowrap}.live-dot{width:5px;height:5px;background:#718b64;border-radius:50%}.map-heading-divider{color:#aebdb5;margin:0 2px}.map-heading-en{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.map-top-actions{position:absolute;right:23px;top:19px;display:flex;gap:9px}.language-control,.map-button{height:35px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:0 11px;box-shadow:var(--shadow);font-size:11px}.language-control svg,.map-button svg{width:15px;height:15px}.language-control select{width:90px;font-size:11px;color:var(--ink);border:none;background:transparent;cursor:pointer;outline-offset:0}.floating-panel{position:absolute;top:63px;right:23px;width:240px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow);padding:13px 18px;z-index:5}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title strong{font-size:13px;font-weight:500}.floating-panel>p{font-size:11px;color:var(--muted);margin:0 0 13px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;font-size:12px;gap:12px;border-top:1px solid var(--line)}.toggle-row span{display:flex;align-items:center;gap:9px}.toggle-row svg{width:16px;height:16px;color:var(--muted)}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:17px;border-radius:10px;background:var(--line);position:relative;cursor:pointer;margin:0;flex-shrink:0}.toggle-row input:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .18s}.toggle-row input:checked{background:#6b8260}.toggle-row input:checked:after{transform:translate(13px)}.toggle-row input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.layer-note{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:10px;line-height:1.6}.zoom-controls{position:absolute;bottom:74px;right:23px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);padding:3px}.zoom-controls button{display:grid;place-items:center;width:33px;height:35px;border-radius:4px}.zoom-controls button:hover{background:var(--subtle)}.zoom-controls button svg{width:17px;height:17px}.zoom-controls>span{height:1px;margin:2px 6px;background:var(--line)}.map-legend{position:absolute;bottom:67px;left:28px;display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);pointer-events:none}.legend-line{width:19px;border-top:1px solid var(--boundary)}.legend-dash{width:19px;border-top:1px dashed var(--dispute);margin-left:12px}.map-bottom{position:absolute;bottom:0;left:0;right:0;height:37px;padding:0 25px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #889e8b20;font:9px ui-monospace,SFMono-Regular,monospace;color:var(--muted);pointer-events:none}.footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);flex-shrink:0}.footer>span:first-child{display:flex;align-items:center;gap:7px}.footer i{width:4px;height:4px;border-radius:50%;background:#889d73}.footer button{font-size:9px;color:var(--muted);display:flex;gap:7px;align-items:center;padding:6px}.footer button svg{width:10px;height:10px}.footer-right{font-size:8px;letter-spacing:1.5px}.map-loading,.map-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:var(--ocean);z-index:7;color:var(--muted);font-size:12px}.map-loading strong,.map-error strong{color:var(--ink);font-weight:500}.loading-globe svg{width:48px;height:48px;stroke-width:.8;animation:pulse 1.8s ease-in-out infinite}.map-error button{background:var(--green);color:var(--paper);padding:10px 20px;border-radius:5px}.mobile-explore{display:none}.detail-back{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin:0 0 26px;padding:0}.detail-back svg{width:14px}.detail-type{font-size:9px;color:var(--muted);letter-spacing:1.5px}.detail-title{font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500;line-height:1.3;margin:10px 0 8px;overflow-wrap:anywhere}.detail-english{color:var(--muted);font:12px Georgia,serif;letter-spacing:.7px;margin:0 0 20px}.detail-map{height:92px;display:grid;place-items:center;background:var(--subtle);border-radius:6px;margin-bottom:22px}.detail-map svg{width:170px;height:76px;stroke:none;fill:#92a780}.detail-map .pin-icon{stroke:var(--green);fill:none;width:38px;height:38px}.detail-info{margin:0 0 22px}.detail-info div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-info dt{color:var(--muted);white-space:nowrap}.detail-info dd{margin:0;text-align:right;overflow-wrap:anywhere}.coord-button{font:10px ui-monospace,monospace;padding:0;line-height:1.7}.primary-button,.save-button{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;background:var(--green);color:var(--paper);border:1px solid var(--green);border-radius:5px;padding:12px;font-size:12px}.primary-button:hover,.save-button:hover{filter:brightness(1.1);color:var(--paper)!important}.save-button svg{width:16px;height:16px}.save-button.saved{background:var(--subtle);color:var(--green)}.detail-hint{font-size:10px;line-height:1.8;color:var(--muted);margin-top:15px}.empty-saved{text-align:center;padding:28px 4px;color:var(--muted)}.empty-saved svg{width:28px;height:28px;margin:0 auto 18px}.empty-saved strong{font-size:13px;color:var(--ink);font-weight:500}.empty-saved p{font-size:11px;line-height:1.8}.saved-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}.saved-row .destination{border:0}.saved-row .icon-button{width:25px}.saved-row .icon-button svg{width:14px}#tooltip{position:absolute;pointer-events:none;padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);font-size:11px;box-shadow:var(--shadow);z-index:4}#toast{position:fixed;bottom:50px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:7px;box-shadow:var(--shadow);font-size:12px;max-width:90vw;z-index:30;text-align:center}dialog{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:28px 32px;max-width:540px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#172e265e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}dialog h2{font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:500;line-height:1.5;margin:13px 0 22px}dialog h3{font-size:13px;font-weight:600;margin-top:22px}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}dialog a{font-size:11px}.data-stats{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:22px 0 15px;line-height:1.8}dialog .primary-button{margin-top:22px}@keyframes pulse{50%{opacity:.35}}@media (min-width:1600px){.sidebar{width:320px}.sidebar-top{padding:38px 28px 0}.sidebar-scroll{padding:28px}.header{padding:0 34px}.map-heading{top:32px;left:35px}.map-top-actions{top:24px;right:28px}}@media (max-width:1100px){.header-note{display:none}.sidebar{width:266px}.sidebar-top{padding:27px 20px 0}.sidebar-scroll{padding:21px 20px}h1{font-size:24px}.map-heading-en,.map-heading-divider{display:none}.map-heading{left:20px}.map-top-actions{right:17px}.map-legend{left:20px}.sidebar-bottom{padding:17px 12px}.sidebar-bottom p{font-size:8px}#search-results{top:181px}}@media (max-width:700px){#app{min-height:360px}.header{height:65px;padding:0 16px}.brand-mark svg{width:29px;height:29px}.brand{gap:8px}.brand-name{font-size:23px}.brand-cn{font-size:8px;letter-spacing:3px}.header-actions{gap:8px}.share-button{font-size:11px}.header-actions .divider{display:none}.sidebar{position:absolute;left:0;right:0;bottom:27px;width:auto;height:calc(56dvh - 27px);max-height:520px;border-radius:18px 18px 0 0;border:1px solid var(--line);box-shadow:0 -6px 30px #233a2212;transform:translateY(100%);visibility:hidden;transition:transform .22s,visibility .22s;z-index:10}.sidebar.open{transform:translateY(0);visibility:visible}.sidebar:before{content:"";width:30px;height:3px;border-radius:3px;background:var(--line);margin:9px auto 0;flex-shrink:0}.sidebar-top{padding:13px 20px 0}.sidebar-top .eyebrow,.sidebar-top h1,.sidebar-top .intro{display:none}.search-wrap{margin-right:34px}.tabs{margin-top:16px}.tabs button{padding-bottom:10px}.sidebar-scroll{padding:18px 20px}.sidebar-bottom{display:none}#search-results{top:61px;left:20px;right:20px;max-height:210px}.discovery-note{display:none}.destination{padding:10px 0}.destination .country-mini{height:28px}.map-heading{top:23px;left:18px;font-size:10px;max-width:calc(100% - 180px)}.map-top-actions{top:60px;right:14px;flex-direction:column;align-items:flex-end;gap:8px}.language-control{height:34px}.language-control select{width:83px}.map-button{height:34px}.mobile-explore{position:absolute;left:17px;top:57px;background:var(--panel);border:1px solid var(--line);border-radius:7px;width:41px;height:38px;display:grid;place-items:center;box-shadow:var(--shadow);z-index:11}.sidebar.open~.map-shell .mobile-explore{position:fixed;top:auto;bottom:calc(56dvh - 40px);right:16px;left:auto;border:0;box-shadow:none;background:transparent}.floating-panel{top:143px;right:14px;width:220px}.zoom-controls{right:14px;bottom:78px}.map-legend{left:16px;bottom:61px;font-size:8px;gap:5px}.legend-dash{margin-left:6px}.map-bottom{padding:0 16px;height:33px;font-size:8px}.footer{height:27px;padding:0 12px;font-size:8px;position:relative;z-index:12;background:var(--paper)}.footer button{font-size:8px}.footer-right{display:none}.detail-title{font-size:26px}.detail-map{display:none}.detail-back{margin-bottom:15px}.detail-info{margin-bottom:14px}.detail-info div{padding:8px 0}.detail-english{margin-bottom:12px}.map-shell{width:100%}.map-legend{background:var(--ocean);border-radius:4px;padding:5px 0}dialog{padding:20px 24px}dialog h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}