.walk80-timeline p{margin-bottom:1em}.walk80-timeline h1,.walk80-timeline h2{font-weight:700}.walk80-timeline h2{margin-bottom:.83em}.walk80-timeline{--paper:#f1e7d6;--paper-soft:#fffaf2;--ink:#193b36;--muted:#5f665f;--teal:#18594f;--teal-dark:#0d443d;--brick:#b08a36;--gold:#c9a24a;--line:#18594f2e;--shadow:0 24px 64px #583d1f1f;--timeline-year-column:clamp(12rem, 18vw, 15rem)}.walk80-timeline *{box-sizing:border-box}.walk80-timeline{color:var(--ink);background:linear-gradient(to bottom, #a3713238, transparent 70rem), var(--paper);background-repeat:no-repeat;margin:0;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.78;overflow-x:hidden}.walk80-timeline a,.walk80-timeline button{font:inherit}.walk80-timeline h1,.walk80-timeline h2,.walk80-timeline p{margin-top:0}.walk80-timeline h1,.walk80-timeline h2{letter-spacing:0;text-wrap:balance;line-height:1.16}.walk80-timeline h1{max-width:10em;margin-bottom:1rem;font-size:clamp(2.65rem,5.8vw,5.4rem)}.walk80-timeline h2{font-size:clamp(1.8rem,4vw,3.5rem)}.walk80-timeline .lead{color:var(--muted);font-size:clamp(1.08rem,1.8vw,1.35rem)}.walk80-timeline .page-hero{border-bottom:1px solid var(--line);background:#fffaf080;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem);display:grid}.walk80-timeline .section-kicker{color:var(--brick);letter-spacing:.1em;text-transform:uppercase;font-size:1.08rem;font-weight:900}.walk80-timeline .timeline-hero{isolation:isolate;background:#49341e;min-height:clamp(24rem,43vw,42rem);position:relative}.walk80-timeline .timeline-hero-image{object-fit:cover;object-position:center;z-index:-2}.walk80-timeline .timeline-hero-shade{z-index:-1;background:linear-gradient(90deg,#19130ba3,#19130b2e 55%,#0000 78%);position:absolute;inset:0}.walk80-timeline .timeline-hero-copy{color:#fffaf2;text-shadow:0 2px 14px #0006;max-width:48%}.walk80-timeline .timeline-hero-copy h1{font-size:clamp(2.5rem,4.8vw,4.8rem)}.walk80-timeline .timeline-hero-copy .lead{color:#fff3db}@media (max-width:680px){.walk80-timeline .timeline-hero{min-height:28rem}.walk80-timeline .timeline-hero-image{object-position:60% center}.walk80-timeline .timeline-hero-shade{background:#19130b85}.walk80-timeline .timeline-hero-copy{max-width:100%}}.walk80-timeline .timeline-stage{width:min(76rem,100% - 2rem);margin-inline:auto;padding:clamp(3rem,7vw,6rem) 0;position:relative}.walk80-timeline .timeline-progress{top:0;bottom:0;left:var(--timeline-year-column);background:#245f5b29;border-radius:999px;width:4px;position:absolute}.walk80-timeline .timeline-progress span{background:linear-gradient(var(--gold), var(--brick), var(--teal));border-radius:inherit;width:100%;height:0;transition:height .48s linear;display:block}.walk80-timeline .timeline-event{grid-template-columns:minmax(0, calc(var(--timeline-year-column) - 2.5rem)) minmax(0, 1fr);opacity:.32;gap:clamp(2rem,4vw,3.5rem);min-height:20rem;padding:clamp(1.5rem,4vw,3rem) 0;transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;transform:translateY(38px)scale(.985)}.walk80-timeline .timeline-event.is-active{opacity:1;transform:translateY(0)scale(1)}.walk80-timeline .timeline-event.is-current{opacity:1}.walk80-timeline .timeline-event:before{content:"";top:50%;left:calc(var(--timeline-year-column) - .55rem);background:var(--paper);border:4px solid var(--teal);border-radius:50%;width:1.15rem;height:1.15rem;transition:background .22s,box-shadow .22s,transform .22s;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 .45rem #245f5b1a}.walk80-timeline .timeline-event.is-current:before{background:var(--teal);transform:translateY(-50%)scale(1.08);box-shadow:0 0 0 .45rem #245f5b29}.walk80-timeline .timeline-event time{color:var(--teal-dark);text-align:right;align-self:center;padding-right:1.6rem;font-size:clamp(1.25rem,2.8vw,2.1rem);font-weight:900;line-height:1.1}.walk80-timeline .event-card{background:var(--paper-soft);border:1px solid var(--line);box-shadow:var(--shadow);cursor:default;padding:clamp(1.1rem,3vw,2rem);transition:border-color .22s,box-shadow .22s,transform .22s}.walk80-timeline .event-card.highlight:hover,.walk80-timeline .event-card:focus-visible{border-color:#245f5b80;outline:0;transform:translateY(-6px);box-shadow:0 28px 64px #3c2d1a42}.walk80-timeline .event-card.highlight{border-color:var(--line);background:var(--paper-soft)}.walk80-timeline .drawer-year{color:var(--brick);letter-spacing:.1em;text-transform:uppercase;font-size:1.08rem;font-weight:900}.walk80-timeline .event-card p{color:var(--muted)}.walk80-timeline .event-more{color:#fffaf0;background:var(--teal);cursor:pointer;border:0;min-height:2.7rem;padding:.45rem .95rem;font-weight:800;transition:transform .22s,background .22s}.walk80-timeline .event-more:hover{background:var(--teal-dark);transform:translateY(-2px)}.walk80-timeline .event-overlay{z-index:100;opacity:0;pointer-events:none;background:#241f1a94;place-items:center;padding:clamp(1rem,4vw,3rem);transition:opacity .26s;display:grid;position:fixed;inset:0}.walk80-timeline .event-overlay.is-open{opacity:1;pointer-events:auto}.walk80-timeline .overlay-backdrop{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.walk80-timeline .event-drawer{z-index:1;background:var(--paper-soft);border:1px solid #fff;outline:0;grid-template-columns:minmax(18rem,.82fr) minmax(0,1fr);width:min(72rem,100%);max-height:min(88vh,54rem);transition:transform .34s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:auto;transform:translateY(2rem)scale(.96);box-shadow:0 38px 110px #120c087a,0 0 0 4px #ffffffb8,0 0 0 5px #241f1a29}.walk80-timeline .event-overlay.is-open .event-drawer{transform:translateY(0)scale(1)}.walk80-timeline .drawer-close{z-index:2;cursor:pointer;background:#fffaf0eb;border:0;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.4rem;position:absolute;top:1rem;right:1rem}.walk80-timeline .drawer-image{object-fit:contain;background:#fffaf0;height:100%;min-height:24rem}.walk80-timeline .drawer-copy{padding:clamp(1.2rem,4vw,2rem)}.walk80-timeline .drawer-text,.walk80-timeline .drawer-points p{color:var(--muted)}.walk80-timeline .drawer-points{gap:.65rem;margin-top:1rem;display:grid}.walk80-timeline .drawer-points p{border-left:4px solid var(--gold);background:#245f5b14;margin:0;padding:.85rem}.walk80-timeline .drawer-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.walk80-timeline .drawer-actions button{min-height:2.7rem;color:var(--teal-dark);border:1px solid var(--teal);cursor:pointer;background:0 0;padding:.45rem .95rem;font-weight:800}.walk80-timeline .drawer-actions .drawer-toggle,.walk80-timeline .drawer-actions button:hover{color:#fffaf0;background:var(--teal)}.walk80-timeline .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.walk80-timeline .reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:980px){.walk80-timeline .page-hero{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.walk80-timeline h1{max-width:100%;font-size:2.45rem;line-height:1.14}.walk80-timeline h2{font-size:2rem}.walk80-timeline .section-kicker,.walk80-timeline .drawer-year{letter-spacing:.07em;font-size:.96rem}.walk80-timeline .page-hero{padding-left:1rem;padding-right:1rem}.walk80-timeline .timeline-progress{left:4rem}.walk80-timeline .timeline-event:before{left:3.45rem}.walk80-timeline .timeline-event{grid-template-columns:3rem minmax(0,1fr);gap:2rem;padding-left:0}.walk80-timeline .timeline-event time{text-align:left;padding-right:0}.walk80-timeline .timeline-stage{width:calc(100% - 1.25rem)}.walk80-timeline .event-card{padding:1rem}.walk80-timeline .event-overlay{grid-template-columns:1fr;padding:.75rem}.walk80-timeline .overlay-backdrop{display:block}.walk80-timeline .event-drawer{grid-template-columns:1fr;width:100%;max-height:92vh}.walk80-timeline .drawer-image{height:14rem;min-height:0}}@media (max-width:420px){.walk80-timeline h1{font-size:2.12rem}.walk80-timeline .lead{font-size:1rem}.walk80-timeline .timeline-event{padding-left:0}}.walk80-timeline .photo-placeholder{border:1px dashed var(--teal);color:var(--muted);background:var(--paper-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.walk80-timeline .photo-placeholder small{font-size:.9rem}.walk80-timeline .drawer-image-wrap{padding:1.5rem}.walk80-timeline .drawer-image.photo-placeholder{min-height:24rem}.walk80-timeline .event-overlay[hidden]{display:none}.walk80-timeline .drawer-actions button:disabled{opacity:.4;cursor:default}.walk80-timeline .timeline-event.is-current .event-card,.walk80-timeline .event-card:focus-visible,.walk80-timeline button:focus-visible,.walk80-timeline a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media (max-width:680px){.walk80-timeline .drawer-image.photo-placeholder{height:10rem;min-height:10rem}.walk80-timeline .drawer-image-wrap{padding:1rem 1rem 0}}.walk80-timeline .event-more{display:inline-block}.walk80-timeline .event-overlay{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);border:0;margin:0}.walk80-timeline .event-overlay:not([open]){display:none}.walk80-timeline .event-overlay::backdrop{background:0 0}.walk80-timeline .event-drawer{overscroll-behavior:contain}.walk80-timeline .timeline-source{text-align:center;color:var(--muted);padding:1rem}.walk80-timeline .event-card.highlight{cursor:pointer}.walk80-timeline .event-points p{margin-bottom:.85rem}.walk80-timeline .event-points p:last-child{margin-bottom:0}.walk80-timeline{overflow-x:clip}.walk80-timeline .timeline-surface{transition:transform .95s cubic-bezier(.22,.7,.2,1)}.walk80-timeline.is-reading .timeline-surface{transform:translate(-100vw)}.walk80-timeline .event-card.highlight{padding-right:calc(76px + 2rem);position:relative}.walk80-timeline .event-card .event-more{width:76px;min-height:0;color:var(--teal);background:#193b360f;border-left:1px solid #193b362e;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:.5rem;font-size:.85rem;display:flex;position:absolute;inset:0 0 0 auto}.walk80-timeline .event-card .event-more:hover{background:#193b361f;transform:none}.walk80-timeline .reading-arrows{letter-spacing:-.15em;padding-right:.15em;font-size:2rem;animation:1.8s ease-in-out infinite reading-pulse}@keyframes reading-pulse{0%,to{opacity:.35;transform:translate(-3px)}50%{opacity:1;transform:translate(3px)}}.walk80-timeline .reading-page{background:var(--paper-soft);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);overscroll-behavior:contain;border:0;margin:0;padding:0;transition:transform .95s cubic-bezier(.22,.7,.2,1);position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.walk80-timeline .reading-page::backdrop{background:0 0}.walk80-timeline .reading-page.is-open{transform:translate(0)}.walk80-timeline .reading-header{z-index:2;background:var(--paper-soft);color:var(--teal);border-bottom:1px solid #193b3633;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.walk80-timeline .reading-close{background:var(--teal);color:#fffaf0;cursor:pointer;border:0;padding:.65rem 1rem}.walk80-timeline .reading-content>.reading-close{margin-inline:auto;display:block}.walk80-timeline .reading-content{max-width:960px;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1.2rem,5vw,3rem) 5rem}.walk80-timeline .reading-content h1{max-width:none;font-size:clamp(2rem,5vw,3.5rem)}.walk80-timeline .reading-preview{color:var(--muted);border-left:3px solid var(--gold);margin-bottom:2rem;padding-left:1rem;font-size:.9rem}.walk80-timeline .reading-section{margin-top:4rem}.walk80-timeline .reading-section h2{font-size:clamp(1.5rem,3vw,2rem)}.walk80-timeline .reading-section p{color:var(--muted);line-height:2}.walk80-timeline .reading-photo{border:1px solid var(--gold);min-height:340px;color:var(--muted);background:#c9a24a0f;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin:2rem 0;display:flex}.walk80-timeline .reading-source{color:var(--muted);margin:3rem 0 1rem;font-size:.85rem}@media (max-width:680px){.walk80-timeline .event-card.highlight{padding-right:calc(60px + 1rem)}.walk80-timeline .event-card .event-more{width:60px;font-size:.75rem}.walk80-timeline .reading-photo{min-height:230px}}