:root{color-scheme:dark;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;background:#090d12;color:#eee6d8;font-synthesis:none;--ink: #090d12;--panel: rgba(14, 19, 25, .89);--panel-strong: rgba(10, 14, 19, .96);--line: rgba(231, 211, 178, .13);--muted: #9f998e;--paper: #eee6d8;--red: #c93632;--red-bright: #ee564b;--gold: #cda759;--gold-light: #ffd58d}*{box-sizing:border-box}html,body,#app{width:100%;min-width:1180px;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}.app-shell{position:relative;display:grid;grid-template-rows:88px 1fr 42px;width:100%;height:100%;background:radial-gradient(circle at 50% 48%,rgba(81,92,88,.14),transparent 42%),linear-gradient(145deg,#080c11,#11171c 52%,#090d12);isolation:isolate}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.12;z-index:-1}.ambient-one{width:420px;height:420px;background:#b72e2d;top:12%;left:28%}.ambient-two{width:360px;height:360px;background:#c6a356;right:4%;bottom:4%;opacity:.07}.topbar{display:grid;grid-template-columns:1fr auto 170px;align-items:center;gap:30px;padding:0 28px;border-bottom:1px solid var(--line);background:#080c11d1;backdrop-filter:blur(18px);z-index:20}.brand-lockup{display:flex;align-items:center;gap:15px;min-width:360px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(238,86,75,.65);color:var(--paper);background:linear-gradient(145deg,#c93632d1,#6a1415eb);font:900 24px/1 "Noto Serif SC",serif;box-shadow:0 0 30px #c936322e,inset 0 0 0 4px #ffffff0a}.eyebrow,.section-kicker{margin:0;color:var(--gold);font:500 10px/1.4 Roboto Mono,monospace;letter-spacing:.19em;text-transform:uppercase}.brand-lockup h1{margin:3px 0 0;font:900 26px/1.1 "Noto Serif SC",serif;letter-spacing:.08em}.brand-lockup h1 span{color:#cbb995;font-weight:600}.top-stats{display:flex;align-items:stretch;height:46px;border:1px solid var(--line)}.top-stats div{display:flex;flex-direction:column;justify-content:center;min-width:118px;padding:0 17px;border-right:1px solid var(--line)}.top-stats div:last-child{border-right:0;min-width:150px}.top-stats strong{color:var(--gold-light);font:500 15px/1.2 Roboto Mono,monospace}.top-stats span{margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.12em}.about-button,.intro-card button,.replay-route{border:1px solid rgba(205,167,89,.48);background:#cda75912;color:#e5c98d;cursor:pointer;transition:.2s ease}.about-button{height:38px;letter-spacing:.12em;font-size:12px}.about-button:hover,.intro-card button:hover,.replay-route:hover{background:#cda75929;border-color:var(--gold)}.workspace{display:grid;grid-template-columns:292px minmax(560px,1fr) 334px;min-height:0}.side-panel{min-height:0;background:var(--panel);backdrop-filter:blur(16px);z-index:10}.event-index{display:flex;flex-direction:column;border-right:1px solid var(--line)}.detail-panel{border-left:1px solid var(--line);padding:24px 24px 18px;overflow-y:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 14px}.panel-heading h2,.detail-panel h2{margin:4px 0 0;font-family:"Source Han Serif SC","Noto Serif CJK SC",STSong,SimSun,serif}.panel-heading h2{font-size:21px}.count-badge{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font:500 11px Roboto Mono,monospace}.category-filter{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 15px;border-bottom:1px solid var(--line)}.category-filter button{padding:5px 9px;border:1px solid transparent;border-radius:2px;background:#ffffff08;color:#918c84;cursor:pointer;font-size:10px}.category-filter button.active{color:#f0d6a0;border-color:#cda7595c;background:#cda7591a}.event-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#433a31 transparent}.event-row{position:relative;display:grid;grid-template-columns:32px 1fr 8px;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 17px;border:0;border-bottom:1px solid rgba(231,211,178,.07);background:transparent;text-align:left;cursor:pointer}.event-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--red-bright);transform:scaleY(0);transition:.2s ease}.event-row:hover{background:#ffffff06}.event-row.active{background:linear-gradient(90deg,rgba(197,48,45,.13),transparent)}.event-row.active:before{transform:scaleY(1)}.event-order{color:#6f6b65;font:500 10px Roboto Mono,monospace}.event-row.active .event-order{color:var(--red-bright)}.event-row-copy{display:flex;flex-direction:column;min-width:0;gap:5px}.event-row-copy strong{overflow:hidden;color:#d9d2c7;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.event-row-copy small{overflow:hidden;color:#77736d;font:400 9px Roboto Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.event-dot{width:5px;height:5px;border-radius:50%;border:1px solid #8d342f}.event-row.active .event-dot{background:var(--red-bright);box-shadow:0 0 9px var(--red)}.map-column{position:relative;min-width:0;min-height:0;background:#000}.map-stage{position:absolute;inset:0;overflow:hidden;background:#000}.tdt-layer,.schematic-layer,.chart-layer{position:absolute;inset:0}.tdt-layer{z-index:1;width:100%;height:100%;min-width:100%;min-height:100%;filter:saturate(.52) sepia(.16) brightness(.62) contrast(1.12)}.mode-schematic .tdt-layer{display:none}.schematic-layer{z-index:1;background:#000}.chart-layer{z-index:4;cursor:grab;touch-action:none}.chart-layer.is-dragging{cursor:grabbing}.map-status{position:absolute;top:16px;left:18px;z-index:8;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#080c11c2;border:1px solid var(--line);color:#a7a097;font:400 9px Roboto Mono,monospace;letter-spacing:.08em}.status-dot{width:6px;height:6px;border-radius:50%;background:#75a982;box-shadow:0 0 8px #75a982}.map-loading{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#0e1419;color:#bba66f;font:500 11px Roboto Mono,monospace}.replay-route{position:absolute;right:18px;top:16px;z-index:8;padding:7px 11px;font-size:10px}.map-zoom-controls{position:absolute;right:18px;bottom:18px;z-index:10;display:grid;grid-template-columns:34px 34px;gap:6px}.map-zoom-controls button{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid rgba(205,167,89,.36);background:#080c11db;color:#e4d7c2;font:500 18px/1 Roboto Mono,monospace;cursor:pointer;backdrop-filter:blur(12px);transition:.2s ease}.map-zoom-controls button:hover{border-color:var(--gold);background:#cda75929;color:#fff2d9}.map-zoom-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.map-zoom-controls .reset-view{grid-column:1 / -1;width:74px;height:28px;font-size:9px;letter-spacing:.12em}.map-legend{position:absolute;left:18px;bottom:18px;z-index:9;display:flex;gap:18px;padding:9px 12px;border:1px solid var(--line);background:#080c11cc;color:#9d978f;font-size:9px;backdrop-filter:blur(12px)}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{display:inline-block;flex:none}.legend-route{width:23px;height:2px;background:var(--red-bright);box-shadow:0 0 7px var(--red)}.legend-site{width:7px;height:7px;border-radius:50%;background:#eee6d8;border:1px solid var(--red)}.detail-topline{display:flex;justify-content:space-between;align-items:center}.event-tag{padding:5px 9px;border:1px solid rgba(201,54,50,.45);color:#f27c70;background:#c9363217;font-size:10px;letter-spacing:.12em}.event-sequence{color:#69645d;font:500 10px Roboto Mono,monospace}.detail-date{margin:26px 0 7px;color:var(--gold);font:500 11px Roboto Mono,monospace;letter-spacing:.08em}.detail-panel h2{color:#f1e7d8;font-size:27px;line-height:1.36;letter-spacing:.02em}.detail-summary{margin:18px 0 22px;color:#b5afa6;font-size:13px;line-height:1.9}.detail-facts{margin:0;border-top:1px solid var(--line)}.detail-facts div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.detail-facts dt{color:#706c66;font-size:10px}.detail-facts dd{margin:0;color:#c8c0b5;font-size:11px;line-height:1.6}.footerbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-top:1px solid var(--line);background:#070a0ef5;color:#6f6b65;font-size:9px;letter-spacing:.05em;z-index:20}.footer-note span{margin-right:10px;color:#b8944f}.audit-mark{color:#89847d}.intro-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#04070ae0;backdrop-filter:blur(20px)}.intro-card{position:relative;width:min(680px,68vw);padding:54px 66px;border:1px solid rgba(205,167,89,.35);background:linear-gradient(145deg,#191c1cfa,#090d12fa);text-align:center;box-shadow:0 30px 90px #0000007a}.intro-card:before,.intro-card:after{content:"";position:absolute;width:38px;height:38px;border-color:var(--red);opacity:.7}.intro-card:before{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.intro-card:after{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}.intro-number{display:block;color:var(--red-bright);font:500 64px/1 Roboto Mono,monospace;letter-spacing:-.05em;text-shadow:0 0 32px rgba(238,86,75,.22)}.intro-unit{display:block;margin-top:10px;color:var(--gold);font-size:11px;letter-spacing:.24em}.intro-card h2{margin:33px 0 15px;font:900 30px "Noto Serif SC",serif;letter-spacing:.08em}.intro-card p{max-width:510px;margin:0 auto;color:#aaa398;font-size:13px;line-height:2}.intro-card button{display:block;width:150px;height:42px;margin:30px auto 15px;letter-spacing:.12em}.intro-card small{color:#605d58;font-size:9px}.intro-enter-active,.intro-leave-active{transition:opacity .45s ease}.intro-enter-active .intro-card,.intro-leave-active .intro-card{transition:transform .45s ease,opacity .45s ease}.intro-enter-from,.intro-leave-to{opacity:0}.intro-enter-from .intro-card,.intro-leave-to .intro-card{transform:translateY(18px) scale(.98);opacity:0}@media(max-width:1450px){.workspace{grid-template-columns:270px minmax(500px,1fr) 310px}.top-stats div{min-width:95px;padding:0 12px}.top-stats div:last-child{min-width:135px}.detail-panel{padding-left:20px;padding-right:20px}.detail-panel h2{font-size:24px}}@media(max-height:760px){.app-shell{grid-template-rows:74px 1fr 36px}.brand-mark{width:42px;height:42px}.brand-lockup h1{font-size:23px}.event-row{min-height:58px}.panel-heading{padding-top:16px}.detail-summary{line-height:1.65}.intro-card{padding-top:38px;padding-bottom:38px}.intro-number{font-size:52px}}@media(max-width:900px){html,body,#app{min-width:0;width:100%;height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.app-shell{display:block;height:auto;min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;height:auto}.brand-lockup{min-width:0;gap:10px}.brand-mark{width:38px;height:38px;font-size:18px}.brand-lockup h1{font-size:18px;letter-spacing:.04em}.eyebrow,.top-stats{display:none}.about-button{height:34px;padding:0 12px;font-size:11px}.workspace{display:flex;flex-direction:column;grid-template-columns:none;min-height:0}.map-column{order:1;width:100%;height:420px;min-height:420px}.map-stage{position:absolute;inset:0}.event-index{order:2;max-height:40vh;border-right:0;border-top:1px solid var(--line)}.detail-panel{order:3;max-height:none;overflow:visible;padding:20px 16px;border-left:0;border-top:1px solid var(--line)}.panel-heading{padding:16px 14px 10px}.panel-heading h2{font-size:18px}.category-filter{padding:0 14px 12px;gap:5px}.category-filter button{font-size:10px;padding:5px 8px}.event-row{min-height:56px;padding:10px 14px;grid-template-columns:28px 1fr 6px;gap:8px}.event-row-copy strong{font-size:12px}.event-row-copy small{font-size:9px}.detail-panel h2{font-size:20px;line-height:1.4}.detail-date{margin-top:18px}.detail-summary{margin:14px 0 18px;font-size:13px;line-height:1.75}.detail-facts div{grid-template-columns:62px 1fr;gap:10px;padding:10px 0}.map-status{top:10px;left:10px;padding:5px 8px;font-size:9px}.replay-route{top:10px;right:10px;padding:6px 9px;font-size:9px}.map-zoom-controls{right:10px;bottom:10px;grid-template-columns:30px 30px;gap:5px}.map-zoom-controls button{width:30px;height:30px;font-size:16px}.map-zoom-controls .reset-view{width:65px;height:26px;font-size:9px}.map-legend{left:10px;bottom:10px;gap:10px;padding:6px 9px;font-size:9px}.footerbar{flex-direction:column;align-items:flex-start;gap:3px;height:auto;padding:8px 14px;font-size:9px}.intro-card{width:92vw;padding:30px 20px}.intro-number{font-size:44px}.intro-card h2{font-size:22px;margin:20px 0 10px}.intro-card p{font-size:12px;line-height:1.75}.intro-card button{margin:20px auto 12px}}