*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0907}body{min-width:320px;min-height:100vh;color:var(--color-paper);font-family:var(--font-ui);background:var(--color-ink);margin:0}button,input,select{font:inherit}button{color:inherit}::selection{color:var(--color-ink);background:var(--color-bronze)}:root{--color-ink:#0b0907;--color-ink-soft:#15110d;--color-panel:#1a1510;--color-paper:#eee2c8;--color-paper-soft:#cabb9c;--color-muted:#a9997c;--color-cinnabar:#d55740;--color-cinnabar-soft:#d5574029;--color-bronze:#c5a36a;--color-line:#c5a36a33;--color-line-strong:#c5a36a66;--font-display:"Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--font-ui:Inter, "PingFang SC", "Microsoft YaHei", sans-serif}#root{min-height:100vh}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.history-app{background:radial-gradient(circle at 75% 7%,#a05e3124,#0000 28rem),radial-gradient(circle at 10% 55%,#684d311a,#0000 34rem),linear-gradient(145deg,#100d0a 0%,#090806 62%,#120d09 100%);min-height:100vh;position:relative;overflow:hidden}.history-app:before{pointer-events:none;content:"";opacity:.18;background-image:linear-gradient(#eee2c806 1px,#0000 1px),linear-gradient(90deg,#eee2c805 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.history-header,.period-nav,.history-workspace,.history-timeline,.history-footer{z-index:1;position:relative}.history-header{justify-content:space-between;align-items:flex-end;gap:32px;padding:24px clamp(20px,3vw,48px) 18px;display:flex}.history-header__brand>span{color:var(--color-bronze);letter-spacing:.24em;font-size:.66rem;font-weight:600}.history-header h1{font:400 clamp(2.15rem, 4vw, 4.2rem)/.98 var(--font-display);letter-spacing:.08em;margin:5px 0 0}.history-header p{color:var(--color-muted);letter-spacing:.05em;margin:10px 0 0;font-size:.82rem}.history-header__stats{white-space:nowrap;grid-template-columns:auto auto 1px auto auto;align-items:baseline;gap:8px;padding-bottom:5px;display:grid}.history-header__stats strong{color:var(--color-cinnabar);font:400 1.8rem var(--font-display)}.history-header__stats span{color:var(--color-muted);font-size:.7rem}.history-header__stats i{background:var(--color-line);width:1px;height:24px;margin:0 8px}.period-nav{scrollbar-width:none;gap:8px;padding:0 clamp(20px,3vw,48px) 14px;display:flex;overflow-x:auto}.period-nav::-webkit-scrollbar{display:none}.period-nav button{border:1px solid var(--color-line);color:var(--color-paper-soft);cursor:pointer;background:#0b090785;border-radius:999px;flex:none;padding:7px 12px;transition:border-color .16s,background .16s,transform .16s}.period-nav button:before{background:var(--period-color);content:"";border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.period-nav button:hover,.period-nav button:focus-visible{border-color:var(--period-color);background:#eee2c80f;outline:none;transform:translateY(-1px)}.history-workspace{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:linear-gradient(90deg,#eee2c809,#0000 70%);grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);min-height:218px;margin:0 clamp(20px,3vw,48px) 14px;display:grid}.history-detail{min-width:0;padding:22px 30px 22px 0;position:relative;overflow:hidden}.history-detail__year{color:#eee2c809;font:400 11rem/1 var(--font-display);letter-spacing:-.06em;-webkit-user-select:none;user-select:none;position:absolute;top:-32px;right:4%}.history-detail__topline{align-items:center;gap:14px;display:flex;position:relative}.history-detail__topline p{color:var(--color-cinnabar);font:400 1rem var(--font-display);letter-spacing:.08em;margin:0}.history-detail__topline span{border:1px solid var(--color-line);color:var(--color-muted);border-radius:999px;padding:3px 8px;font-size:.6rem}.history-detail h2{font:400 clamp(1.45rem, 2.2vw, 2.45rem)/1.2 var(--font-display);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 9px;position:relative;overflow:hidden}.history-detail__meta{flex-wrap:wrap;gap:8px;display:flex;position:relative}.history-detail__meta span{border:1px solid var(--color-line);color:var(--color-paper-soft);border-radius:4px;padding:4px 9px;font-size:.68rem}.history-detail__meta span:first-child{border-color:color-mix(in srgb, var(--period-color) 70%, transparent)}.history-detail__summary{max-width:900px;color:var(--color-paper-soft);margin:12px 0 0;font-size:.82rem;line-height:1.75;position:relative}.history-detail--empty{color:var(--color-muted);place-items:center start;display:grid}.history-controls{border-left:1px solid var(--color-line);align-content:center;gap:14px;padding:20px 0 20px 28px;display:grid}.history-filters{grid-template-columns:minmax(160px,1fr) 112px;gap:9px;display:grid}.history-filters__search{border:1px solid var(--color-line);background:#0b0907b3;border-radius:6px;align-items:center;min-width:0;display:flex}.history-filters__search>span{color:var(--color-bronze);padding-left:11px;font-size:1rem}.history-filters input,.history-filters select{border:1px solid var(--color-line);min-width:0;color:var(--color-paper);background:#0b0907b3;border-radius:6px;outline:none;padding:9px 10px}.history-filters__search input{background:0 0;border:0;width:100%}.history-filters input:focus,.history-filters select:focus{border-color:var(--color-bronze)}.history-filters input::placeholder{color:#766b59}.history-filters__count{color:var(--color-muted);grid-column:1/-1;font-size:.68rem}.history-controls__zoom{flex-wrap:wrap;gap:7px;display:flex}.history-controls__zoom button{border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:4px;padding:6px 11px}.history-controls__zoom button:hover,.history-controls__zoom button:focus-visible,.history-controls__zoom button[aria-pressed=true]{border-color:var(--color-bronze);color:var(--color-paper);background:#c5a36a1c;outline:none}.history-controls__zoom button:last-child{color:#dc8a78;border-color:#d557406b;margin-left:auto}.history-footer{color:#766b59;letter-spacing:.04em;justify-content:space-between;gap:18px;padding:12px clamp(20px,3vw,48px) 16px;font-size:.62rem;display:flex}@media (width<=860px){.history-header{align-items:flex-start}.history-header__stats{grid-template-columns:auto auto}.history-header__stats i{display:none}.history-workspace{grid-template-columns:1fr}.history-controls{border-top:1px solid var(--color-line);border-left:0;padding:16px 0}}@media (width<=560px){.history-header{padding-top:18px;display:block}.history-header__stats{margin-top:16px}.history-header p{line-height:1.55}.history-workspace{min-height:0}.history-detail{padding-right:0}.history-detail h2{white-space:normal}.history-footer{flex-wrap:wrap}}.history-timeline{background:linear-gradient(#eee2c805,#0000 44%),#0504038a;border-top:1px solid #c5a36a1f;border-bottom:1px solid #c5a36a1f;position:relative}.history-timeline__hint{z-index:5;border:1px solid var(--color-line);color:#887b66;letter-spacing:.06em;pointer-events:none;background:#0b0907d6;border-radius:999px;padding:5px 12px;font-size:.61rem;position:absolute;top:10px;left:50%;transform:translate(-50%)}.history-timeline__hint span{color:var(--color-cinnabar)}.history-timeline__viewport{cursor:grab;scrollbar-color:#c5a36a73 #c5a36a0f;scrollbar-width:thin;touch-action:pan-x;height:446px;position:relative;overflow:auto hidden}.history-timeline__viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.history-timeline__viewport::-webkit-scrollbar{height:6px}.history-timeline__viewport::-webkit-scrollbar-track{background:#c5a36a0d}.history-timeline__viewport::-webkit-scrollbar-thumb{background:#c5a36a6b;border-radius:999px}.history-timeline__canvas{min-width:100%;height:440px;position:relative}.history-timeline__canvas:before{content:"";opacity:.28;pointer-events:none;background-image:radial-gradient(#eee2c830 .5px,#0000 .6px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 8%,#000 38% 68%,#0000 96%);mask-image:linear-gradient(#0000 8%,#000 38% 68%,#0000 96%)}.history-timeline__axis{z-index:2;background:linear-gradient(90deg, transparent, var(--color-bronze) 2%, var(--color-bronze) 98%, transparent);height:1px;position:absolute;top:230px;left:0;right:0;box-shadow:0 0 16px #c5a36a33}.history-timeline__period{z-index:1;border-left:1px solid color-mix(in srgb, var(--period-color) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--period-color) 8%, transparent), transparent);height:57px;position:absolute;top:202px}.history-timeline__period span{max-width:calc(100% - 10px);color:color-mix(in srgb, var(--period-color) 82%, white);font:400 .73rem var(--font-display);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;display:inline-block;position:sticky;left:16px;overflow:hidden}.history-timeline__tick{z-index:2;background:var(--color-line-strong);width:1px;height:9px;position:absolute;top:230px;transform:translate(-.5px)}.history-timeline__tick.is-major{background:var(--color-bronze);height:15px}.history-timeline__tick span{color:#766a57;font:.58rem var(--font-ui);white-space:nowrap;position:absolute;top:17px;left:0;transform:translate(-50%)}.history-timeline__event{z-index:3;width:156px;height:42px;color:var(--color-paper-soft);cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;transform:translate(-50%)}.history-timeline__event-label{z-index:2;text-align:left;background:#120e0ae0;border:1px solid #c5a36a26;border-radius:5px;width:148px;padding:7px 9px 8px;transition:border-color .15s,background .15s,transform .15s,opacity .15s;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0000002e}.history-timeline__event-label small{color:var(--color-cinnabar);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.history-timeline__event-label strong{font:400 .69rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.history-timeline__event-stem,.history-timeline__event-node{z-index:1;pointer-events:none;position:absolute;left:50%}.history-timeline__event-stem{width:1px;height:calc(230px - var(--event-top) - 41px);background:linear-gradient(to bottom, var(--color-line), #c5a36a8c);top:41px}.history-timeline__event-node{top:calc(230px - var(--event-top) - 4px);border:2px solid var(--color-bronze);background:var(--color-ink);border-radius:50%;width:9px;height:9px;transform:translate(-4px)}.history-timeline__event[data-lane="3"] .history-timeline__event-stem,.history-timeline__event[data-lane="4"] .history-timeline__event-stem,.history-timeline__event[data-lane="5"] .history-timeline__event-stem{top:calc(230px - var(--event-top));height:calc(var(--event-top) - 230px);background:linear-gradient(to bottom, #c5a36a8c, var(--color-line))}.history-timeline__event[data-lane="3"] .history-timeline__event-node,.history-timeline__event[data-lane="4"] .history-timeline__event-node,.history-timeline__event[data-lane="5"] .history-timeline__event-node{top:calc(230px - var(--event-top) - 4px)}.history-timeline__event:hover,.history-timeline__event:focus-visible{z-index:7;outline:none}.history-timeline__event:hover .history-timeline__event-label,.history-timeline__event:focus-visible .history-timeline__event-label,.history-timeline__event.is-selected .history-timeline__event-label{border-color:var(--color-cinnabar);color:var(--color-paper);background:#211510;transform:translate(-50%)translateY(-2px)}.history-timeline__event.is-selected .history-timeline__event-node{border-color:var(--color-cinnabar);background:var(--color-cinnabar);box-shadow:0 0 0 4px var(--color-cinnabar-soft), 0 0 18px #d55740b8}.history-timeline__event--major .history-timeline__event-label{border-color:#d5574042}.history-timeline__event.is-label-hidden:not(:hover,:focus-visible,.is-selected){width:16px}.history-timeline__event.is-label-hidden:not(:hover,:focus-visible,.is-selected) .history-timeline__event-label{opacity:0;pointer-events:none}.history-timeline__today{z-index:4;background:var(--color-cinnabar);width:1px;height:98px;position:absolute;top:182px;box-shadow:0 0 18px #d5574085}.history-timeline__today span{color:#f2d8cd;background:var(--color-cinnabar);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:.58rem;position:absolute;top:-3px;left:0;transform:translate(-50%)}@media (width<=560px){.history-timeline__hint{left:16px;transform:none}}@media (prefers-reduced-motion:reduce){.history-timeline__event-label{transition:none}}