:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#6a5272;background:#fff9fc;--pink-1: #fff6fb;--pink-2: #ffe9f5;--pink-3: #ffd6ea;--pink-4: #ffb9dc;--pink-5: #ff87bf;--rose: #f05d9d;--purple: #b488f8;--blue: #badcf8;--mint: #d8f4ee;--text: #6a5272;--text-soft: #977e99;--line: rgba(240, 93, 157, .18);--shadow: 0 18px 48px rgba(240, 93, 157, .12)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-height:100vh;background:var(--pink-1)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,190,220,.42),transparent 30rem),radial-gradient(circle at top right,rgba(186,220,248,.38),transparent 24rem),radial-gradient(circle at bottom left,rgba(216,244,238,.46),transparent 26rem),linear-gradient(180deg,#fff9fc,#fffefc);position:relative;overflow-x:hidden}.bg-decoration{position:fixed;z-index:0;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(240,93,157,.08));opacity:.55}.bg-one{left:1.6rem;top:8rem;font-size:4rem;transform:rotate(-8deg)}.bg-two{right:2rem;top:5.2rem;font-size:4.5rem}.bg-three{right:8vw;bottom:4rem;font-size:3.6rem}.bg-four{left:8vw;bottom:3rem;font-size:3.4rem}.navbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 5vw;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9fccc;border-bottom:1px solid rgba(255,182,214,.45)}.brand{font-weight:900;color:var(--rose);display:inline-flex;align-items:center;gap:.55rem;letter-spacing:.02em}.brand-badge{width:2rem;height:2rem;display:inline-grid;place-items:center;background:linear-gradient(135deg,#ffd8eb,#efe0ff);border-radius:999px;box-shadow:0 10px 24px #f05d9d29}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.nav-links a{padding:.55rem .9rem;border-radius:999px;color:var(--text-soft);font-weight:700}.nav-links a.router-link-active{background:linear-gradient(135deg,#ffe0ee,#f0e4ff);color:var(--rose);box-shadow:0 8px 20px #f05d9d1a}.page-wrap{width:min(1160px,92vw);margin:0 auto;padding:2rem 0 4rem;position:relative;z-index:1}.cute-card{position:relative;background:#ffffffe6;border:1px solid rgba(255,192,220,.5);box-shadow:var(--shadow);border-radius:32px;padding:1.35rem;overflow:hidden}.cute-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 34%)}.cute-card:after{content:"";position:absolute;left:1rem;right:1rem;top:1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(240,93,157,.18),transparent)}.hero{display:grid;grid-template-columns:1.25fr .85fr;gap:1rem;align-items:stretch;margin-bottom:1.2rem}.hero h1,.section-head h1{font-size:clamp(2rem,5vw,4rem);margin:.15rem 0 .6rem;color:#8a4d89}.hero-text{font-size:1.06rem;color:var(--text-soft);max-width:42rem;line-height:1.8}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rose);font-size:.8rem;font-weight:800}.eyebrow:before{content:"✦";font-size:.9rem}.muted{color:var(--text-soft)}.primary-btn{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;border:none;background:linear-gradient(135deg,#ff96c8,#d598ff);color:#fff;border-radius:999px;padding:.88rem 1.25rem;font-weight:900;cursor:pointer;box-shadow:0 14px 30px #f05d9d3d;transition:transform .18s ease,box-shadow .18s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px #f05d9d47}.primary-btn.small{padding:.68rem 1rem}.primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.text-btn{border:none;background:transparent;color:var(--rose);cursor:pointer;font-weight:800}.text-btn.danger{color:#e26986}.chip-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.soft-chip,.pill{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;background:linear-gradient(135deg,#fff0f8,#eef6ff);color:#c35389;padding:.42rem .8rem;border-radius:999px;font-size:.85rem;font-weight:800;border:1px solid rgba(240,93,157,.16)}.mascot-panel{min-height:100%;display:grid;align-content:center;justify-items:center;gap:.7rem;background:linear-gradient(180deg,#fff3f8,#fdfbff)}.mascot-circle{width:min(260px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.9),transparent 30%),linear-gradient(180deg,#ffd8eb,#efe1ff 52%,#dff2ff);border:7px solid rgba(255,255,255,.88);display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffffa6,0 18px 36px #f05d9d1f;position:relative}.mascot-face{font-size:6rem;transform:translateY(-4px)}.mascot-ribbon{position:absolute;top:1.15rem;right:2.1rem;font-size:2.4rem;transform:rotate(12deg)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0 2rem}.stat-card{text-align:center;display:grid;gap:.18rem;padding-block:1.5rem}.stat-card strong{font-size:2.35rem;color:#8a4d89}.stat-card .tiny{color:var(--text-soft);font-size:.92rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:1.4rem 0 1rem}.section-head h2,.section-head h1{color:#8a4d89}.form-grid{display:grid;gap:1rem;margin-bottom:1.4rem}.form-grid label{display:grid;gap:.45rem;font-weight:800;color:#7f5d7b}input,textarea,select{width:100%;border:1px solid rgba(240,93,157,.18);border-radius:18px;padding:.88rem 1rem;background:#fffdfff5;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{border-color:#f28cbc;box-shadow:0 0 0 4px #f05d9d1a}.two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.three-cols{display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:1rem}.error-text{color:#d45a5a;font-weight:700}.memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.timeline{display:grid;gap:1rem}.memory-card h3{color:#8a4d89;margin-bottom:.45rem}.memory-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.memory-card p{line-height:1.8}.media-strip{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.media-strip img{width:88px;height:88px;object-fit:cover;border-radius:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin-top:1rem}.media-grid img,.media-grid video{width:100%;max-height:280px;object-fit:cover;border-radius:20px;background:#fff0f7}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.album-item img,.album-item video{width:100%;height:220px;object-fit:cover;border-radius:20px;background:#fff0f7}.album-item p{font-weight:900;color:#8a4d89;margin-bottom:.2rem}.album-item span{color:var(--text-soft)}.food-layout{display:grid;gap:1rem}.random-card{margin-bottom:1rem;font-size:1.05rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.random-card strong{color:#8a4d89;font-size:1.45rem}.food-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.food-column h2{color:#8a4d89;margin-top:.2rem}.food-stack{display:grid;gap:.8rem}.food-entry{padding:.95rem 1rem;border-radius:22px;border:1px solid rgba(240,93,157,.14);background:linear-gradient(180deg,#fffafd,#fff3f8)}.food-entry-top{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:.35rem}.food-entry strong{color:#8a4d89}.food-meta{color:var(--text-soft);font-size:.9rem}.food-note{color:#7c667f;margin-top:.35rem;line-height:1.6}.prediction-card{margin-bottom:1rem;font-size:1.02rem;line-height:1.8}.prediction-card strong{color:#8a4d89}.helper-text{font-size:.88rem;color:var(--text-soft)}.login-page{min-height:90vh;display:grid;place-items:center}.login-card{width:min(470px,92vw);text-align:center;background:linear-gradient(180deg,#fffffff5,#fff8fcf5)}.big-heart{font-size:4rem;color:var(--rose);line-height:1}.birthday-page{display:grid;gap:1rem}.birthday-cover{padding:clamp(1.6rem,5vw,2.6rem);background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.75),transparent 18%),linear-gradient(145deg,#fff7fc,#fff0f7 58%,#f9f3ff)}.birthday-cover h1{color:#8a4d89;font-size:clamp(2.2rem,6vw,4.6rem);margin:.25rem 0 .75rem}.countdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.countdown-box{padding:1.05rem 1rem;background:#ffffffb8;border-radius:24px;text-align:center;border:1px solid rgba(240,93,157,.14)}.countdown-box strong{display:block;font-size:1.8rem;color:#8a4d89}.countdown-box span{color:var(--text-soft);font-size:.9rem}.gift-btn{border:none;background:linear-gradient(180deg,#fff,#fff2f9);border-radius:34px;padding:1.4rem;cursor:pointer;box-shadow:inset 0 0 0 2px #ffc2e1cc,0 18px 36px #f05d9d1f;display:inline-grid;gap:.5rem;min-width:250px}.gift-emoji{font-size:4.8rem}.gift-btn span{font-size:1rem;color:#c35389;font-weight:900}.surprise-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;align-items:start}.letter-card{background:linear-gradient(180deg,#fffdfd,#fff5fa)}.letter-title{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.letter-title strong{color:#8a4d89;font-size:1.1rem}.letter{line-height:2;font-size:1.04rem;white-space:pre-line}.wish-stack{display:grid;gap:1rem}.mini-card{padding:1rem;border-radius:24px;background:linear-gradient(180deg,#fff,#fff4fa);border:1px dashed rgba(240,93,157,.28)}.mini-card h3{margin-top:.2rem;color:#8a4d89}.floating-line{color:#f276ab;font-size:1.6rem;letter-spacing:.4rem;animation:floatY 2.2s ease-in-out infinite alternate}.memory-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.memory-highlight img{width:100%;height:180px;object-fit:cover;border-radius:20px}.timeline-list{display:grid;gap:.8rem}.timeline-row{display:grid;grid-template-columns:120px 1fr;gap:.9rem;align-items:start}.timeline-row .date{font-weight:900;color:#c35389}.timeline-row .content{padding:.85rem 1rem;border-radius:20px;background:linear-gradient(180deg,#fff,#fff5fa)}.empty{text-align:center;color:var(--text-soft)}.link-inline{color:var(--rose);font-weight:800}@keyframes floatY{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media(max-width:980px){.hero,.surprise-layout{grid-template-columns:1fr}}@media(max-width:820px){.section-head{flex-direction:column;align-items:flex-start}.stats-grid,.memory-grid,.food-columns,.two-cols,.three-cols,.countdown-grid,.memory-highlight-grid{grid-template-columns:1fr}.navbar{align-items:flex-start;flex-direction:column}.timeline-row{grid-template-columns:1fr}.mascot-circle{width:min(220px,72vw)}}:root{--candy-pink: #ff7fbd;--candy-pink-2: #ffd8ee;--candy-blue: #bce6ff;--candy-purple: #d9c2ff;--candy-yellow: #fff2a8}.pattern-dots{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.34;background-image:radial-gradient(#ffc7e2 1.2px,transparent 1.2px),radial-gradient(#cdefff 1.1px,transparent 1.1px);background-position:0 0,18px 18px;background-size:36px 36px;z-index:0}.floating-stickers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.floating-stickers span{position:absolute;left:calc(6vw + var(--i) * 15vw);top:calc(14vh + (var(--i) % 3) * 24vh);font-size:clamp(1.8rem,4vw,4.2rem);opacity:.34;animation:stickerDrift calc(7s + var(--i) * 1s) ease-in-out infinite alternate;filter:drop-shadow(0 10px 20px rgba(240,93,157,.12))}@keyframes stickerDrift{to{transform:translateY(-22px) rotate(9deg) scale(1.05)}}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:stretch;margin-bottom:1.2rem}.hero-copy{padding:clamp(1.4rem,4vw,2.4rem)}.hero-actions{margin-top:1.25rem}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,127,189,.25);background:#ffffffb3;color:#8a4d89;border-radius:999px;padding:.88rem 1.2rem;font-weight:900;box-shadow:0 12px 26px #b98cff1f}.sticker-stage{min-height:440px;overflow:hidden;background:linear-gradient(145deg,#fff6fb,#f2fbff 55%,#fff4e0)}.sticker-orbit{position:absolute;border:2px dashed rgba(255,127,189,.25);border-radius:50%;animation:slowSpin 18s linear infinite}.orbit-one{width:88%;aspect-ratio:1;left:6%;top:4%}.orbit-two{width:58%;aspect-ratio:1;right:12%;bottom:8%;animation-direction:reverse}@keyframes slowSpin{to{transform:rotate(360deg)}}.sticker-character{overflow:visible}.home-sticker{position:absolute;width:220px;animation:floatSticker 2.8s ease-in-out infinite alternate}.home-sticker.main{left:12%;top:14%;width:260px}.home-sticker.cloud{right:6%;top:8%;width:190px;animation-delay:.35s}.home-sticker.bunny{right:18%;bottom:4%;width:210px;animation-delay:.7s}.sticker-label{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);color:#c35389;background:#ffffffc7;border:1px solid rgba(255,127,189,.22);border-radius:999px;padding:.6rem 1rem;font-weight:900;letter-spacing:.05em}@keyframes floatSticker{to{transform:translateY(-14px) rotate(3deg)}}.sticker-card:before{background:radial-gradient(circle at 92% 12%,rgba(255,216,238,.9),transparent 4rem)}.upgraded-birthday{gap:1.2rem}.birthday-sky{min-height:640px;padding:clamp(1.4rem,4vw,2.4rem);background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.95),transparent 14rem),radial-gradient(circle at 82% 22%,rgba(188,230,255,.7),transparent 16rem),radial-gradient(circle at 72% 80%,rgba(255,242,168,.65),transparent 14rem),linear-gradient(145deg,#fff2fa,#f4f8ff 58%,#fff8e8)}.sparkle-layer span{position:absolute;color:#ff7fbd9e;font-size:1.1rem;animation:sparkleBlink 1.6s ease-in-out infinite alternate}@keyframes sparkleBlink{0%{opacity:.1;transform:scale(.7) rotate(0)}to{opacity:.95;transform:scale(1.28) rotate(18deg)}}.birthday-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:center;position:relative;z-index:2}.birthday-character-cluster{position:relative;min-height:280px}.birthday-character{position:absolute;animation:floatSticker 2.8s ease-in-out infinite alternate}.birthday-character.big{width:300px;right:18%;top:0}.birthday-character.small{width:150px}.birthday-character.left{left:8%;bottom:8%;animation-delay:.45s}.birthday-character.right{right:2%;bottom:0;animation-delay:.7s}.birthday-countdown{position:relative;z-index:2}.pop-card{animation:cardPop 2.3s ease-in-out infinite alternate}.pop-card:nth-child(2){animation-delay:.35s}.pop-card:nth-child(3){animation-delay:.7s}@keyframes cardPop{to{transform:translateY(-7px)}}.gift-stage{position:relative;min-height:240px;display:grid;place-items:center;z-index:3}.animated-gift{width:260px;height:220px;position:relative;border:0;background:transparent;cursor:pointer;animation:giftBounce 1.05s ease-in-out infinite alternate}.animated-gift strong{position:absolute;left:0;right:0;bottom:-1.4rem;color:#8a4d89;font-size:1.05rem}.gift-box{position:absolute;width:190px;height:128px;left:35px;bottom:22px;border-radius:24px;background:linear-gradient(145deg,#ff8fc8,#d7b5ff);box-shadow:0 22px 46px #f05d9d47}.gift-lid{position:absolute;width:216px;height:54px;left:22px;bottom:142px;border-radius:22px;background:linear-gradient(145deg,#ffb5da,#c9eaff);box-shadow:0 12px 24px #f05d9d2e;transform-origin:left bottom;animation:lidWiggle 1.05s ease-in-out infinite alternate}.gift-ribbon-v{position:absolute;width:36px;height:130px;left:112px;bottom:22px;background:#fff4a8;border-radius:18px}.gift-ribbon-h{position:absolute;width:190px;height:28px;left:35px;bottom:76px;background:#fff4a8;border-radius:18px}.gift-bow{position:absolute;width:58px;height:48px;bottom:186px;background:#ff5aa5;border:4px solid #7d5276}.gift-bow.left{left:76px;border-radius:60% 30%;transform:rotate(-18deg)}.gift-bow.right{right:76px;border-radius:30% 60%;transform:rotate(18deg)}@keyframes giftBounce{to{transform:translateY(-10px) scale(1.03)}}@keyframes lidWiggle{to{transform:rotate(-5deg) translateY(-5px)}}.opened-message{text-align:center;color:#8a4d89;animation:openReveal .6s ease both}.opened-message .big-pop{font-size:4.2rem}@keyframes openReveal{0%{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.confetti{position:absolute;width:12px;height:18px;border-radius:4px;background:var(--c);animation:confettiFly var(--d) ease-out forwards}@keyframes confettiFly{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}.surprise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.surprise-door{min-height:180px;cursor:pointer;display:grid;place-items:center;text-align:center;color:#8a4d89;transition:transform .2s ease,box-shadow .2s ease}.surprise-door:hover,.surprise-door.active{transform:translateY(-6px) rotate(-1deg);box-shadow:0 24px 60px #f05d9d2e}.surprise-door span{font-size:3.4rem}.surprise-door strong{font-size:1.15rem}.surprise-door small{color:var(--text-soft)}.super-letter{padding:clamp(1.2rem,4vw,2.2rem)}.birthday-video{width:100%;margin-top:1rem;border-radius:24px}.coupon-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.coupon-card{position:relative;overflow:hidden;min-height:210px;padding:1.4rem;border-radius:30px;background:linear-gradient(145deg,#fff,#fff0f8);border:2px dashed rgba(255,127,189,.38);box-shadow:var(--shadow)}.coupon-card span{font-size:3rem}.coupon-card h3{color:#8a4d89}.coupon-card p{line-height:1.8;color:#7c667f}.film-card{padding:clamp(1rem,4vw,1.6rem)}.film-strip{display:flex;gap:.8rem;overflow-x:auto;padding:.8rem;background:#5f4d64;border-radius:24px}.film-frame{min-width:220px;padding:.55rem;border-radius:16px;background:#fff;box-shadow:0 8px 16px #00000026}.film-frame img{width:100%;height:180px;object-fit:cover;border-radius:12px;display:block}.birthday-timeline{margin-top:1rem}.pop-enter-active,.pop-leave-active{transition:all .35s ease}.pop-enter-from,.pop-leave-to{opacity:0;transform:translateY(18px) scale(.96)}@media(max-width:980px){.home-hero,.birthday-intro{grid-template-columns:1fr}.birthday-sky{min-height:auto}.birthday-character-cluster{min-height:250px}}@media(max-width:820px){.surprise-grid,.coupon-board{grid-template-columns:1fr}.home-sticker.main{width:210px;left:8%}.home-sticker.cloud{width:150px}.home-sticker.bunny{width:170px}.birthday-character.big{width:230px}}