:root{--ink:#49331f;--muted:#846247;--paper:#fff4dc;--paper-deep:#f7dfb5;--cream:#fff9ec;--rose:#ff8f9f;--orange:#ffb15c;--gold:#ffd86b;--blue:#83c9ff;--shadow:0 28px 80px rgba(110,65,25,0.22)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 16% 16%,rgba(255,216,107,.42),transparent 28%),radial-gradient(circle at 86% 12%,rgba(131,201,255,.36),transparent 24%),linear-gradient(135deg,#fff7df,#ffe7d7 44%,#eaf7ff);font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.site{position:relative;min-height:100vh;overflow:hidden;padding:clamp(24px,5vw,56px)}.site:before{position:absolute;inset:18px;border:2px dashed rgba(132,98,71,.18);border-radius:36px;content:"";pointer-events:none}.shell{position:relative;z-index:2;display:grid;min-height:calc(100vh - clamp(48px, 10vw, 112px));place-items:center}.panel{width:min(100%,760px);padding:clamp(28px,6vw,56px);border:1px solid rgba(132,98,71,.18);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,244,220,.92)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(132,98,71,.08) 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 12px;color:#b65f38;font-size:clamp(14px,2vw,16px);font-weight:700;letter-spacing:.18em}h1{margin:0;font-size:clamp(42px,9vw,88px);line-height:.98;letter-spacing:-.06em}.lead,.wish{max-width:620px;margin:20px 0 0;color:var(--muted);font-size:clamp(17px,2.4vw,22px);line-height:1.75}.wish{color:#b55235;font-weight:700}.answer-card,.message-form{display:grid;grid-gap:14px;gap:14px;margin-top:32px}label{color:#68482d;font-weight:700}input,textarea{width:100%;border:1px solid rgba(132,98,71,.24);border-radius:20px;outline:none;background:rgba(255,255,255,.82);color:var(--ink);box-shadow:inset 0 2px 10px rgba(95,60,30,.05)}input{min-height:58px;padding:0 20px}textarea{min-height:150px;padding:18px 20px;resize:vertical}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,177,92,.22)}button{min-height:56px;border:0;border-radius:999px;background:linear-gradient(135deg,#ff8f68,#ffd86b);color:#5a2b11;font-weight:800;box-shadow:0 16px 34px rgba(221,106,48,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 42px rgba(221,106,48,.3)}button:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.72}.tip{margin:4px 0 0;color:#b55235;font-weight:700}.floating{position:absolute;z-index:1;border-radius:999px;opacity:.8;filter:blur(.2px);animation:float 7s ease-in-out infinite}.floating-one{top:12%;left:8%;width:86px;height:86px;background:linear-gradient(135deg,var(--rose),#ffe1e7)}.floating-two{right:9%;bottom:16%;width:120px;height:120px;background:linear-gradient(135deg,var(--blue),#eef9ff);animation-delay:-2s}.floating-three{top:18%;right:20%;width:42px;height:42px;background:var(--gold);animation-delay:-4s}.celebration-panel{position:relative;overflow:hidden;text-align:center;animation:popIn .7s cubic-bezier(.2,1.1,.2,1) both}.celebration-panel .lead,.celebration-panel .wish{margin-right:auto;margin-left:auto}.primary-action{width:min(100%,260px);margin-top:34px}.cake{position:relative;width:160px;height:150px;margin:0 auto 26px}.cake-base,.cake-top,.candle,.flame{position:absolute;left:50%;transform:translateX(-50%)}.cake-base{bottom:0;width:150px;height:72px;border-radius:22px 22px 30px 30px;background:linear-gradient(180deg,#ffb15c,#e36d42);box-shadow:inset 0 -12px rgba(128,54,25,.12)}.cake-top{bottom:58px;width:170px;height:36px;border-radius:999px;background:linear-gradient(180deg,#fff8ef,#ffd7cc)}.candle{bottom:90px;width:18px;height:46px;border-radius:10px;background:repeating-linear-gradient(45deg,#fff 0 7px,var(--blue) 7px 14px)}.flame{bottom:132px;width:24px;height:34px;border-radius:50% 50% 50% 12%;background:linear-gradient(180deg,#fff6a7,#ff8f3d);transform:translateX(-50%) rotate(45deg);animation:flicker .9s ease-in-out infinite alternate}.confetti span{position:absolute;top:-20px;width:12px;height:22px;border-radius:4px;animation:fall 4s linear infinite}.confetti span:first-child{left:10%;background:var(--rose);animation-delay:0s}.confetti span:nth-child(2){left:26%;background:var(--gold);animation-delay:.6s}.confetti span:nth-child(3){left:44%;background:var(--blue);animation-delay:1.2s}.confetti span:nth-child(4){left:62%;background:var(--orange);animation-delay:.2s}.confetti span:nth-child(5){left:78%;background:var(--rose);animation-delay:1.5s}.confetti span:nth-child(6){left:90%;background:var(--gold);animation-delay:.9s}.message-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(360px,1fr);grid-gap:clamp(24px,4vw,44px);gap:clamp(24px,4vw,44px);width:min(1180px,100%);align-items:start}.form-panel{width:100%}.book{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px;min-height:520px;padding:clamp(22px,4vw,38px);border-radius:34px;background:linear-gradient(90deg,#d69c64 0 3%,#fff2d2 3% 49%,#d69c64 49% 51%,#fff6de 51% 97%,#b8733e 97%);box-shadow:var(--shadow),inset 0 0 0 1px rgba(87,47,20,.12);perspective:1400px}.book-spine{position:absolute;top:18px;bottom:18px;left:50%;width:16px;border-radius:999px;background:linear-gradient(90deg,rgba(92,50,23,.2),rgba(255,255,255,.5),rgba(92,50,23,.18));transform:translateX(-50%)}.page{position:relative;min-height:220px;padding:32px 28px 26px;border:1px solid rgba(132,98,71,.14);border-radius:24px 12px 18px 24px;background:linear-gradient(120deg,rgba(255,255,255,.5),transparent 36%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(132,98,71,.1) 32px),var(--cream);box-shadow:0 18px 36px rgba(91,54,24,.13);transform-origin:left center;animation:pageTurn .62s ease both;animation-delay:var(--delay)}.page:nth-child(2n){border-radius:12px 24px 24px 18px;transform-origin:right center}.page-number{color:#b57c45;font-size:13px;font-weight:700;letter-spacing:.12em}.page p{margin:18px 0 28px;font-size:clamp(17px,2vw,20px);line-height:1.85;white-space:pre-wrap}.page footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px}.empty-page{grid-column:1/-1;place-self:center;margin:0;color:var(--muted);font-size:20px;font-weight:700}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(8deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes flicker{0%{filter:drop-shadow(0 0 10px #ffd86b);transform:translateX(-50%) rotate(39deg) scale(.92)}to{filter:drop-shadow(0 0 22px #ff9a40);transform:translateX(-50%) rotate(49deg) scale(1.08)}}@keyframes fall{0%{transform:translateY(-40px) rotate(0deg);opacity:1}to{transform:translateY(760px) rotate(260deg);opacity:0}}@keyframes pageTurn{0%{opacity:0;transform:rotateY(-18deg) translateY(18px)}to{opacity:1;transform:rotateY(0) translateY(0)}}@media (max-width:860px){.site{padding:18px}.site:before{inset:10px;border-radius:24px}.panel{border-radius:26px}.book,.message-layout{grid-template-columns:1fr}.book{min-height:360px;background:linear-gradient(90deg,#d69c64 0 5%,#fff3d7 5% 100%)}.book-spine{left:22px}.page{min-height:180px;margin-left:12px}.page footer{flex-direction:column;gap:4px}.floating-three,.floating-two{display:none}}@media (max-width:520px){h1{font-size:clamp(38px,13vw,58px)}.lead,.wish{font-size:16px}.cake{transform:scale(.86);margin-bottom:10px}button,input,textarea{border-radius:18px}}