@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=ZCOOL+XiaoWei&display=swap";:root{font-family:"Noto Serif SC",serif;color:#f8f3ff;background:#080818;font-synthesis:none;text-rendering:optimizeLegibility;--background: #080818;--panel: rgba(19, 18, 45, .66);--panel-border: rgba(255, 255, 255, .12);--muted: #c7c0da;--pink: #f2a7c3;--gold: #f8d7a0;--purple: #9b89d9;--section-width: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 10%,rgba(69,49,112,.2),transparent 32%),linear-gradient(180deg,#080818,#0b0a20 45%,#100a20)}body.no-scroll{overflow:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.starfield{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.starfield canvas{position:absolute;top:0;right:0;bottom:0;left:0}.nebula{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(90px);opacity:.1}.nebula-one{top:8%;left:-20%;background:#7352bd}.nebula-two{right:-25%;bottom:12%;background:#d46796}.shooting-star{position:absolute;width:120px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));transform:rotate(-35deg);animation:shoot 9s ease-in infinite}.shooting-star-one{top:18%;right:10%}.shooting-star-two{top:48%;right:38%;animation-delay:5s}main{position:relative;z-index:1}.access-gate{display:grid;min-height:100svh;padding:72px 20px;place-items:center}.access-panel{width:min(520px,100%);padding:clamp(32px,7vw,52px);border-radius:8px;text-align:center}.access-panel h1{margin:0;font-family:"Noto Serif SC",Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:clamp(2.2rem,8vw,4rem);font-weight:600;line-height:1.18}.access-question{margin:24px auto 30px;color:#f6e6ef;font-size:clamp(1rem,2.8vw,1.16rem);line-height:1.8}.access-form{display:grid;gap:14px;text-align:left}.access-form label{color:var(--gold);font-size:.76rem;letter-spacing:.18em}.access-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.access-answer-row input{min-width:0;height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff8fc;background:#0808186b;box-shadow:inset 0 0 18px #ffffff09;font:inherit;outline:none}.access-answer-row input::placeholder{color:#ffffff61}.access-answer-row input:focus{border-color:#f8d7a08c;box-shadow:0 0 0 3px #f8d7a01f,inset 0 0 18px #ffffff0a}.access-answer-row .primary-button{min-width:92px;justify-content:center}.access-answer-row .primary-button:disabled{cursor:wait;opacity:.64;transform:none}.access-feedback{min-height:1.6em;margin:0;color:#f2a7c3;font-size:.88rem;line-height:1.6;text-align:center}.section-shell{position:relative;width:min(100%,var(--section-width));min-height:100vh;margin:0 auto;padding:110px 48px}.hero-section{display:grid;place-items:center;text-align:center;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:760px;animation:hero-in 1.3s ease both}.hero-content.started{animation:gentle-pulse 1.3s ease}.eyebrow{margin:0 0 18px;color:var(--gold);font-family:Georgia,serif;font-size:.76rem;letter-spacing:.34em;text-transform:uppercase}.hero-content h1,.section-heading h2,.finale-content h2{margin:0;font-family:ZCOOL XiaoWei,"Noto Serif SC",serif;font-weight:400}.hero-content h1{font-size:clamp(3.2rem,9vw,7rem);line-height:1.08;letter-spacing:.04em;text-shadow:0 0 40px rgba(236,204,255,.18)}.hero-content h1 span{display:block;color:transparent;background:linear-gradient(100deg,#fdf8ff 8%,#f1bfd1 52%,#e8ce9d);background-clip:text;-webkit-background-clip:text}.hero-copy{margin:30px 0 38px;color:var(--muted);font-size:clamp(1rem,2.2vw,1.2rem);line-height:2;letter-spacing:.12em}.primary-button,.secondary-button{border:1px solid rgba(255,255,255,.24);border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;background:linear-gradient(135deg,#f1a8c53b,#8a6fc52e);box-shadow:0 0 34px #ec99be1f,inset 0 0 20px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px);box-shadow:0 10px 38px #ec99be38}.sound-hint{margin:16px 0 0;color:#ffffff61;font-size:.72rem;letter-spacing:.08em}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%}.orbit-one{width:580px;height:580px}.orbit-two{width:820px;height:820px;border-style:dashed;animation:orbit 80s linear infinite}.scroll-cue{position:absolute;bottom:32px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#ffffff75;font-size:.7rem;letter-spacing:.2em;text-decoration:none}.scroll-cue i{width:1px;height:36px;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);animation:cue 2s ease-in-out infinite}.content-section{display:flex;flex-direction:column;justify-content:center}.section-heading{max-width:700px;margin:0 auto 64px;text-align:center}.section-heading h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.25}.section-heading>p:last-child{margin:20px 0 0;color:var(--muted);line-height:1.9}.glass-panel{border:1px solid var(--panel-border);background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 50%),var(--panel);box-shadow:0 24px 60px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.counter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;max-width:900px;margin:0 auto}.counter-card{display:flex;min-height:170px;padding:28px;border-radius:22px;flex-direction:column;align-items:center;justify-content:center}.counter-card strong{color:#fff8fc;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4.4rem);font-weight:400;line-height:1}.counter-card span{margin-top:18px;color:var(--muted);font-size:.8rem;letter-spacing:.22em}.counter-card.featured{border-color:#f2a7c340;box-shadow:0 24px 70px #864c772e}.section-quote{margin:50px 0 0;color:#e6d4df;text-align:center;letter-spacing:.08em}.timeline-section{padding-bottom:170px}.timeline{position:relative;width:100%}.timeline:before{position:absolute;top:0;bottom:0;left:50%;width:1px;content:"";background:linear-gradient(180deg,transparent,rgba(235,190,211,.6) 8%,rgba(146,123,194,.35) 92%,transparent)}.timeline-item{position:relative;display:grid;grid-template-columns:1fr 80px 1fr;margin-bottom:90px}.timeline-marker{position:relative;z-index:2;display:grid;grid-column:2;place-items:start center;padding-top:38px}.timeline-marker span{width:13px;height:13px;border:3px solid #18132c;border-radius:50%;background:#f0bed1;box-shadow:0 0 0 6px #f0bed11a,0 0 24px #f0bed1cc}.memory-card{grid-column:1;padding:34px;border-radius:24px}.timeline-item.alternate .memory-card{grid-column:3}.memory-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--gold);font-size:.78rem;letter-spacing:.08em}.memory-meta span{padding-left:12px;border-left:1px solid rgba(255,255,255,.18);color:var(--pink)}.memory-card h3{margin:0 0 18px;font-family:ZCOOL XiaoWei,serif;font-size:2rem;font-weight:400}.memory-card>p{margin:0;color:var(--muted);font-size:.96rem;line-height:2}.memory-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.memory-photos button{position:relative;padding:0;overflow:hidden;border:0;border-radius:14px;background:#15112b;cursor:zoom-in}.memory-photos img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .5s ease}.memory-photos button:hover img{transform:scale(1.045)}.memory-photos button span{position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:999px;color:#fffc;background:#0808189e;font-size:.66rem;opacity:0;transition:opacity .18s ease}.memory-photos button:hover span{opacity:1}.letter-section{min-height:120vh}.letter-stage{display:flex;min-height:460px;flex-direction:column;align-items:center}.envelope{position:relative;width:min(420px,78vw);height:min(270px,50vw);margin-top:40px;perspective:1000px;transition:transform .8s ease}.envelope-back,.envelope-front,.envelope-flap,.envelope-paper{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.envelope-back{border-radius:12px;background:#c7a4b4;box-shadow:0 35px 80px #00000047}.envelope-paper{z-index:1;top:8%;right:8%;bottom:5%;left:8%;display:grid;border-radius:6px;place-items:center;color:#765a69;background:#f1e4dc;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.envelope-paper i{font-family:Georgia,serif;font-size:1.3rem}.envelope-front{z-index:2;clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);border-radius:12px;background:linear-gradient(150deg,#d7b8c5,#aa8296)}.envelope-flap{z-index:3;height:60%;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);border-radius:12px;background:#e0c1cd;transition:transform .7s ease}.envelope-seal{position:absolute;z-index:4;top:44%;left:50%;display:grid;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;place-items:center;color:#fbe7ef;background:#a85877;box-shadow:0 6px 18px #5c243f47;transition:opacity .3s ease}.letter-stage.opened .envelope-flap{transform:rotateX(180deg)}.letter-stage.opened .envelope-paper{transform:translateY(-115px)}.letter-stage.opened .envelope-seal{opacity:0}.letter-stage.opened .envelope{transform:scale(.72) translateY(-110px)}.secondary-button{position:relative;z-index:5;margin-top:40px;padding:13px 28px;background:#f7e0e814}.letter-paper{position:relative;z-index:6;width:min(700px,92vw);margin-top:-165px;padding:52px clamp(28px,7vw,70px);border:1px solid rgba(142,107,119,.2);border-radius:8px;color:#4d3a43;background:linear-gradient(rgba(150,112,126,.06) 1px,transparent 1px),#f3e9e2;background-size:100% 34px;box-shadow:0 40px 90px #00000052;animation:letter-in .9s .3s ease both}.letter-paper p{margin:0 0 22px;line-height:2.15}.letter-greeting{font-size:1.2rem;font-weight:600}.letter-signature{padding-top:10px;text-align:right}.finale-section{display:grid;min-height:100vh;place-items:center;text-align:center}.finale-content{position:relative;z-index:2}.finale-content h2{font-size:clamp(3rem,8vw,6rem)}.finale-content>p:not(.eyebrow,.finale-note){margin:24px 0 0;color:#ead6e0;font-size:clamp(1.1rem,2vw,1.4rem);letter-spacing:.12em}.countdown-pill{display:inline-block;margin-top:46px;padding:14px 24px;border-radius:999px;color:var(--gold);font-size:.85rem;letter-spacing:.08em}.finale-note{margin-top:80px;color:#ffffff6b;font-size:.82rem}.finale-glow{position:absolute;display:grid;width:min(620px,88vw);height:min(620px,88vw);border:1px solid rgba(242,167,195,.08);border-radius:50%;place-items:center;box-shadow:inset 0 0 100px #a7669712,0 0 120px #78509114}.finale-glow i{position:absolute;top:50%;left:50%;width:4px;height:4px;transform:rotate(calc(var(--i) * 30deg)) translateY(-230px);border-radius:50%;background:#f8d7a0;box-shadow:0 0 12px #f8d7a0;animation:sparkle 3s calc(var(--i) * -.2s) ease-in-out infinite}.music-control{position:fixed;z-index:20;top:20px;right:20px;display:flex;min-height:42px;padding:9px 14px;border-radius:999px;align-items:center;gap:10px;color:#ffffffc7;cursor:pointer;font-size:.7rem}.music-icon{display:flex;width:17px;height:18px;align-items:center;justify-content:center;gap:2px}.music-icon i{width:2px;height:5px;border-radius:999px;background:var(--pink)}.music-icon.playing i{animation:equalizer .8s ease-in-out infinite alternate}.music-icon.playing i:nth-child(2){animation-delay:-.4s}.music-icon.playing i:nth-child(3){animation-delay:-.2s}.lightbox{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;padding:60px 80px;background:#04030cf0;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lightbox-content{max-width:min(1000px,84vw);margin:0;text-align:center}.lightbox-content img{display:block;max-width:100%;max-height:76vh;margin:0 auto;border-radius:14px;box-shadow:0 25px 80px #00000073}.lightbox-content figcaption{margin-top:18px;color:var(--muted);font-size:.9rem}.lightbox-close,.lightbox-nav{position:absolute;border:0;background:transparent;cursor:pointer}.lightbox-close{top:22px;right:26px;font-size:2.5rem;font-weight:200}.lightbox-nav{top:50%;padding:20px;transform:translateY(-50%);color:#ffffffb3;font-size:4rem}.lightbox-previous{left:14px}.lightbox-next{right:14px}.lightbox-count{position:absolute;bottom:20px;color:#ffffff6b;font-family:Georgia,serif;font-size:.8rem}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.lightbox-enter-active,.lightbox-leave-active{transition:opacity .22s ease}.lightbox-enter-from,.lightbox-leave-to{opacity:0}.gate-enter-active,.gate-leave-active{transition:opacity .26s ease,transform .26s ease}.gate-enter-from,.gate-leave-to{opacity:0;transform:translateY(12px)}@keyframes hero-in{0%{opacity:0;transform:translateY(20px) scale(.98)}}@keyframes gentle-pulse{50%{transform:scale(1.02)}}@keyframes shoot{0%,70%{opacity:0;transform:translate(0) rotate(-35deg)}73%{opacity:1}80%,to{opacity:0;transform:translate(-360px,250px) rotate(-35deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes cue{50%{transform:translateY(8px);opacity:.4}}@keyframes equalizer{to{height:16px}}@keyframes letter-in{0%{opacity:0;transform:translateY(35px)}}@keyframes sparkle{50%{transform:rotate(calc(var(--i) * 30deg)) translateY(-245px) scale(1.8);opacity:.35}}@media (max-width: 760px){.section-shell{min-height:auto;padding:100px 20px}.access-panel{padding:30px 20px}.access-answer-row{grid-template-columns:1fr}.access-answer-row .primary-button{width:100%}.hero-section,.finale-section{min-height:100svh}.hero-content h1{font-size:clamp(3.1rem,17vw,5rem)}.orbit-one{width:88vw;height:88vw}.orbit-two{width:135vw;height:135vw}.counter-grid{grid-template-columns:1fr 1fr}.counter-card{min-height:138px;padding:20px 12px}.counter-card.featured{grid-column:1 / -1}.timeline:before{left:11px}.timeline-item,.timeline-item.alternate{display:grid;grid-template-columns:34px 1fr;margin-bottom:60px}.timeline-marker,.timeline-item.alternate .timeline-marker{grid-column:1;grid-row:1;justify-content:start;padding-top:34px}.memory-card,.timeline-item.alternate .memory-card{grid-column:2;grid-row:1;padding:24px 20px}.memory-meta{align-items:flex-start;flex-direction:column;gap:7px}.memory-meta span{padding:0;border:0}.memory-card h3{font-size:1.7rem}.memory-photos{gap:8px}.letter-section{min-height:110vh;padding-top:120px}.letter-stage.opened .envelope{transform:scale(.66) translateY(-120px)}.letter-paper{margin-top:-130px}.music-control{top:12px;right:12px}.music-control>span:last-child{display:none}.lightbox{padding:60px 18px}.lightbox-content{max-width:100%}.lightbox-nav{top:auto;bottom:8px;z-index:2;padding:12px 24px;transform:none;font-size:3rem}.lightbox-previous{left:20px}.lightbox-next{right:20px}.finale-glow i{transform:rotate(calc(var(--i) * 30deg)) translateY(-38vw)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}