:root{color-scheme:light;--font-mincho: SimSun, "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;--font-display: var(--font-mincho);--font-body: var(--font-mincho);--font-meta: var(--font-mincho);--type-display: clamp(3.8rem, 9vw, 8.4rem);--type-title: clamp(2.6rem, 5.4vw, 5.6rem);--type-heading: clamp(1.8rem, 3vw, 3rem);--type-body: 1rem;--type-meta: .75rem;--paper: #eee7d6;--paper-light: #f7f1e4;--paper-deep: #d8cdb5;--ink: #25231f;--ink-soft: #676154;--ink-faint: rgba(37, 35, 31, .16);--cinnabar: #994b3e;--cinnabar-dark: #71352d;--content: min(1220px, calc(100vw - 3rem) );font-family:var(--font-body);font-synthesis:none;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{overflow-x:hidden;margin:0;min-width:320px;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(70,59,42,.018) 5px),var(--paper);color:var(--ink)}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cinnabar);outline-offset:5px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem max(1.5rem,calc((100vw - 1220px)/2));border-bottom:1px solid rgba(37,35,31,.1);background:#eee7d6d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-mark{color:inherit;font-family:var(--font-display);font-weight:700;letter-spacing:.2em;text-decoration:none}.story-progress{display:flex;align-items:center;gap:.6rem;color:#25231f57;font-family:var(--font-meta);font-size:.75rem;letter-spacing:.12em}.story-progress i{width:1.7rem;height:1px;background:currentColor}.progress-step{transition:color .5s ease}.progress-step.is-current{color:var(--cinnabar)}.section-index,.eyebrow{margin:0;color:var(--cinnabar);font-family:var(--font-meta);font-size:var(--type-meta);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero{position:relative;min-height:100svh;overflow:hidden;padding:7.4rem max(1.5rem,calc((100vw - 1220px)/2)) 4rem;display:flex;flex-direction:column;isolation:isolate}.hero:before{content:"";position:absolute;inset:42% -8% -30% 32%;z-index:-3;border:1px solid rgba(37,35,31,.09);transform:rotate(-4deg)}.hero:after{content:"";position:absolute;inset:auto 0 0;z-index:-4;height:45%;background:linear-gradient(transparent,#4f46361a)}.hero-copy{width:min(780px,76%);margin:auto 0;transform:translateY(2vh)}.hero .eyebrow{margin-bottom:1.5rem}.hero h1{margin:0;font-family:var(--font-display);font-size:var(--type-display);font-weight:500;letter-spacing:.035em;line-height:.94}.hero h1 small{display:block;margin-top:1.4rem;padding-left:.25em;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:400;letter-spacing:.34em}.hero-subtitle{margin:2rem 0;color:var(--ink-soft);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.9}.enter-link,.text-button{display:inline-flex;align-items:center;gap:1rem;border:0;border-bottom:1px solid currentColor;padding:0 0 .55rem;background:transparent;color:var(--cinnabar-dark);text-decoration:none;cursor:pointer}.hero-road{position:absolute;right:-3%;bottom:4%;z-index:-1;width:82%;height:38%;opacity:.34}.hero-road path{fill:none;stroke:var(--cinnabar);stroke-width:1.2;stroke-dasharray:3 10}.hero-landscape{position:absolute;right:0;bottom:0;z-index:-2;width:67%;height:56%;opacity:.5}.mountain{position:absolute;right:-9%;bottom:-35%;width:95%;aspect-ratio:1.8;border:1px solid rgba(57,55,47,.35);transform:rotate(-7deg) skew(-18deg)}.mountain-far{right:26%;bottom:-43%;opacity:.46}.sun{position:absolute;top:7%;right:17%;width:5rem;aspect-ratio:1;border-radius:50%;background:var(--cinnabar);opacity:.68;animation:seal-float 7s ease-in-out infinite}.seal-orbit{position:absolute;top:4%;right:14%;width:7.8rem;aspect-ratio:1;border:1px solid rgba(153,75,62,.28);border-radius:50%}.hero-fine-line{position:absolute;z-index:-1;height:1px;background:#25231f33;transform-origin:left}.line-one{top:24%;right:-4%;width:29%;transform:rotate(-7deg)}.line-two{left:3%;bottom:10%;width:18%;transform:rotate(13deg)}.interactive-stage{position:relative;height:100svh;min-height:680px;overflow:hidden;overflow-anchor:none;isolation:isolate;scroll-margin-top:3.7rem;background:var(--paper-deep)}.stage-background,.stage-scene,.map-layer,.encounter-layer,.trace-layer,.remember-layer{position:absolute;inset:0}.stage-background{z-index:-3;background:repeating-linear-gradient(7deg,transparent 0 13px,rgba(53,47,38,.012) 14px),linear-gradient(112deg,#d7cbb3,#eee6d4 54%,#cbbfa7)}.stage-background:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 45%,transparent 15%,rgba(53,45,34,.16) 125%);transition:background .9s ease}.wash{position:absolute;border-radius:50%;filter:blur(35px);opacity:.2}.wash-left{left:-11%;bottom:-17%;width:54%;height:52%;background:#726b5b}.wash-right{right:-12%;top:7%;width:40%;height:44%;background:#a1967e}.distant-ridge{position:absolute;width:65%;height:53%;border:1px solid rgba(54,49,41,.12);transform:rotate(-9deg) skew(-24deg)}.ridge-one{left:-14%;bottom:-35%}.ridge-two{right:-12%;bottom:-28%;transform:rotate(6deg) skew(17deg)}.ink-fleck{position:absolute;width:5px;height:5px;border-radius:60% 40% 70% 30%;background:#25231f73}.fleck-one{left:8%;top:38%}.fleck-two{right:13%;top:22%;width:3px;height:3px}.fleck-three{right:22%;bottom:16%;width:8px;height:6px;opacity:.28}.stage-ui{position:absolute;z-index:30;top:5.5rem;left:max(1.5rem,calc((100vw - 1220px)/2));right:max(1.5rem,calc((100vw - 1220px)/2));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.stage-instruction{width:min(32rem,58vw);margin:.9rem 0 0;color:var(--ink-soft);line-height:1.8;transition:color .6s ease}.stage-back{border:0;padding:.4rem 0;border-bottom:1px solid currentColor;background:transparent;color:var(--cinnabar-dark);pointer-events:auto;cursor:pointer}.stage-scene{z-index:2;top:8.5rem;right:max(1rem,calc((100vw - 1320px)/2));bottom:2.8rem;left:max(1rem,calc((100vw - 1320px)/2))}.map-layer{transition:opacity .9s ease,filter .9s ease,transform 1s cubic-bezier(.22,.7,.24,1);transform-origin:center}.map-caption{position:absolute;left:3%;bottom:3%;color:#25231f75;font-family:var(--font-meta);font-size:.72rem;letter-spacing:.22em}.silk-map{position:absolute;inset:0;width:100%;height:100%}.terrain-line,.base-route{fill:none;vector-effect:non-scaling-stroke}.terrain-line{stroke:#3d392f26;stroke-width:1}.terrain-two{stroke-dasharray:2 8}.base-route{stroke:#2d2a237a;stroke-width:1.5;stroke-dasharray:3 9}.places span,.artifact-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}.places{transition:opacity .7s ease}.places span{color:#25231fb3;font-size:.9rem;letter-spacing:.13em;white-space:nowrap}.places span:before{content:"";display:block;width:4px;height:4px;margin:0 auto .45rem;border-radius:50%;background:currentColor}.artifact-marker{z-index:5;width:7rem;border:0;padding:0;background:transparent;color:var(--ink);cursor:pointer;animation:artifact-float 5.8s var(--delay) ease-in-out infinite;transition:opacity .65s ease,filter .65s ease}.artifact-glyph{position:relative;display:grid;width:4.2rem;height:5rem;margin:0 auto;place-items:center;transition:transform .6s cubic-bezier(.2,.7,.2,1),color .5s ease}.artifact-glyph svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.artifact-glyph path{fill:#f7f1e480;stroke:#25231f94;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:fill .5s ease,stroke .5s ease}.artifact-glyph b{position:relative;z-index:1;font-family:var(--font-display);font-size:1.2rem;font-weight:500}.artifact-aura{position:absolute;top:46%;left:50%;width:4.5rem;aspect-ratio:1;border:1px solid rgba(153,75,62,0);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .5s ease,transform .65s ease,border-color .5s ease}.artifact-aura:before,.artifact-aura:after{content:"";position:absolute;border-radius:50%;background:var(--cinnabar);opacity:.55}.artifact-aura:before{top:-8px;right:8px;width:3px;height:3px}.artifact-aura:after{left:-5px;bottom:5px;width:5px;height:4px}.artifact-name{display:block;margin-top:.3rem;opacity:0;transform:translateY(7px);font-size:.9rem;letter-spacing:.1em;white-space:nowrap;transition:opacity .45s ease,transform .45s ease}.artifact-marker:hover .artifact-glyph,.artifact-marker:focus-visible .artifact-glyph,.artifact-marker.is-active .artifact-glyph{color:var(--cinnabar-dark);transform:scale(1.13) rotate(-2deg)}.artifact-marker:hover .artifact-glyph path,.artifact-marker:focus-visible .artifact-glyph path,.artifact-marker.is-active .artifact-glyph path{fill:#994b3e1a;stroke:var(--cinnabar)}.artifact-marker:hover .artifact-aura,.artifact-marker:focus-visible .artifact-aura,.artifact-marker.is-active .artifact-aura{border-color:#994b3e80;opacity:1;transform:translate(-50%,-50%) scale(1.35)}.artifact-marker:hover .artifact-name,.artifact-marker:focus-visible .artifact-name,.artifact-marker.is-active .artifact-name{opacity:1;transform:translateY(0)}.encounter-layer,.trace-layer,.remember-layer{z-index:12;opacity:0;pointer-events:none;transition:opacity .75s ease}.encounter-layer{display:grid;grid-template-columns:minmax(260px,.84fr) minmax(390px,1.16fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding:3% 7% 2% 5%}.portrait-echo{position:absolute;inset:11% 2% 3% 15%;border:1px solid rgba(153,75,62,.24);transform:rotate(5deg)}.encounter-copy{position:relative;z-index:2;width:min(39rem,100%);padding:2.4rem 2.5rem 2.7rem 0;opacity:0;transform:translateY(2.2rem);transition:opacity .8s .3s ease,transform .95s .3s ease}.encounter-copy:before{content:"";position:absolute;z-index:-1;inset:-2rem -12vw -2rem -3.5rem;border-left:1px solid rgba(37,35,31,.22);background:linear-gradient(90deg,rgba(239,231,213,.74),rgba(239,231,213,.28) 65%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:skew(-2deg)}.encounter-copy h2{margin:1rem 0 1.6rem;font-family:var(--font-display);font-size:var(--type-title);font-weight:400;line-height:1}.person-meta{display:grid;grid-template-columns:1fr 1.25fr;gap:1.5rem;margin:0 0 1.7rem;padding:1rem 0;border-top:1px solid rgba(37,35,31,.2);border-bottom:1px solid rgba(37,35,31,.2)}.person-meta dt{margin-bottom:.4rem;color:var(--cinnabar);font-family:var(--font-meta);font-size:.7rem;letter-spacing:.15em}.person-meta dd{margin:0;font-size:.95rem}.person-intro{color:var(--ink-soft);line-height:2}.encounter-copy .text-button{margin-top:1.1rem}.interactive-stage[data-mode=encounter] .map-layer{filter:grayscale(.5) contrast(.82);opacity:.48;transform:scale(1.025)}.interactive-stage[data-mode=encounter] .artifact-marker:not(.is-active){opacity:.13;filter:blur(.6px)}.interactive-stage[data-mode=encounter] .artifact-marker.is-active{opacity:.8}.interactive-stage[data-mode=encounter] .encounter-layer{opacity:1;pointer-events:auto}.interactive-stage[data-mode=encounter] .encounter-copy{opacity:1;transform:translate(0)}.trace-layer{padding:2% 5% 1%}.trace-heading{position:absolute;z-index:4;top:3%;left:5%}.trace-heading h2{margin:.65rem 0 .4rem;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5rem);font-weight:400;line-height:1}.trace-heading>p:last-child{margin:0;color:var(--ink-soft)}.character-route{position:absolute;inset:11% 5% 6%;width:90%;height:81%;overflow:visible}.character-route path{fill:none;vector-effect:non-scaling-stroke}.character-route-shadow{stroke:#25231f24;stroke-width:5}.character-route-path{stroke:var(--cinnabar);stroke-width:2.2;stroke-dasharray:1500;stroke-dashoffset:1500}.character-route-path.is-drawing{animation:draw-route 1.2s .12s cubic-bezier(.42,0,.25,1) forwards}.timeline-node{position:absolute;z-index:6;width:7rem;border:0;padding:0;background:transparent;color:var(--ink);opacity:0;transform:translate(-50%,-50%) scale(.72);cursor:pointer}.timeline-node:nth-child(1){left:12.2%;top:73%}.timeline-node:nth-child(2){left:50.4%;top:45.5%}.timeline-node:nth-child(3){left:88%;top:54%}.interactive-stage[data-mode=trace] .timeline-node{animation:node-arrive .7s var(--node-delay) ease forwards}.node-ring{display:grid;width:3.4rem;aspect-ratio:1;margin:0 auto .55rem;place-items:center;border:1px solid var(--cinnabar);border-radius:50%;background:#eee7d6d1;box-shadow:0 0 #994b3e2e;transition:transform .45s ease,background .45s ease,box-shadow .45s ease}.node-ring i{font-family:var(--font-meta);font-size:.68rem;font-style:normal}.node-place{font-size:.9rem;letter-spacing:.12em}.timeline-node:hover .node-ring,.timeline-node.is-active .node-ring{background:var(--cinnabar);color:var(--paper-light);box-shadow:0 0 0 9px #994b3e1a;transform:scale(1.08)}.node-detail{position:absolute;z-index:7;right:7%;bottom:6%;width:min(22rem,30vw);padding:1.25rem 0 0 1.5rem;border-top:1px solid rgba(37,35,31,.25);border-left:1px solid rgba(37,35,31,.15)}.node-detail p{margin:0 0 .45rem;color:var(--cinnabar);font-family:var(--font-meta);font-size:.72rem;letter-spacing:.12em}.node-detail h3{margin:0 0 .55rem;font-size:1.65rem;font-weight:500}.node-detail span{color:var(--ink-soft);line-height:1.75}.complete-route-button,.generate-letter-button{border:0;border-bottom:1px solid currentColor;padding:0 0 .55rem;background:transparent;color:var(--cinnabar-dark);cursor:pointer}.complete-route-button{position:absolute;z-index:8;left:5%;bottom:5%}.interactive-stage[data-mode=trace] .map-layer{opacity:.24;filter:grayscale(.7)}.interactive-stage[data-mode=trace][data-focus="0"] .map-layer{transform:translate(1.2%) scale(1.015)}.interactive-stage[data-mode=trace][data-focus="1"] .map-layer{transform:translate(0) scale(1.035)}.interactive-stage[data-mode=trace][data-focus="2"] .map-layer{transform:translate(-1.2%) scale(1.02)}.interactive-stage[data-mode=trace] .artifact-marker{opacity:0}.interactive-stage[data-mode=trace] .trace-layer{opacity:1;pointer-events:auto}.remember-layer{display:grid;place-items:center;padding:2rem}.scroll-sheet{position:relative;width:min(720px,78vw);min-height:500px;padding:3.4rem clamp(2rem,7vw,6rem);background:linear-gradient(90deg,rgba(61,52,40,.06),transparent 5% 95%,rgba(61,52,40,.07)),var(--paper-light);box-shadow:0 20px 55px #2d271e21;opacity:0;transform:translateY(6rem) scaleY(.72);transform-origin:bottom;transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.78,.2,1)}.scroll-sheet:before,.scroll-sheet:after{content:"";position:absolute;left:-1.8%;width:103.6%;height:1.3rem;border:1px solid rgba(37,35,31,.22);background:#e7deca}.scroll-sheet:before{top:-.7rem;transform:rotate(-.5deg)}.scroll-sheet:after{bottom:-.7rem;transform:rotate(.5deg)}.remember-prompt{margin-top:3rem;text-align:center}.remember-prompt h2{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,4rem);font-weight:400;line-height:1.35}.keyword-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2.5rem 0 2rem}.keyword{position:relative;width:4.1rem;height:4.8rem;border:1px solid rgba(37,35,31,.38);padding:0;background:#eee7d647;color:var(--ink);opacity:0;transform:translateY(1.2rem) rotate(var(--tilt, -2deg));cursor:pointer}.keyword:nth-child(2n){--tilt: 2deg}.interactive-stage[data-mode=remember] .keyword{animation:keyword-arrive .65s calc(.65s + var(--keyword-delay)) ease forwards}.keyword:before{content:"";position:absolute;inset:5px;border:1px solid transparent;transition:border-color .4s ease}.keyword span{writing-mode:vertical-rl;letter-spacing:.2em}.keyword:hover,.keyword.is-selected{border-color:var(--cinnabar);color:var(--cinnabar-dark)}.generate-letter-button:disabled{cursor:not-allowed;opacity:.35}.letter{position:relative;min-height:360px;padding-top:1.4rem;animation:letter-appear .8s ease both}.letter-kicker,.letter-years{color:var(--cinnabar);font-family:var(--font-meta);font-size:.76rem;letter-spacing:.18em}.letter h3{margin:2.4rem 0 .7rem;font-family:var(--font-display);font-size:clamp(2.7rem,5vw,4.7rem);font-weight:400}.letter-route{color:var(--ink-soft)}.letter-closing{width:78%;margin-top:3.2rem;line-height:2}.letter-seal{position:absolute;right:0;bottom:0;display:grid;width:3.2rem;aspect-ratio:1;place-items:center;border:2px solid var(--cinnabar);color:var(--cinnabar);font-size:1.2rem;transform:rotate(-4deg)}.interactive-stage[data-mode=remember] .map-layer{opacity:.09;filter:grayscale(.8) blur(1.5px);transform:scale(1.06)}.interactive-stage[data-mode=remember] .artifact-marker{opacity:0}.interactive-stage[data-mode=remember] .remember-layer{opacity:1;pointer-events:auto}.interactive-stage[data-mode=remember] .scroll-sheet{opacity:1;transform:translateY(0) scaleY(1)}.stage-counter{position:absolute;z-index:31;right:max(1.5rem,calc((100vw - 1220px)/2));bottom:1.5rem;display:flex;align-items:center;gap:.7rem;color:#25231f7a;font-family:var(--font-meta);font-size:.68rem}.stage-counter i{width:2.6rem;height:1px;background:currentColor}.about-section{width:var(--content);min-height:58vh;margin:0 auto;padding:7rem 0}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start;margin-top:3rem}.about-grid h2{margin:0;font-family:var(--font-display);font-size:var(--type-title);font-weight:400}.about-grid p{margin:0;color:var(--ink-soft);font-size:var(--type-body);line-height:1.9}.concept-line{margin-top:2.5rem!important;color:var(--ink)!important;font-size:clamp(1.15rem,2.3vw,1.7rem)!important;letter-spacing:.08em}.concept-line span{margin:0 .7rem;color:var(--cinnabar)}@keyframes artifact-float{0%,to{margin-top:-3px}50%{margin-top:5px}}@keyframes seal-float{0%,to{transform:translateY(-4px)}50%{transform:translateY(5px)}}@keyframes draw-route{to{stroke-dashoffset:0}}@keyframes node-arrive{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes keyword-arrive{to{opacity:1;transform:translateY(0) rotate(var(--tilt, -2deg))}}@keyframes letter-appear{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){:root{--content: min(100% - 2rem, 1220px)}.site-header{padding:.9rem 1rem}.story-progress{gap:.25rem;font-size:.66rem}.story-progress i{width:.55rem}.hero{padding-inline:1.25rem}.hero-copy{width:100%}.hero h1{font-size:clamp(3.15rem,17vw,5.2rem)}.hero h1 small{letter-spacing:.18em}.hero-landscape,.hero-road{width:100%}.interactive-stage{height:850px;min-height:100svh}.stage-ui{top:4.7rem;left:1.2rem;right:1.2rem}.stage-instruction{width:min(17rem,70vw);font-size:.88rem}.stage-back{font-size:.78rem}.stage-scene{top:9.5rem;right:0;bottom:2.6rem;left:0}.places span{font-size:.74rem}.artifact-marker{width:5.2rem}.artifact-glyph{width:3.3rem;height:4rem}.artifact-name{opacity:.72;transform:none;font-size:.72rem}.encounter-layer{grid-template-columns:.68fr 1fr;gap:.5rem;align-items:end;padding:10% 1rem 8%}.encounter-copy{padding:1.4rem 0 2rem}.encounter-copy:before{inset:-1rem -1rem -1rem -1.5rem}.encounter-copy h2{font-size:clamp(2.4rem,10vw,3.4rem)}.person-meta{grid-template-columns:1fr;gap:.8rem}.person-intro{font-size:.84rem;line-height:1.8}.trace-heading{top:2%;left:1.2rem}.trace-heading h2{font-size:2.8rem}.character-route{inset:15% 0 16%;width:100%;height:69%}.timeline-node:nth-child(1){left:10%;top:68%}.timeline-node:nth-child(2){left:50%;top:47%}.timeline-node:nth-child(3){left:89%;top:56%}.timeline-node{width:4.8rem}.node-ring{width:2.8rem}.node-place{font-size:.76rem}.node-detail{right:1.2rem;bottom:8%;width:56vw}.complete-route-button{left:1.2rem;bottom:7%;font-size:.85rem}.scroll-sheet{width:calc(100vw - 2.4rem);min-height:520px;padding:2.6rem 1.3rem}.remember-prompt{margin-top:2.5rem}.keyword-picker{gap:.55rem}.keyword{width:3.5rem;height:4.3rem}.letter{padding:0 .7rem}.letter-closing{width:82%}.about-grid{grid-template-columns:1fr;gap:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}:root{--paper: #e9dfca;--paper-light: #f4eddd;--paper-deep: #cdbd9f;--ink: #25231f;--ink-soft: #625b4e;--cinnabar: #9b4c3e;--cinnabar-dark: #6f332a;--bronze: #776247}body{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.32),transparent 28%),repeating-linear-gradient(92deg,transparent 0 5px,rgba(65,51,33,.018) 6px),var(--paper)}.site-header{padding-block:.78rem;border-color:#2b231a26;background:#ece2cdc2}.site-mark{font-weight:500}.hero{min-height:100svh;padding-top:8.5rem;background:#e8dcc4}.hero-art{position:absolute;inset:0;z-index:-5;background-image:var(--hero-image);background-size:cover;background-position:center;filter:saturate(.78) contrast(.92);transform:scale(1.015);animation:hero-breathe 12s ease-in-out infinite alternate}.hero-paper-wash{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#efe6d3fa,#efe6d3e6 25%,#efe6d36b 47%,#efe6d314 74%),linear-gradient(0deg,rgba(35,31,24,.18),transparent 30% 82%,rgba(244,237,221,.45))}.hero:before{inset:12% auto 10% 6%;width:min(540px,44vw);border:0;border-left:1px solid rgba(42,35,28,.16);transform:rotate(.8deg)}.hero:after{height:24%;background:linear-gradient(transparent,#1f1b153d)}.hero-copy{width:min(690px,58%);margin:auto 0 9vh;transform:none;text-shadow:0 1px 0 rgba(255,255,255,.22)}.hero .eyebrow span{color:#25231f85}.hero h1{font-size:clamp(4.5rem,8.3vw,8.9rem);font-weight:400;letter-spacing:.015em}.hero h1 small{margin-top:1.15rem;padding-left:.14em;letter-spacing:.42em}.hero-subtitle{width:23em;max-width:100%;margin:2.2rem 0 2.5rem;color:#4e493f}.enter-link{padding:.72rem 1.15rem .78rem 0;border-color:#6f332a8c;letter-spacing:.16em}.hero-road{right:-1%;bottom:1.5%;width:72%;opacity:.5}.hero-landscape{opacity:.32}.mountain{display:none}.sun{top:12%;right:7%;width:3.8rem;border:1px solid rgba(111,51,42,.65);background:#9b4c3e57}.seal-orbit{top:10%;right:5.5%;width:6.8rem}.hero-side-note{position:absolute;right:1.6rem;bottom:8.5rem;margin:0;color:#f4edddb3;font-size:.64rem;letter-spacing:.28em;writing-mode:vertical-rl}.interactive-stage{background:#d9cbb0;border-top:1px solid rgba(44,36,27,.22);border-bottom:1px solid rgba(44,36,27,.22)}.interactive-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(32,27,21,.12),transparent 10% 90%,rgba(32,27,21,.14)),linear-gradient(0deg,rgba(239,230,211,.22),transparent 18% 80%,rgba(239,230,211,.22));mix-blend-mode:multiply}.stage-background{opacity:.3}.stage-scene{overflow:hidden}.map-image{position:absolute;inset:0;background-image:var(--map-image);background-size:cover;background-position:center;filter:saturate(.78) contrast(.9)}.map-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(235,223,199,.42),transparent 24% 76%,rgba(55,45,33,.12))}.silk-map{z-index:2}.silk-map .terrain-line{stroke:#27201838}.silk-map .base-route{stroke:#743027b3;stroke-width:1.4}.places{position:absolute;inset:0;z-index:4}.places span{padding:.28rem .5rem;color:#251f18e0;background:#eee3cea3;box-shadow:0 0 18px #eee3ceb8}.places span:before{background:var(--cinnabar)}.artifact-list{position:absolute;inset:0;z-index:5}.map-caption{z-index:7}.artifact-marker{width:clamp(5.5rem,8vw,8.5rem)}.artifact-glyph{width:clamp(4.4rem,6.8vw,7.2rem);height:clamp(5rem,8vw,8.5rem);filter:drop-shadow(0 9px 9px rgba(35,28,20,.2))}.artifact-glyph img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:scale(1.08)}.artifact-jieyou .artifact-glyph img,.artifact-fengliao .artifact-glyph img,.artifact-banzhao .artifact-glyph img{mix-blend-mode:normal}.artifact-fengliao .artifact-glyph{height:clamp(7rem,11vw,11rem)}.artifact-aura{top:43%;width:5.8rem}.artifact-name{display:inline-block;padding:.25rem .55rem;background:#ece0c9c7;box-shadow:0 0 15px #ece0c9d1}.artifact-marker:hover .artifact-glyph,.artifact-marker:focus-visible .artifact-glyph,.artifact-marker.is-active .artifact-glyph{transform:scale(1.1) rotate(-1deg);filter:drop-shadow(0 13px 12px rgba(76,45,32,.3))}.encounter-layer{grid-template-columns:minmax(300px,.86fr) minmax(390px,1.14fr);padding:1% 6% 0 4%}.portrait-figure{position:relative;align-self:stretch;min-height:500px;margin:0;opacity:0;overflow:hidden;transform:translate(-4rem);transition:opacity .9s .12s ease,transform 1.1s .12s cubic-bezier(.2,.75,.22,1)}.portrait-figure:before{content:"";position:absolute;inset:4% 4% -4% 7%;background:radial-gradient(ellipse at 52% 45%,rgba(241,232,212,.66),transparent 62%)}.portrait-figure img{position:absolute;inset:1% 0 -6%;width:100%;height:105%;object-fit:contain;object-position:center bottom;filter:saturate(.82) contrast(.95) drop-shadow(0 20px 20px rgba(38,29,20,.2));mix-blend-mode:normal}.portrait-figure:after{content:"";position:absolute;inset:3% 6% 1%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(232,219,193,.5) 88%,rgba(232,219,193,.86))}.portrait-figure figcaption{position:absolute;left:8%;bottom:2%;padding:.35rem .55rem;background:#ede2ccc7;color:#25231f94;font-size:.66rem;letter-spacing:.16em}.portrait-echo{inset:8% 8% 4% 10%}.interactive-stage[data-mode=encounter] .portrait-figure{opacity:1;transform:none}.encounter-copy:before{background:linear-gradient(90deg,rgba(235,222,197,.9),rgba(235,222,197,.56) 65%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.encounter-copy h2{text-shadow:0 1px rgba(255,255,255,.35)}.trace-layer:before{content:"";position:absolute;inset:0;z-index:-1;background:#e2d5bb2e}.character-route{z-index:3}.timeline{position:absolute;inset:0;z-index:5}.node-ring{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.node-detail{right:4.5%;bottom:4%;width:min(390px,34vw);padding:0;border:0;overflow:hidden;background:#ebe0c9e0;box-shadow:0 17px 45px #2b22192e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.node-scene{height:150px;overflow:hidden}.node-scene img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.9);animation:scene-reveal .7s ease both}.node-copy{padding:1.05rem 1.3rem 1.3rem}.node-copy p{margin-top:0}.node-copy h3{margin:0 0 .5rem;font-size:1.65rem;font-weight:400}.node-copy span{color:var(--ink-soft);line-height:1.75}.scroll-sheet{background:radial-gradient(circle at 78% 18%,rgba(158,76,60,.08),transparent 26%),repeating-linear-gradient(90deg,transparent 0 11px,rgba(73,57,37,.017) 12px),var(--paper-light);box-shadow:0 25px 70px #2d231938}.scroll-sheet:before,.scroll-sheet:after{box-shadow:0 4px 9px #31261b1f}.keyword{background:#efe5d18f}.keyword.is-selected{background:#9b4c3e1c;box-shadow:0 0 0 5px #9b4c3e0f}.about-section{position:relative;min-height:64vh}.about-section:before{content:"";position:absolute;right:-10vw;bottom:0;width:54vw;height:36vh;opacity:.12;background:var(--map-image) right center / cover no-repeat;filter:grayscale(1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.about-grid{position:relative;z-index:2}.about-colophon{position:absolute;left:0;right:0;bottom:2.5rem;display:flex;align-items:center;gap:1rem;color:#25231f59;font-size:.63rem;letter-spacing:.2em}.about-colophon i{flex:1;height:1px;background:currentColor}@keyframes hero-breathe{0%{transform:scale(1.015) translate(0)}to{transform:scale(1.035) translate(-.35%)}}@keyframes scene-reveal{0%{opacity:.25;transform:scale(1.04);filter:saturate(.4) blur(3px)}to{opacity:1;transform:scale(1);filter:saturate(.72) blur(0)}}@media(max-width:800px){.hero{min-height:860px;padding-top:6.5rem}.hero-art{background-position:61% center}.hero-paper-wash{background:linear-gradient(180deg,#efe6d3eb 0 20%,#efe6d34d 52%,#231e1724),linear-gradient(90deg,rgba(239,230,211,.9),transparent 90%)}.hero-copy{width:100%;margin:auto 0 6vh}.hero h1{font-size:clamp(3.65rem,18vw,5.2rem)}.hero h1 small{font-size:1.16rem;letter-spacing:.25em}.hero-subtitle{margin:1.5rem 0 2rem;color:#302d28}.hero-side-note{display:none}.hero-road{width:110%}.stage-scene{top:9.2rem}.map-image{background-position:center}.artifact-marker{width:4.8rem}.artifact-glyph{width:3.8rem;height:4.8rem}.artifact-fengliao .artifact-glyph{height:6.2rem}.artifact-name{font-size:.66rem}.encounter-layer{grid-template-columns:.86fr 1.14fr;gap:0;align-items:end;padding:10% .8rem 6%}.portrait-figure{min-height:510px}.portrait-figure img{width:130%;left:-20%}.portrait-figure figcaption{display:none}.encounter-copy{padding:1.25rem 0 2rem}.encounter-copy:before{inset:-1rem -.8rem -1rem -1rem}.encounter-copy h2{font-size:clamp(2.4rem,10vw,3.35rem)}.person-meta{gap:.7rem}.node-detail{right:1rem;bottom:7%;width:min(55vw,270px)}.node-scene{height:95px}.node-copy{padding:.75rem .9rem .9rem}.node-copy h3{font-size:1.25rem}.node-copy span{font-size:.78rem}.complete-route-button{bottom:8%}.scroll-sheet{width:calc(100vw - 2rem)}.about-colophon{gap:.4rem;font-size:.52rem;letter-spacing:.08em}}.interactive-stage[data-mode=trace]{height:calc(100svh - 3.7rem);min-height:640px}.interactive-stage[data-mode=trace] .stage-scene{top:8.6rem;bottom:1.4rem}.interactive-stage[data-mode=trace] .map-layer{opacity:.045;filter:grayscale(1) blur(2px);transform:none!important;pointer-events:none}.interactive-stage[data-mode=trace] .trace-layer{padding:0 clamp(1.25rem,4vw,4rem)}.trace-layer:before{display:none}.trace-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:clamp(1.5rem,3vw,3.5rem);width:100%;height:100%;padding:clamp(1rem,1.6vw,1.5rem);border-top:1px solid rgba(67,53,38,.32);border-bottom:1px solid rgba(67,53,38,.26);background:#f3ebd9ed}.trace-story{display:flex;flex-direction:column;min-width:0;min-height:0}.trace-heading{position:static;flex:none}.trace-heading .eyebrow{margin:0 0 .55rem;color:var(--cinnabar-dark);font-size:.75rem;letter-spacing:.08em}.trace-heading h2{margin:0 0 .35rem;font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;letter-spacing:.01em}.trace-type{display:inline-block;margin:0 0 .3rem!important;padding:.15rem .55rem;border-left:2px solid var(--cinnabar);color:var(--cinnabar-dark)!important;font-size:.87rem}.trace-summary{margin:0 0 .2rem!important;color:var(--ink)!important;font-size:clamp(.92rem,1.1vw,1rem);line-height:1.5}.trace-note{margin:0 0 .2rem!important;color:var(--ink-soft)!important;font-size:.82rem;line-height:1.45}.trace-progress{flex:none;margin:.1rem 0;padding-top:.3rem;border-top:1px solid var(--ink-faint);color:var(--cinnabar-dark);font-size:.82rem}.trace-layout .timeline{position:relative;inset:auto;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:space-around;min-height:0;overflow-y:auto;padding:.2rem 0 .2rem .2rem}.trace-layout .timeline:before{content:"";position:absolute;top:8%;bottom:8%;left:1.44rem;width:1px;background:linear-gradient(var(--cinnabar),rgba(153,75,62,.3));transform-origin:top;animation:journey-line .9s ease both}.trace-layout .timeline-node,.trace-layout .timeline-node:nth-child(n){position:relative;top:auto;left:auto;display:grid;grid-template-columns:2.5rem minmax(0,1fr) 4.4rem;align-items:center;gap:.8rem;width:100%;min-height:4rem;padding:.2rem .6rem .2rem 0;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;opacity:1;transform:none}.interactive-stage[data-mode=trace] .timeline-node{animation:trace-node-enter .65s var(--node-delay) ease both}.trace-layout .node-ring{position:relative;z-index:2;width:2.5rem;height:2.5rem;margin:0;border-color:#994b3e9e;background:var(--paper-light);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.trace-layout .timeline-node:hover .node-ring,.trace-layout .timeline-node.is-active .node-ring{background:var(--cinnabar);color:var(--paper-light);box-shadow:0 0 0 5px #994b3e1c;transform:none}.trace-layout .timeline-node.is-past .node-ring{background:#994b3e2b}.node-label{display:flex;flex-direction:column;min-width:0;gap:.1rem}.node-label small{color:var(--cinnabar-dark);font-size:.76rem}.node-label .node-place{font-size:clamp(1.05rem,1.4vw,1.28rem);font-weight:600;letter-spacing:.01em;line-height:1.25}.node-preview{color:var(--ink-soft);font-size:.84rem;line-height:1.35}.node-state{color:var(--ink-soft);font-size:.76rem;text-align:right}.timeline-node.is-active .node-state,.timeline-node.is-active .node-place{color:var(--cinnabar-dark)}.trace-layout .node-detail{position:relative;right:auto;bottom:auto;z-index:2;display:flex;flex-direction:column;width:auto;min-width:0;min-height:0;padding:0 0 0 clamp(1.2rem,2vw,2rem);border:0;border-left:1px solid rgba(67,53,38,.25);background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.trace-layout .node-scene{flex:none;height:clamp(115px,19vh,185px);border:1px solid rgba(67,53,38,.22);overflow:hidden}.trace-layout .node-scene img{filter:saturate(.65) contrast(.92)}.node-scene-caption{margin:.45rem 0 0!important;color:var(--ink-soft)!important;font-size:.74rem!important;letter-spacing:0!important;line-height:1.35}.trace-layout .node-copy{padding:1.3rem 0 1rem}.trace-layout .node-copy p{margin:0 0 .6rem;color:var(--cinnabar-dark);font-size:.78rem;letter-spacing:.03em}.trace-layout .node-copy h3{margin:0 0 .35rem;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:500;line-height:1.2}.trace-layout .node-copy small{display:block;margin-bottom:.8rem;color:var(--ink-soft);font-size:.82rem}.trace-layout .node-copy span{display:block;color:var(--ink);font-size:1rem;line-height:1.72}.trace-layout .complete-route-button{position:static;align-self:flex-start;margin-top:auto;padding:.55rem 0;font-size:1rem}@keyframes journey-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes trace-node-enter{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0 0}}@media(max-width:800px){.interactive-stage[data-mode=trace]{height:auto;min-height:0;overflow:visible}.interactive-stage[data-mode=trace] .stage-background{overflow:hidden}.interactive-stage[data-mode=trace] .stage-ui{position:relative;top:0;left:0;right:0;display:block;width:100%;padding:5rem 1.2rem 1rem}.interactive-stage[data-mode=trace] .stage-instruction{width:100%;margin-top:2.2rem}.interactive-stage[data-mode=trace] .stage-back{position:absolute;top:5rem;right:1.2rem}.interactive-stage[data-mode=trace] .stage-scene{position:relative;inset:auto;padding-bottom:3rem;overflow:visible}.interactive-stage[data-mode=trace] .map-layer{display:none}.interactive-stage[data-mode=trace] .trace-layer{position:relative;inset:auto;padding:0 1rem}.trace-layout{grid-template-columns:1fr;height:auto;gap:1.1rem;padding:1.25rem 1.1rem 1.6rem}.trace-layout .timeline{flex:none;overflow:visible;padding-bottom:0}.trace-layout .timeline-node,.trace-layout .timeline-node:nth-child(n){min-height:5.5rem;grid-template-columns:2.5rem minmax(0,1fr) 3.8rem}.trace-layout .node-detail{padding:1.25rem 0 0;border-left:0;border-top:1px solid rgba(67,53,38,.25)}.trace-layout .node-scene{height:clamp(150px,38vw,230px)}.trace-layout .node-copy{padding:1.1rem 0}.trace-layout .node-preview{font-size:.9rem}.trace-layout .complete-route-button{margin-top:.5rem}.interactive-stage[data-mode=trace] .stage-counter{display:none}}@media(max-width:420px){.trace-layout{padding-inline:.8rem}.trace-layout .timeline-node,.trace-layout .timeline-node:nth-child(n){grid-template-columns:2.5rem minmax(0,1fr);gap:.6rem}.trace-layout .node-state{grid-column:2;text-align:left}.trace-layout .timeline:before{left:1.44rem}}@media(prefers-reduced-motion:reduce){.trace-layout .timeline:before,.interactive-stage[data-mode=trace] .timeline-node{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:#f6e7cad1}.hero{min-height:max(760px,100svh);padding:0;background:#e5c69a}.hero:before{content:none}.hero:after{z-index:-4;height:24%;background:linear-gradient(transparent,#4a2b1b1f)}.hero-art{background-image:var(--hero-image);background-position:center;background-size:cover;filter:none;transform:none;animation:none}.hero .section-index{position:absolute;z-index:2;top:16%;left:7.5%;color:#663e2b;font-size:.78rem;text-shadow:0 1px rgba(255,239,205,.75)}.hero-copy{position:absolute;z-index:2;inset:0;width:auto;margin:0;transform:none;text-shadow:none;pointer-events:none}.hero .eyebrow{position:absolute;top:26%;left:8%;margin:0;color:#754331;font-size:.78rem;text-shadow:0 1px rgba(255,237,204,.8)}.hero .eyebrow span{color:#493125ad}.hero-details{position:absolute;top:58%;left:10.5%;width:min(470px,34vw);padding:1.15rem 1.8rem 1.35rem 1.4rem;border-left:2px solid rgba(119,59,38,.65);background:linear-gradient(90deg,rgba(248,232,201,.82),rgba(248,232,201,.55) 78%,transparent);pointer-events:auto}.hero-deck{margin:0;color:#472c22;font-size:clamp(1.35rem,2.15vw,2rem);letter-spacing:.28em;white-space:nowrap}.hero-subtitle{width:auto;margin:1.4rem 0 1.45rem;color:#5a4031;font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.9;letter-spacing:.055em}.hero .enter-link{padding:.5rem .65rem .65rem 0;color:#713b2c;font-size:1.08rem;letter-spacing:.2em;border-bottom:1px solid rgba(113,59,44,.75);transition:color .2s ease,gap .2s ease}.hero .enter-link:hover{gap:1.35rem;color:#9b4c3e}@media(max-width:800px){.hero{min-height:900px}.hero-art{background-color:#ead1a7;background-size:auto 530px;background-position:left 54px;background-repeat:no-repeat}.hero-art:after{content:"";position:absolute;inset:455px 0 0;background-image:var(--hero-image);background-size:auto 500px;background-position:58% bottom;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 16%);mask-image:linear-gradient(transparent,#000 16%)}.hero .section-index{top:12%;left:7%;font-size:.68rem}.hero .eyebrow{top:20%;left:7%;font-size:.64rem}.hero-details{top:44%;left:5%;width:min(90%,430px);padding:1rem 1.1rem 1.25rem;background:linear-gradient(90deg,#f7e2bef0,#f7e2bed4 80%,#f7e2be66)}.hero-deck{font-size:clamp(1.3rem,6vw,1.75rem);letter-spacing:.2em}.hero-subtitle{margin:1rem 0 1.2rem;font-size:.95rem}}.interactive-stage[data-mode=trace]{height:calc(100svh - 3.7rem);min-height:630px}.interactive-stage[data-mode=trace] .stage-scene{top:8.7rem;right:max(1rem,calc((100vw - 1360px)/2));bottom:2.3rem;left:max(1rem,calc((100vw - 1360px)/2))}.interactive-stage[data-mode=trace] .map-layer{opacity:0;pointer-events:none}.interactive-stage[data-mode=trace] .trace-layer{padding:0;opacity:1;pointer-events:auto}.interactive-stage[data-mode=trace] .trace-layer:before{display:none}.trace-layout{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;overflow:hidden;border:0;background:#eee4d0 var(--trace-landscape) center / cover no-repeat;isolation:isolate}.trace-layout:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(249,244,232,.62),rgba(249,244,232,.22) 38%,transparent 65%),linear-gradient(90deg,rgba(248,241,225,.36),transparent 43%);pointer-events:none}.trace-layout:after{content:"按经历顺序 · 非精确地理图";position:absolute;z-index:2;left:3.2%;bottom:2.6%;color:#352e26a8;font-size:.7rem;letter-spacing:.05em}.trace-heading{position:absolute;z-index:5;top:4%;left:3.5%;width:min(38%,500px);margin:0;text-shadow:0 1px 3px rgba(250,244,230,.7)}.trace-heading .eyebrow{margin:0 0 .35rem;color:var(--cinnabar-dark);font-size:.68rem;font-family:var(--font-meta);letter-spacing:.16em}.trace-heading h2{margin:0 0 .25rem;color:var(--ink);font-family:var(--font-body);font-size:clamp(2.1rem,3.25vw,3.7rem);font-weight:400;line-height:1.16;letter-spacing:.02em}.trace-heading .trace-type,.trace-heading .trace-era,.trace-heading .trace-summary,.trace-heading .trace-note{display:block;padding:0;border:0}.trace-heading .trace-type{margin:0 0 .15rem!important;color:var(--cinnabar-dark)!important;font-size:1rem}.trace-heading .trace-era{margin:0 0 .7rem;font-size:.78rem;color:var(--ink-soft)}.trace-heading .trace-summary{margin:0 0 .35rem!important;font-size:.85rem;line-height:1.45}.trace-heading .trace-note{margin:0!important;max-width:32rem;font-size:.77rem;line-height:1.55;color:var(--ink-soft)!important}.trace-layout .node-detail{position:absolute;z-index:6;top:3%;right:3.5%;bottom:auto;display:block;width:min(32%,410px);min-height:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.trace-layout .node-scene{height:clamp(105px,15vh,160px);border:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent),linear-gradient(to right,transparent,#000 8% 92%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent),linear-gradient(to right,transparent,#000 8% 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.trace-layout .node-scene img{filter:saturate(.67) contrast(.9)}.trace-layout .node-scene-caption{margin:-.45rem 0 .45rem!important;font-size:.65rem!important;line-height:1.35;color:var(--ink-soft)!important}.trace-layout .node-copy{padding:0;text-shadow:0 1px 3px rgba(250,244,230,.78)}.trace-layout .node-copy p{margin:0 0 .2rem;color:var(--cinnabar-dark);font-size:.7rem}.trace-layout .node-copy h3{margin:0 0 .08rem;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:400;line-height:1.22}.trace-layout .node-copy small{display:block;margin:0 0 .28rem;font-size:.7rem;color:var(--ink-soft)}.trace-layout .node-copy span{display:block;max-width:30rem;font-size:.9rem;line-height:1.5;color:var(--ink)}.trace-layout .node-copy em{display:inline-block;margin-top:.25rem;color:var(--cinnabar-dark);font-size:.69rem;font-style:normal}.trace-journey{position:absolute;z-index:4;left:2.5%;right:2.5%;top:42%;height:48%}.trace-road{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:.83;mix-blend-mode:multiply;pointer-events:none;animation:trace-road-appear 1.1s ease both}.trace-layer[data-journey=banzhao] .trace-road{opacity:.58;mix-blend-mode:multiply}.trace-layer[data-journey=jieyou] .trace-journey{top:40%;height:51%}.trace-layout .timeline{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;min-height:0;overflow:visible;padding:0}.trace-layout .timeline:before{display:none}.trace-layout .timeline-node,.trace-layout .timeline-node:nth-child(n){position:absolute;top:var(--y);left:var(--x);display:flex;flex-direction:column;align-items:center;width:clamp(98px,11vw,160px);min-height:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:center;opacity:1;transform:translate(-50%,-12%);cursor:pointer}.interactive-stage[data-mode=trace] .timeline-node{animation:trace-node-emerge .75s var(--node-delay) both}.trace-layout .node-ring{display:grid;width:2rem;height:2rem;margin:0 0 .24rem;place-items:center;border:1px solid rgba(119,68,51,.76);border-radius:50%;background:#eee2cd;color:var(--cinnabar-dark);box-shadow:0 1px 4px #2b231929;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .45s ease,color .45s ease,transform .45s ease,box-shadow .45s ease}.trace-layout .node-ring i{font-size:.68rem}.trace-layout .node-label{display:flex;flex-direction:column;align-items:center;gap:.06rem;padding:.15rem .32rem;background:#f7f0e0ba;text-shadow:0 1px 3px rgba(252,247,234,.95)}.trace-layout .node-place{font-size:clamp(.83rem,1.12vw,1.05rem);font-weight:400;line-height:1.28;letter-spacing:0}.trace-layout .node-label small{color:var(--ink-soft);font-size:.67rem}.trace-layout .timeline-node:hover .node-ring,.trace-layout .timeline-node:focus-visible .node-ring,.trace-layout .timeline-node.is-active .node-ring{background:var(--cinnabar-dark);color:#f7eedc;box-shadow:0 0 0 5px #9a4d3c26;transform:scale(1.08)}.trace-layout .timeline-node.is-past .node-ring{background:#c5a28b;color:#3b3029}.trace-layout .timeline-node.is-active .node-place{color:var(--cinnabar-dark)}.trace-layout .timeline-node:focus-visible{outline:1px solid var(--cinnabar-dark);outline-offset:4px}.trace-layout .timeline-node.is-contact .node-ring{border-style:dashed;background:#f5eddd}.trace-layout .timeline-node.is-contact.is-active .node-ring{background:var(--cinnabar-dark)}.trace-layout .timeline-node.is-contact:after{content:"";position:absolute;top:100%;left:50%;height:1.4rem;border-left:1px dashed rgba(117,82,64,.55);pointer-events:none}.trace-footer{position:absolute;z-index:7;right:3.5%;bottom:3%;display:flex;align-items:baseline;gap:1.6rem;background:#f7efde9e}.trace-layout .trace-progress{margin:0;padding:0;border:0;color:var(--ink-soft);font-size:.72rem;white-space:nowrap}.trace-layout .complete-route-button{position:static;display:inline-block;margin:0;padding:0 0 .25rem;font-size:.9rem;white-space:nowrap}@keyframes trace-road-appear{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes trace-node-emerge{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:900px){.interactive-stage[data-mode=trace]{height:auto;min-height:0;overflow:clip}.interactive-stage[data-mode=trace] .stage-ui{position:relative;top:0;left:0;right:0;padding:5rem 1rem .8rem}.interactive-stage[data-mode=trace] .stage-instruction{width:min(70%,28rem);margin-top:1.4rem;font-size:.83rem}.interactive-stage[data-mode=trace] .stage-back{position:absolute;top:5rem;right:1rem}.interactive-stage[data-mode=trace] .stage-scene{position:relative;inset:auto;padding:0 1rem 2.5rem;overflow:clip}.interactive-stage[data-mode=trace] .trace-layer{position:relative;inset:auto;padding:0}.trace-layout{display:flex;flex-direction:column;min-height:900px;height:auto;padding:1.5rem 1.2rem 2.5rem;background-size:auto 100%;background-position:center bottom}.trace-layout:before{background:linear-gradient(180deg,#f9f4e8ad,#f9f4e854)}.trace-layout:after{position:static;order:5;margin-top:1rem}.trace-heading{position:relative;top:auto;left:auto;width:100%;max-width:620px;order:1}.trace-heading h2{font-size:clamp(2.3rem,7vw,3.2rem)}.trace-heading .trace-summary{font-size:.82rem}.trace-journey{position:relative;top:auto;left:auto;right:auto;width:100%;height:auto;min-height:320px;order:2;margin:1rem 0 .5rem}.trace-road{width:100%;height:68%;top:9%;object-fit:fill}.trace-layer[data-journey=jieyou] .trace-journey{top:auto;height:auto;min-height:340px}.trace-layout .timeline{position:absolute;inset:0}.trace-layout .timeline-node,.trace-layout .timeline-node:nth-child(n){width:clamp(78px,16vw,135px)}.trace-layout .node-ring{width:1.85rem;height:1.85rem}.trace-layout .node-place{font-size:clamp(.64rem,1.8vw,.9rem)}.trace-layout .node-label small{font-size:.6rem}.trace-layout .node-detail{position:relative;top:auto;right:auto;width:100%;max-width:620px;order:3;display:grid;grid-template-columns:minmax(160px,38%) 1fr;gap:0 .9rem;padding-top:1rem;border-top:1px solid rgba(75,60,42,.26)}.trace-layout .node-scene{grid-row:1 / 3;height:170px}.trace-layout .node-scene-caption{grid-column:1;margin:-.3rem 0 0!important}.trace-layout .node-copy{grid-column:2;grid-row:1 / 3}.trace-footer{position:relative;right:auto;bottom:auto;order:4;align-self:flex-start;margin-top:1rem;background:none}.interactive-stage[data-mode=trace] .stage-counter{display:none}.about-section{overflow:clip}}@media(max-width:560px){.interactive-stage[data-mode=trace] .stage-instruction{width:72%}.trace-layout{min-height:0;padding:1.1rem .9rem 1.8rem}.trace-heading .trace-note{font-size:.72rem}.trace-journey,.trace-layer[data-journey=jieyou] .trace-journey{min-height:475px;margin:.6rem 0}.trace-road{top:158px;left:calc(50% - 225px);width:450px;height:156px;object-fit:fill;transform:rotate(90deg);opacity:.62}.trace-layout .timeline{position:relative;display:flex;flex-direction:column;justify-content:space-around;min-height:475px;padding:.8rem 0}.trace-layout .timeline-node,.trace-layout .timeline-node:nth-child(n){position:relative;top:auto;left:auto;flex-direction:row;align-items:center;gap:.6rem;width:min(85%,350px);min-height:68px;margin:0 auto;padding:.25rem .5rem;transform:none;text-align:left}.trace-layout .timeline-node:nth-child(2n){margin-right:0}.trace-layout .timeline-node:nth-child(odd){margin-left:0}.trace-layout .node-ring{flex:none;margin:0}.trace-layout .node-label{align-items:flex-start;padding:.2rem .35rem;background:#f6eeddd1;text-align:left}.trace-layout .node-place{font-size:.88rem}.trace-layout .node-label small{font-size:.68rem}.trace-layout .timeline-node.is-contact:after{display:none}.trace-layout .node-detail{display:block;padding:.8rem .7rem 1rem;background:#f8f2e5e0}.trace-layout .node-scene{height:145px}.trace-layout .node-copy{margin-top:.45rem}.trace-footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.25rem .4rem;background:#f8f2e5c7}}@media(prefers-reduced-motion:reduce){.trace-road,.interactive-stage[data-mode=trace] .timeline-node{animation:none}}.encounter-layer{grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:0;padding:0 1.5% 0 0;isolation:isolate}.encounter-scenery{position:absolute;z-index:-1;inset:0;background-image:var(--encounter-scene);background-size:cover;background-position:center 59%;filter:saturate(.83) contrast(.96)}.encounter-scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2e6cd0d,#f2e6cd0a 43%,#f2e6cd8f 76%,#f2e6cdc7),linear-gradient(0deg,rgba(46,35,25,.13),transparent 27% 78%,rgba(245,236,218,.36))}.encounter-route-arc{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.48}.encounter-route-arc path{fill:none;stroke:var(--cinnabar);stroke-width:1;stroke-dasharray:5 7;vector-effect:non-scaling-stroke}.encounter-route-arc circle{fill:var(--cinnabar)}.portrait-figure{z-index:2;min-width:0;min-height:0;overflow:visible}.portrait-figure:before{inset:0;background:linear-gradient(90deg,rgba(238,224,197,.12),transparent 80%)}.portrait-orbit{position:absolute;top:6%;left:4%;width:94%;aspect-ratio:1;max-height:83%;border:2px solid rgba(130,91,53,.67);border-radius:50%;background-image:linear-gradient(#f6ebd540,#f6ebd50f),var(--encounter-scene);background-size:cover;background-position:26% center;box-shadow:inset 0 0 0 7px #f9efd930,0 0 0 1px #fbf3e48c}.portrait-orbit:after{content:"";position:absolute;inset:2.2%;border:1px solid rgba(141,93,61,.22);border-radius:50%}.portrait-ground{position:absolute;z-index:3;right:0;bottom:0;left:0;height:17%;background:linear-gradient(transparent,#dec59d3d);pointer-events:none}.portrait-figure img{z-index:2;inset:auto 0 -3%;width:100%;height:110%;object-position:center bottom;filter:saturate(.92) contrast(1.03) drop-shadow(10px 18px 14px rgba(38,28,21,.27))}.portrait-figure:after{z-index:4;inset:auto -2% -4%;height:14%;background:linear-gradient(transparent,#dac6a475)}.portrait-figure figcaption{z-index:5;left:6%;bottom:2.5%;border-left:2px solid var(--cinnabar);padding:.42rem .7rem;background:#f5ebd7d4;color:#51473b;font-size:.65rem}.encounter-copy{position:relative;z-index:3;width:100%;min-height:78%;max-height:94%;margin-left:-1.4%;padding:clamp(2.1rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(112,83,54,.23);background:radial-gradient(circle at 85% 15%,rgba(168,104,68,.045),transparent 25%),repeating-linear-gradient(88deg,transparent 0 13px,rgba(107,77,50,.012) 14px),#f7efdef0;box-shadow:0 17px 38px #3b2b1d2e,0 2px 7px #3b2b1d1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.encounter-copy:before{display:none}.encounter-copy:after{content:"";position:absolute;inset:0 0 0 auto;width:1.25rem;background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(238,205,162,.36) 16px 17px,transparent 18px 31px),linear-gradient(90deg,#8f4c3a,#a35b44);opacity:.9;pointer-events:none}.encounter-folio{position:absolute;top:1.15rem;right:2.7rem;margin:0;color:#5a463394;font-size:.65rem;letter-spacing:.15em}.encounter-copy .eyebrow{margin:0 0 .8rem}.encounter-copy h2{margin:0 0 1.5rem;font-size:clamp(3rem,5.5vw,5.7rem);letter-spacing:.02em;white-space:nowrap}.encounter-seal{position:absolute;top:21%;right:17%;width:1.5rem;height:1.9rem;display:grid;place-items:center;border:1px solid rgba(155,76,62,.82);border-radius:.18rem;color:var(--cinnabar);font-size:.9rem;line-height:1;transform:rotate(4deg)}.encounter-copy .person-meta{grid-template-columns:.75fr 1.25fr;gap:1.2rem;margin-bottom:1.25rem;padding:1rem 0;border-color:#4133243d}.encounter-copy .person-meta dd{overflow-wrap:anywhere;line-height:1.65}.encounter-copy .person-intro{margin:.1rem 0 .9rem;color:#4b4338;font-size:clamp(.88rem,1.2vw,1.02rem);line-height:1.95}.encounter-copy .text-button{align-self:flex-start;margin-top:.8rem}.encounter-layer[data-character=banzhao] .portrait-orbit{background-position:16% center;background-image:linear-gradient(#aa926f3b,#aa926f29),var(--encounter-scene)}.encounter-layer[data-character=banzhao] .portrait-figure img{filter:saturate(1.18) contrast(1.2) brightness(.95) drop-shadow(10px 18px 14px rgba(38,28,21,.32))}.encounter-layer[data-character=wangzhaojun] .portrait-orbit{background-position:70% center}@media(max-width:1100px)and (min-width:801px){.encounter-layer{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}.encounter-copy{padding:2.2rem}.encounter-copy h2{font-size:clamp(2.9rem,5vw,4.1rem)}.encounter-seal{right:11%}}@media(max-width:800px){.interactive-stage[data-mode=encounter]{height:auto;min-height:100svh;overflow:visible}.interactive-stage[data-mode=encounter] .stage-ui{position:relative;top:auto;left:auto;right:auto;min-height:9rem;padding:5rem 1.1rem 1.2rem}.interactive-stage[data-mode=encounter] .stage-instruction{width:min(68vw,21rem)}.interactive-stage[data-mode=encounter] .stage-back{margin-top:.2rem}.interactive-stage[data-mode=encounter] .stage-scene{position:relative;inset:auto;overflow:visible}.interactive-stage[data-mode=encounter] .map-layer,.interactive-stage[data-mode=encounter] .stage-counter{display:none}.encounter-layer{position:relative;inset:auto;display:grid;grid-template-columns:1fr;padding:0 1rem 2rem}.encounter-scenery{background-position:35% center}.portrait-figure{height:clamp(420px,78vw,620px);min-height:0}.portrait-orbit{top:5%;left:9%;width:min(80%,520px);max-height:85%}.portrait-figure img{left:0;width:100%;height:108%}.portrait-figure figcaption{display:block}.encounter-copy{width:100%;min-height:0;max-height:none;margin:-1rem 0 0;padding:2.7rem clamp(1.4rem,5vw,2.5rem) 2.4rem}.encounter-folio{top:.9rem;right:2.5rem}.encounter-copy h2{font-size:clamp(3rem,11vw,5rem)}.encounter-seal{top:5.5rem;right:14%}.encounter-copy .person-meta{grid-template-columns:.8fr 1.2fr}}@media(max-width:480px){.portrait-figure{height:440px}.portrait-figure img{height:103%}.encounter-copy h2{font-size:clamp(2.65rem,12vw,3.4rem)}.encounter-seal{right:11%}.encounter-copy .person-meta{grid-template-columns:1fr;gap:.6rem}.encounter-copy .person-meta div+div{padding-top:.5rem;border-top:1px solid rgba(65,51,36,.15)}}.remember-layer{isolation:isolate;padding:2.2rem}.remember-layer:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#ebdcc21f,#f2e6cf57 28% 72%,#ebdcc21f),url(/assets/silk-road-letter-landscape-Hhz3CIN5.png) center / cover no-repeat;filter:saturate(.84) contrast(.94)}.scroll-sheet{z-index:1;width:min(760px,79vw);min-height:min(540px,100%);padding:clamp(3.3rem,5vh,4.5rem) clamp(3.1rem,6.8vw,6rem) 3.7rem;border:1px solid rgba(108,78,50,.35);background:linear-gradient(90deg,rgba(79,54,32,.11),transparent 3.5% 96.5%,rgba(79,54,32,.12)),radial-gradient(circle at 54% 20%,rgba(255,252,239,.72),transparent 65%),repeating-linear-gradient(87deg,transparent 0 10px,rgba(107,78,50,.016) 11px),#f4ead6;box-shadow:0 30px 54px #33241842,0 5px 13px #38271a1f,inset 0 0 28px #7b573317}.scroll-sheet:before,.scroll-sheet:after{z-index:5;left:-3.5%;width:107%;height:2rem;border:1px solid #6d4b30;border-radius:1rem;background:linear-gradient(90deg,#39291f 0 1.2%,#a67545 1.4% 2.2%,#36261d 2.5% 3.2%,transparent 3.5% 96.5%,#36261d 96.8% 97.5%,#a67545 97.8% 98.6%,#39291f 98.8% 100%),linear-gradient(180deg,#64452f,#c5a272 15%,#eee0bf 39%,#d5bd93 70%,#765237);box-shadow:0 8px 9px #2e1f1547,inset 0 1px #fff5daa6;transform:none}.scroll-sheet:before{top:-1.05rem}.scroll-sheet:after{bottom:-1.05rem}.scroll-ornament{position:absolute;z-index:1;right:2.8%;left:2.8%;height:1.1rem;border-block:1px solid rgba(139,98,62,.28);background:radial-gradient(ellipse at center,rgba(133,91,58,.33) 0 2px,transparent 2.5px) 0 50% / 18px 10px repeat-x,linear-gradient(90deg,transparent,rgba(161,112,74,.12) 15% 85%,transparent);pointer-events:none}.scroll-ornament-top{top:1.35rem}.scroll-ornament-bottom{bottom:1.35rem}.scroll-illustration{position:absolute;z-index:0;right:3%;bottom:2.2rem;left:3%;height:24%;background:url(/assets/silk-road-letter-landscape-Hhz3CIN5.png) center 76% / 125% auto no-repeat;opacity:.36;-webkit-mask-image:linear-gradient(transparent,#000 62%);mask-image:linear-gradient(transparent,#000 62%);pointer-events:none}.scroll-sheet>.eyebrow,.remember-recipient,.remember-prompt,.letter{position:relative;z-index:2}.scroll-sheet>.eyebrow{font-size:.72rem}.remember-recipient{margin:.8rem 0 0;color:#9b4c3e;font-size:.75rem;letter-spacing:.22em}.remember-prompt{margin-top:1.1rem;text-align:center}.remember-prompt h2{font-size:clamp(2.15rem,3.5vw,3.4rem);line-height:1.38;letter-spacing:.03em}.keyword-picker{gap:clamp(.55rem,1.4vw,1.1rem);margin:2.1rem 0 1.75rem}.keyword{width:clamp(3.5rem,5.6vw,4.3rem);height:clamp(5.1rem,8vw,6rem);border-color:#60463059;border-radius:.18rem;background:linear-gradient(90deg,rgba(113,77,45,.09),transparent 9% 92%,rgba(113,77,45,.1)),#efe4ce;box-shadow:0 4px 7px #382a1b21;display:grid;place-items:center;font-size:1.03rem;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.keyword:before{inset:.55rem auto auto calc(50% - .2rem);width:.4rem;height:.4rem;border:1px solid rgba(100,70,45,.46);border-radius:50%;background:#c5af88}.keyword:after{content:"";position:absolute;left:50%;top:-.65rem;width:1px;height:1.2rem;background:#6a482ea6}.keyword span{margin-top:.5rem}.keyword:hover,.keyword.is-selected{border-color:#a5513d;background:#ead7bd;box-shadow:0 5px 12px #6f332a36,inset 0 0 0 2px #9b4c3e40}.keyword:hover:before,.keyword.is-selected:before{border-color:var(--cinnabar)}.generate-letter-button{min-width:9.7rem;border:1px solid #8d4a39;padding:.72rem 1.45rem;background:#8d4a39;color:#f9f0db;box-shadow:0 5px 10px #572a1f33;letter-spacing:.15em;transition:transform .25s ease,background-color .25s ease,opacity .25s ease}.generate-letter-button:hover:not(:disabled){background:#75392e;transform:translateY(-2px)}.generate-letter-button:disabled{opacity:.38;box-shadow:none}.letter{min-height:0;padding:.2rem 0 1.7rem}.letter-kicker{margin:.7rem 0 0}.letter h3{margin:1.1rem 0 .65rem;font-size:clamp(3.2rem,5vw,5.2rem);line-height:1.12}.letter-route{margin:.8rem 0 .45rem;font-size:.9rem;line-height:1.65}.letter-years{margin:0}.letter-closing{width:88%;margin:2.2rem 0 0;color:#302b25;font-size:clamp(1rem,1.4vw,1.12rem);line-height:2}.letter-seal{right:2%;bottom:0;border-width:2px;background:#f6e7cdb8;box-shadow:0 0 0 4px #9b4c3e0d}.scroll-sheet.has-letter{padding-top:clamp(3rem,4vh,4rem)}@media(max-width:800px){.interactive-stage[data-mode=remember]{height:auto;min-height:100svh;overflow:visible}.interactive-stage[data-mode=remember] .stage-ui{position:relative;top:auto;left:auto;right:auto;min-height:9rem;padding:5rem 1.2rem 1rem}.interactive-stage[data-mode=remember] .stage-instruction{width:min(68vw,21rem)}.interactive-stage[data-mode=remember] .stage-scene{position:relative;inset:auto;overflow:visible}.interactive-stage[data-mode=remember] .map-layer,.interactive-stage[data-mode=remember] .stage-counter{display:none}.remember-layer{position:relative;inset:auto;padding:1.7rem 1.35rem 3rem}.scroll-sheet{width:min(100%,660px);min-height:0;margin:0 auto;padding:4rem clamp(1.4rem,7vw,3.5rem) 4.5rem}.remember-prompt{margin-top:2rem}.letter{padding-bottom:2.5rem}}@media(max-width:480px){.scroll-sheet{padding:3.8rem 1.5rem 4.3rem}.remember-prompt h2{font-size:clamp(1.9rem,8.4vw,2.6rem)}.keyword-picker{gap:.7rem;margin-block:2rem}.keyword{width:3.35rem;height:5rem}.letter h3{font-size:3.4rem}.letter-closing{width:100%;margin-top:1.8rem}.letter-seal{position:relative;display:grid;margin:1.5rem 0 0 auto}}