@font-face{font-family:Xuantian;src:url('../../assets/fonts/xuantian-jue-8bc0-500.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#132a2b;--gold:#c8b588;--line:rgba(205,189,148,.24);--muted:#96a69b;--ivory:#eee8d5}
[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#19353d;color:var(--ivory);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,canvas:focus-visible,#map-stage:focus-visible{outline:2px solid #f6d993;outline-offset:4px}button:disabled{opacity:.4;cursor:wait}svg{fill:none;stroke:currentColor;stroke-width:1.3}button:hover{color:#fff1c5}#map-stage{position:absolute;inset:0;outline:none;touch-action:none}#map-stage>canvas{display:block;width:100%;height:100%;cursor:grab}#map-stage>canvas:active{cursor:grabbing}.map-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 170px 20px #0b1c203a;background:linear-gradient(0deg,#0c232655,transparent 17%,transparent 80%,#10242b35)}
.topbar{height:83px;padding:0 30px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:36px;background:linear-gradient(100deg,#10292cf7,#142c30ee);border-bottom:1px solid #b3a16c70;box-shadow:0 6px 30px #05171930;z-index:5}.brand{display:flex;align-items:center;gap:14px}.seal{border:1px solid var(--gold);outline:1px solid #b1a07250;outline-offset:3px;width:36px;height:41px;font-family:'Songti SC',serif;display:grid;place-items:center;font-size:25px;color:#ddc68d}.brand strong{font-family:'Songti SC',serif;font-weight:500;font-size:27px;letter-spacing:.17em}.brand small{display:block;font-size:8px;color:#b4b7a5;letter-spacing:.2em;margin-top:5px}.edition{border-left:1px solid var(--line);padding-left:28px;color:#c5cbbb;font-size:12px;letter-spacing:.12em}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#b5cbad;margin-right:12px;box-shadow:0 0 10px #b5cbad60}.slash{color:#7d8a79;margin:0 14px}.views{display:flex;align-self:stretch;gap:30px;margin:auto}.views button{font-size:13px;letter-spacing:.15em;position:relative;color:#a7b4a7;padding:0 4px}.views button.active{color:#f4deb0}.views button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d5c093}.return{font-size:11px;color:#c9cfbe;white-space:nowrap}.return span{margin-left:12px;color:var(--gold)}.panel{background:linear-gradient(130deg,#152d30f5,#14282dee);border:1px solid var(--line);box-shadow:0 12px 35px #06212b24;backdrop-filter:blur(14px)}
.atlas-index{position:absolute;top:111px;left:28px;width:228px;padding:22px 20px 0;z-index:4}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading>span{font-family:'Songti SC',serif;font-size:21px;letter-spacing:.13em}.panel-heading small{font-size:7px;letter-spacing:.16em;color:#a2ab96}.index-intro{font-size:11px;color:#aab4a6;margin:12px 0 19px;letter-spacing:.08em}.destinations{border-top:1px solid var(--line)}.destinations button{width:100%;display:flex;align-items:center;padding:15px 0;text-align:left;border-bottom:1px solid #b5b49415;gap:12px;transition:background .2s}.destinations button:hover,.destinations button.active{background:#e8dfb40b}.destinations button strong{font-weight:500;letter-spacing:.14em;font-size:14px}.destinations button small{display:block;color:#91a294;font-size:10px;margin-top:5px;letter-spacing:.04em}.region-icon{width:34px;height:38px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:'Songti SC',serif;font-size:21px;background:#c6ddbc18;color:#a5c8aa;flex-shrink:0}.sky{background:#adc6f522;color:#aacfe3}.ember{background:#e7ad8420;color:#deaa91}.sand{background:#e7c77920;color:#e5c689}.ivory{background:#f6e1b925;color:#f7e6b7}.locate{color:#c1b789;margin-left:auto;font-size:14px;opacity:.5}.destinations button:hover .locate{opacity:1}.index-footer{display:flex;justify-content:space-between;font-size:9px;color:#8f9b8e;padding:14px 0;letter-spacing:.12em}
.selection{position:absolute;right:28px;top:112px;width:252px;padding:25px;z-index:4}.selection[hidden]{display:none}.eyebrow{font-size:8px;letter-spacing:.19em;color:#cab784}.selection h1{font-family:'Songti SC',serif;font-weight:500;font-size:30px;letter-spacing:.15em;margin:13px 0}.selection-rule{height:1px;width:35px;background:#c9b57d;margin:20px 0}.selection>p:not(.eyebrow){color:#b7c1b3;font-size:11px;line-height:1.9}.selection dl{margin:22px 0 15px;font-size:10px}.selection dl div{display:flex;justify-content:space-between;border-top:1px solid #bdc1a81b;padding:10px 0;gap:10px}.selection dt{color:#8f9f90}.selection dd{margin:0;color:#dddfcf;text-align:right}.selection .related{font-size:9px!important;color:#d0be98!important}.selection #close-selection{position:absolute;right:11px;top:9px;color:#a9b09e;font-size:20px}
.map-tools{position:absolute;right:29px;top:50%;transform:translateY(-10%);width:41px;padding:5px 0;background:#142b2de8;border:1px solid var(--line);z-index:3}.map-tools button{width:39px;height:39px;display:grid;place-items:center;font-size:23px;color:#d0c6a5}.map-tools svg{width:21px;height:21px}.tool-divider{height:1px;margin:3px 8px;background:var(--line)}#help{font-size:16px}.minimap{position:absolute;bottom:101px;left:28px;width:228px;height:158px;padding:10px;z-index:3}.minimap-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#c4c9b5;height:20px}.minimap-head button{font-size:17px}.minimap canvas{display:block;width:100%;height:110px;cursor:crosshair}.minimap-north{position:absolute;right:17px;top:40px;font-family:Georgia,serif;font-size:9px;color:#e9dba9}.compass{position:absolute;right:100px;bottom:120px;width:73px;height:90px;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:.85;filter:drop-shadow(0 2px 2px #21372d)}.compass>span{font-family:Georgia,serif;font-size:11px;color:#f3e7bf}.compass svg{width:73px;height:73px;color:#ece1ba;stroke-width:.6}.compass .needle{fill:#e6d6a1}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:78px;background:linear-gradient(90deg,#132c2df5,#162e31f0);border-top:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:28px;z-index:4}.map-caption{display:flex;align-items:center;gap:15px}.caption-line{height:29px;width:2px;background:var(--gold)}.map-caption strong{font-family:'Songti SC',serif;font-weight:400;font-size:15px;letter-spacing:.13em}.map-caption small{display:block;font-size:7px;letter-spacing:.15em;color:#869b8f;margin-top:7px}.layers{display:flex;gap:5px;margin:auto}.layers button{font-size:11px;color:#a8b7a7;display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid transparent}.layers button[aria-pressed=true]{border-color:#c4b1803d;background:#d1c49b0b;color:#e7d9b4}.layers button span{font-size:18px;line-height:18px}.layers button:last-child span{font-family:'Songti SC',serif;font-size:16px}.map-scale{display:grid;grid-template-columns:35px 64px;gap:4px 9px;align-items:center;font-size:10px;color:#d4c8a5}.scale-line{height:7px;border:1px solid #b9ad86;border-top:0}.map-scale small{grid-column:span 2;font-size:8px;color:#8c9e90;letter-spacing:.1em;margin-top:3px}.gesture-hint{position:absolute;bottom:93px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;color:#fff1d3;text-shadow:0 1px 5px #142c2c;white-space:nowrap;pointer-events:none}.gesture-hint i{font-style:normal;margin:0 11px;color:#e1d2aa}
#map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;left:0;top:0;will-change:transform;white-space:nowrap;transform:translate(-999px,-999px)}.landmark-label{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;background:#163237ed;border:1px solid #d7c38d9c;box-shadow:0 3px 12px #12302e50;color:#f0e5c9;font-family:'Songti SC',serif;letter-spacing:.14em;font-size:15px}.landmark-label:before{content:'';width:7px;height:7px;border:1px solid var(--region-color);transform:rotate(45deg);margin:0 4px}.landmark-label:after{content:'';position:absolute;left:50%;bottom:-8px;width:1px;height:8px;background:var(--gold)}.landmark-label.is-selected{background:#334b43;border-color:#fff0c4}.terrain-label{font-family:'Songti SC',serif;font-size:16px;color:#eff0da;text-shadow:0 1px 3px #16352e,0 0 10px #16352e;letter-spacing:.3em;opacity:.85}.terrain-label.water{color:#d8edf0;font-size:20px;letter-spacing:.5em}.map-labels-off #map-labels{display:none}.loading{position:fixed;inset:0;z-index:10;background:#142b2f;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .65s}.loading.loaded{opacity:0;pointer-events:none}.loading-emblem{font-family:'Songti SC',serif;font-size:48px;color:#d6c391}.loading h2{font-family:'Songti SC',serif;font-size:24px;letter-spacing:.2em;font-weight:400}.loading p{color:#a4b5a6;font-size:12px;max-width:310px;line-height:1.8;text-align:center}.loading a{border-bottom:1px solid #d6c391;margin-top:20px}.loading-line{height:1px;width:120px;background:linear-gradient(90deg,transparent,#d6c391,transparent);animation:loading 1.8s ease-in-out infinite;margin-top:18px}@keyframes loading{50%{opacity:.2;transform:scaleX(.6)}}#help-dialog{max-width:min(440px,calc(100% - 32px));background:#163034;color:#e3dfca;border:1px solid #b7ab76;padding:35px;box-shadow:0 20px 100px #0008}#help-dialog::backdrop{background:#06151999;backdrop-filter:blur(7px)}#help-dialog h2{font-family:'Songti SC',serif;font-size:25px;font-weight:400}#help-dialog dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}#help-dialog dd{color:#b7c5b6}#help-dialog>p:last-child{font-size:11px;line-height:1.9;color:#a0b6a7}#close-help{position:absolute;right:13px;top:10px;font-size:24px}.no-script{position:fixed;inset:83px 0 0;display:grid;place-content:center;background:#163034;z-index:20}
@media(min-width:1600px){.atlas-index{left:36px;top:119px}.minimap{left:36px;bottom:110px}.topbar{padding-inline:38px}.selection{right:36px;top:119px}}
@media(max-height:780px) and (min-width:761px){.atlas-index{top:100px;padding-top:16px}.destinations button{padding:10px 0}.index-intro{margin:9px 0 12px}.minimap{height:111px;bottom:89px}.minimap canvas{height:66px}.bottom-bar{height:68px}.gesture-hint{bottom:80px}}
@media(max-height:700px) and (min-width:761px){.atlas-index{top:95px;padding:12px 16px 0}.index-intro{display:none}.destinations{margin-top:10px}.destinations button{padding:7px 0}.region-icon{width:28px;height:31px;font-size:18px}.index-footer{padding:10px 0}.minimap{height:101px}.minimap canvas{height:58px}.selection{top:95px}}
@media(max-width:1080px){.edition{display:none}.topbar{gap:25px}.atlas-index{width:205px;left:18px}.minimap{left:18px;width:205px}.selection{right:18px;width:225px}.map-tools{right:18px}.map-caption strong{font-size:13px}.map-caption small{font-size:6px}.layers button{padding:10px}.bottom-bar{padding-inline:20px;gap:10px}}
@media(max-width:760px){.topbar{height:70px;padding:0 17px;gap:20px}.brand strong{font-size:23px}.brand small{font-size:6px}.brand .seal{width:28px;height:33px;font-size:21px}.brand{gap:10px}.views{gap:17px;margin-left:auto;margin-right:0}.views button{font-size:11px}.return{display:none}.atlas-index{left:12px;right:12px;top:83px;width:auto;padding:0 8px;background:#153032e8}.panel-heading,.index-intro,.index-footer{display:none}.destinations{display:flex;border:0;justify-content:space-between}.destinations button{width:auto;padding:10px 5px;gap:5px;border:0;flex-direction:column}.destinations button small,.locate{display:none}.destinations button strong{font-size:10px;letter-spacing:.05em}.region-icon{font-size:17px;width:25px;height:28px}.minimap{left:12px;bottom:95px;width:130px;height:98px;padding:5px}.minimap canvas{height:69px}.minimap-head{font-size:8px;height:18px}.minimap-north{right:10px;top:25px;font-size:7px}.map-tools{right:12px;top:auto;bottom:98px;transform:none;width:35px}.map-tools button{width:33px;height:33px}.selection{top:164px;left:12px;right:auto;width:220px;padding:17px;max-height:calc(100dvh - 270px);overflow:auto}.selection h1{font-size:24px;margin:10px 0}.selection-rule{margin:13px 0}.selection dl{margin:13px 0 0}.selection dl div{padding:7px 0}.selection .related{margin-bottom:0}.bottom-bar{height:79px;padding:0 14px;gap:8px}.map-caption{display:none}.layers{gap:4px;margin-left:0}.layers button{font-size:10px;padding:9px 8px;gap:5px}.layers button span{font-size:15px}.map-scale{margin-left:auto;font-size:9px;grid-template-columns:28px 30px;gap:5px}.map-scale small{font-size:6px;letter-spacing:0}.gesture-hint{bottom:83px;font-size:8px;left:auto;right:58px;transform:none}.gesture-hint i{margin:0 3px}.compass{right:62px;bottom:107px;width:50px;height:64px}.compass svg{width:50px;height:50px}.landmark-label{font-size:12px;padding:5px 7px;gap:3px}.terrain-label{font-size:12px}.terrain-label.water{font-size:14px}}
@media(min-width:761px){.selection{right:85px}}
@media(max-width:760px){.selection{top:auto;bottom:94px;left:12px;right:60px;width:auto;max-height:260px}.selection .eyebrow{margin-top:0}.selection h1{font-size:22px}.selection .selection-rule{margin:10px 0}.selection dl{margin-top:10px}.selection .related{font-size:8px!important}body:has(.selection:not([hidden])) .minimap,body:has(.selection:not([hidden])) .compass{visibility:hidden}.gesture-hint{font-size:7px}}
@media(min-height:701px) and (max-height:780px) and (min-width:761px){.destinations button{padding:8px 0}.index-footer{padding:11px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.inspect-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:12px 0;border-top:1px solid var(--line);color:#e1cb95;font-size:12px;letter-spacing:.08em}.inspect-button:hover{color:#fff2cc}#miniature-notes{font-size:10px;color:#9ba99c;line-height:1.8}.miniature-inspection .selection dl{margin-top:14px}.miniature-inspection .selection-rule{margin:15px 0}.miniature-inspection .selection{padding:20px}.miniature-inspection .gesture-hint{color:#ffedc8}
@media(max-width:760px){.miniature-inspection .selection{max-height:208px;padding:14px 17px}.miniature-inspection .selection dl,.miniature-inspection .selection-rule,.miniature-inspection .selection .related,.miniature-inspection #miniature-notes{display:none}.miniature-inspection .selection h1{font-size:21px;margin:8px 0}.miniature-inspection .inspect-button{padding:8px 0 2px;margin-top:7px}.miniature-inspection .selection>p:not(.eyebrow){font-size:10px;line-height:1.65}}
