@font-face{font-family:EarthSerif;src:local('Noto Serif CJK SC'),local('Source Han Serif SC'),local('Songti SC'),local('SimSun');font-display:swap}
:root{color-scheme:dark;--bg:#0d1821;--surface:#101e29;--panel:#14232e;--ink:#e8eee9;--muted:#a6babf;--quiet:#7d979f;--line:#2c424c;--warm:#ff886b;--earthquake:#ff886b;--storm:#e6bf70;--volcano:#7ad0b3;--fire:#e7a1b9;--serif:EarthSerif,serif;--sans:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 var(--sans)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.55}button:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--warm);outline-offset:4px}a{color:inherit;text-underline-offset:4px}::selection{background:#9f503c;color:white}input{caret-color:var(--warm)}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{touch-action:manipulation}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#405864;border-radius:3px}::-webkit-scrollbar-track{background:var(--bg)}.masthead{height:98px;margin:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;flex-shrink:0}.brand h1{font:600 23px/1.3 var(--serif);letter-spacing:.04em;margin:0}.brand span{font-size:10px;letter-spacing:.2em;color:var(--muted)}.masthead-note{color:var(--quiet);font-size:13px;margin-left:24px}.header-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.connection:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--quiet)}.connection.ok:before{background:var(--volcano)}.connection.stale:before{background:var(--storm)}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:5px}.icon-button:hover{background:#20333e}.text-button{color:var(--muted);font-size:12px;padding:6px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent}.text-button:hover{text-decoration-color:currentColor}.station{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:1800px;margin:auto;padding:32px 38px 0;gap:30px}.observation{min-width:0}.map-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.map-heading h2{font:400 clamp(24px,2.3vw,35px)/1.35 var(--serif);margin:0;letter-spacing:.01em}.map-heading p{color:var(--muted);margin:10px 0 0;font-size:13px}.date-label{font-size:12px;color:var(--quiet);white-space:nowrap;font-variant-numeric:tabular-nums}.filter-row{display:flex;gap:8px;margin:23px 0 15px;flex-wrap:wrap}.filter{display:flex;align-items:center;gap:7px;border:1px solid transparent;padding:6px 11px;border-radius:5px;font-size:12px;color:var(--muted);min-height:36px}.filter span{color:var(--quiet);font-variant-numeric:tabular-nums}.filter.active{border-color:#56717a;background:#1b303b;color:#f5f6f0}.filter:hover{background:#1b303b}.dot{width:6px;height:6px;border-radius:50%;background:var(--quiet);display:inline-block}.earthquake{background:var(--earthquake)}.storm{background:var(--storm)}.volcano{background:var(--volcano)}.fire{background:var(--fire)}.map-stage{height:clamp(330px,44vw,520px);position:relative;background:#101e29;border:1px solid var(--line);overflow:hidden;border-radius:2px}.map-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.map-stage canvas:active{cursor:grabbing}.map-topline,.map-bottomline{position:absolute;display:flex;justify-content:space-between;gap:16px;left:17px;right:17px;pointer-events:none;font-size:10px;color:#a6bbc0;letter-spacing:.06em}.map-topline{top:15px}.map-bottomline{bottom:12px;font-size:9px;letter-spacing:0}.map-controls{position:absolute;right:14px;top:49px;display:flex;flex-direction:column;background:#12232eee;border:1px solid var(--line);border-radius:5px}.map-controls .icon-button{font-size:23px;width:34px;height:34px}.map-controls button:last-child{font-size:10px;padding:7px 5px;border-top:1px solid var(--line)}.map-tip{position:absolute;left:18px;bottom:40px;max-width:80%;padding:9px 13px;background:#1d3340;border:1px solid #47646e;border-radius:5px;color:#ecf3ed;font-size:12px;pointer-events:none}.map-error{position:absolute;inset:65px 50px auto;padding:20px;background:#162934;text-align:center;color:var(--muted)}.replay{margin-top:24px}.replay-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.replay h3{font-size:15px;font-weight:500;margin:0 0 5px}.replay p{font-size:11px;color:var(--quiet);margin:0}.replay .active{color:var(--warm)}.transport{display:flex;align-items:center;gap:20px;margin-top:15px}.play-button{width:45px;height:45px;flex-shrink:0;border-radius:50%;background:var(--warm);color:#17222a;display:grid;place-items:center}.play-button:hover{background:#ffa68e;color:#14202a}.play-button svg{width:20px;height:20px;fill:currentColor;stroke:none}.timeline{flex:1;min-width:0}.timeline-bars{height:26px;display:flex;align-items:flex-end;gap:3px;padding:0 2px}.timeline-bars i{background:#536d76;flex:1;min-height:2px}.timeline-bars i.passed{background:#cf8068}.timeline input{display:block;width:100%;margin:4px 0 7px;accent-color:var(--warm);height:14px;cursor:ew-resize}.time-labels{display:flex;justify-content:space-between;color:var(--quiet);font-size:10px;font-variant-numeric:tabular-nums}.time-labels output{color:var(--ink)}.speed-button{font-size:12px;padding:7px;color:var(--muted);min-width:36px}.data-footer{border-top:1px solid var(--line);margin:25px 0 0;padding:15px 0 25px;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;font-size:10px;color:var(--quiet)}.data-footer>p{margin:3px 0;max-width:75%}.data-footer .text-button{font-size:10px;padding:0}.data-footer #about{flex-basis:100%;max-width:80ch;color:var(--muted);font-size:12px}.event-sidebar{border-left:1px solid var(--line);padding-left:27px;min-width:0}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.list-heading h2{font-size:16px;font-weight:500;margin:0}.list-heading span{color:var(--quiet);font-size:12px}.search-wrap{display:flex;align-items:center;gap:9px;border-bottom:1px solid #405760;padding:7px 0 10px;color:var(--quiet)}.search-wrap svg{width:16px;height:16px;flex-shrink:0}.search-wrap input{width:100%;min-width:0;background:none;border:0;color:var(--ink);font-size:12px;outline:none}.search-wrap input::placeholder{color:var(--quiet)}.list-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:23px;gap:24px}.list-tabs button{padding:0 0 10px;font-size:12px;color:var(--quiet);border-bottom:2px solid transparent}.list-tabs button.active{border-bottom-color:var(--warm);color:var(--ink)}.list-description{font-size:10px;color:var(--quiet);margin:13px 0 4px}.event-list{max-height:622px;overflow-y:auto;padding-right:4px}.event-item{display:block;text-align:left;width:100%;padding:18px 2px;border-bottom:1px solid var(--line)}.event-item:hover{background:#182b36}.event-item.selected{background:#1b303c}.event-meta{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px;margin-bottom:8px}.event-meta time{margin-left:auto;color:var(--quiet);font-variant-numeric:tabular-nums}.event-item h3{font-size:13px;font-weight:400;line-height:1.55;margin:0 0 7px;overflow-wrap:anywhere}.event-sub{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--quiet)}.event-sub strong{font-weight:500;color:var(--ink)}.empty-state{font-size:13px;color:var(--muted);padding:28px 0;line-height:1.9}.back-button{font-size:12px;color:var(--muted);padding:0 0 25px}.detail-type{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:5px 0 15px}.detail-title{font:400 24px/1.5 var(--serif);overflow-wrap:anywhere;margin:0 0 15px}.detail-subtitle{color:var(--muted);font-size:12px}.detail-facts{margin:26px 0 25px;border-top:1px solid var(--line)}.detail-facts div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-facts dt{color:var(--quiet)}.detail-facts dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}.detail-section-title{font-size:13px;font-weight:500;margin:26px 0 10px}.source-link{display:block;color:#c2d7d4;font-size:12px;padding:7px 0}.detail-note{color:var(--quiet);font-size:11px;line-height:1.9}.observation-line{font-size:11px;padding:7px 0;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#dfe9df;color:#17272c;padding:12px 20px;border-radius:6px;box-shadow:0 9px 25px #0005;z-index:20;font-size:13px}.login-body{min-height:100svh;display:flex;flex-direction:column;background:#101d27}.login-shell{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1100px;width:100%;padding:70px 50px;margin:auto}.login-world svg{width:100%;height:auto;stroke:#405d67;stroke-width:.8}.login-world .login-signal{fill:var(--warm);stroke:none}.login-world .login-orbit{stroke:var(--warm);stroke-width:1;opacity:.5}.login-copy h1{font:400 clamp(28px,3.5vw,42px)/1.3 var(--serif);margin:0 0 30px}.login-copy h1 span{display:block;font:400 17px/1.6 Georgia,serif;color:var(--muted);margin-top:10px;letter-spacing:.02em}.login-copy>p{font-size:15px;color:var(--muted);line-height:2}.login-copy form{margin:40px 0 0}.login-copy label{font-size:12px;color:var(--muted)}.password-field{margin-top:10px}.password-field input{width:100%;padding:13px 15px;background:#182b37;border:1px solid #49616a;border-radius:5px;color:var(--ink);font-size:14px}.password-field input::placeholder{color:#92aab2}.password-field button{display:flex;justify-content:space-between;width:100%;margin-top:14px;padding:12px 17px;background:var(--warm);color:#18232a;border-radius:5px;font-weight:500}.password-field button:hover{background:#ffa68e}#login-error{min-height:24px;font-size:12px;color:#ffad97}.login-copy .login-note{margin-top:28px;font-size:11px;line-height:1.9;color:var(--quiet)}.login-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 40px;color:var(--quiet);font-size:11px}.login-footer>span:first-child{letter-spacing:.17em}
@media(min-width:1600px){.station{grid-template-columns:minmax(0,1fr) 360px;gap:38px}.map-stage{height:560px}.event-list{max-height:720px}}
@media(max-width:1100px){.masthead{margin:0 25px}.station{padding:25px 25px 0;grid-template-columns:minmax(0,1fr) 290px;gap:23px}.event-sidebar{padding-left:20px}.masthead-note{display:none}.map-bottomline span:last-child{display:none}.date-label{display:none}.filter-row{gap:3px}.filter{padding:5px 7px}.map-heading h2{font-size:27px}.map-stage{height:390px}}
@media(max-width:760px){.masthead{height:80px;margin:0 19px;gap:12px}.brand{gap:8px}.brand img{width:29px;height:29px}.brand h1{font-size:19px}.brand span{font-size:8px}.header-actions{gap:10px}.connection{font-size:10px}.connection:before{display:none}.header-actions>.text-button{font-size:11px}.header-actions .icon-button{width:26px}.station{display:flex;flex-direction:column;padding:25px 19px 0;gap:12px}.map-heading h2{font-size:29px}.map-heading p{font-size:12px;max-width:32ch}.filter-row{gap:4px;margin-top:20px;margin-bottom:12px}.filter{font-size:11px;padding:5px 8px;gap:5px}.map-stage{height:340px;margin:0 -19px;border-left:0;border-right:0;border-radius:0}.map-topline{left:20px;right:20px;font-size:9px}.map-topline>span:last-child{display:none}.map-controls{right:14px;top:45px}.map-bottomline{left:20px;bottom:11px;font-size:8px}.map-tip{left:20px;bottom:35px;max-width:75%}.replay{margin-top:21px}.replay h3{font-size:14px}.replay p{font-size:10px;max-width:29ch}.replay-top>.text-button{font-size:10px;white-space:nowrap}.transport{gap:12px}.play-button{width:40px;height:40px}.time-labels{font-size:9px}.data-footer{padding-bottom:15px;margin-top:21px}.data-footer>p{max-width:70%}.event-sidebar{border-left:0;border-top:1px solid var(--line);padding:23px 0 30px}.list-heading{margin-bottom:12px}.search-wrap{max-width:none}.list-tabs{margin-top:18px}.event-list{max-height:none}.event-item{padding:16px 2px}.event-item h3{font-size:14px}.event-meta,.event-sub{font-size:11px}.event-item:focus-visible{outline-offset:-2px}.detail-title{font-size:26px}.login-shell{grid-template-columns:1fr;gap:0;padding:20px 29px 40px;max-width:470px}.login-world{width:170px;margin:0 auto -3px}.login-copy h1{font-size:31px;margin:0 0 20px}.login-copy h1 span{font-size:14px;margin-top:8px}.login-copy>p{font-size:13px}.login-copy form{margin-top:28px}.login-copy .login-note{margin-top:20px}.login-footer{padding:18px 24px;font-size:9px}.login-footer>span:last-child{max-width:17ch;text-align:right}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}