: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}}