:root{color-scheme:light;--ink:#fffaf0;--gold:#ffedbd}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#73b7de;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.scenery,.shade{position:fixed;inset:0;pointer-events:none;z-index:-2}.scenery{background:url('assets/cloud-realm.webp') center 65%/cover no-repeat}.shade{z-index:-1;background:linear-gradient(180deg,#366fa52b,#2a689522 53%,#5b94ba00 85%)}header{width:100%;padding:28px 5%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:#fff8e6;text-decoration:none;font:400 22px "Songti SC","Noto Serif CJK SC",serif;letter-spacing:3px;text-shadow:0 1px 10px #3b7da433}.brand-heart{font:31px Georgia,serif;color:#fff0c7}.brand-en{font:8px sans-serif;letter-spacing:2.3px;padding-left:18px;margin-left:9px;border-left:1px solid #fff7df55;color:#fff8e5cc}main{width:100%;max-width:850px;margin:auto;padding:15px 24px 28px;text-align:center}.eyebrow{display:flex;justify-content:center;align-items:center;gap:18px;color:#fff4d7;font-size:10px;letter-spacing:5px}.eyebrow>span{width:28px;height:1px;background:linear-gradient(90deg,transparent,#fff2caa0)}.eyebrow>span:last-child{transform:rotate(180deg)}h1{font:400 38px/1.65 "Songti SC","Noto Serif CJK SC","STSong",serif;letter-spacing:6px;margin:22px 0 0;text-shadow:0 2px 20px #29648733}h1 br{display:none}h1>span{display:block;font:italic 14px Georgia,serif;letter-spacing:1px;color:#fff5d8c9;margin-top:11px}.memory{max-width:660px;margin:35px auto 0}.couple{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;width:410px;max-width:100%;margin:auto}.star-orbit{position:absolute;pointer-events:none;width:410px;max-width:110%;height:180px;top:-25px;left:50%;transform:translateX(-50%);color:#fff4c68c}.person{width:115px;min-width:0;position:relative}.avatar-wrap{position:relative;width:86px;margin:auto}.avatar-wrap:before{content:"";position:absolute;inset:-7px;border:1px solid #fff5d66b;border-radius:50%;box-shadow:0 0 20px #ffedbf2e}.avatar-wrap img{display:block;width:86px;height:86px;object-fit:cover;border:3px solid #fff9e7;border-radius:50%;box-shadow:0 3px 20px #3d85b82b}.status-dot{display:none}.person h2{font-weight:400;font-size:15px;letter-spacing:2px;margin:20px -8px 0;text-shadow:0 1px 8px #3d7fa77a}.connection{position:relative;display:flex;align-items:center;gap:12px;margin-top:-27px;color:#fff1bf}.connection .line{width:24px;height:1px;background:#fff4d970}.connection small{position:absolute;top:47px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;white-space:nowrap;color:#fff7debd}.heart{width:26px;filter:drop-shadow(0 0 7px #fff0b7);animation:breathe 4s ease-in-out infinite}.timer-caption{display:flex;justify-content:center;align-items:center;gap:15px;font-size:11px;color:#fff9e6;letter-spacing:4px;margin:37px 0 20px}.timer-caption span{height:1px;width:24px;background:#fff5d956}.timer{display:flex;align-items:center;justify-content:center;gap:21px;padding:0 20px;max-width:590px;margin:auto}.time-unit{flex:1;min-width:72px}.time-unit>strong,.time-unit>b{display:block;font:400 64px/1.15 Georgia,"Times New Roman",serif;color:#fffdf4;font-variant-numeric:tabular-nums;text-shadow:0 0 28px #fff2bd50,0 2px 12px #3a7da72b}.day-unit>strong{color:#fff0c5}.time-unit>span{display:block;font-size:11px;margin-top:10px;letter-spacing:2px;color:#fff7e6}.time-unit small{display:block;font-size:6px;letter-spacing:2px;margin-top:6px;color:#fff4df9e}.timer i{font:20px Georgia,serif;color:#fff1c396;transform:translateY(-20px)}.since{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:7px;font-size:9px;letter-spacing:1px;margin-top:27px;color:#fff9e4dc;text-shadow:0 1px 8px #447d9a50}.since time{font:11px Georgia,serif;letter-spacing:1.5px}.since-dot{width:4px;height:4px;transform:rotate(45deg);background:#ffecb5;margin-right:3px;box-shadow:0 0 7px #fff4bc}.quote{margin:30px auto 0}.quote-mark{display:none}.quote p{font:12px/2.1 "Songti SC","Noto Serif CJK SC",serif;letter-spacing:3px;color:#fffae8e6;text-shadow:0 1px 12px #3b81a250;margin:0}.quote-line{display:block;width:3px;height:3px;background:#ffedbc;transform:rotate(45deg);margin:17px auto 0;box-shadow:0 0 8px #fff2bf}footer{padding:20px 0 25px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#fff9e0;letter-spacing:1.5px;text-shadow:0 1px 8px #53859f99}.footer-mid{font:18px Georgia,serif;color:#fff2c5}footer>span:last-child{font-size:9px;letter-spacing:3px}.light-dust{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.light-dust span{position:absolute;color:#fff4bd;text-shadow:0 0 10px #fff0aa;animation:float 8s ease-in-out infinite;font-size:10px;opacity:.6}.light-dust span:nth-child(1){left:12%;top:28%}.light-dust span:nth-child(2){left:83%;top:19%;animation-delay:-4s}.light-dust span:nth-child(3){left:90%;top:51%;animation-delay:-2s;font-size:8px}.light-dust span:nth-child(4){left:19%;top:64%;animation-delay:-5s}.light-dust span:nth-child(5){left:72%;top:73%;animation-delay:-1s;font-size:7px}.light-dust span:nth-child(6){left:43%;top:13%;animation-delay:-6s}:focus-visible{outline:2px solid #fff0bf;outline-offset:4px}@keyframes breathe{50%{filter:drop-shadow(0 0 12px #fff0b7);transform:scale(1.06)}}@keyframes float{50%{transform:translate(6px,-15px);opacity:.2}}@media(max-width:700px){header{padding:23px 24px}.brand{font-size:20px}.brand-heart{font-size:27px}.brand-en{font-size:7px;letter-spacing:2px;padding-left:12px;margin-left:4px}main{padding:19px 22px 0;margin:0 auto}.eyebrow{font-size:9px;letter-spacing:4px;gap:14px}h1{font-size:30px;line-height:1.65;letter-spacing:5px;margin-top:21px}h1 br{display:block}h1>span{font-size:12px;letter-spacing:.7px;margin-top:10px}.memory{margin-top:36px}.couple{gap:18px;width:340px}.person{width:100px}.avatar-wrap,.avatar-wrap img{width:74px;height:74px}.avatar-wrap:before{inset:-6px}.person h2{font-size:14px;letter-spacing:1px;margin-top:19px}.star-orbit{width:340px;height:160px;top:-25px}.connection{gap:9px;margin-top:-25px}.connection .line{width:18px}.connection small{top:40px;font-size:6px;letter-spacing:1.5px}.connection .heart{width:23px}.timer-caption{margin:32px 0 16px;font-size:10px;letter-spacing:3px}.timer{gap:8px;padding:0 7px}.time-unit{min-width:0}.time-unit>strong,.time-unit>b{font-size:45px}.time-unit>span{font-size:10px;margin-top:8px}.time-unit small{font-size:6px;letter-spacing:1.4px}.timer i{font-size:17px;transform:translateY(-19px)}.since{font-size:8px;letter-spacing:.4px;margin-top:24px;gap:5px}.since time{font-size:10px}.quote{margin-top:26px}.quote p{font-size:11px;letter-spacing:2px}.quote-line{margin-top:13px}footer{margin: auto 24px 0;padding:28px 0 20px;gap:10px;align-items:center;font-size:7px;letter-spacing:.4px;color:#fff9e6;text-shadow:0 1px 6px #56898d}footer>span:last-child{font-size:7px;letter-spacing:1px}.scenery{background-position:60% bottom}.shade{background:linear-gradient(180deg,#28679a20,#286a9c10 65%,transparent)}.footer-mid{font-size:15px}}@media(max-width:360px){header{padding:18px 20px}main{padding-top:12px}h1{font-size:27px;margin-top:17px}.memory{margin-top:29px}.avatar-wrap,.avatar-wrap img{width:66px;height:66px}.couple{gap:13px}.person{width:90px}.person h2{font-size:13px}.time-unit>strong,.time-unit>b{font-size:39px}.timer-caption{margin-top:27px}.since{font-size:7px}.quote{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(max-width:700px){.since{color:#285978;text-shadow:0 1px 5px #fff9e9c9}.quote p{color:#365f7b;text-shadow:0 1px 6px #fff9e7d9}footer,footer>span:last-child{color:#375b60;text-shadow:0 1px 5px #fffae9d9}.footer-mid{color:#fff7d6}}
@media(max-width:700px) and (max-height:740px){header{padding:17px 22px}main{padding-top:10px}h1{font-size:26px;line-height:1.5;margin-top:15px}h1>span{margin-top:8px;font-size:11px}.memory{margin-top:24px}.avatar-wrap,.avatar-wrap img{width:64px;height:64px}.person h2{margin-top:16px;font-size:13px}.star-orbit{height:140px;top:-24px}.timer-caption{margin-top:24px;margin-bottom:12px}.time-unit>strong,.time-unit>b{font-size:39px}.since{margin-top:18px}.quote{margin-top:18px}.quote p{font-size:10px}.quote-line{margin-top:10px}footer{padding:18px 0 14px}}
@media(max-width:700px) and (max-height:610px){header{padding:13px 20px}.brand{font-size:18px}.brand-heart{font-size:24px}main{padding-top:8px}h1{font-size:21px;letter-spacing:2px;margin-top:13px}h1 br{display:none}h1>span{font-size:10px}.eyebrow{font-size:8px;letter-spacing:3px}.memory{margin-top:25px}.avatar-wrap,.avatar-wrap img{width:60px;height:60px}.timer-caption{margin-top:23px}.time-unit>strong,.time-unit>b{font-size:35px}.since{margin-top:17px}.quote{margin-top:16px}.quote p{font-size:10px;line-height:1.8}footer{padding:14px 0 12px}}