:root{--green:oklch(.28 .08 145);--green-2:oklch(.42 .12 145);--cream:oklch(.97 0 0);--ink:oklch(.19 .025 145);--muted:oklch(.43 .025 145);--yellow:oklch(.78 .15 82);--line:oklch(.9 .025 145)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:oklch(.91 0 0);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.app-shell{width:min(100%,520px);margin:auto;background:var(--cream);min-height:100svh;overflow:hidden;position:relative}.screen{min-height:100svh;position:relative}.cover-screen{background:var(--cream);padding:34px 22px 22px;display:flex;flex-direction:column}.cover-copy{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100svh}.brand-mark{font-size:22px;letter-spacing:.16em;font-style:italic;font-weight:700;margin:0;color:var(--green)}.brand-mark span{color:var(--green-2);font-size:18px}.hello{position:absolute;right:5px;top:0;margin:0;font:italic 19px/1.05 Georgia,serif;transform:rotate(-4deg);color:var(--green)}.title-lockup{margin-top:58px;text-align:center}.eyebrow{display:inline-block;background:var(--green);color:white;padding:7px 18px;border-radius:7px;transform:rotate(-2deg);font-size:14px;margin:0 0 4px}.title-lockup h1{font-size:clamp(58px,16vw,90px);line-height:.85;letter-spacing:-.03em;margin:7px 0 10px;color:var(--green);font-weight:900;text-shadow:3px 3px 0 var(--yellow)}.title-lockup h1 em{font-style:normal;color:var(--yellow);text-shadow:3px 3px 0 var(--green)}.title-lockup h1 span{font-size:28px;color:var(--green);text-shadow:none;vertical-align:top;margin-left:5px}.subtitle{font-size:17px;margin:0;color:var(--green);font-weight:600}.cover-art{position:absolute;z-index:0;left:0;right:0;top:255px;height:430px;overflow:hidden;opacity:.97}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--cream) 0%,transparent 20%,transparent 75%,var(--cream) 100%)}.cover-art img{width:200%;height:100%;object-fit:cover;object-position:left center}.gift-tag{margin:180px 0 0 22px;background:#f7eadf;color:var(--green);width:132px;padding:17px 14px 14px;text-align:center;line-height:1.6;transform:rotate(-5deg);box-shadow:0 3px 0 #e7d7ca;font-family:KaiTi,"STKaiti",serif;font-size:16px}.gift-tag span{font-family:sans-serif;margin-left:8px}.primary-cta{margin:auto auto 6px;background:var(--green);color:#fff;border:0;border-radius:999px;padding:14px 31px;font-size:20px;font-weight:700;letter-spacing:.08em;box-shadow:0 4px 0 var(--yellow);cursor:pointer}.primary-cta span{font-size:26px;vertical-align:-1px;margin-left:9px}.cover-foot{text-align:center;font-size:11px;letter-spacing:.25em;color:var(--green);margin:14px 0 0;white-space:nowrap}.detail-screen{padding:0 24px 40px;background:#fff}.detail-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 -24px;padding:0 25px;background:#fff}.detail-header h2{font-size:22px;margin:0}.icon-btn{font-size:40px;line-height:1;background:none;border:0;color:var(--ink);cursor:pointer;padding:0}.more{font-weight:900;letter-spacing:3px}.detail-intro{display:flex;justify-content:space-between;align-items:flex-start;padding:34px 0 23px}.detail-intro h1{font:700 27px/1.32 KaiTi,"STKaiti",serif;margin:0}.detail-intro h1 strong{font-size:30px}.detail-intro p{font:16px/1.55 KaiTi,"STKaiti",serif;text-align:right;margin:2px 0 0;color:var(--green-2)}.sprig{font-size:45px;color:var(--green-2);margin-top:28px}.section-label{background:var(--green-2);color:#fff;display:inline-block;padding:7px 18px;border-radius:6px;font-weight:800;font-size:17px;margin-bottom:15px}.gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gift-grid article{min-height:145px;border:1px solid var(--line);border-radius:14px;padding:13px 12px;position:relative;background:oklch(.985 .005 130)}.gift-grid article:last-child{grid-column:span 2;min-height:125px}.num{display:inline-flex;width:31px;height:31px;border-radius:50%;background:oklch(.78 .08 145);color:var(--green);font-weight:800;align-items:center;justify-content:center;margin-right:7px}.gift-grid h3{display:inline;font-size:17px}.gift-grid p{font-size:13px;line-height:1.5;margin:10px 0;color:var(--muted)}.gift-icon{position:absolute;right:17px;bottom:13px;font-size:48px;color:var(--green-2);font-family:Georgia,serif;opacity:.8}.detail-art{height:165px;margin:22px -24px 0;overflow:hidden}.detail-art img{width:200%;height:100%;object-fit:cover;object-position:right center}.location{display:flex;align-items:center;gap:12px;background:oklch(.94 .03 115);border-radius:14px;padding:14px 17px;margin-top:23px;color:var(--green)}.location>span{font-size:26px}.location strong{font-size:15px}.location p{margin:4px 0 0;font:15px KaiTi,"STKaiti",serif}.see-you{text-align:right;font:italic 22px/1.1 Georgia,serif;color:var(--green-2);margin:27px 10px 0}.see-you strong{font-size:25px}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}[hidden]{display:none!important}@media(min-width:700px){.app-shell{box-shadow:0 0 0 1px #ddd,0 20px 80px #0001;margin:30px auto;min-height:calc(100svh - 60px);border-radius:16px}.screen{min-height:calc(100svh - 60px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}