:root{color-scheme:light;--paper:#f4f8f2;--ink:#163c2d;--green:#087443;--muted:#6c8274}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}
body{min-height:100svh;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 38%,#fff 0%,#ffffff90 26%,transparent 68%);pointer-events:none}
.wash{position:fixed;width:62vw;height:72vh;border-radius:50%;filter:blur(85px);z-index:-3;pointer-events:none}.wash-mint{background:#c4e2b94d;left:-20vw;top:-9vh}.wash-sage{background:#b4d7c83b;right:-24vw;bottom:-16vh}
.landscape{position:fixed;inset:0;width:100%;height:100%;z-index:-1;color:#47876a;opacity:.13;pointer-events:none}.mountain{opacity:.42}.dune{transform-origin:center;animation:drift 14s ease-in-out infinite alternate}.two{opacity:.58;animation-delay:-4s}.three{opacity:.32;animation-delay:-8s}
header{height:78px;display:flex;align-items:flex-start;justify-content:space-between;padding:27px 34px;gap:15px}.edition{font-size:10px;letter-spacing:2.1px;color:#718b7c;line-height:26px}.edition span{padding:0 8px;color:#a6bcad}.tag{display:flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #1c764520;background:#ffffff80;border-radius:30px;color:#356f4f;font-size:11px;letter-spacing:1.5px}.tag i{width:6px;height:6px;border-radius:50%;background:#56a35b;box-shadow:0 0 0 4px #72b77817}
main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 24px 24px}.crest-entry{position:relative;width:clamp(205px,28vh,255px);aspect-ratio:1;margin-bottom:42px;animation:arrive 1.2s cubic-bezier(.2,.8,.25,1) both}
.halo{position:absolute;inset:-22px;border-radius:50%;border:1px solid #24764517;background:radial-gradient(circle,transparent 54%,#c2dfc214 80%,transparent);animation:breathe 5s ease-in-out infinite}.halo::before{content:"";position:absolute;inset:-14px;border:1px solid #2476450c;border-radius:inherit}.orbit{position:absolute;inset:-22px;border-radius:50%;animation:orbit 24s linear infinite}.orbit i{position:absolute;left:50%;top:-3px;width:6px;height:6px;background:#8aba76;border-radius:50%;box-shadow:0 0 0 4px #8aba7613}
.crest-float{position:relative;width:100%;height:100%;animation:bob 4.8s ease-in-out 1.2s infinite}.crest-float img{border-radius:50%;display:block;width:100%;height:100%;object-fit:contain;background:#fff;box-shadow:0 17px 40px #174d2a10,0 3px 9px #174d2a06}.shadow{position:absolute;bottom:-25px;left:26%;width:48%;height:9px;border-radius:50%;background:#2f6e3520;filter:blur(8px);animation:shadow 4.8s ease-in-out 1.2s infinite}
.spark{position:absolute;color:#7dac65;font-size:19px}.s1{top:15%;left:-17%;animation:spark 3.5s ease-in-out infinite}.s2{top:66%;right:-18%;font-size:26px;animation:spark 4.2s ease-in-out -1s infinite}.leaf{position:absolute;top:-5%;right:-10%;width:11px;height:18px;border-radius:90% 0 90% 0;background:#7ba77b66;transform:rotate(32deg);animation:leaf 5s ease-in-out infinite}
.copy{text-align:center;animation:reveal .9s ease-out .42s both}.eyebrow{font-size:13px;color:var(--muted);letter-spacing:1.2px;margin:0 0 11px}h1{font-size:clamp(30px,4vw,43px);letter-spacing:1.8px;line-height:1.3;margin:0;font-weight:850}h1 span{color:#72a257;margin-left:3px}.slogan{display:flex;justify-content:center;align-items:center;gap:13px;font-size:10px;font-weight:650;letter-spacing:3px;color:#668b68;margin:13px 0 31px}.slogan span{width:23px;height:1px;background:#8bac8f5c}
.go{position:relative;display:inline-flex;gap:18px;justify-content:center;align-items:center;width:155px;height:58px;border:1px solid #ffffff40;border-radius:30px;background:linear-gradient(125deg,#258253,#087443 64%,#076039);box-shadow:inset 0 1px 0 #ffffff28,0 5px 0 #07502f,0 14px 27px #176e3c24;color:#fbfff8;text-decoration:none;font-size:20px;letter-spacing:3px;font-weight:750;transition:transform .24s ease,box-shadow .24s ease}.go svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s ease}.go:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff28,0 7px 0 #07502f,0 19px 32px #176e3c30}.go:hover svg{transform:translateX(4px)}.go:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff28,0 2px 0 #07502f,0 8px 16px #176e3c20}.go:focus-visible{outline:3px solid #68985a;outline-offset:8px}
.destination{color:#748677;font-size:10px;letter-spacing:1px;margin-top:18px}.timer-area{margin:26px auto 0;width:185px}.track{height:3px;background:#26694412;border-radius:10px;overflow:hidden}.track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#94c37b,#198352);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}#status{font-size:11px;color:#6c8274;line-height:1.6;margin:11px -45px 0}.nojs{font-size:13px;text-align:center}
footer{text-align:center;padding:16px 20px 23px;font-size:10px;letter-spacing:.5px;line-height:1.7;color:#718678}footer span{padding:0 5px;color:#94ab99}
.portal{position:fixed;top:50%;left:50%;width:160vmax;height:160vmax;z-index:10;border-radius:50%;background:radial-gradient(circle at 50% 45%,#237d50,#0c5836 55%,#064127);transform:translate(-50%,-50%) scale(0);transition:transform .76s cubic-bezier(.65,0,.3,1);pointer-events:none}.departure{position:fixed;inset:0;z-index:11;display:flex;gap:15px;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;color:#f1f9e9;transform:translateY(12px);transition:opacity .28s .48s,transform .4s .45s}.departure-icon{width:44px;height:44px;stroke:#b9dfa3;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-bottom:8px}.departure span{font-size:clamp(24px,5vw,32px);font-weight:700;letter-spacing:3px}.departure small{font-size:9px;letter-spacing:3px;color:#bbd7c2}body.leaving .portal{transform:translate(-50%,-50%) scale(1)}body.leaving .departure{opacity:1;transform:translateY(0)}body.leaving .go{pointer-events:none}body.leaving .crest-float{animation-play-state:paused}
@keyframes arrive{0%{opacity:0;transform:translateY(34px) scale(.86)}70%{opacity:1;transform:translateY(-5px) scale(1.015)}100%{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}}@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.8);opacity:.3}}@keyframes spark{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.8;transform:scale(1.08) rotate(9deg)}}@keyframes drift{from{transform:translateX(-8px)}to{transform:translateX(8px)}}@keyframes breathe{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.035);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes leaf{0%,100%{transform:translateY(0) rotate(32deg)}50%{transform:translateY(-7px) rotate(48deg)}}
@media(max-width:600px){header{height:65px;padding:20px}.edition{font-size:8px;letter-spacing:1.3px}.edition span{padding:0 3px}.tag{font-size:10px;padding:6px 10px}main{padding:26px 20px 22px}.crest-entry{width:min(58vw,232px);margin-bottom:39px}.halo,.orbit{inset:-18px}.halo::before{inset:-11px}.eyebrow{font-size:12px;letter-spacing:.5px}h1{letter-spacing:1px}.slogan{margin-bottom:28px}footer{font-size:9px;padding-bottom:20px}.landscape{opacity:.1}}
@media(max-height:680px){header{height:52px;padding-top:17px}main{padding-top:22px;padding-bottom:12px}.crest-entry{width:min(30vh,200px);margin-bottom:33px}.eyebrow{font-size:11px}h1{font-size:30px}.slogan{margin-top:10px;margin-bottom:20px}.go{height:52px;width:145px}.timer-area{margin-top:21px}footer{padding-top:10px;padding-bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}body.leaving .portal{border-radius:0}.copy,.crest-entry{opacity:1}}