*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--time-bg, var(--color-bg));transition:background-color 1.6s ease;color:var(--color-text);line-height:1.65;font-size:16px;font-feature-settings:"tnum" 1,"lnum" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;line-height:1.3}img,video{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}a{color:var(--color-accent)}:root{--color-bg: #f5f0e6;--color-bg-dim: #ebe4d3;--color-text: #2a2a2a;--color-text-soft: #4a4a4a;--color-text-muted: #6b6b6b;--color-accent: #c2410c;--color-accent-soft: #f0d8c4;--color-line: #d4ccbf;--color-day-1: #b45309;--color-day-2: #c2410c;--color-day-3: #ea580c;--color-day-4: #d97706;--color-day-5: #92400e;--font-display: "Source Serif 4", "Noto Serif TC", Georgia, ui-serif, serif;--font-body: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-num: "Inter Tight", "JetBrains Mono", ui-monospace, monospace;--max-text: 380px;--stage-pad: 24px;--section-gap-fast: 100vh;--section-gap-slow: 130vh;--hero-h: 100vh;--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .28s;--t-slow: .8s}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-slow: 0ms}}.app{min-height:100vh}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:14px;color:var(--color-text-muted)}.story{position:relative}@media(min-width:880px){.story-scrolly{display:grid;grid-template-columns:minmax(0,1fr) min(40vw,500px);position:relative}.story-graphic{position:sticky;top:0;height:100vh;align-self:start;overflow:hidden}.photo-pane{position:absolute;inset:0}.photo-pane .ph{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:80vh;opacity:0;transition:opacity .6s var(--ease)}.photo-pane .ph.is-shown{opacity:1}.photo-pane .ph img{width:100%;height:100%;object-fit:cover}.photo-pane .ph.is-vertical img{object-fit:contain}.photo-pane .ph-map{display:flex;align-items:center;justify-content:center}.photo-pane .ph-map .segment-map{width:100%;height:100%}.story-steps{position:relative;padding-left:64px}.story-steps:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:var(--color-line)}.text-step{min-height:88vh;display:flex;align-items:center;position:relative;padding-right:clamp(24px,3vw,56px)}.text-step:before{content:"";position:absolute;left:28px;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--color-bg);border:2.5px solid var(--color-accent);z-index:1;transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease)}.text-step.is-moment:before{width:13px;height:13px}.text-step.is-active:before{width:14px;height:14px;background:var(--color-accent);box-shadow:0 0 0 5px var(--color-accent-soft)}}@media(max-width:879px){.story-steps-mobile{display:block;padding-bottom:4vh}.m-step{display:block;margin-bottom:16px}.m-step .section-card{margin:0 14px 10px}.m-step picture{display:block}.m-step img{width:100%;height:auto;display:block;background:var(--color-bg-dim)}}.segment-map{display:block;background:transparent}.segment-map .seg-terrain{filter:saturate(.92) brightness(1.02)}.segment-map .seg-route-base{fill:none;stroke:#6d4fa8;stroke-opacity:.6;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.segment-map .seg-route{fill:none;stroke:var(--color-accent);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;filter:drop-shadow(0 .5px 1px rgba(0,0,0,.4))}.segment-map .seg-hiker-icon{fill:var(--color-accent);stroke:#fff;stroke-width:2.6px;paint-order:stroke fill;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.segment-map .seg-wp-dot{fill:#fff;stroke:#555;stroke-width:1px}.segment-map .seg-wp-dot.seg-wp--peak,.segment-map .seg-wp-dot.seg-wp--summit{fill:#b45309;stroke:#7c3a06}.segment-map .seg-wp-dot.seg-wp--hut{fill:#fde68a;stroke:#92400e}.segment-map .seg-wp-label{font-family:var(--font-body);font-weight:600;fill:#2a2a2a;paint-order:stroke fill;stroke:#ffffffeb;stroke-width:2px;stroke-linejoin:round}.segment-map .seg-loc-dot{fill:#fff;stroke:var(--color-text);stroke-width:1.4px}.segment-map .seg-loc-dot.is-from{fill:#16a34a;stroke:#0c6b30}.segment-map .seg-loc-dot.is-to{fill:var(--color-accent);stroke:#8a300f}.segment-map .seg-loc-label{font-family:var(--font-body);font-weight:700;fill:#1a1a1a;paint-order:stroke fill;stroke:#fffffff5;stroke-width:2.4px;stroke-linejoin:round}.map-card .map-route-names{font-family:var(--font-display);font-size:21px;line-height:1.75;color:var(--color-text);margin:6px 0 2px}.map-card .map-loc{white-space:nowrap}.map-card .map-arrow{color:var(--color-accent);margin:0 8px;font-weight:600}.map-card .facts{margin-top:14px}@media(max-width:879px){.m-map .m-map-wrap{margin:0 14px;border-radius:6px;overflow:hidden;background:var(--color-bg-dim);aspect-ratio:4 / 3}.m-map .segment-map{width:100%;height:100%}.map-card .map-route-names{font-size:18px}}.section-card{background:#fffffff5;padding:24px 28px;border-left:3px solid var(--color-accent);box-shadow:0 2px 16px #0000000f;border-radius:2px}.section-card .section-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-card .section-day{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:700}.section-card .section-time{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--color-text);background:var(--color-accent-soft);padding:2px 9px;border-radius:10px;letter-spacing:.02em}.section-card .act-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--color-text-soft);background:var(--color-bg-dim);padding:2px 8px 2px 6px;border-radius:10px}.section-card .act-badge .act-emoji{font-size:13px;line-height:1}.section-card h2{font-size:18px;color:var(--color-text);margin:0 0 12px}.section-card .caption{font-family:var(--font-display);font-size:22px;line-height:1.5;color:var(--color-text);margin:0 0 12px;font-feature-settings:"tnum" 1,"lnum" 1}.section-card .caption p{margin:0 0 6px;white-space:pre-line}.section-card .facts{font-size:13px;line-height:1.7;color:var(--color-text-soft);margin-top:16px;padding-top:14px;border-top:1px solid var(--color-line)}.section-card .facts p{margin:0 0 10px}.section-card .facts p:last-child{margin-bottom:0}.stage-hero{position:relative;height:100%;background:var(--color-bg-dim);display:flex;align-items:center;justify-content:center}.stage-hero img{width:100%;height:100%;object-fit:cover;transition:opacity var(--t-slow) var(--ease)}.stage-hero.is-vertical img{object-fit:contain}.stage-photo-sequence{position:relative;width:100%;height:100%;background:var(--color-bg-dim);display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-photo-sequence img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease-in-out;will-change:opacity}.stage-photo-sequence img.active{opacity:1;animation:kenburns 14s ease-out both}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.05)}}.stage-photo-sequence .photo-counter{position:absolute;bottom:16px;right:16px;background:#0000008c;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-variant-numeric:tabular-nums;font-family:var(--font-num);z-index:3;letter-spacing:.04em}.stage-photo-sequence .photo-progress{position:absolute;bottom:16px;left:16px;display:flex;gap:4px;z-index:3}.stage-photo-sequence .progress-dot{display:block;width:18px;height:3px;background:#ffffff59;border-radius:1.5px;transition:background .3s ease,width .3s ease}.stage-photo-sequence .progress-dot.past{background:#ffffffb3}.stage-photo-sequence .progress-dot.active{background:#fff;width:28px}@media(prefers-reduced-motion:reduce){.stage-photo-sequence img.active{animation:none}}.stage-video{position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.stage-video video{width:100%;height:100%;object-fit:cover}.stage-map{position:relative;width:100%;height:100%;background:var(--color-bg);display:flex;align-items:stretch;justify-content:center;padding:12px 16px;overflow:hidden}.stage-map-inner{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:8px;min-height:0}.terrain-map-shell{position:relative;flex:1 1 auto;min-height:360px;border-radius:8px;overflow:hidden;box-shadow:0 2px 16px #00000014;border:1px solid var(--color-line)}.terrain-map-base{position:absolute;inset:0;z-index:1}.terrain-map-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.terrain-map-overlay .gpx-map-svg{width:100%;height:100%}.stage-map .elev-svg{width:100%;height:110px;flex:0 0 auto}@media(max-width:879px){.stage-map{padding:8px}.terrain-map-shell{min-height:320px}.stage-map .elev-svg{height:80px}}.gpx-map-svg .route-base{fill:none;stroke:var(--color-line);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.gpx-map-svg .route-day{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:stroke-width .4s var(--ease),opacity .4s var(--ease),filter .4s var(--ease);animation:routeDrawIn 1.1s var(--ease) both}.gpx-map-svg .route-day.is-active{stroke-width:6;opacity:1;filter:drop-shadow(0 0 6px rgba(194,65,12,.4))}.gpx-map-svg[data-active-day=all] .route-day,.gpx-map-svg[data-active-day=ALL] .route-day{opacity:.85}.gpx-map-svg .route-day--d1{stroke:#b45309}.gpx-map-svg .route-day--d2{stroke:#c2410c}.gpx-map-svg .route-day--d3{stroke:#ea580c}.gpx-map-svg .route-day--d4{stroke:#d97706}.gpx-map-svg .route-day--d5{stroke:#92400e}.gpx-map-svg .day-terminus-dot{fill:#fff;stroke-width:2.5}.gpx-map-svg .day-terminus--d1 .day-terminus-dot{stroke:#b45309}.gpx-map-svg .day-terminus--d2 .day-terminus-dot{stroke:#c2410c}.gpx-map-svg .day-terminus--d3 .day-terminus-dot{stroke:#ea580c}.gpx-map-svg .day-terminus--d4 .day-terminus-dot{stroke:#d97706}.gpx-map-svg .day-terminus--d5 .day-terminus-dot{stroke:#92400e}.gpx-map-svg .anchor-outer{fill:#fff;stroke:var(--color-text);stroke-width:2}.gpx-map-svg .anchor-inner{fill:var(--color-text)}.gpx-map-svg .route-anchor--start .anchor-inner{fill:#16a34a}.gpx-map-svg .route-anchor--start .anchor-outer{stroke:#16a34a}.gpx-map-svg .route-anchor--end .anchor-inner{fill:var(--color-accent)}.gpx-map-svg .route-anchor--end .anchor-outer{stroke:var(--color-accent)}.gpx-map-svg .waypoint-glyph{stroke:var(--color-text);stroke-width:1.5;fill:#fff;transition:fill .2s var(--ease),stroke .2s var(--ease)}.gpx-map-svg .waypoint--summit .waypoint-glyph{fill:var(--color-accent);stroke:var(--color-text);stroke-width:2}.gpx-map-svg .waypoint--peak .waypoint-glyph{fill:#fff7ed}.gpx-map-svg .waypoint--hut .waypoint-glyph{fill:#fef3c7;stroke:#92400e}.gpx-map-svg .waypoint--feature .waypoint-glyph{fill:var(--color-text-muted);stroke:var(--color-text-muted)}.gpx-map-svg .waypoint-label{font-family:var(--font-body);font-size:12px;font-weight:600;fill:#1f1f1f;paint-order:stroke fill;stroke:#fffffff2;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:1;transition:opacity .3s var(--ease),fill .2s var(--ease)}.gpx-map-svg .waypoint.is-active .waypoint-label{fill:var(--color-accent)}.gpx-map-svg .waypoint--summit .waypoint-label{font-weight:700;font-size:13px}.gpx-map-svg .waypoint--feature .waypoint-label{font-size:11px;font-weight:500;fill:#3a3a3a}.gpx-map-svg .position-marker .position-dot{fill:var(--color-accent);stroke:#fff;stroke-width:2.5}.gpx-map-svg .position-marker .position-pulse{fill:var(--color-accent);opacity:0;animation:positionPulse 2s var(--ease) infinite}.gpx-map-svg .position-marker .position-label{font-family:var(--font-body);font-size:11px;font-weight:600;fill:var(--color-accent);paint-order:stroke fill;stroke:#fff;stroke-width:3}.gpx-map-svg .scale-line,.gpx-map-svg .scale-tick{stroke:var(--color-text-soft);stroke-width:1.5}.gpx-map-svg .scale-label{font-family:var(--font-num);font-size:11px;fill:var(--color-text-soft);font-variant-numeric:tabular-nums}@keyframes routeDrawIn{0%{stroke-dasharray:2400;stroke-dashoffset:2400;opacity:0}to{stroke-dasharray:2400;stroke-dashoffset:0;opacity:.55}}@keyframes positionPulse{0%{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.elev-svg .elev-base{fill:none;stroke:var(--color-line);stroke-width:2;opacity:.6}.elev-svg .elev-active{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(194,65,12,.25))}.elev-svg .elev-active--d1{stroke:#b45309}.elev-svg .elev-active--d2{stroke:#c2410c}.elev-svg .elev-active--d3{stroke:#ea580c}.elev-svg .elev-active--d4{stroke:#d97706}.elev-svg .elev-active--d5{stroke:#92400e}.elev-svg .elev-grid{stroke:var(--color-line);stroke-width:.8;stroke-dasharray:3 4;opacity:.4}.elev-svg .elev-day-line{stroke:var(--color-text-muted);stroke-width:.8;stroke-dasharray:2 4;opacity:.45}.elev-svg .elev-tick-label,.elev-svg .elev-day-label{font-family:var(--font-num);font-size:10px;fill:var(--color-text-muted);font-variant-numeric:tabular-nums}.elev-svg .elev-day-label{font-weight:700;font-size:11px;fill:var(--color-text-soft);letter-spacing:.05em}.elev-svg .elev-peak-line{stroke:var(--color-text-soft);stroke-width:1;stroke-dasharray:2 2;opacity:.6}.elev-svg .elev-peak-name{font-family:var(--font-body);font-size:11px;font-weight:600;fill:var(--color-text);paint-order:stroke fill;stroke:#f5f0e6e6;stroke-width:3}.elev-svg .elev-peak-ele{font-family:var(--font-num);font-size:9.5px;fill:var(--color-accent);font-variant-numeric:tabular-nums;paint-order:stroke fill;stroke:#f5f0e6f2;stroke-width:3}.route-overlay{position:fixed;bottom:0;right:0;width:min(40vw,500px);background:#f7f2e8e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);border-top-left-radius:14px;box-shadow:-6px -8px 28px #00000014;padding:12px 22px 14px;z-index:40;pointer-events:none;opacity:0;transform:translateY(8px);animation:overlayFadeIn .4s var(--ease) .6s forwards}.route-overlay-day{font-family:var(--font-num);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-accent);text-transform:uppercase;margin-bottom:6px}.route-overlay-map{width:100%;background:var(--color-bg-dim);border-radius:6px;overflow:hidden}.route-overlay-map .gpx-map-svg{width:100%;height:220px;display:block}.route-overlay-map .gpx-map-bg-image{filter:saturate(.75) brightness(1.02)}.route-overlay-elev{margin-top:6px}.route-overlay-elev .elev-svg{width:100%;height:70px}.route-overlay .elev-peak-label{display:none}@keyframes overlayFadeIn{to{opacity:1;transform:translateY(0)}}@media(max-width:879px){.route-overlay{left:12px;right:12px;bottom:12px;width:auto;padding:6px 10px 4px;border:1px solid var(--color-line);border-radius:12px;display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center}.route-overlay-day{margin:0;font-size:13px}.route-overlay-map{display:none}.route-overlay-elev{margin:0}.route-overlay-elev .elev-svg{height:28px}}@media(prefers-reduced-motion:reduce){.gpx-map-svg .route-active{animation:none}.route-overlay{animation:none;opacity:1;transform:none}}.stage-narrative{position:relative;width:100%;height:100%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:40px}.stage-narrative .narr-inner{max-width:640px;text-align:center;font-family:var(--font-display);font-size:24px;line-height:1.6;color:var(--color-text);white-space:pre-line}.stage-summary{position:relative;width:100%;height:100%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.stage-summary-bg{position:absolute;inset:0}.stage-summary-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.9)}.stage-summary .summ-stats{position:relative;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:32px;color:var(--color-text);text-align:center}.stage-summary .summ-stats--overlay{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.stage-summary .summ-stats--overlay .label{color:#ffffffd9}.stage-summary .summ-stats .label{font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);display:block;margin-top:4px}.stage-summary .summ-stats>div{margin:18px 0}.cover{height:100vh;position:relative;background:var(--color-bg-dim);overflow:hidden}.cover img,.cover video,.cover .cover-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover .cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000 60%,#00000080)}.cover .cover-text{text-align:center;color:#fff;padding:24px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.cover .cover-text h1{font-size:clamp(36px,7vw,80px);font-family:var(--font-display);margin:0;letter-spacing:.02em}.cover .cover-text .sub{font-size:clamp(20px,4vw,32px);font-family:var(--font-num);font-variant-numeric:tabular-nums;margin:12px 0}.cover .cover-text .dates{font-size:clamp(13px,2vw,16px);letter-spacing:.15em;text-transform:uppercase;opacity:.9}.story-end{padding:80px 24px;text-align:center;color:var(--color-text-muted);font-size:12px;border-top:1px solid var(--color-line)}@media(max-width:879px){.section-card{padding:18px 20px}.section-card .caption{font-size:18px}.section-card .facts{font-size:12.5px}.stage-narrative .narr-inner{font-size:18px}.stage-summary .summ-stats{font-size:22px}}@media(max-width:879px){.stage-photo-sequence{position:relative;height:auto;display:block;background:transparent;overflow:visible}.stage-photo-sequence picture{display:block}.stage-photo-sequence img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;opacity:1;margin:0 0 8px;border-radius:4px;background:var(--color-bg-dim);animation:none}.stage-photo-sequence .photo-counter,.stage-photo-sequence .photo-progress{display:none}.stage-hero{height:auto;background:transparent;display:block}.stage-hero picture{display:block}.stage-hero img{position:relative;width:100%;height:auto;object-fit:contain}}