:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#243e40;background:#edf4e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.page{--cycle:1.6s;--travel:8s;--sky-top:#edf4e8;--sky-bottom:#e8eed8;--sea-top:#a2d0c8;--sea-bottom:#c8e1c6;--sun:#f5c36a;min-height:100svh;display:flex;flex-direction:column;transition:background .8s;background:var(--sky-top)}header{height:106px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;width:100%;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:750;font-size:20px;letter-spacing:2px}.brand>svg{width:40px;height:40px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-top:6px}.edition{font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:24px}.edition>span{font-size:24px}.ride{position:relative;flex:1;min-height:700px;height:calc(100svh - 100px);overflow:hidden}.landscape{position:absolute;inset:0;width:100%;height:100%}.intro{position:absolute;z-index:1;left:8%;top:21%;pointer-events:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 20px}.intro h1{font-size:clamp(44px,5.3vw,80px);font-weight:550;letter-spacing:-3px;line-height:1.18;margin:0}.intro h1 span{color:#d6854d}.sub{font-size:14px;letter-spacing:2px;margin-top:23px;color:#61766a}.postmark{position:absolute;z-index:1;right:6%;top:20%;width:100px;transform:rotate(12deg);color:#6e8c79;text-align:center}.postmark svg{width:84px;fill:none;stroke:currentColor;stroke-width:1.4}.postmark span{font-size:10px;letter-spacing:2px;white-space:nowrap;display:block;margin-top:3px}.scene-caption{position:absolute;bottom:29px;left:5.6%;right:5.6%;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;color:#6a7764}.caption-line{width:27px;height:1px;background:currentColor}.weather{margin-left:auto}.dusk-label{display:none}footer{min-height:100px;padding:18px 5.6%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f8f8ef;border-top:1px solid #314d3c14;z-index:2}.ride-note{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap}.live-mark{width:6px;height:6px;border-radius:50%;background:#66856c;box-shadow:0 0 0 4px #66856c14}.note-separator{color:#b5beac;margin:0 3px}.little-note{color:#85907e;font-size:12px}.controls{display:flex;gap:7px;background:#ecefe4;padding:6px;border:1px solid #dfe5d6;border-radius:50px}.control{height:41px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;cursor:pointer;border-radius:30px;font-size:13px;user-select:none;transition:background .2s,box-shadow .2s}.control:hover{background:#fff9}.control svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pause-control{background:#fffefa;box-shadow:0 2px 4px #273d3510}.footer-sign{font-size:10px;letter-spacing:1.5px;color:#84907d}.play-icon,.play-label,.paused-label{display:none!important}#pause:checked~.page .pause-icon,#pause:checked~.page .pause-label,#pause:checked~.page .moving-label{display:none}#pause:checked~.page .play-icon,#pause:checked~.page .play-label,#pause:checked~.page .paused-label{display:inline!important}#pause:checked~.page .live-mark{background:#ae9673;box-shadow:none}#fast:checked~.page{--cycle:.8s;--travel:4s}#fast:checked~.page label[for=fast],#sunset:checked~.page label[for=sunset]{background:#294b43;color:#fff}#pause:focus-visible~.page label[for=pause],#fast:focus-visible~.page label[for=fast],#sunset:focus-visible~.page label[for=sunset]{outline:3px solid #d88943;outline-offset:3px}#sunset:checked~.page{--sky-top:#f1dbc8;--sky-bottom:#f4c9a0;--sea-top:#acbfb8;--sea-bottom:#d5cab2;--sun:#f09257}#sunset:checked~.page .day-label{display:none}#sunset:checked~.page .dusk-label{display:inline}#sunset:checked~.page .sun{transform:translateY(123px)}.sun{transition:transform 2s ease}.spokes{animation:spin var(--cycle) linear infinite;transform-origin:0 0}.crank,.front-foot-orbit{transform-origin:769px 596px;animation:spin var(--cycle) linear infinite}.pedal-front{transform-origin:796px 613px;animation:counterspin var(--cycle) linear infinite}.pedal-back{transform-origin:742px 579px;animation:counterspin var(--cycle) linear infinite}.front-foot{transform-origin:796px 613px;animation:counterspin var(--cycle) linear infinite}.leg-front{animation:pedal var(--cycle) linear infinite}.leg-back{animation:pedalBack var(--cycle) linear infinite}.rider{animation:bob .8s ease-in-out infinite}.scarf{transform-origin:799px 313px;animation:scarf .8s ease-in-out infinite}.wing{transform-origin:672px 363px;animation:wing 1.6s ease-in-out infinite}.eye{transform-origin:863px 213px;animation:blink 5.8s linear infinite}.road{animation:road var(--travel) linear infinite}.foreground{animation:foreground var(--travel) linear infinite}.clouds{animation:clouds 45s ease-in-out infinite alternate}.water{animation:water 7s ease-in-out infinite alternate}#pause:checked~.page *,#pause:checked~.page *::before,#pause:checked~.page *::after{animation-play-state:paused!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterspin{to{transform:rotate(-360deg)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes scarf{0%,100%{transform:skewY(-3deg) scaleY(.9)}50%{transform:skewY(5deg) scaleY(1.1)}}@keyframes wing{50%{transform:rotate(-1.5deg)}}@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.05)}}@keyframes road{to{transform:translateX(-1528px)}}@keyframes foreground{to{transform:translateX(-1440px)}}@keyframes clouds{to{transform:translateX(-90px)}}@keyframes water{to{transform:translateX(-18px)}}@keyframes pedal{0%,100%{d:path('M741 442Q717 516 758 536L796 613')}25%{d:path('M741 442Q696 515 733 547L752 623')}50%{d:path('M741 442Q692 491 723 517L742 579')}75%{d:path('M741 442Q740 483 770 505L786 569')}}@keyframes pedalBack{0%,100%{d:path('M742 444Q710 490 726 517L742 579')}25%{d:path('M742 444Q746 483 770 505L786 569')}50%{d:path('M742 444Q727 516 758 536L796 613')}75%{d:path('M742 444Q700 515 733 547L752 623')}}
@media(min-aspect-ratio:18/10){.ride{min-height:620px}.intro{top:23%;left:10%}.intro h1{font-size:64px}.postmark{right:9%}}
@media(max-width:1000px){.little-note,.note-separator,.footer-sign{display:none}.intro{left:6%;top:19%}.intro h1{font-size:55px}.postmark{right:5%;top:20%}footer{gap:14px}.landscape{width:120%;max-width:none;left:-10%}}
@media(max-width:600px){header{height:86px;padding:0 7%}.brand{font-size:17px;gap:8px}.brand>svg{width:33px}.brand small{font-size:8px;letter-spacing:1.3px}.edition{font-size:10px;letter-spacing:1px}.edition>span{display:none}.ride{min-height:680px;height:calc(100svh - 141px)}.intro{top:119px;left:8%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:15px}.intro h1{font-size:48px;letter-spacing:-2px;line-height:1.17}.sub{font-size:12px;letter-spacing:1px;margin-top:16px}.postmark{width:75px;right:8%;top:140px}.postmark svg{width:67px}.postmark span{font-size:8px;letter-spacing:1px}.landscape{inset:auto auto 0 50%;width:850px;height:502px;transform:translateX(-57.5%)}.scene-caption{font-size:9px;letter-spacing:1px;bottom:19px;left:8%;right:8%}.caption-line{width:17px}footer{min-height:141px;flex-direction:column;justify-content:center;gap:14px;padding:15px 12px}.ride-note{font-size:11px}.little-note,.note-separator{display:inline;font-size:11px}.controls{gap:5px}.control{font-size:12px;height:39px;padding:0 19px}.live-mark{width:5px;height:5px}}
@media(max-width:360px){.edition{display:none}.postmark{right:6%}.intro h1{font-size:43px}.control{padding:0 15px}.landscape{width:810px;height:478px}}
@media(prefers-reduced-motion:reduce){.page *{animation:none!important;transition:none!important}.moving-label{font-size:0}.moving-label:after{content:'海边歇一会儿';font-size:13px}.live-mark{box-shadow:none}}