:root{--paper:#eee8dc;--paper-light:#f7f2e8;--ink:#26342f;--muted-ink:#77776a;--brick:#b9563e;--gold:#b49359;--glass:#faf8f2b8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}.experience{isolation:isolate;background:radial-gradient(at 50% 48%,#ffffffc7,#0000 42%),radial-gradient(at 6% 80%,#d0be9b2e,#0000 35%),linear-gradient(130deg,#f3eee4 0%,#e9e2d4 53%,#f3eee4 100%);width:100%;min-height:100svh;position:relative;overflow:hidden}.experience:after{z-index:-1;content:"";opacity:.13;pointer-events:none;background-image:radial-gradient(#443a2c2e .45px,#0000 .6px);background-size:5px 5px;position:absolute;inset:0}.topographic-paper{z-index:-1;opacity:.38;pointer-events:none;background-image:repeating-radial-gradient(at 22% 42%,#0000 0 34px,#6b68571c 35px 36px,#0000 37px 66px);position:absolute;inset:-20%;transform:rotate(-7deg)scale(1.14)}.route-lines{z-index:-1;opacity:.32;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-lines path{fill:none;stroke:#a89b7e;stroke-dasharray:2 7;stroke-width:1.2px}.single-scene{width:100%;height:100svh;min-height:720px;position:relative}.video-card{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#faf8f2bd;border:1px solid #ffffffd1;border-radius:28px;width:min(41vw,52svh,510px);min-width:300px;padding:10px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 75px #3e352730,0 4px 15px #3e352714,inset 0 1px #fffffff0}.video-window{aspect-ratio:1;background:#1c2825;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.promo-video{object-fit:cover;width:100%;height:100%;display:block}.promo-video::-webkit-media-controls-panel{background-image:linear-gradient(#0000,#0e1312b3)}.play-overlay{z-index:2;color:#fff;cursor:pointer;background:linear-gradient(#09100e0f,#09100e3d);border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;transition:background .22s;display:flex;position:absolute;inset:0}.play-overlay:hover{background:#09100e29}.play-orb{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf8f233;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s;display:grid;box-shadow:0 8px 30px #00000029,inset 0 1px #ffffff73}.play-overlay:hover .play-orb{background:#ffffff52;transform:scale(1.08)}.play-orb svg{width:24px;height:24px;margin-left:3px}.play-label{letter-spacing:.18em;text-shadow:0 1px 8px #00000073;font-family:Noto Serif SC,Songti SC,serif;font-size:14px}.video-caption{justify-content:space-between;align-items:end;gap:12px;padding:15px 8px 5px;display:flex}.video-kicker{color:var(--brick);letter-spacing:.16em;font-size:10px;font-weight:600}.video-caption h1{color:#27342f;letter-spacing:.08em;margin:4px 0 0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(19px,2.1vw,26px);font-weight:600}.sticker-field{z-index:4;pointer-events:none;position:absolute;inset:0}.landmark-sticker{width:clamp(142px,15vw,205px);color:var(--ink);cursor:pointer;pointer-events:auto;text-align:left;transform:rotate(var(--tilt));animation:7.4s ease-in-out infinite sticker-drift;animation-delay:var(--float-delay);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:translate .36s cubic-bezier(.2,.78,.2,1),scale .36s cubic-bezier(.2,.78,.2,1),filter .36s,z-index;display:block;position:absolute}.landmark-sticker:hover,.landmark-sticker:focus-visible{z-index:9;filter:drop-shadow(0 0 14px #fffbe6d6)drop-shadow(0 20px 21px #30261847);outline:none;animation-play-state:paused;translate:0 -16px;scale:1.09}.sticker-image-wrap{aspect-ratio:1;filter:drop-shadow(0 0 4px #ffffffd6)drop-shadow(0 12px 17px #382d1e38);width:100%;transition:filter .32s;display:block;position:relative}.landmark-sticker--photo .sticker-image-wrap{clip-path:polygon(3% 4%,31% 2%,56% 4%,76% 1%,98% 5%,97% 26%,100% 49%,97% 73%,99% 95%,74% 98%,51% 96%,28% 99%,3% 96%,5% 74%,1% 50%,4% 28%);filter:drop-shadow(0 0 2px #fffffffa)drop-shadow(0 0 9px #f2dcad85)drop-shadow(0 12px 17px #382d1e33);background:#fffef7f5;padding:5px}.landmark-sticker--cutout .sticker-image-wrap{aspect-ratio:auto;height:auto}.sticker-image{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.landmark-sticker--cutout .sticker-image{object-fit:contain;filter:drop-shadow(0 0 2px #fffff8fa)drop-shadow(0 0 10px #eccb8b94)drop-shadow(0 13px 15px #352b1c33);height:auto}.landmark-sticker--photo .sticker-image{clip-path:polygon(4% 4%,31% 2%,56% 4%,76% 1%,96% 5%,96% 27%,99% 49%,96% 72%,98% 95%,74% 96%,51% 94%,28% 97%,4% 94%,5% 73%,2% 50%,5% 28%)}.sticker-number{z-index:2;color:#fffaf0;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#25302b8f;border:1px solid #ffffff9e;border-radius:50%;place-items:center;width:27px;height:27px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;display:grid;position:absolute;top:10px;right:11px}.sticker-label{color:#303c35;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px #fffffff5,0 0 10px #fffc;max-width:100%;margin:2px 0 0 8px;padding:0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(12px,1vw,14px);font-weight:600;line-height:1.15;display:block;position:relative}.sticker--academy{width:clamp(150px,16vw,218px);top:14%;left:5.5%}.sticker--exam{width:clamp(138px,11.5vw,164px);top:40%;left:8%}.sticker--arcade{width:clamp(142px,15vw,198px);top:43%;right:4.5%}.sticker--pier{width:clamp(145px,15vw,192px);bottom:4.5%;right:13%}.sticker--surname{width:clamp(146px,15vw,192px);bottom:4.5%;left:5%}.sticker--pagoda{width:clamp(150px,16vw,210px);top:16%;right:6%}.sticker--zhao-tuo{width:clamp(92px,10vw,126px);top:2%;left:44%}.story-backdrop{z-index:20;-webkit-backdrop-filter:blur(13px)saturate(.82);backdrop-filter:blur(13px)saturate(.82);background:#1d26226b;place-items:center;padding:28px;animation:.26s both backdrop-in;display:grid;position:fixed;inset:0}.story-card{-webkit-backdrop-filter:blur(34px)saturate(1.32);backdrop-filter:blur(34px)saturate(1.32);background:#f6f3ebd4;border:1px solid #fffc;border-radius:32px;grid-template-columns:.92fr 1.08fr;width:min(860px,92vw);min-height:480px;animation:.52s cubic-bezier(.18,.78,.18,1) both card-arrive;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #0a110e5c,inset 0 1px #fffc}.story-image-panel{background:#ded6c6;min-height:480px;position:relative;overflow:hidden}.story-image-panel:after{content:"";pointer-events:none;background:linear-gradient(#19211d0d,#0000 48%,#19211d3d);position:absolute;inset:0}.story-image{object-fit:cover}.story-image-index{z-index:1;color:#fff;letter-spacing:.19em;text-shadow:0 1px 10px #0000007a;font-size:11px;position:absolute;bottom:23px;left:24px}.story-glass-panel{background:radial-gradient(at 100% 0,#ffffffe0,#0000 42%),linear-gradient(145deg,#fcfaf5c7,#ebe6da9e);flex-direction:column;min-width:0;padding:31px 35px 25px;display:flex;position:relative}.story-glass-panel:before{content:"";pointer-events:none;border:1px solid #ffffff91;border-radius:24px;position:absolute;inset:10px}.story-topline{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.story-period{color:var(--brick);letter-spacing:.09em;background:#ffffff5e;border:1px solid #b9563e38;border-radius:999px;padding:7px 12px;font-size:11px}.close-button{color:#465149;cursor:pointer;background:#ffffff6b;border:1px solid #ffffffe6;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .22s,background .22s;display:grid;box-shadow:0 6px 18px #3e362a14,inset 0 1px #fff}.close-button:hover{background:#ffffffc2;transform:rotate(90deg)}.close-button svg{width:17px;height:17px}.story-glass-panel h2{z-index:1;color:#293832;letter-spacing:.06em;margin:27px 0 14px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(29px,4vw,43px);font-weight:600;line-height:1.22;position:relative}.story-description{z-index:1;color:#4c564f;letter-spacing:.035em;max-width:34em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:15px;line-height:1.9;position:relative}.story-fact{z-index:1;color:#7b6338;letter-spacing:.035em;background:#ffffff52;border:1px solid #b4935942;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:19px;padding:8px 12px 8px 10px;font-family:Noto Serif SC,Songti SC,serif;font-size:12px;display:inline-flex;position:relative}.story-fact-mark{color:var(--brick);font-size:13px}.story-footnote{z-index:1;border-top:1px solid #5d5a4929;align-items:flex-start;gap:12px;margin-top:auto;padding:15px 0 17px;display:flex;position:relative}.footnote-seal{width:27px;height:27px;color:var(--brick);border:1px solid #b9563e8a;border-radius:50%;flex:0 0 27px;place-items:center;font-family:Noto Serif SC,Songti SC,serif;font-size:14px;display:grid}.story-footnote p{color:#72756c;letter-spacing:.04em;margin:2px 0 0;font-size:12px;line-height:1.8}.story-card-footer{z-index:1;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;display:flex;position:relative}.story-card-footer a{color:#8a7860;letter-spacing:.035em;text-underline-offset:3px;font-size:10px;line-height:1.6;text-decoration-color:#8a786061}.story-card-footer a:hover{color:var(--brick)}.story-signature{color:#a39883;letter-spacing:.2em;flex:none;align-self:flex-end;font-family:Noto Serif SC,Songti SC,serif;font-size:10px}@keyframes sticker-drift{0%,to{translate:0}50%{translate:0 -7px}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes card-arrive{0%{opacity:0;transform:translateY(16px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1080px) and (min-width:761px){.single-scene{min-height:700px}.video-card{width:min(43vw,48svh,460px)}.sticker--academy{left:3%}.sticker--exam{top:40%;left:7%}.sticker--surname{left:3%}.sticker--pier{right:6%}.sticker--zhao-tuo{top:8%;left:43%}}@media (max-height:760px) and (min-width:761px){.single-scene{min-height:640px}.video-card{width:min(38vw,46svh,420px)}.sticker--academy{top:14%}.sticker--exam{top:40%}.sticker--arcade{top:41%}.sticker--pagoda{top:13%}}@media (max-width:760px){.experience{min-height:100svh;overflow:hidden auto}.single-scene{flex-direction:column;align-items:center;height:auto;min-height:0;padding:26px 12px 32px;display:flex}.video-card{border-radius:23px;width:min(86vw,420px);min-width:0;padding:8px;position:relative;top:auto;left:auto;transform:none}.video-window{border-radius:16px}.play-orb{width:58px;height:58px}.video-caption{padding:11px 6px 3px}.video-caption h1{font-size:20px}.sticker-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 13px;width:min(100%,560px);margin-top:24px;padding:3px 12px 12px;display:grid;position:relative;inset:auto}.landmark-sticker,.sticker--academy,.sticker--exam,.sticker--arcade,.sticker--pier,.sticker--surname,.sticker--pagoda,.sticker--zhao-tuo{justify-self:center;width:min(100%,190px);animation-duration:8.5s;position:relative;inset:auto}.landmark-sticker:nth-child(odd){margin-top:15px}.landmark-sticker--photo .sticker-image-wrap{padding:4px}.sticker-number{width:23px;height:23px;font-size:9px;top:9px;right:9px}.sticker-label{margin-top:1px;margin-left:7px;font-size:12px}.story-backdrop{padding:16px}.story-card{border-radius:27px;grid-template-rows:minmax(170px,31svh) 1fr;grid-template-columns:1fr;width:min(480px,100%);min-height:min(720px,100svh - 32px)}.story-image-panel{min-height:0}.story-glass-panel{padding:21px 24px 20px}.story-glass-panel:before{border-radius:20px;inset:7px}.story-glass-panel h2{margin:20px 0 10px;font-size:29px}.story-description{font-size:14px;line-height:1.8}.story-fact{margin-top:12px;font-size:11px}.story-footnote{padding:13px 0 12px}.story-footnote p{font-size:11px}.story-card-footer a,.story-signature{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
