.timeline-main{overflow:hidden}.timeline-topbar{max-width:1500px}.timeline{display:flex;gap:0;overflow-x:auto;padding:76px 20px 42px;cursor:grab;min-height:410px;scroll-snap-type:x proximity;background:rgba(255,255,255,.38);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.timeline.dragging{cursor:grabbing;user-select:none}.event{position:relative;flex:0 0 310px;padding:0 20px 34px;border-bottom:3px solid var(--blue);scroll-snap-align:start}.event:after{content:'';position:absolute;width:15px;height:15px;border:4px solid var(--surface);background:#60a5fa;border-radius:50%;bottom:-9px;left:18px}.meta{min-height:155px}.date{font-size:.75rem;color:var(--blue-dark);font-weight:900}.category{display:inline-block;margin-top:10px;border:1px solid var(--border);background:var(--blue-soft);border-radius:99px;padding:3px 8px;font-size:.67rem;color:var(--blue-dark);font-weight:800}.event h2{font-size:1.2rem;margin:9px 0;color:var(--text)}.event p{font-size:.84rem;line-height:1.45;color:var(--muted)}.thumb{width:100%;height:165px;object-fit:cover;border-radius:10px;background:#dbeafe;cursor:zoom-in;border:1px solid var(--border);box-shadow:0 4px 12px rgba(59,130,246,.1)}.empty{display:grid;place-items:center;color:var(--muted-2);font-size:.78rem}.timeline-content-note{color:var(--muted)}#older{margin-top:14px}
.lightbox{position:fixed;z-index:1000;inset:0;width:100vw;height:100vh;padding:18px;background:rgba(15,23,42,.96);color:#fff}.lightbox[hidden]{display:none}.lightbox-head{min-height:78px;display:flex;align-items:start;justify-content:space-between;gap:20px}.lightbox-head strong{display:block;font-size:1rem}.lightbox-head span{display:block;margin-top:4px;color:#cbd5e1;font-size:.72rem}.lightbox-head p{max-width:760px;margin-top:8px;color:#e2e8f0;font-size:.78rem;line-height:1.45}.lightbox-head button{border:0;background:transparent;color:#fff;font-size:2rem;line-height:.7;cursor:pointer}.lightbox-viewport{position:absolute;inset:112px 18px 65px;overflow:hidden;cursor:grab;touch-action:none;background:#020617;border:1px solid #334155;border-radius:10px}.lightbox-viewport.dragging{cursor:grabbing}.lightbox-viewport img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;user-select:none;pointer-events:none;transform-origin:center center}.lightbox-nav{position:absolute;top:50%;z-index:2;width:42px;height:58px;border:1px solid #64748b;border-radius:10px;background:#0f172acc;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;transform:translateY(-50%)}.lightbox-nav:hover:not(:disabled){background:#1e3a5f}.lightbox-nav:disabled{opacity:.25;cursor:default}.lightbox-nav.prev{left:28px}.lightbox-nav.next{right:28px}.lightbox-controls{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:center;gap:8px}.lightbox-controls .btn{min-width:36px}.lightbox-controls span{margin-left:8px;color:#cbd5e1;font-size:.7rem}@media(max-width:760px){.timeline-main{padding:18px 11px 30px}.timeline{padding-left:8px;padding-right:8px}.event{flex-basis:280px}.lightbox{padding:10px}.lightbox-viewport{inset:138px 10px 62px}.lightbox-nav.prev{left:15px}.lightbox-nav.next{right:15px}.lightbox-controls{bottom:12px;left:10px;right:10px}.lightbox-controls span{display:none}}
.timeline-frame{position:relative}.timeline-arrow{position:absolute;z-index:3;top:50%;width:34px;height:48px;margin-top:-24px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.94);color:var(--blue-dark);font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(59,130,246,.14)}.timeline-arrow:hover:not(:disabled){background:var(--blue-soft);border-color:#8fb5f3}.timeline-arrow:disabled{opacity:.3;cursor:default}.timeline-arrow.prev{left:10px}.timeline-arrow.next{right:10px}
.timeline-frame{width:100%;min-width:0;overflow:hidden}.timeline-frame .timeline{width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden}