:root{--paper:#fff8f8;--pink:#a84164;--ink:#563b44;--muted:#785d65;--line:#ead4da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.wrap{max-width:1160px;width:calc(100% - 100px);margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:700;letter-spacing:1px}.brand span{font-size:30px;vertical-align:middle;color:var(--pink);margin-right:8px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,footer a:hover{color:var(--pink)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-top:75px;padding-bottom:85px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-right:7px}h1{font-size:clamp(44px,5.6vw,72px);line-height:1.35;letter-spacing:2px;margin:25px 0 22px;font-weight:650}.pink{color:var(--pink)}.asterisk{display:inline-block;font-size:45px;vertical-align:top;color:#c9748e;margin-left:13px;transform:rotate(10deg)}.hero-copy>p{color:var(--muted);line-height:2.1;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 24px;border-radius:50px;background:var(--pink);color:white;font-size:13px;border:1px solid var(--pink);transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#8b3353}.tiny-note{font-size:11px;color:var(--muted);margin-top:19px;letter-spacing:1px}.hero-art{position:relative;max-width:460px;justify-self:end;width:100%;padding:20px}.flower-frame{padding:15px 15px 0;background:white;transform:rotate(5deg);box-shadow:0 15px 40px #8c3d5512;border:1px solid #f4e7e8}.bouquet{width:100%;height:auto;display:block}.photo-caption{text-align:center;padding:15px 0 18px;font-size:12px;letter-spacing:2px;color:#86616c}.handwritten{font-family:"Segoe Print","KaiTi",cursive;font-size:17px;color:#997080}.top-note{position:absolute;top:-14px;left:25px;transform:rotate(-7deg);z-index:2}.bottom-note{display:block;position:relative;text-align:center;margin-top:26px;font-size:14px;transform:rotate(-3deg)}.sticker{position:absolute;right:-4px;bottom:83px;width:94px;height:94px;border-radius:50%;background:#f2d6df;border:1px dashed #b76b83;display:grid;place-content:center;text-align:center;font-size:13px;line-height:1.6;transform:rotate(-12deg);box-shadow:0 0 0 6px #f2d6df}.ribbon{display:flex;justify-content:space-around;gap:30px;overflow:hidden;white-space:nowrap;background:#f6e2e7;border-block:1px solid var(--line);padding:16px 0;font-size:12px;letter-spacing:3px;color:#8f5b6c}.ribbon span:nth-child(even){font-size:17px}.section{padding-top:75px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:33px}h2{font-size:30px;font-weight:600;letter-spacing:1px;margin:10px 0}p{color:var(--muted)}.section-heading p{font-size:13px;margin-bottom:14px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.note-art{height:215px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.note-art>span{position:absolute;bottom:15px;font-family:KaiTi,serif;font-size:17px;letter-spacing:2px}.window{background:#eee7de}.sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#e6bea0;top:42px;left:52%}.window-frame{position:absolute;width:115px;height:143px;border:7px solid #f8f4ec;border-radius:60px 60px 0 0;top:20px;background:linear-gradient(90deg,transparent 46%,#f8f4ec 46%,#f8f4ec 52%,transparent 52%),linear-gradient(transparent 49%,#f8f4ec 49%,#f8f4ec 54%,transparent 54%);box-shadow:0 3px 0 #c8bfb4}.vase{position:absolute;top:131px;left:62%;width:26px;height:36px;background:#a5787e;border-radius:4px 4px 12px 12px}.vase:before{content:"";position:absolute;left:12px;bottom:30px;width:2px;height:43px;background:#78866b;transform:rotate(13deg)}.vase:after{content:"✿";position:absolute;font-size:36px;left:2px;bottom:49px;color:#c7778c}.strawberry{background:#f2d7de}.berry{width:83px;height:104px;border-radius:45% 45% 55% 55%;background:radial-gradient(#f4d5a1 1.5px,transparent 2px) 0 0/15px 17px,#bc5b74;transform:rotate(15deg);position:relative;color:#768767;font-size:60px;text-align:center;line-height:.1;margin-bottom:15px}.letter{background:#ece4e9}.envelope{width:148px;height:102px;background:#fff8f5;border:1px solid #dcc4c9;transform:rotate(-10deg);box-shadow:7px 10px 0 #d4b9c433;display:grid;place-items:center}.envelope:before{content:"";position:absolute;top:-1px;width:104px;height:104px;border-right:1px solid #dcc4c9;border-bottom:1px solid #dcc4c9;transform:translateY(-51px) rotate(45deg)}.envelope span{z-index:1;font-size:35px;color:#b76581;background:#fff8f5;line-height:1;margin-top:24px}.note-meta{font-size:11px;color:var(--muted);margin-top:23px;letter-spacing:1px}h3{font-weight:600;font-size:19px;margin:7px 0}.note p{font-size:13px;margin:8px 0;line-height:1.95}.favorites{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;border-block:1px solid var(--line);align-items:center;padding-block:48px}.favorites p{font-size:13px}.favorite-tags{display:flex;gap:12px;flex-wrap:wrap}.favorite-tags span{padding:9px 18px;border:1px solid #dbb6c2;border-radius:50px;font-size:12px;transform:rotate(-3deg)}.favorite-tags span:nth-child(2n){transform:rotate(3deg);background:#f5e2e8}.mood-section{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.mood-card{background:#f6e6eb;padding:37px 40px;position:relative;overflow:hidden}.mood-card h2{font-size:27px}.mood-card p{font-size:14px;min-height:52px;max-width:85%}.secondary{background:transparent;color:var(--pink);padding:10px 20px;position:relative;z-index:1}.secondary:hover{background:#edd0db}.mood-flower{position:absolute;font-size:170px;color:#dfb4c2;right:-27px;bottom:-64px;transform:rotate(20deg);line-height:1.5}.flower-message h3{font-size:27px;line-height:1.6;margin:13px 0 20px}.flower-button{border:0;border-bottom:1px solid var(--pink);background:transparent;padding:5px 0;color:var(--pink);font-size:13px}.flower-button span{margin-left:20px}.flower-message p{font-size:12px}footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:30px}footer .brand{font-size:13px}footer span,footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-block:100px}}@media(max-width:768px){.wrap{width:calc(100% - 40px)}.header{height:80px}.brand{font-size:14px}nav{gap:15px;font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-block:45px 55px}.hero-copy{padding-left:10px}h1{font-size:51px}.hero-art{justify-self:center;max-width:390px}.section{padding-block:45px}.section-heading{display:block}.section-heading p{margin-top:0}.note-grid{grid-template-columns:1fr;gap:32px}.note-art{height:240px}.note-meta{margin-top:15px}.favorites,.mood-section{grid-template-columns:1fr;gap:25px}.favorite-tags{gap:10px}.mood-card{padding:28px 23px}.mood-card h2{font-size:24px}.flower-message{padding-top:8px}footer{flex-wrap:wrap}footer span{width:100%;order:3}.ribbon{justify-content:flex-start;padding-inline:20px}h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}