:root{--bg:#1a1512;--bg2:#241d17;--bg3:#31271e;--line:#463a2c;--gold:#c9a227;--gold2:#e5c860;--txt:#efe6d4;--dim:#a2937c;--route:#a8341f;--serif:"Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;--sans:"Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#app{grid-template:"head head""map side"1fr"time time"/1fr 352px;height:100dvh;display:grid}header{background:var(--bg2);border-bottom:1px solid var(--line);flex-wrap:wrap;grid-area:head;align-items:center;gap:11px;padding:8px 14px;display:flex}h1{font-family:var(--serif);letter-spacing:.18em;color:var(--gold2);white-space:nowrap;font-size:18px;font-weight:700}h1 small{letter-spacing:.28em;color:var(--dim);margin-top:1px;font-size:9.5px;font-weight:400;display:block}.spacer{flex:1}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid var(--line);color:var(--dim);white-space:nowrap;border-radius:999px;padding:3.5px 10px;font-size:12px;transition:all .15s}.chip:hover{filter:brightness(1.15)}.chip[aria-pressed=true]{color:#1a1512;font-weight:600}#search{background:var(--bg3);border:1px solid var(--line);color:var(--txt);border-radius:999px;outline:none;width:150px;padding:6px 11px;font-size:13px}#search:focus{border-color:var(--gold)}#search::placeholder{color:#71624c}.seg{border:1px solid var(--line);border-radius:999px;flex:none;display:flex;overflow:hidden}.seg button{color:var(--dim);white-space:nowrap;padding:4px 12px;font-size:12px}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--gold);color:#1a1512;font-weight:600}.seg button:hover:not([aria-pressed=true]){background:var(--bg3);color:var(--txt)}#mapwrap{background:#0d0b08;grid-area:map;position:relative;overflow:hidden}svg#map{cursor:grab;touch-action:none;width:100%;height:100%;display:block}svg#map.grabbing{cursor:grabbing}#zoombar{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:11px;left:11px}#zoombar button{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1512db;border-radius:8px;place-items:center;width:31px;height:31px;font-size:14px;line-height:1;display:grid}#zoombar button:hover{border-color:var(--gold);color:var(--gold2)}#layers{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100de0;border-radius:9px;padding:8px 10px;position:absolute;top:11px;left:11px}#layers h4{letter-spacing:.2em;color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-size:9.5px;font-weight:500}#layers h4:after{content:" ▾";opacity:.6}#layers.closed h4{margin:0}#layers.closed h4:after{content:" ▸"}#layers.closed .body{display:none}#layers label{color:var(--dim);cursor:pointer;align-items:center;gap:6px;padding:1.5px 0;font-size:12px;display:flex}#layers label:hover{color:var(--txt)}#layers input{accent-color:var(--gold);cursor:pointer;width:13px;height:13px}#legend{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100dd9;border-radius:9px;max-height:calc(100% - 22px);padding:8px 10px;position:absolute;top:11px;right:11px;overflow-y:auto}#legend h4{letter-spacing:.2em;color:var(--dim);margin-bottom:6px;font-size:9.5px;font-weight:500}#legend .row{font-size:12px;font-family:var(--serif);align-items:center;gap:6px;padding:1px 0;display:flex}#legend .sw{border-radius:3px;flex:none;width:11px;height:11px}#legend .marks{border-top:1px solid var(--line);margin-top:7px;padding-top:6px}#legend .marks .row{font-family:var(--sans);color:var(--dim);font-size:11px}#tip{pointer-events:none;border:1px solid var(--gold);white-space:nowrap;z-index:30;font-size:12px;font-family:var(--serif);background:#0d0b08f2;border-radius:6px;padding:4px 9px;position:fixed}#tip b{color:var(--gold2)}#tip i{color:var(--dim);font-size:11px;font-family:var(--sans);margin-left:7px;font-style:normal}aside{background:var(--bg2);border-left:1px solid var(--line);flex-direction:column;grid-area:side;display:flex;overflow:hidden}#detail{flex:1;padding:15px;overflow-y:auto}#detail::-webkit-scrollbar{width:7px}#list::-webkit-scrollbar{width:7px}#legend::-webkit-scrollbar{width:7px}#detail::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}#list::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}#legend::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.hint{color:#c3b59c;font-size:13.5px;line-height:1.95;font-family:var(--serif)}.hint b{color:var(--gold2)}.hint ul{margin:9px 0 0 17px}.hint li{margin:5px 0}.hint .note{border-top:1px solid var(--line);color:var(--dim);font-size:11.5px;line-height:1.75;font-family:var(--sans);margin-top:13px;padding-top:11px;display:block}.d-kicker{letter-spacing:.22em;color:var(--dim);margin-bottom:4px;font-size:10.5px}.d-name{font-family:var(--serif);color:var(--gold2);letter-spacing:.04em;font-size:27px;line-height:1.15}.d-alias{color:var(--dim);font-size:12px;font-family:var(--serif);margin-top:5px}.d-meta{flex-wrap:wrap;gap:5px;margin:11px 0 0;display:flex}.d-meta span{background:var(--bg3);border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:3px 9px;font-size:11px}.d-body{color:#dbcfb8;font-size:14px;line-height:2;font-family:var(--serif);text-align:justify;margin-top:12px}.d-sec{border-top:1px solid var(--line);margin-top:15px;padding-top:11px}.d-sec h5{letter-spacing:.2em;color:var(--dim);margin-bottom:8px;font-size:10.5px;font-weight:500}.idiom{background:var(--bg3);border-left:2px solid var(--gold);border-radius:0 7px 7px 0;margin-bottom:6px;padding:7px 11px}.idiom b{font-family:var(--serif);color:var(--gold2);letter-spacing:.1em;font-size:15px}.idiom p{color:#a99a83;margin-top:3px;font-size:12.5px;line-height:1.75}.route-box{border-left:2px solid var(--route);background:#a8341f21;border-radius:0 7px 7px 0;padding:8px 11px}.route-box b{font-family:var(--serif);color:#e0836c;font-size:14.5px}.route-box p{color:#b3a48c;margin-top:3px;font-size:12.5px;line-height:1.8}.links{gap:5px;display:grid}.lk{background:var(--bg3);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:7px;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;width:100%;padding:6px 9px;display:grid}.lk:hover{border-color:var(--gold)}.lk .k{color:#1a1512;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.lk .who{font-family:var(--serif);color:var(--gold2);font-size:14px}.lk .n{color:#a99a83;grid-column:1/-1;font-size:12px;line-height:1.65}.rel{flex-wrap:wrap;gap:5px;display:flex}.rel button{border:1px solid var(--line);color:var(--dim);font-size:12px;font-family:var(--serif);border-radius:999px;padding:4px 10px}.rel button:hover{border-color:var(--gold);color:var(--gold2)}#list{border-top:1px solid var(--line);background:var(--bg);height:30%;min-height:92px;overflow-y:auto}#list h4{background:var(--bg);letter-spacing:.2em;color:var(--dim);z-index:1;padding:8px 13px 5px;font-size:10px;font-weight:500;position:sticky;top:0}.li{cursor:pointer;text-align:left;border-left:2px solid #0000;align-items:baseline;gap:8px;width:100%;padding:5px 13px;font-size:13px;display:flex}.li:hover{background:var(--bg3)}.li.on{background:var(--bg3);border-left-color:var(--gold)}.li .yr{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;width:50px;font-size:11px}.li .nm{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.li .dot{flex:none;width:7px;height:7px}.li .rt{color:var(--route);flex:none;font-size:10px}#timebar{background:var(--bg2);border-top:1px solid var(--line);grid-area:time;align-items:center;gap:13px;padding:8px 15px 11px;display:flex}#play{border:1px solid var(--gold);width:35px;height:35px;color:var(--gold2);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}#play:hover{background:var(--gold);color:#1a1512}.yearbox{font-family:var(--serif);text-align:center;flex:none;width:102px}.yearbox .y{color:var(--gold2);font-variant-numeric:tabular-nums;font-size:22px;line-height:1.15}.yearbox .e{color:var(--dim);letter-spacing:.12em;margin-top:1px;font-size:11px}#slidewrap{flex:1;min-width:120px;padding-top:15px;position:relative}#ticks{pointer-events:none;height:14px;position:absolute;top:0;left:0;right:0}#ticks div{color:var(--dim);white-space:nowrap;font-size:9.5px;position:absolute;transform:translate(-50%)}#ticks div:after{content:"";background:var(--line);width:1px;height:5px;position:absolute;top:12px;left:50%}input[type=range]{appearance:none;background:linear-gradient(90deg,#3d3226,#63523c);border-radius:3px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid var(--bg2);cursor:pointer;width:17px;height:17px;box-shadow:0 0 0 1px var(--gold);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--gold);border:2px solid var(--bg2);cursor:pointer;border-radius:50%;width:17px;height:17px}.st-label{font-family:var(--serif);pointer-events:none;paint-order:stroke;stroke:#fffbf0d9;stroke-width:3.6px;stroke-linejoin:round;letter-spacing:.14em;font-weight:700}.geo-label{font-family:var(--serif);fill:#6a5a45;pointer-events:none;paint-order:stroke;stroke:#fffaee99;stroke-width:2.6px;stroke-linejoin:round;letter-spacing:.22em}.riv-label{font-family:var(--serif);fill:#2f6a86;pointer-events:none;paint-order:stroke;stroke:#fffcf2b3;stroke-width:2.4px;stroke-linejoin:round;letter-spacing:.14em}.city-label{font-family:var(--serif);fill:#3d2f1e;pointer-events:none;paint-order:stroke;stroke:#fffbf0db;stroke-width:2.6px;stroke-linejoin:round}.mk-label{font-family:var(--serif);fill:#20180e;pointer-events:none;paint-order:stroke;stroke:#fffbeef0;stroke-width:3px;stroke-linejoin:round}.wp-label{font-family:var(--serif);fill:#7a2312;pointer-events:none;paint-order:stroke;stroke:#fffbeef0;stroke-width:3px;stroke-linejoin:round;font-weight:600}.lk-label{font-family:var(--serif);pointer-events:none;paint-order:stroke;stroke:#fffbeef2;stroke-width:3px;stroke-linejoin:round;letter-spacing:.06em;font-weight:600}.mk,.pass,.hitline{cursor:pointer}.mk:hover .hit{opacity:.3}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:900px){#app{grid-template:"head""map"1fr"side""time"/1fr}header{gap:8px;padding:7px 10px}h1{font-size:16px}h1 small{letter-spacing:.2em}.chips{scrollbar-width:none;flex-wrap:nowrap;order:9;width:100%;padding-bottom:1px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}#search{order:3;width:112px}.spacer{display:none}#mapwrap{min-height:44vh}aside{border-left:none;border-top:1px solid var(--line);max-height:40vh}#list{height:92px}.yearbox{width:78px}.yearbox .y{font-size:18px}#timebar{gap:9px;padding:6px 10px 9px}#ticks div{display:none}#ticks div:first-child,#ticks div:nth-child(4),#ticks div:nth-child(6),#ticks div:nth-child(9){display:block}#layers,#legend{padding:6px 8px;font-size:11px}#legend .row{font-size:11px}}#side-bottom{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;height:46%;min-height:200px;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:2px;padding:4px 6px 0;display:flex}.tabs button{color:var(--dim);border-bottom:2px solid #0000;border-radius:7px 7px 0 0;padding:5px 12px;font-size:12px}.tabs button[aria-selected=true]{color:var(--gold2);border-bottom-color:var(--gold);background:var(--bg3)}.tabs button:hover:not([aria-selected=true]){color:var(--txt)}.tab-note{color:var(--dim);margin-left:auto;padding-right:8px;font-size:10px}#side-bottom #list{border-top:none;flex:1;height:auto;min-height:0}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-log{flex-direction:column;flex:1;gap:9px;padding:10px 12px;display:flex;overflow-y:auto}.chat-log::-webkit-scrollbar{width:7px}.chat-log::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.chat-empty{color:var(--dim);font-size:12.5px;line-height:1.85}.chat-empty p{margin-bottom:9px}.chat-sugg{flex-wrap:wrap;gap:5px;display:flex}.chat-sugg button{border:1px solid var(--line);color:var(--dim);font-size:12px;font-family:var(--serif);border-radius:999px;padding:4px 10px}.chat-sugg button:hover{border-color:var(--gold);color:var(--gold2)}.turn{flex-direction:column;gap:4px;display:flex}.turn.user{align-items:flex-end}.turn .bubble{white-space:pre-wrap;word-break:break-word;border-radius:11px;max-width:92%;padding:7px 11px;font-size:13px;line-height:1.8}.turn.user .bubble{background:var(--gold);color:#1a1512;border-bottom-right-radius:3px}.turn.assistant .bubble{background:var(--bg3);color:#dbcfb8;font-family:var(--serif);border-bottom-left-radius:3px}.turn.err .bubble{color:#e09a90;background:#b8382f29}.tools{flex-wrap:wrap;gap:4px;display:flex}.tool{color:#c9a227;background:#c9a22721;border:1px solid #c9a22759;border-radius:999px;padding:2px 8px;font-size:11px}.tool:before{content:"⚙ ";opacity:.7}.tool.bad{color:#d98a80;background:#b8382f24;border-color:#b8382f66}.thinking{align-items:center;gap:4px;display:flex;padding:10px 12px!important}.thinking span{background:var(--dim);border-radius:50%;width:5px;height:5px;animation:1.2s infinite blink}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.chat-input{border-top:1px solid var(--line);flex:none;gap:6px;padding:8px;display:flex}.chat-input input{background:var(--bg3);border:1px solid var(--line);min-width:0;color:var(--txt);border-radius:999px;outline:none;flex:1;padding:8px 12px;font-size:13px}.chat-input input:focus{border-color:var(--gold)}.chat-input input::placeholder{color:#71624c}.chat-input button{background:var(--gold);color:#1a1512;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.chat-input button:disabled{background:var(--bg3);color:var(--dim);cursor:not-allowed}@media (max-width:900px){aside{max-height:52vh}#side-bottom{height:58%;min-height:170px}#mapwrap{min-height:36vh}}.turn .bubble code{color:var(--gold2);background:#c9a22724;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.turn .bubble b{color:var(--gold2);font-weight:600}