:root{--ink:#2e4550;--muted:#78909b;--blue:#bfe5ed;--pink:#ffd8d8;--yellow:#fff0b8;--cream:#fffaf3;--white:#fff;--shadow:0 20px 60px rgba(75,105,113,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans SC',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#8ab0b7 1px,transparent 1px);background-size:28px 28px;z-index:-2}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.ambient-one{width:430px;height:430px;background:#dff5f3;top:6%;left:-180px;opacity:.7}.ambient-two{width:440px;height:440px;background:#fff0cd;right:-200px;top:48%;opacity:.65}.section-wrap{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:84px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50% 50% 50% 10px;background:var(--yellow);color:#e8af47;transform:rotate(-12deg);font-size:20px}.brand b{display:block;font-size:17px;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;text-transform:uppercase}.main-nav{display:flex;gap:34px;margin-left:auto}.main-nav a,.text-link{font-size:13px;color:var(--muted);text-decoration:none;transition:.25s}.main-nav a:hover,.text-link:hover{color:var(--ink)}.header-button,.primary-button{display:inline-flex;align-items:center;gap:12px;border:1px solid #d8e7e5;border-radius:999px;padding:12px 18px;color:var(--ink);text-decoration:none;font-size:12px;background:rgba(255,255,255,.55);transition:.3s}.header-button:hover,.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 22px #bdd9d866;background:#fff}.header-button span,.primary-button span{font-size:18px}.menu-toggle{display:none;border:0;background:none;font-size:22px;color:var(--ink)}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;position:relative;padding:55px 0 95px}.eyebrow{margin:0 0 17px;color:#9bb5b9;letter-spacing:3px;font-size:10px;font-weight:700}.eyebrow span{display:inline-block;width:25px;height:1px;background:#b8d8d8;vertical-align:middle;margin:0 9px}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.18;letter-spacing:-3px;margin:0;color:#365461;font-weight:800}.hero h1 em,h2 em{font-style:normal;color:#e899a3;font-family:'Ma Shan Zheng',cursive;font-weight:400;letter-spacing:1px}.hero-text{color:#81969c;font-size:14px;line-height:2;margin:25px 0 28px}.hero-actions{display:flex;gap:24px;align-items:center}.primary-button{background:#a9dce2;border-color:#a9dce2;padding:14px 22px}.text-link span{font-size:18px;margin-left:7px}.hero-stats{display:flex;align-items:center;gap:20px;margin-top:58px}.hero-stats div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-size:21px;color:#55727a}.hero-stats span{font-size:10px;color:#a4b6b9}.hero-stats i{width:1px;height:27px;background:#d5e2df}.hero-gallery{height:520px;position:relative}.hero-main-photo{width:365px;height:455px;position:absolute;right:45px;top:25px;padding:12px;background:#fff;border-radius:190px 190px 18px 18px;box-shadow:var(--shadow);transform:rotate(3deg)}.hero-main-photo img{width:100%;height:100%;object-fit:cover;border-radius:180px 180px 12px 12px}.photo-label{position:absolute;bottom:22px;right:23px;color:#fff;background:#536c73c9;border-radius:99px;padding:6px 11px;font-size:9px;letter-spacing:1px}.hero-mini-photo{position:absolute;left:12px;bottom:40px;width:150px;height:160px;padding:8px;background:#fff;transform:rotate(-8deg);box-shadow:var(--shadow)}.hero-mini-photo img{width:100%;height:100%;object-fit:cover}.hero-note{position:absolute;right:-3px;bottom:5px;background:#fff1b5;width:135px;height:108px;display:grid;place-items:center;text-align:center;color:#e6ae51;font-family:'Ma Shan Zheng',cursive;font-size:25px;transform:rotate(8deg);box-shadow:8px 12px 25px #a7823833}.hero-note small{font-size:16px;line-height:1.5}.paper-plane{position:absolute;top:12px;left:40px;color:#f3b9a9;font-size:48px;transform:rotate(-28deg)}.cloud,.star{position:absolute;color:#fff;opacity:.9;text-shadow:0 4px 15px #9dbdc855}.cloud{font-size:92px}.cloud-a{top:55px;right:1%}.cloud-b{bottom:75px;left:-6%;font-size:55px;color:#e5f4f2}.star{color:#e9b56a;font-size:30px}.star-a{right:47%;top:11%}.star-b{right:1%;bottom:22%;color:#e49eae;font-size:40px}.scroll-cue{position:absolute;bottom:28px;left:0;color:#a4b7b9;font-size:10px;letter-spacing:2px}.scroll-cue span{display:inline-block;width:24px;height:1px;background:#a4b7b9;margin-right:8px;vertical-align:middle}.content-section{padding:82px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading h2{margin:0;font-size:38px;letter-spacing:-1px}.section-heading h2 small{font-size:12px;color:#9db0b3;font-weight:400;margin-left:12px;letter-spacing:1px}.round-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e0f2ef;color:#5e858b;text-decoration:none;font-size:22px;transition:.3s}.round-arrow:hover{transform:rotate(45deg);background:var(--yellow)}.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.photo-card{background:#fff;padding:10px;box-shadow:0 8px 30px #678c9414;transition:.35s;position:relative}.photo-card:hover{transform:translateY(-8px) rotate(0deg)!important;box-shadow:var(--shadow)}.photo-card:nth-child(1){grid-column:span 5;transform:rotate(-2deg)}.photo-card:nth-child(2){grid-column:span 4;margin-top:28px;transform:rotate(2deg)}.photo-card:nth-child(3){grid-column:span 3;transform:rotate(-1deg)}.photo-card:nth-child(4){grid-column:span 3;margin-top:-18px;transform:rotate(2deg)}.photo-card:nth-child(5){grid-column:span 4;margin-top:14px;transform:rotate(-2deg)}.photo-card:nth-child(6){grid-column:span 5;transform:rotate(1deg)}.photo-card .photo-frame{height:230px;overflow:hidden;cursor:zoom-in}.photo-card:nth-child(1) .photo-frame{height:310px}.photo-card:nth-child(2) .photo-frame{height:275px}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.photo-card:hover img{transform:scale(1.08)}.photo-info{padding:14px 8px 7px}.photo-info h3{font-size:15px;margin:0 0 5px;color:#49636b}.photo-info p{margin:0;font-size:11px;color:#9cafb2;line-height:1.7}.photo-info time{font-size:10px;color:#d5a6a2}.diary-section{background:#eaf7f4;position:relative}.diary-section:before{content:'✦  ✧  ✦';position:absolute;right:10%;top:50px;color:#b3d9d5;font-size:23px;letter-spacing:15px}.hand-note{font-family:'Ma Shan Zheng',cursive;color:#dd9e9e;font-size:18px;transform:rotate(-5deg)}.diary-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.diary-card{background:#fff;padding:26px;border-radius:4px 25px 4px 25px;box-shadow:0 10px 30px #649b9320;position:relative}.diary-card:nth-child(2){margin-top:30px;background:#fff7d9}.diary-card:nth-child(3){background:#ffe9e7}.diary-date{color:#e4a39c;font-weight:700;font-size:12px;letter-spacing:1px}.diary-card h3{font-size:18px;margin:13px 0 9px}.diary-card p{color:#7e969b;line-height:1.9;font-size:12px;margin:0}.diary-card .mini-photo{height:130px;margin-top:18px;overflow:hidden;border-radius:8px}.mini-photo img{width:100%;height:100%;object-fit:cover}.milestone-track{display:flex;position:relative;padding:65px 0 35px;justify-content:space-between}.milestone-track:before{content:'';height:3px;background:#c9e6e4;position:absolute;top:76px;left:4%;right:4%;border-radius:4px}.milestone{width:15%;text-align:center;position:relative;z-index:1}.milestone-dot{margin:auto;width:24px;height:24px;border-radius:50%;background:#fff;border:7px solid #f3c7c6;box-shadow:0 0 0 7px #fff;transition:.3s}.milestone:nth-child(even) .milestone-dot{border-color:#b9e2e2}.milestone:hover .milestone-dot{transform:scale(1.4);border-color:#efbc77}.milestone time{display:block;color:#d6a19b;font-size:10px;margin:20px 0 7px}.milestone h3{font-size:14px;margin:0;color:#506b72}.milestone p{color:#9aadb0;font-size:10px;line-height:1.6}.video-section{padding-top:45px}.video-card{background:#c6e8e9;border-radius:20px;min-height:350px;padding:55px 65px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;overflow:hidden;position:relative}.video-card:after{content:'✦';position:absolute;right:8%;top:14%;font-size:55px;color:#fff8}.video-copy h2{font-size:39px;line-height:1.2;margin:0 0 17px}.video-copy>p:not(.eyebrow){font-size:12px;color:#739397;line-height:1.9}.play-button{margin-top:17px;border:0;border-radius:99px;background:#fff;color:#55747a;padding:12px 16px;cursor:pointer;transition:.3s}.play-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6a999933}.play-button span{background:#efb1b1;color:#fff;border-radius:50%;padding:8px;margin-right:7px}.video-poster{height:260px;position:relative;border:10px solid #fff;transform:rotate(2deg);box-shadow:var(--shadow);overflow:hidden}.video-poster img{width:100%;height:100%;object-fit:cover}.play-circle{position:absolute;inset:0;margin:auto;width:65px;height:65px;background:#fff;color:#e69ca0;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px #0002}.video-duration{position:absolute;bottom:12px;right:14px;background:#ffffffd9;border-radius:99px;padding:5px 9px;font-size:10px}.wishes-section{background:#fff3de}.sticker{background:#f5c3c1;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;text-align:center;color:#fff;font-family:'Ma Shan Zheng',cursive;font-size:18px;line-height:1.05;transform:rotate(10deg);box-shadow:5px 8px 0 #efad9e}.wish-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.wish-card{padding:25px 20px;min-height:165px;background:#fff9aa;box-shadow:5px 8px 0 #eadf9a;transform:rotate(-2deg);position:relative}.wish-card:nth-child(2){background:#d8f0ed;transform:rotate(2deg);box-shadow:5px 8px 0 #b9dbd5}.wish-card:nth-child(3){background:#ffdcd6;transform:rotate(-1deg);box-shadow:5px 8px 0 #efb9b1}.wish-card:nth-child(4){background:#e5dcf5;transform:rotate(3deg);box-shadow:5px 8px 0 #c7b8df}.wish-card:before{content:'•';position:absolute;top:3px;left:50%;font-size:30px;color:#df9e9b}.wish-card p{font-family:'Ma Shan Zheng',cursive;font-size:20px;line-height:1.5;margin:14px 0;color:#657c81}.wish-card span{display:block;font-size:10px;color:#94a8a9}.site-footer{padding:85px 24px 25px;text-align:center;background:#c6e8e9;position:relative;overflow:hidden}.footer-cloud{font-size:120px;line-height:.4;color:#eaf8f5;margin-bottom:30px}.footer-quote{font-family:'Ma Shan Zheng',cursive;font-size:28px;line-height:1.5;color:#55747a;margin:0}.footer-bottom{width:min(1160px,100%);margin:70px auto 0;display:flex;justify-content:space-between;color:#789699;font-size:10px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.lightbox{position:fixed;inset:0;background:#24424dcc;z-index:30;display:none;align-items:center;justify-content:center;padding:30px;flex-direction:column}.lightbox.open{display:flex}.lightbox img{max-width:min(850px,90vw);max-height:78vh;object-fit:contain;box-shadow:0 20px 70px #0004}.lightbox p{color:#fff;margin:13px}.lightbox button{position:absolute;right:25px;top:18px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;padding:12px 18px;background:#fff;color:#57747a;border-radius:99px;box-shadow:var(--shadow);font-size:12px;z-index:40;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.spark{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:50;animation:burst .8s ease-out forwards}.spark:after{content:'✦';position:absolute;color:inherit;font-size:12px;top:-5px;left:-3px}@keyframes burst{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}@media(max-width:800px){.site-header{height:72px}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:16px;box-shadow:var(--shadow);border-radius:12px}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-button{display:none}.hero{grid-template-columns:1fr;padding-top:30px;min-height:auto}.hero-gallery{height:410px;order:-1}.hero-main-photo{width:270px;height:335px;right:8%;top:15px}.hero-mini-photo{width:110px;height:120px;left:4%;bottom:23px}.hero-note{width:110px;height:90px;right:2%;font-size:20px}.hero-note small{font-size:12px}.paper-plane{left:15%;top:0}.hero h1{font-size:48px}.hero-stats{margin-top:38px}.content-section{padding:60px 0}.section-heading h2{font-size:29px}.section-heading h2 small{display:block;margin:7px 0 0}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-card,.photo-card:nth-child(n){grid-column:auto;margin:0;transform:none}.photo-card .photo-frame,.photo-card:nth-child(1) .photo-frame,.photo-card:nth-child(2) .photo-frame{height:190px}.photo-card .photo-info{padding:11px 4px}.photo-info h3{font-size:13px}.diary-list,.wish-wall{grid-template-columns:1fr}.diary-card:nth-child(2){margin:0}.milestone-track{display:block;padding:25px 0}.milestone-track:before{width:3px;height:calc(100% - 50px);left:12px;top:25px;right:auto}.milestone{width:100%;display:grid;grid-template-columns:35px 1fr;text-align:left;gap:16px;margin:23px 0}.milestone-dot{margin:0}.milestone time{margin:0 0 4px}.milestone p{margin:5px 0}.video-card{padding:30px 23px;grid-template-columns:1fr;gap:20px}.video-poster{height:220px;order:-1}.video-copy h2{font-size:32px}.footer-bottom{flex-direction:column;gap:10px;margin-top:45px}.hand-note{font-size:15px}.section-wrap{width:min(100% - 32px,1160px)}}