:root{--navy:#132d51;--blue:#2f72b8;--pink:#f3a6bb;--rose:#d96c8c;--cream:#fff9ef;--ink:#213148;--muted:#718097;--line:rgba(25,53,87,.11);--shadow:0 24px 70px rgba(36,63,92,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 10%,#ffe9ef 0,transparent 31%),radial-gradient(circle at 85% 18%,#ddecff 0,transparent 30%),linear-gradient(145deg,#fffaf3,#f7fbff 55%,#fff3f7);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.sky i{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 18px #fff;animation:twinkle 3s infinite alternate}.sky i:nth-child(1){left:8%;top:12%}.sky i:nth-child(2){left:87%;top:9%;animation-delay:.5s}.sky i:nth-child(3){left:73%;top:45%;animation-delay:1s}.sky i:nth-child(4){left:18%;top:68%;animation-delay:1.4s}.sky i:nth-child(5){left:91%;top:82%;animation-delay:2s}@keyframes twinkle{to{opacity:.2;transform:scale(.55)}}main{width:min(1080px,calc(100% - 32px));margin:32px auto 60px}.card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:32px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero{min-height:610px;padding:66px;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(243,166,187,.16);right:-130px;bottom:-150px}.eyebrow{position:absolute;top:30px;left:42px;font-size:12px;letter-spacing:.18em;color:var(--rose);font-weight:800}.kicker{font-size:15px;font-weight:700;color:var(--blue);margin:0 0 10px}.hero h1{font-family:Georgia,"Noto Serif SC",serif;font-size:54px;line-height:1.16;margin:0 0 22px;color:var(--navy);letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--rose)}.lead{font-size:17px;line-height:1.9;color:#5d6b7e;margin:0 0 30px}.primary,.secondary,.ghost{border:0;cursor:pointer;font:inherit;font-weight:700;transition:.25s}.primary{padding:15px 23px;border-radius:999px;color:white;background:linear-gradient(135deg,var(--navy),var(--blue));box-shadow:0 12px 28px rgba(47,114,184,.25)}.primary:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(47,114,184,.33)}.primary span{font-size:20px;margin-left:5px}.hug-count{font-size:13px;color:var(--muted);margin:14px 0 0}.hug-count strong{color:var(--rose)}
.couple{height:430px;position:relative;margin:0;display:grid;place-items:center}.couple img{position:relative;z-index:2;width:min(100%,470px);max-height:430px;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(28,55,86,.18));animation:portrait-float 4.5s ease-in-out infinite}.portrait-halo{position:absolute;z-index:1;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0 45%,rgba(242,176,198,.26) 68%,rgba(148,190,236,.08) 78%,transparent 79%);box-shadow:0 0 70px rgba(239,159,188,.22)}@keyframes portrait-float{50%{transform:translateY(-7px)}}
.section-title{display:flex;align-items:center;gap:16px}.section-title>span{color:var(--rose);font-family:Georgia,serif;font-style:italic;font-size:18px}.section-title p{margin:0;color:var(--muted);font-size:12px;letter-spacing:.14em}.section-title h2{margin:3px 0 0;font-size:28px;color:var(--navy)}.comfort{padding:42px;margin-top:24px;text-align:center}.comfort .section-title{justify-content:center}.comfort blockquote{font-family:Georgia,"Noto Serif SC",serif;font-size:26px;line-height:1.7;color:#314863;margin:38px auto 25px;max-width:760px}.ghost{background:none;color:var(--rose);padding:10px}.ghost:hover{transform:translateX(4px)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.grid .card{padding:38px}.orb{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#f4b1c4 45%,#7ca9d9);margin:34px auto 18px;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(243,166,187,.12);transition:4s ease-in-out}.orb.active{transform:scale(1.28);box-shadow:0 0 0 36px rgba(243,166,187,.08)}.paw{font-size:42px;color:white}.breathe{text-align:center}.breathe .section-title{text-align:left}.breathe>p{color:var(--muted);height:24px}.secondary{padding:12px 20px;border-radius:14px;background:#edf5ff;color:var(--navy)}.secondary:hover{background:#dcecff;transform:translateY(-2px)}.box-card label{display:block;color:var(--muted);margin:27px 0 10px;font-size:14px}.box-card textarea{width:100%;min-height:128px;resize:vertical;border:1px solid var(--line);border-radius:18px;padding:16px;font:inherit;line-height:1.6;background:#fffafc;outline:none}.box-card textarea:focus{border-color:#e79ab1;box-shadow:0 0 0 4px rgba(231,154,177,.14)}.box-card .secondary{margin-top:12px}.stored{min-height:28px;margin-top:15px;color:var(--rose);font-size:14px}.menu{padding:42px;margin-top:24px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.choices button{border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px 16px;text-align:left;font-size:25px;cursor:pointer;color:var(--ink);transition:.2s}.choices button:hover,.choices button.selected{transform:translateY(-4px);border-color:#eaa2b7;box-shadow:0 15px 28px rgba(60,75,96,.1)}.choices b,.choices small{display:block}.choices b{font-size:16px;margin:11px 0 4px}.choices small{font-size:12px;color:var(--muted);line-height:1.4}.choice-result{text-align:center;color:var(--rose);font-weight:700;margin:24px 0 0}.letter{margin-top:24px;padding:54px 64px;position:relative;background:linear-gradient(135deg,rgba(255,252,246,.96),rgba(255,243,247,.92))}.letter .stamp{position:absolute;right:35px;top:30px;border:1px solid #d87392;color:#d87392;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;transform:rotate(10deg);font:700 13px Georgia,serif}.letter h2{font:700 34px Georgia,"Noto Serif SC",serif;color:var(--navy)}.letter p{font-size:17px;line-height:2;color:#596a7d}.signature{text-align:right!important;color:var(--rose)!important;font-weight:700}.signature span{font-size:22px}footer{text-align:center;color:#8994a3;font-size:12px;padding:36px 10px}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,30px);background:#162f53;color:#fff;padding:13px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:.3s;z-index:20;box-shadow:0 15px 30px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:translate(-50%,0)}.floating-heart{position:fixed;font-size:25px;z-index:30;pointer-events:none;animation:float 1.7s ease-out forwards}@keyframes float{to{transform:translateY(-160px) rotate(22deg);opacity:0}}
@media(max-width:800px){main{margin-top:14px}.hero{grid-template-columns:1fr;padding:70px 25px 35px}.hero h1{font-size:40px}.couple{height:350px;order:-1}.couple img{max-height:350px}.portrait-halo{width:300px;height:300px}.grid{grid-template-columns:1fr}.choices{grid-template-columns:1fr 1fr}.letter{padding:42px 28px}.letter .stamp{width:60px;height:60px;right:20px;top:20px}.letter h2{padding-right:55px;font-size:28px}}@media(max-width:480px){.choices{grid-template-columns:1fr}.hero h1{font-size:36px}.couple{height:300px}.couple img{max-height:300px}.portrait-halo{width:255px;height:255px}.comfort blockquote{font-size:21px}.section-title h2{font-size:23px}}