@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zcool-kuaile-chinese-simplified-400-normal-BKaOBC6q.woff2) format("woff2")}:root{--page-bg-top: #132557;--page-bg-mid: #f6b6a9;--page-bg-bottom: #ffe0b7;--ink: #3e241f;--muted: #805a54;--paper: #fff6e9;--paper-soft: #fffaf0;--accent: #f66f70;--accent-strong: #e75861;--mint: #79d0b0;--sky: #8ac5e8;--plum: #462355;--line: rgba(112, 66, 59, .18);--shadow: 0 18px 44px rgba(88, 39, 45, .2);--soft-shadow: 0 10px 28px rgba(77, 42, 38, .12);--radius: 8px;--ease: cubic-bezier(.2, .8, .2, 1);--font-ui: "SF Pro Rounded", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "ZCOOL KuaiLe", "SF Pro Rounded", "PingFang SC", "Microsoft YaHei", cursive;--font-title: "ZCOOL KuaiLe", "STKaiti", "KaiTi", cursive;--font-hand: "STKaiti", "KaiTi", "ZCOOL KuaiLe", cursive;--font-number: "ZCOOL KuaiLe", "Comic Sans MS", "Chalkboard SE", "SF Pro Rounded", cursive;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:#ffd8c6}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#ffffff14,#fff0),linear-gradient(180deg,var(--page-bg-top) 0%,var(--page-bg-mid) 48%,var(--page-bg-bottom) 100%)}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;overflow-x:hidden;transition:background .6s var(--ease),color .6s var(--ease)}.phase-warm{--page-bg-top: #263a78;--page-bg-mid: #ffb29d;--page-bg-bottom: #ffe4ae;--accent: #ff7469;--accent-strong: #ee5e62;--mint: #71d6ba}.phase-near{--page-bg-top: #38417c;--page-bg-mid: #ff9f92;--page-bg-bottom: #ffda8d;--accent: #ff696e;--accent-strong: #f04f63;--mint: #64cfb5}.phase-soon,.phase-today{--page-bg-top: #405091;--page-bg-mid: #ff988a;--page-bg-bottom: #ffd365;--accent: #ff5d6f;--accent-strong: #e9455d;--mint: #54cdb2}.phase-after{--page-bg-top: #252d64;--page-bg-mid: #e9a79f;--page-bg-bottom: #f4d5b0;--accent: #d76b78;--accent-strong: #b94f65}.phone-shell{position:relative;width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 18% 44%,rgba(255,246,210,.45) 0 2px,transparent 3px),radial-gradient(circle at 78% 68%,rgba(255,255,255,.34) 0 1px,transparent 2px),linear-gradient(180deg,#ffd9bd00 0,#ffd9bd00 300px,#ffd9bdc7 430px,#ffd9bdf5 620px,#efb2a9c7 830px,#ffd9bd);box-shadow:0 0 70px #2619303d}.hero{position:relative;overflow:visible;min-height:424px;isolation:isolate}.hero:after{position:absolute;right:0;bottom:-245px;left:0;z-index:1;height:345px;content:"";background:linear-gradient(180deg,#ffd3b700,#ffd9bd29 14%,#ffd9bdf0 29%,#ffd9bdfa 48%,#ffd9bdd6 66%,#efb2a961 86%,#efb2a900);pointer-events:none}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:550px;object-fit:cover;object-position:top center;clip-path:inset(0 0 86px 0);filter:saturate(1.02);transform:translate3d(0,-40px,0)}.phase-warm .hero-art{filter:saturate(1.08) brightness(1.02)}.phase-near .hero-art,.phase-soon .hero-art,.phase-today .hero-art{filter:saturate(1.18) brightness(1.04)}.floating-bits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.floating-bits span{position:absolute;top:calc(54px + (var(--i) % 4) * 66px);left:calc(18px + (var(--i) * 37px) % 360px);width:9px;height:9px;color:#fff5d2eb;transform:rotate(45deg);animation:floatBit calc(6s + var(--i) * .18s) ease-in-out infinite;animation-delay:calc(var(--i) * -.55s)}.floating-bits span:before,.floating-bits span:after{position:absolute;width:100%;height:100%;content:"";border-radius:999px;background:currentColor;box-shadow:0 0 12px #ff9a928f}.floating-bits span:before{top:-45%;left:0}.floating-bits span:after{top:0;left:-45%}.floating-bits span:nth-child(3n){width:5px;height:5px;color:#ffffffe0}.floating-bits span:nth-child(4n){color:#ff7d7cd6}.hero-copy{position:relative;z-index:3;padding:288px 24px 0;text-align:center}.hero-copy h1{display:flex;justify-content:center;align-items:flex-end;gap:1px;margin:0;color:#fff8f4;font-family:var(--font-title);font-size:58px;font-weight:400;line-height:.94;letter-spacing:0;text-shadow:0 3px 10px rgba(75,34,42,.38),0 7px 20px rgba(238,104,109,.3),0 1px 0 rgba(255,255,255,.32)}.hero-copy h1 span{display:inline-block;transform:translateY(var(--drop)) rotate(var(--tilt));animation:titleWiggle 5.4s ease-in-out infinite;animation-delay:var(--delay);transform-origin:50% 86%}.hero-copy p{margin:15px 0 0;color:#fff9f2f0;font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1.35;letter-spacing:0;text-shadow:0 3px 12px rgba(62,33,42,.26)}.countdown-card{position:relative;z-index:5;width:calc(100% - 34px);margin:-34px auto 0;padding:25px 17px 19px;overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:var(--radius);background:linear-gradient(90deg,rgba(108,72,60,.07) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(0deg,rgba(108,72,60,.055) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(180deg,#ffffffe6,#fffaecf5),var(--paper);box-shadow:var(--shadow)}.countdown-card:before{position:absolute;top:11px;right:11px;bottom:11px;left:11px;content:"";border:1px solid rgba(128,78,63,.16);border-radius:7px;pointer-events:none}.countdown-card:after{position:absolute;top:20px;right:-24px;width:86px;height:86px;content:"";border:2px solid rgba(225,109,104,.2);border-radius:50%;background:radial-gradient(circle,rgba(255,124,119,.14) 0 32%,transparent 33%),repeating-linear-gradient(0deg,transparent 0 7px,rgba(201,119,109,.17) 8px 9px);transform:rotate(8deg);opacity:.75}.stamp{position:absolute;top:14px;left:50%;z-index:1;display:grid;width:30px;height:30px;color:var(--accent);place-items:center;transform:translate(-50%)}.phase-line{position:relative;z-index:1;margin:24px 0 13px;color:var(--accent-strong);font-family:var(--font-display);font-size:17px;font-weight:400;line-height:1.4;text-align:center}.count-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(96px,1.35fr) repeat(3,minmax(58px,.88fr));gap:0;align-items:stretch}.count-unit{position:relative;display:grid;min-height:86px;align-content:center;justify-items:center;padding:3px 6px}.count-unit+.count-unit:before{position:absolute;top:15px;bottom:15px;left:0;width:1px;content:"";border-left:1px dashed rgba(120,76,64,.25)}.count-unit strong{display:block;min-width:2ch;color:#ff6670;font-family:var(--font-number);font-size:46px;font-weight:400;line-height:.96;letter-spacing:0;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(255,255,255,.88),0 5px 0 rgba(137,65,58,.08),0 10px 18px rgba(151,71,74,.18);transform:translateY(-1px) rotate(-1deg)}.count-unit-wide strong{max-width:3.2ch;overflow:hidden;text-overflow:ellipsis;color:#4b2419;font-size:49px;transform:translateY(-1px) rotate(1deg)}.count-unit:nth-child(3) strong{transform:translateY(-1px) rotate(1deg)}.count-unit:nth-child(4) strong{transform:translateY(-1px) rotate(-2deg)}.count-unit span{margin-top:9px;color:#8b625d;font-size:16px;font-weight:900;line-height:1}.soft-line{position:relative;z-index:1;margin:8px 18px 0;color:var(--muted);font-family:var(--font-hand);font-size:18px;font-weight:400;line-height:1.65;text-align:center}.progress-section{position:relative;z-index:2;padding:22px 26px 7px;text-align:center}.progress-section h2{display:inline-flex;align-items:center;justify-content:center;margin:0 0 10px;color:var(--ink);font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1.2;letter-spacing:0;gap:10px}.progress-section h2 svg{color:var(--accent)}.route-track{position:relative;height:88px;margin:0 auto}.route-track:before,.route-fill{position:absolute;top:58px;height:12px;content:"";border-radius:999px}.route-track:before{right:18px;left:18px;background:radial-gradient(circle at 8px 6px,rgba(255,255,255,.68) 0 1.5px,transparent 2px),repeating-linear-gradient(90deg,#f3a9a0 0,#f3a9a0 24px,#ffffffe6 24px,#ffffffe6 35px);box-shadow:inset 0 0 0 1px #a75b5433}.route-fill{z-index:1;width:var(--route-fill);background:radial-gradient(circle at 8px 6px,rgba(255,255,255,.9) 0 1.5px,transparent 2px),linear-gradient(90deg,var(--accent),var(--mint));transition:width .7s var(--ease)}.route-fill-left{left:18px}.route-fill-right{right:18px;background:radial-gradient(circle at 8px 6px,rgba(255,255,255,.9) 0 1.5px,transparent 2px),linear-gradient(90deg,var(--mint),var(--accent))}.meeting-heart{position:absolute;top:36px;left:50%;z-index:2;display:grid;width:38px;height:38px;border:3px solid rgba(255,255,255,.92);border-radius:50%;color:var(--accent);background:#fff7efeb;box-shadow:var(--soft-shadow);place-items:center;transform:translate(-50%)}.progress-person{position:absolute;top:-18px;z-index:3;display:block;width:144px;height:132px;pointer-events:none;transform:translate(-50%)}.person-left{left:var(--runner-position)}.person-right{left:calc(100% - var(--runner-position))}.person-shadow{position:absolute;right:29px;bottom:4px;left:29px;height:12px;border-radius:50%;background:#4627302e;filter:blur(2px)}.pixel-stage{position:relative;z-index:1;display:grid;width:144px;height:128px;place-items:center}.pixel-stage:before{position:absolute;top:18px;right:20px;bottom:8px;left:20px;z-index:-1;content:"";background:radial-gradient(circle at 48% 42%,rgba(255,255,255,.76),transparent 58%),radial-gradient(circle at 48% 76%,rgba(255,205,184,.36),transparent 62%);filter:blur(1px);opacity:.9}.pixel-person{display:block;width:144px;height:122px;background-repeat:no-repeat;background-position:0 0;background-size:576px 122px;overflow:visible;filter:drop-shadow(0 2px 0 rgba(255,255,255,.62)) drop-shadow(0 8px 14px rgba(83,43,52,.2));animation:runSprite .74s steps(4) infinite;image-rendering:auto;-webkit-user-select:none;user-select:none}.person-left .pixel-person{transform:translate(-6px) rotate(-2deg)}.person-right .pixel-person{height:136px;background-size:576px 136px;transform:translate(6px) rotate(2deg)}.route p{margin:0;color:var(--muted);font-family:var(--font-hand);font-size:18px;font-weight:400;line-height:1.3}.route strong{color:var(--accent-strong);font-family:var(--font-display);font-size:28px;font-weight:400}.paper-note,.plan-section{position:relative;z-index:2;width:calc(100% - 34px);margin:25px auto 0;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);background:linear-gradient(90deg,rgba(181,111,95,.1) 1px,transparent 1px) 0 54px / 100% 36px,linear-gradient(180deg,var(--paper-soft),#fff6e5);box-shadow:var(--soft-shadow)}.paper-note{min-height:180px;padding:26px 24px 25px}.section-heading{display:flex;align-items:center;color:var(--accent-strong);gap:11px}.section-heading h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1.2;letter-spacing:0}.paper-note p{margin:19px 0 0;color:#54312b;font-family:var(--font-hand);font-size:24px;font-weight:400;line-height:1.68}.paper-note small{display:block;margin-top:17px;color:#805a54bd;font-family:var(--font-display);font-size:15px;font-weight:400;line-height:1.3}.paper-tape{position:absolute;top:18px;right:18px;width:56px;height:24px;border-radius:3px;background:#ffedcbd1;box-shadow:inset 0 0 0 1px #b0795c1a;transform:rotate(10deg)}.plan-section{padding:22px 18px 18px;background:radial-gradient(circle at 92% 8%,rgba(119,210,177,.28),transparent 110px),linear-gradient(180deg,#effbf3,#fff7e8)}.plan-list{display:grid;gap:10px;margin-top:18px}.plan-item{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:58px;padding:10px 12px;border:1px solid rgba(88,113,93,.13);border-radius:var(--radius);background:#ffffffb8;gap:12px}.plan-item span{display:grid;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--mint);font-size:15px;font-weight:900;place-items:center}.plan-item p{margin:0;color:#38514c;font-family:var(--font-hand);font-size:18px;font-weight:400;line-height:1.35}.footer-note{position:relative;z-index:2;padding:26px 20px 34px;color:#4a2b28d1;text-align:center}.footer-note p{margin:0 0 8px;font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.35}.footer-note span{display:block;font-size:13px;font-weight:800}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;pointer-events:none}.celebration span{position:absolute;top:-16px;left:calc((var(--i) * 29px) % 420px);width:8px;height:15px;border-radius:2px;background:hsl(calc(8 + var(--i) * 22) 88% 68%);opacity:.88;animation:confetti calc(5.5s + var(--i) * .16s) linear infinite;animation-delay:calc(var(--i) * -.32s)}.celebration span:nth-child(3n){width:9px;height:9px;border-radius:50%;background:#70d4bb}.celebration span:nth-child(4n){background:#ffe082}@keyframes floatBit{0%,to{opacity:.46;transform:translateY(0) rotate(45deg) scale(.8)}50%{opacity:1;transform:translateY(-13px) rotate(45deg) scale(1)}}@keyframes titleWiggle{0%,to{transform:translateY(var(--drop)) rotate(var(--tilt))}45%{transform:translateY(calc(var(--drop) - 3px)) rotate(var(--sway))}}@keyframes runSprite{0%{background-position:0 0}to{background-position:-576px 0}}@keyframes confetti{0%{transform:translate3d(0,-20px,0) rotate(0)}to{transform:translate3d(18px,1050px,0) rotate(520deg)}}@media(min-width:560px){.page{display:flex;align-items:flex-start;justify-content:center;padding:28px 0}.phone-shell{min-height:auto;border-radius:24px}}@media(max-width:374px){.hero{min-height:398px}.hero-art{height:526px;clip-path:inset(0 0 88px 0)}.hero-copy{padding-top:270px}.hero-copy h1{font-size:50px}.hero-copy p{font-size:15px}.countdown-card{width:calc(100% - 24px);padding-right:12px;padding-left:12px}.count-grid{grid-template-columns:minmax(83px,1.28fr) repeat(3,minmax(50px,.86fr))}.count-unit{min-height:78px}.count-unit strong{font-size:36px}.count-unit span{font-size:14px}.paper-note p{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}