:root{--bg: #f7f4ec;--card: #fffef9;--ink: #3f3d35;--ink-body: #43413a;--ink-soft: #7c786a;--ink-mute: #a29d8e;--ink-faint: #b5b0a0;--green: #8fa08a;--green-deep: #6f8069;--hairline: #ddd7c8;--card-border: #e5e0d1;--night-a: #232b23;--night-b: #141b14;--night-text: #eef2e9;--star-warm: #f4e9c8;--star-cool: #e8efe4;--font-title: "ZCOOL XiaoWei", "Noto Serif SC", serif;--font-body: "Noto Serif SC", "Songti SC", serif;--font-hand: "Ma Shan Zheng", "Kaiti SC", cursive;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}@keyframes stageFadeIn{0%{opacity:0}to{opacity:1}}.stage-fade{animation:stageFadeIn .6s ease-out both}.mono-note{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-mute)}.accent-line{width:26px;height:2px;border-radius:1px;background:var(--green)}.hand-note{font-family:var(--font-hand);color:var(--ink-soft);transform:rotate(-1.2deg)}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise-in{animation:riseIn .6s ease-out both}@keyframes layerIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.layer{animation:layerIn 1.1s ease-out both}.layer-far{animation-delay:.1s}.layer-mid{animation-delay:.6s}.layer-near{animation-delay:1.1s}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.twinkle{animation:twinkle 3.4s ease-in-out infinite}@keyframes guardianPulse{0%,to{opacity:.75}50%{opacity:1}}.guardian-pulse{animation:guardianPulse 5s ease-in-out infinite}@keyframes guardianSoft{0%,to{opacity:.55}50%{opacity:.9}}.guardian-pulse-soft{animation:guardianSoft 6.5s ease-in-out infinite}@keyframes steamRise{0%{opacity:0;transform:translateY(0)}30%{opacity:.55}to{opacity:0;transform:translateY(-16px)}}.steam{animation:steamRise 2.6s ease-in-out infinite}@keyframes leafFall{0%{opacity:0;transform:translateY(-10px) rotate(0)}15%{opacity:.9}to{opacity:0;transform:translate(-46px,120px) rotate(160deg)}}.leaf-fall{animation:leafFall 6s linear infinite}.petal-fall{animation:leafFall 7s linear infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.blink{animation:blink 2s ease-in-out infinite}@keyframes fadeInHold{0%{opacity:0}to{opacity:1}}.sky-nightfall{opacity:0;animation:fadeInHold 12s ease-in-out 2s forwards}.stars-in{opacity:0;animation:fadeInHold 7s ease-in-out 7s forwards}.star-first{opacity:0;animation:fadeInHold 3s ease-in-out 4.5s forwards}@keyframes kidsPlay{0%,to{transform:translate(0)}50%{transform:translate(26px)}}.kids-play{animation:kidsPlay 3.2s ease-in-out infinite}@keyframes auroraDrift{0%,to{transform:translate(0)}50%{transform:translate(26px)}}.aurora-drift{animation:auroraDrift 14s ease-in-out infinite}@keyframes reflectionSway{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.reflection-sway{animation:reflectionSway 6s ease-in-out infinite}@keyframes coupleSway{0%,to{transform:rotate(0)}50%{transform:rotate(.8deg)}}.couple-sway{animation:coupleSway 7s ease-in-out infinite;transform-origin:565px 602px}@keyframes bobY{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.bob{animation:bobY 1.6s ease-in-out infinite}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.shake{animation:shakeX .3s ease-in-out 2}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}.caret{animation:caretBlink 1s step-end infinite}@keyframes audioBreathe{0%,to{opacity:.9}50%{opacity:.45}}.audio-breathe{animation:audioBreathe 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.layer{animation-duration:.01s;animation-delay:0s}.twinkle,.guardian-pulse,.steam,.leaf-fall,.petal-fall,.kids-play,.bob,.blink{animation:none;opacity:.8}.guardian-pulse-soft{animation:none;opacity:.7}.caret,.shake,.audio-breathe{animation:none}.rise-in,.stage-fade{animation-duration:.01s}.sky-nightfall,.stars-in,.star-first{animation-duration:.01s;animation-delay:0s}.aurora-drift,.reflection-sway,.couple-sway{animation:none}}._frame_1e7yv_2{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:0 clamp(28px,6vw,96px)}._topZone_1e7yv_12{height:64px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._topLine_1e7yv_20{position:relative;height:1px;background:var(--hairline);flex-shrink:0}._progressFill_1e7yv_28{position:absolute;left:0;top:0;height:1px;background:var(--green-deep)}._content_1e7yv_36{flex:1;display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto}._contentWide_1e7yv_46{max-width:880px}._bottomLine_1e7yv_50{height:1px;background:var(--hairline);flex-shrink:0}._bottomZone_1e7yv_56{height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 900px){._topZone_1e7yv_12,._bottomZone_1e7yv_56{height:74px}}@media (max-width: 700px){._frame_1e7yv_2{padding:0 20px}._topZone_1e7yv_12,._bottomZone_1e7yv_56{height:56px}._topZone_1e7yv_12{gap:12px}._topZone_1e7yv_12>span{min-width:0;white-space:nowrap}._topZone_1e7yv_12>span:last-child{overflow:hidden;text-align:right;text-overflow:ellipsis}}._center_14wak_2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding:40px 0}._dot_14wak_13{width:8px;height:8px;border-radius:50%;background:var(--green)}._title_14wak_20{font-family:var(--font-title);font-weight:400;color:var(--ink);font-size:clamp(34px,4.6vw,46px);letter-spacing:.36em;text-indent:.36em}._intro_14wak_29{font-family:var(--font-body);font-size:15px;line-height:2.15;color:var(--ink-soft);max-width:30em;text-wrap:pretty}._hand_14wak_38{font-size:17px;color:var(--green)}._button_14wak_44{font-family:var(--font-body);font-size:15px;letter-spacing:.32em;text-indent:.32em;padding:13px 44px;border:none;border-radius:2px;background:var(--green-deep);color:var(--bg);min-height:44px}._button_14wak_44:active{opacity:.85}._hint_14wak_59{font-size:14px;color:var(--ink-soft)}._input_14wak_64{font-family:var(--font-body);font-size:16px;text-align:center;padding:10px 16px;border:none;border-bottom:1px solid var(--hairline);background:transparent;color:var(--ink-body);outline:none;width:min(280px,70vw)}._input_14wak_64:focus{border-bottom-color:var(--green-deep)}._error_14wak_78{font-size:13px;color:var(--green-deep);min-height:20px}._ghostButton_14wak_85{font-family:var(--font-body);font-size:14px;letter-spacing:.2em;text-indent:.2em;padding:10px 18px;border:none;border-bottom:1px solid var(--hairline);background:transparent;color:var(--ink-soft);min-height:44px}@media (max-width: 700px){._center_14wak_2{gap:20px;padding:28px 0}._title_14wak_20{font-size:clamp(30px,9vw,38px);letter-spacing:.24em;text-indent:.24em}._intro_14wak_29{max-width:28em}}._stage_1f6e7_3{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}._backdrop_1f6e7_11{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;opacity:0;transition:opacity .45s ease}._backdropReady_1f6e7_23{opacity:1}._illustrationFill_1f6e7_27{position:absolute;top:0;right:0;bottom:0;left:0}._illustrationFill_1f6e7_27 svg{display:block}._starOverlay_1f6e7_34{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}._progressTrack_1f6e7_43{position:absolute;top:0;left:0;right:0;height:2px;background:#f7f4ec40}._progressFill_1f6e7_51{height:100%;background:var(--green)}._header_1f6e7_57{position:absolute;top:20px;left:clamp(28px,5vw,76px);right:clamp(28px,5vw,76px);display:flex;align-items:center;justify-content:space-between;pointer-events:none}._chip_1f6e7_68{background:#f7f4ece0;border:none;border-radius:999px;padding:8px 18px;box-shadow:0 4px 18px #141b1429}._focusScrim_1f6e7_77{position:absolute;top:0;right:0;bottom:0;left:0;background:#141b1414;pointer-events:none}._coordinatePlane_1f6e7_85{position:absolute;left:50%;top:50%;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);transform:translate(-50%,-50%);pointer-events:none}._textAnchor_1f6e7_95{position:absolute;width:0;height:0}._textAnchorContent_1f6e7_101{position:absolute;left:0;top:0;width:min(560px,46vw);transform:translate(-50%,-50%);pointer-events:auto}._actTitle_1f6e7_110{font-family:var(--font-title);font-weight:400;font-size:15px;letter-spacing:.12em;color:var(--ink)}._textBlock_1f6e7_119{width:100%;background:#fffef9e8;border:none;border-radius:18px;box-shadow:0 14px 48px #6e695547;padding:24px 28px;text-align:left;display:flex;flex-direction:column;gap:13px;cursor:pointer;min-height:44px}._textBlock_1f6e7_119 p{font-family:var(--font-body);font-size:15px;line-height:2.1;color:var(--ink-body);white-space:pre-wrap;text-wrap:pretty}._hint_1f6e7_143{align-self:flex-end;font-family:var(--font-hand);font-size:14px;color:var(--ink-mute);transform:rotate(-1.2deg)}._photoArea_1f6e7_152{position:absolute;top:50%;transform:translateY(-50%);width:clamp(300px,30vw,420px)}._photoAreaLeft_1f6e7_159{left:clamp(28px,6vw,96px)}._photoAreaRight_1f6e7_160{right:clamp(28px,6vw,96px)}._photoAreaCenter_1f6e7_161{left:50%;transform:translate(-50%,-50%)}._photoPair_1f6e7_167{position:absolute;top:0;right:0;bottom:0;left:0}._photoPairItem_1f6e7_172{position:absolute;transform:translate(-50%,-50%)}._photoAreaPaired_1f6e7_177{position:relative;top:auto;width:100%;transform:none}._photoCard_1f6e7_184{width:100%;background:var(--card);border:none;border-radius:16px;padding:12px;box-shadow:0 14px 48px #141b144d}._photoCard_1f6e7_184 img{border-radius:9px}._photoAreaWide_1f6e7_198{width:clamp(380px,40vw,560px)}._photoCard_1f6e7_184 img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;background:var(--bg)}._photoCard_1f6e7_184 img._imgLandscape_1f6e7_210{aspect-ratio:4 / 3}._photoCard_1f6e7_184 img._imgSquare_1f6e7_211{aspect-ratio:1 / 1}._photoCard_1f6e7_184 img._imgContain_1f6e7_212{object-fit:contain}._photoMeta_1f6e7_216{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:9px}._caption_1f6e7_224{font-family:var(--font-hand);font-size:14px;color:var(--ink-soft);transform:rotate(-1deg)}._figNo_1f6e7_231{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--ink-faint);flex-shrink:0}._readyHint_1f6e7_240{position:absolute;right:clamp(32px,5.4vw,80px);bottom:44px;font-family:var(--font-hand);font-size:16px;color:#f7f4ecf2;text-shadow:0 1px 8px rgba(20,27,20,.6);transform:rotate(-1.2deg)}._arrowArea_1f6e7_252{position:absolute;left:50%;transform:translate(-50%);bottom:26px}._arrowBtn_1f6e7_259{width:44px;height:44px;border-radius:50%;border:1px solid rgba(247,244,236,.7);background:#f7f4ec29;color:#f7f4ecf2;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center}@media (max-width: 700px),(max-height: 500px) and (hover: none) and (pointer: coarse){._header_1f6e7_57{top:max(14px,env(safe-area-inset-top));left:16px;right:16px;z-index:20;gap:8px}._chip_1f6e7_68{min-width:0;padding:7px 10px;white-space:nowrap}._header_1f6e7_57 ._chip_1f6e7_68:first-child{overflow:hidden}._actTitle_1f6e7_110{display:block;overflow:hidden;font-size:13px;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}._coordinatePlane_1f6e7_85{left:0;top:0;width:100%;height:100%;transform:none}._textAnchor_1f6e7_95{left:0!important;top:0!important;width:100%;height:100%}._textAnchorContent_1f6e7_101{left:50%;top:auto;bottom:max(86px,calc(env(safe-area-inset-bottom) + 72px));width:min(calc(100vw - 32px),420px);transform:translate(-50%)}._textBlock_1f6e7_119{max-height:min(42dvh,360px);overflow-y:auto;padding:22px 24px;-webkit-overflow-scrolling:touch;touch-action:pan-y}._photoPair_1f6e7_167{display:flex;align-items:center;gap:14px;padding:76px 10vw 72px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:10vw;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;pointer-events:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch}._photoPair_1f6e7_167::-webkit-scrollbar{display:none}._photoPairItem_1f6e7_172{position:relative;left:auto!important;top:auto!important;width:auto!important;min-width:0;flex:0 0 min(80vw,320px);transform:none;scroll-snap-align:center}._photoMeta_1f6e7_216{align-items:flex-start}._caption_1f6e7_224{line-height:1.55}._arrowBtn_1f6e7_259{border-color:#f7f4ece6;background:#6f8069f0;color:var(--bg);box-shadow:0 6px 18px #141b1447}._arrowArea_1f6e7_252{z-index:30;bottom:max(18px,env(safe-area-inset-bottom))}}@media (max-height: 500px) and (hover: none) and (pointer: coarse){._header_1f6e7_57{top:max(8px,env(safe-area-inset-top))}._textAnchorContent_1f6e7_101{bottom:max(60px,calc(env(safe-area-inset-bottom) + 48px));width:min(56vw,480px)}._textBlock_1f6e7_119{max-height:min(64dvh,280px);gap:8px;padding:14px 18px}._textBlock_1f6e7_119 p{font-size:13px;line-height:1.65}._photoPair_1f6e7_167{padding:52px 8vw 50px;scroll-padding-inline:8vw}._photoPairItem_1f6e7_172{flex-basis:min(38vw,280px)}._photoCard_1f6e7_184{padding:8px}._photoCard_1f6e7_184 img,._photoCard_1f6e7_184 img._imgLandscape_1f6e7_210,._photoCard_1f6e7_184 img._imgSquare_1f6e7_211{height:min(55dvh,220px);aspect-ratio:auto}._photoMeta_1f6e7_216{margin-top:6px}._caption_1f6e7_224{font-size:12px;line-height:1.3}._arrowArea_1f6e7_252{bottom:max(8px,env(safe-area-inset-bottom))}}._page_cewfx_2{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:var(--bg);-webkit-overflow-scrolling:touch}._letterSection_cewfx_11{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:10vh 28px 12vh;background:var(--bg)}._scrollHint_cewfx_23{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-family:var(--font-hand);font-size:15px;color:var(--ink-soft);opacity:.85;white-space:nowrap}._letterInner_cewfx_35{width:min(640px,100%);display:flex;flex-direction:column;gap:18px}._letterTitle_cewfx_42{font-family:var(--font-title);font-weight:400;font-size:24px;letter-spacing:.2em;color:var(--ink)}._letterPara_cewfx_50{font-family:var(--font-body);font-size:15px;line-height:2.2;color:var(--ink-body);white-space:pre-wrap;text-wrap:pretty}._signature_cewfx_59{align-self:flex-end;font-size:17px;margin-top:10px}._fadeToNight_cewfx_66{height:110px;background:linear-gradient(var(--bg),var(--night-a))}._starrySection_cewfx_71{height:200vh;height:200dvh;position:relative;background:linear-gradient(var(--night-a),var(--night-b))}._starrySticky_cewfx_78{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}._starrySticky_cewfx_78 svg{display:block;position:relative}._backdrop_cewfx_88{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;animation:_kenburns_cewfx_1 36s ease-in-out infinite alternate}@keyframes _kenburns_cewfx_1{0%{transform:scale(1)}to{transform:scale(1.06) translateY(-.6%)}}@media (prefers-reduced-motion: reduce){._backdrop_cewfx_88{animation:none}}._sentenceWrap_cewfx_108{position:absolute;top:clamp(48px,9vh,96px);left:50%;transform:translate(-50%);width:min(760px,calc(100vw - 40px));display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;pointer-events:none}._sentence_cewfx_108{font-family:var(--font-title);color:var(--night-text);font-size:clamp(18px,2.2vw,22px);letter-spacing:.2em;line-height:2.3;text-shadow:0 2px 16px rgba(10,14,10,.75);white-space:pre-wrap}._meteorHint_cewfx_132{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--night-text);opacity:.55}._starryWrap_cewfx_140{position:relative}._restart_cewfx_145{position:absolute;left:50%;transform:translate(-50%);bottom:26px;z-index:40;background:#141b1473;border:1px solid rgba(238,242,233,.4);border-radius:2px;color:var(--night-text);font-family:var(--font-body);font-size:13.5px;letter-spacing:.22em;text-indent:.22em;padding:11px 26px;min-height:44px}._restart_cewfx_145:hover{background:#141b14a6}@media (max-width: 700px){._letterSection_cewfx_11{align-items:flex-start;padding:72px 22px 88px}._letterInner_cewfx_35{gap:16px}._letterTitle_cewfx_42{font-size:22px}._scrollHint_cewfx_23,._restart_cewfx_145{bottom:max(18px,env(safe-area-inset-bottom))}._sentenceWrap_cewfx_108{top:max(40px,calc(env(safe-area-inset-top) + 24px));width:calc(100vw - 32px)}._sentence_cewfx_108{font-size:18px;letter-spacing:.12em;line-height:2}}