*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f1e6;--ink: #3d3125;--line: #d8cdb8;--accent: #9a3b26}html,body,#app{height:100%}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}#app{display:flex;flex-direction:column}#topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:50px;padding:0 14px;background:linear-gradient(#efe7d6,#e8dfc9);border-bottom:1px solid var(--line);flex:none}#brand{display:flex;align-items:center;gap:9px}#brand-mark{width:30px;height:30px;border-radius:7px;background:var(--accent);color:#f8f2e4;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}#topbar h1{font-size:17px;font-weight:700;letter-spacing:.5px}#topbar-actions{display:flex;gap:8px;align-items:center;position:relative}#search-wrap{position:relative}#search{width:260px;height:30px;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:#fbf8f0;font-size:13px;color:var(--ink)}#search:focus{outline:2px solid rgba(154,59,38,.25);border-color:#c9a97a}#search-results{position:absolute;top:35px;left:0;width:330px;max-height:340px;overflow:auto;background:#fbf8f0;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #3c2d142e;z-index:60}.sr-group{padding:5px 12px 3px;font-size:11px;color:#a2937c;background:#f1e9d8}.sr-item{padding:6px 12px;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.sr-item:hover{background:#f1e9d8}.sr-sub{color:#a2937c;font-size:11px;white-space:nowrap}#jump,#home,#world,#export{height:30px;border:1px solid var(--line);border-radius:6px;background:#fbf8f0;font-size:13px;padding:0 8px;cursor:pointer;color:var(--ink)}#jump:hover,#home:hover,#world:hover,#export:hover{background:#f1e9d8}#world.off{color:#a2937c;background:#f3eee2}#main{flex:1;display:flex;flex-direction:column;min-height:0}#timeline-pane{position:relative;height:55%;min-height:120px}#timeline{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#timeline.dragging{cursor:grabbing}#timeline-hint{position:absolute;right:10px;top:8px;font-size:11px;color:#a2937c;background:#f6f1e6cc;padding:2px 8px;border-radius:10px;pointer-events:none}#divider{height:7px;flex:none;background:#dcd2bc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:row-resize;position:relative}#divider:after{content:"⣿";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:9px;color:#a2937c;letter-spacing:2px}#map-pane{position:relative;flex:1;min-height:120px;background:#ece6d9;overflow:hidden}#map{position:absolute;top:0;right:0;bottom:0;left:0}#detail{position:absolute;left:0;right:0;bottom:0;z-index:8;background:#faf6eef7;border-top:1px solid var(--line);box-shadow:0 -6px 24px #3c2d141f;display:flex;flex-direction:column;max-height:72%}#detail-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px}#detail .name{font-size:15px;font-weight:700}#detail .meta{opacity:.85;font-size:13px}#detail .summary{opacity:.75;font-size:12px;flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#detail-toggle,#detail-close{border:none;background:none;cursor:pointer;color:#8a7452;font-size:15px;line-height:1;padding:3px 7px;border-radius:4px}#detail-toggle:hover,#detail-close:hover{background:#f1e9d8;color:var(--ink)}#detail.open #detail-toggle{transform:rotate(180deg)}#detail-body{display:none;overflow:auto;border-top:1px dashed var(--line);min-height:120px}#detail.open #detail-body{display:block}#detail-tabs{display:flex;gap:2px;padding:4px 10px 0;position:sticky;top:0;background:#faf6ee;z-index:2}.d-tab{border:none;background:none;padding:6px 12px;font-size:13px;cursor:pointer;color:#8a7452;border-bottom:2px solid transparent}.d-tab.active{color:#9a3b26;border-bottom-color:#9a3b26;font-weight:600}#detail-content{padding:6px 14px 14px}.d-item{display:flex;gap:10px;width:100%;text-align:left;padding:5px 6px;border:none;background:none;font-size:13px;cursor:pointer;color:var(--ink);border-radius:4px;align-items:baseline}.d-item:hover{background:#f1e9d8}.d-year{color:#9a3b26;font-weight:600;min-width:86px;font-variant-numeric:tabular-nums}.d-empty{color:#a2937c;font-size:13px;padding:8px 6px}.d-kv{display:grid;grid-template-columns:5em 1fr;gap:3px 10px;font-size:13px;margin:4px 0 8px}.d-kv b{color:#8a7452;font-weight:600}.d-text{font-size:13px;line-height:1.7;color:#4a3f30;max-width:60em}#map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8f8168;text-align:center;padding:0 16px}#map-placeholder-title{font-size:15px;font-weight:600;letter-spacing:1px}.map-note{font-size:12px;opacity:.8}#map-disclaimer{position:absolute;right:8px;bottom:6px;font-size:10px;color:#9c8f79;z-index:5}@media (max-width: 767px){#timeline-pane{height:45%}#search-wrap{display:none}#topbar h1{font-size:15px}#timeline-hint,#detail .summary{display:none}#detail{max-height:62%}#export{display:none}}.tb-icon{min-width:30px}#quiz-btn{height:30px;border:1px solid var(--line);border-radius:6px;background:#fbf8f0;font-size:13px;padding:0 10px;cursor:pointer;color:var(--ink)}#quiz-btn:hover{background:#f1e9d8}[data-theme=dark] #quiz-btn{background:#262b31;color:var(--ink)}[data-theme=dark] #quiz-btn:hover{background:#2c323a}.tb-icon.active{color:#c9a227}.tb-panel{position:absolute;top:35px;right:0;width:300px;max-height:320px;overflow:auto;background:#fbf8f0;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #3c2d142e;z-index:60}[data-theme=dark] .tb-panel{background:#262b31}.tb-panel-wrap{position:relative}.tb-panel .sr-group,.tb-panel .sr-item:hover{background:#f1e9d8}[data-theme=dark] .tb-panel .sr-group,[data-theme=dark] .tb-panel .sr-item:hover{background:#2c323a}.tb-panel .sr-item del{color:#b08c8c}.tb-panel .rm{margin-left:auto;border:none;background:none;color:#b08c8c;cursor:pointer;font-size:12px;padding:0 4px}#today-toast{position:fixed;top:60px;right:14px;z-index:80;background:#3a2c1cf0;color:#f3ead8;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.6;box-shadow:0 8px 24px #00000040;cursor:pointer;max-width:320px}#today-toast b{color:wheat}#quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1e18108c;display:flex;align-items:center;justify-content:center;padding:16px}#quiz-card{width:min(560px,100%);background:#fbf8f0;border-radius:12px;box-shadow:0 16px 48px #00000059;padding:22px 24px}[data-theme=dark] #quiz-card{background:#262b31;color:var(--ink)}#quiz-card h3{font-size:16px;margin-bottom:6px;color:var(--accent)}#quiz-card .q-prompt{font-size:17px;font-weight:600;margin:12px 0 4px;line-height:1.5}#quiz-card .q-hint{font-size:12px;color:#a2937c;margin-bottom:12px}#quiz-card .q-progress{font-size:12px;color:#a2937c;text-align:right}#quiz-card .q-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}#quiz-card .q-opt{border:1px solid var(--line);background:#f6efdf;border-radius:8px;padding:10px 12px;font-size:15px;cursor:pointer;text-align:left;color:var(--ink)}[data-theme=dark] #quiz-card .q-opt{background:#22262b}#quiz-card .q-opt:hover{border-color:#c9a227}#quiz-card .q-opt.right{background:#4a7c59;color:#fff;border-color:#4a7c59}#quiz-card .q-opt.wrong{background:#a35446;color:#fff;border-color:#a35446}#quiz-card .q-opt:disabled{cursor:default;opacity:.95}#quiz-card .q-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}#quiz-card .q-reveal-link{font-size:13px;color:var(--accent);background:none;border:none;cursor:pointer;padding:6px 0}#quiz-card .q-next{border:none;background:var(--accent);color:#fff;border-radius:8px;padding:8px 22px;font-size:14px;cursor:pointer}#map-legend{position:absolute;left:10px;bottom:8px;z-index:6;display:flex;flex-wrap:wrap;gap:6px;max-width:70%}#map-legend .lg-chip{display:inline-flex;align-items:center;gap:6px;background:#faf6eeeb;border:1px solid var(--line);border-radius:14px;padding:3px 10px;font-size:12px;cursor:pointer;color:var(--ink)}[data-theme=dark] #map-legend .lg-chip{background:#22262beb}#map-legend .lg-dot{width:10px;height:10px;border-radius:3px}#map-legend .lg-chip.main{border-color:#8a5a00;font-weight:600}#map-legend .lg-chip:hover{border-color:#c9a227}#detail-fav{border:none;background:none;cursor:pointer;color:#b0a488;font-size:16px;line-height:1;padding:3px 7px;border-radius:4px}#detail-fav:hover{background:#f1e9d8}#detail-fav.active{color:#c9a227}[data-theme=dark]{--bg: #22262b;--ink: #d8d2c4;--line: #3d434b;--accent: #d9b96a}[data-theme=dark] body{background:#1d2025}[data-theme=dark] #topbar{background:linear-gradient(#262b31,#20242a)}[data-theme=dark] #brand-mark{background:#8a3324}[data-theme=dark] #search,[data-theme=dark] #jump,[data-theme=dark] #home,[data-theme=dark] #world,[data-theme=dark] #export{background:#262b31;color:var(--ink)}[data-theme=dark] #jump:hover,[data-theme=dark] #home:hover,[data-theme=dark] #world:hover,[data-theme=dark] #export:hover{background:#2c323a}[data-theme=dark] #world.off{background:#22262b;color:#6f7a86}[data-theme=dark] #search-results{background:#262b31}[data-theme=dark] .sr-group,[data-theme=dark] .sr-item:hover{background:#2c323a}[data-theme=dark] #timeline-hint{background:#22262bcc;color:#8f96a0}[data-theme=dark] #divider{background:#2c323a}[data-theme=dark] #divider:after{color:#6f7a86}[data-theme=dark] #map-pane{background:#1d2025}[data-theme=dark] #map-placeholder{color:#9aa0a8}[data-theme=dark] #map-disclaimer{color:#7c828c}[data-theme=dark] #detail{background:#1e2126f7;box-shadow:0 -6px 24px #0006}[data-theme=dark] #detail-toggle,[data-theme=dark] #detail-close{color:#a8a08c}[data-theme=dark] #detail-toggle:hover,[data-theme=dark] #detail-close:hover{background:#2c323a;color:var(--ink)}[data-theme=dark] #detail-tabs{background:#22262b}[data-theme=dark] .d-item:hover{background:#2c323a}[data-theme=dark] .d-kv b{color:#a8a08c}[data-theme=dark] .d-text{color:#c4bda9}