:root{--vellum:#edf0ec;--vellum-deep:#e3e7e2;--ink:#14211f;--ink-soft:#4a5a56;--ink-faint:#7d8b87;--rule:#c6d0cb;--rule-strong:#9daaa4;--paper:#fbfcfa;--zone-equatorial:#b0563a;--zone-subtropical:#c08a3e;--zone-temperate:#6b8a5c;--zone-cool:#3e7181;--zone-polar:#495a78;--face-display:var(--font-display),"PingFang SC","Microsoft YaHei",sans-serif;--face-body:var(--font-body),"Songti SC","Noto Serif CJK SC",serif;--face-data:var(--font-data),"PingFang SC",monospace;--heritage-world:#b7791f;--heritage-world-bg:#fefcbf;--heritage-world-line:#ecc94b;--heritage-world-ink:#7b5804;--heritage-national:#8a8a8a;--measure:62ch;--lane-h:22px;--label-w:150px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--face-body);font-size:14px;color:var(--ink);background:var(--vellum)}button{font:inherit;cursor:pointer}.shell{display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--paper);border-bottom:1px solid var(--rule);z-index:20}.brand{font-family:var(--face-data);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;white-space:nowrap}.brand b{color:var(--ink);font-weight:600}.brand:hover,.brand:hover b{color:var(--zone-cool)}.brand:focus-visible{outline:2px solid var(--zone-cool);outline-offset:3px}.main{display:flex;min-height:0}.main,.map-wrap{flex:1 1;position:relative}.map-wrap{min-width:0}.map-container{width:100%;height:100%}.map-error{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:var(--zone-equatorial);color:var(--paper);padding:4px 12px;border-radius:4px}.sidebar{width:340px;max-width:42vw;background:var(--paper);border-left:1px solid var(--rule);overflow-y:auto;z-index:10}.pane{padding:16px;position:relative}.pane h2{font-size:18px;margin-bottom:6px;padding-right:28px;font-family:var(--face-display);font-weight:600}.pane h3{font-family:var(--face-data);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:16px 0 6px}.pane .close,.pane h3{color:var(--ink-faint)}.pane .close{position:absolute;top:10px;right:10px;border:none;background:none;font-size:20px;line-height:1}.hint{color:var(--ink-faint);margin:6px 0}.event-time{color:var(--ink);font-weight:600;font-family:var(--face-data)}.event-place{color:var(--ink-soft);margin:2px 0 8px}.event-summary{line-height:1.65;margin:8px 0}.badge-region,.badge-uncertain{font-size:11px;background:var(--vellum-deep);color:var(--ink-soft);border-radius:3px;padding:1px 6px;font-weight:400}.secondary{margin:8px 0;padding:6px 12px;border:1px solid var(--rule-strong);background:var(--paper);border-radius:0;color:var(--ink);font-family:var(--face-data);font-size:12px}.event-list{list-style:none}.event-list li+li{border-top:1px solid var(--rule)}.linklike{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 4px;border-radius:4px}.el-title{display:inline;font-weight:600}.el-meta{display:block;color:var(--ink-faint);font-size:12px;margin-top:2px;font-family:var(--face-data)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot-1{background:var(--zone-equatorial)}.dot-2{background:var(--zone-subtropical)}.dot-3{background:var(--ink-faint)}.place-timeline{list-style:none;border-left:1px solid var(--rule-strong);margin-left:6px}.place-timeline li{padding:4px 0 4px 12px;position:relative}.place-timeline li:before{content:"";position:absolute;left:-5px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--rule-strong)}.pt-year{color:var(--ink-faint);font-size:12px;display:block;font-family:var(--face-data)}.searchbar{position:relative;flex:1 1;max-width:420px}.searchbar input{width:100%;padding:7px 10px;color:var(--ink);font-family:var(--face-body)}.search-dropdown,.searchbar input{border:1px solid var(--rule-strong);border-radius:0;background:var(--paper)}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 6px 18px rgba(20,33,31,.1);max-height:60vh;overflow-y:auto;z-index:30}.search-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:none;border-bottom:1px solid var(--rule)}.search-year{font-weight:600;color:var(--zone-cool)}.search-year,.si-type{font-family:var(--face-data)}.si-type{font-size:10px;background:var(--vellum-deep);color:var(--ink-soft);letter-spacing:.05em;border-radius:2px;padding:1px 5px;margin-right:6px}.si-title{font-weight:600}.si-meta{display:block;color:var(--ink-faint);font-size:12px;margin-top:2px}.search-empty{padding:10px;color:var(--ink-faint)}.locale-switch{display:flex;gap:4px}.locale-switch button{border:none;background:none;padding:4px 6px;color:var(--ink-faint);font-family:var(--face-data);font-size:12px}.locale-switch button.active{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.timeline{background:var(--paper);border-top:1px solid var(--rule);-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline:focus{outline:2px solid var(--zone-cool);outline-offset:-2px}.timeline-controls{display:flex;align-items:center;gap:12px;padding:6px 12px 0;flex-wrap:wrap}.timeline-current{font-weight:600;min-width:180px;font-family:var(--face-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline-presets{display:flex;gap:4px}.timeline-presets button{border:1px solid var(--rule);background:var(--paper);border-radius:0;padding:3px 9px;color:var(--ink-soft);font-family:var(--face-data);font-size:11px}.timeline-presets button.active{background:var(--ink);color:var(--vellum);border-color:var(--ink)}.timeline-jump{display:flex;gap:4px;align-items:center}.timeline-jump input{width:130px;padding:4px 8px}.timeline-jump button,.timeline-jump input{border:1px solid var(--rule-strong);border-radius:0;background:var(--paper);font-family:var(--face-data)}.timeline-jump button{padding:4px 12px;font-size:11px}.timeline-error{color:var(--zone-equatorial);font-size:12px}.timeline-svg-wrap{width:100%}.density-bar{fill:var(--rule)}.out-of-range{fill:var(--vellum-deep);opacity:.85}.axis{stroke:var(--rule-strong);stroke-width:1}.tick{stroke:var(--rule-strong)}.tick-label{font-size:10.5px;fill:var(--ink-faint);font-family:var(--face-data)}.cursor-line{stroke:var(--ink);stroke-width:1.5}.cursor-grip{fill:var(--ink);stroke:var(--paper);stroke-width:2;cursor:ew-resize}.range-fill{fill:var(--zone-cool);opacity:.14}.handle{stroke:var(--zone-cool);stroke-width:3;cursor:ew-resize}.handle-grip{fill:var(--zone-cool);stroke:var(--paper);stroke-width:2;cursor:ew-resize}@media (max-width:720px){.main{flex-direction:column}.sidebar{width:100%;max-width:none;border-left:none;border-top:1px solid var(--rule);max-height:34dvh;order:2}.map-wrap{order:1;min-height:38dvh}.topbar{flex-wrap:wrap;padding:6px 10px;gap:8px}.searchbar{order:3;flex-basis:100%;max-width:none}.timeline-current{min-width:0;font-size:12px}.timeline-jump,.timeline-jump-label{display:none}.timeline-controls{gap:8px;padding:5px 10px 0}.timeline-hint{padding:0 10px 3px}.timeline-hint>span:nth-child(n+2){display:none}.pane{padding:12px 12px 14px}.pane h2{font-size:16px}.howto{margin:8px 0 2px;padding:10px 11px 9px}.howto-steps{gap:5px}.howto-steps li{font-size:12.5px;line-height:1.45}.howto-tip{margin-bottom:7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.legend{position:absolute;left:12px;bottom:12px;z-index:5;background:rgba(251,252,250,.95);border:1px solid var(--rule-strong);border-radius:0;box-shadow:0 1px 4px rgba(0,0,0,.08);max-width:240px;max-height:calc(100% - 24px);overflow-y:auto;overscroll-behavior:contain}.legend-head{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:none;background:none;font-weight:600;font-size:12px;color:var(--ink);text-align:left;font-family:var(--face-data);letter-spacing:.05em}.legend-caret{color:var(--rule-strong);font-size:10px}.legend-body{padding:0 10px 10px}.legend-keys{list-style:none;display:grid;grid-gap:5px;gap:5px}.legend-keys li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft)}.legend-keys .dot{width:14px;height:14px;border-radius:50%;flex:none;border:1.5px solid var(--paper);box-shadow:0 0 0 1px var(--rule-strong)}.legend-keys .imp1{background:var(--zone-equatorial)}.legend-keys .imp2{background:var(--zone-subtropical)}.legend-keys .imp3{background:var(--ink-faint);width:10px;height:10px}.legend-keys .approx{background:var(--ink-faint);opacity:.35}.legend-filter{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--rule);font-size:12px;color:var(--ink);cursor:pointer}.legend-filter input{margin-top:2px;flex:none;width:15px;height:15px;cursor:pointer}.legend-filter small{display:block;color:var(--ink-faint);font-size:11px;margin-top:1px}.map-empty{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:5;max-width:min(420px,82vw);text-align:center;background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:13px;color:var(--ink-soft);line-height:1.5;box-shadow:0 1px 4px rgba(0,0,0,.08)}.badge-heritage{display:inline-flex;align-items:center;gap:5px;margin:2px 0 6px;font-size:11px;font-weight:600;color:var(--heritage-world-ink);font-family:var(--face-data);background:var(--heritage-world-bg);border:1px solid var(--heritage-world-line);border-radius:999px;padding:2px 9px}.badge-heritage.tier-national{color:var(--ink-soft);background:var(--vellum-deep);border-color:var(--rule-strong)}.timeline-jump-label,.timeline-presets-label{font-size:11px;color:var(--ink-faint);margin-right:2px;white-space:nowrap;font-family:var(--face-data)}.timeline-hint{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 12px 4px;font-size:11px;color:var(--ink-faint);line-height:1.4}.timeline-hint-sep{color:var(--rule)}@media (max-width:640px){.legend{max-width:190px}}.howto{margin:10px 0 4px;padding:12px 13px 11px;background:var(--vellum-deep);border:1px solid var(--rule-strong);border-radius:0}.howto-title{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--face-data)}.howto-steps{margin:0 0 9px;padding-left:0;list-style:none;counter-reset:howto;display:grid;grid-gap:7px;gap:7px}.howto-steps li{counter-increment:howto;position:relative;padding-left:26px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.howto-steps li:before{content:counter(howto);position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--zone-cool);color:var(--paper);font-size:11px;font-weight:600;display:grid;place-items:center}.howto-tip{font-size:12px;color:var(--ink-soft);margin:0 0 9px;line-height:1.45}.howto-dismiss{padding:5px 14px;border:1px solid var(--rule-strong);border-radius:0;background:var(--paper);color:var(--ink);font-size:11px;font-weight:600;font-family:var(--face-data)}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--zone-cool);outline-offset:2px;border-radius:0}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.handle-hit{fill:transparent;cursor:ew-resize}@media (pointer:coarse){.pane .close{width:44px;height:44px;top:4px;right:4px;display:grid;place-items:center;font-size:24px}.pane h2{padding-right:46px}.legend-filter{padding:8px 0;min-height:44px;align-items:center}.legend-filter input{width:22px;height:22px;margin-top:0}.legend-head{min-height:44px}.howto-dismiss,.secondary,.timeline-jump button,.timeline-jump input,.timeline-presets button{min-height:44px;padding-left:14px;padding-right:14px}.event-list .linklike,.place-timeline .linklike{min-height:44px;display:flex;align-items:center;gap:6px;text-align:left}.locale-switch button{min-width:44px;min-height:44px}}@media (hover:hover){.howto-dismiss:hover,.legend-head:hover,.linklike:hover,.search-item:hover,.secondary:hover{background:var(--vellum-deep)}}.range-move{fill:transparent;cursor:-webkit-grab;cursor:grab}.range-move:active{cursor:-webkit-grabbing;cursor:grabbing}.timeline-readout{position:absolute;top:2px;transform:translateX(-50%);background:var(--ink);color:var(--vellum);font-family:var(--face-data);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:4px 9px;white-space:nowrap;pointer-events:none;z-index:4}.timeline-svg-wrap{position:relative}.grip-notch{stroke:var(--paper);stroke-width:1.2;stroke-linecap:round}.timeline-empty{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0 12px 5px;font-size:12px;color:var(--ink-soft)}.timeline-jump-near{border:1px solid var(--ink);background:var(--ink);color:var(--vellum);font-family:var(--face-data);font-size:11px;padding:4px 12px;border-radius:0}.timeline-jump-near:hover{background:transparent;color:var(--ink)}.timeline-jump-near:focus-visible{outline:2px solid var(--zone-cool);outline-offset:2px}