.rem-mask[data-v-42f01846]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#2d264b59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.rem-pop[data-v-42f01846]{width:100%;max-width:320px;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 50px #5b4edb4d}.rem-top[data-v-42f01846]{display:flex;align-items:center;gap:10px;color:var(--accent-d);font-size:16px}.rem-ico[data-v-42f01846]{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#7c6fff26;color:var(--accent-d);animation:pulseRing 1.8s ease-out infinite}.rem-body[data-v-42f01846]{margin:0;font-size:14px;line-height:1.6;color:var(--text)}.rem-body .hl[data-v-42f01846]{color:var(--accent-d);font-weight:600}.rem-actions[data-v-42f01846]{display:flex;gap:10px}.rem-btn[data-v-42f01846]{flex:1;font:inherit;font-weight:600;padding:11px 0;border-radius:12px;border:1px solid var(--glass-border);cursor:pointer;transition:transform .12s ease,background .15s ease}.rem-btn[data-v-42f01846]:active{transform:scale(.97)}.rem-btn.ghost[data-v-42f01846]{background:#ffffff80;color:var(--muted)}.rem-btn.primary[data-v-42f01846]{background:linear-gradient(135deg,#7c6fff,#5b4edb);color:#fff;border:none}.rem-pop-enter-active[data-v-42f01846],.rem-pop-leave-active[data-v-42f01846]{transition:opacity .2s ease,transform .2s ease}.rem-pop-enter-from[data-v-42f01846],.rem-pop-leave-to[data-v-42f01846]{opacity:0;transform:scale(.92) translateY(8px)}.app-shell[data-v-04e0cc08]{display:flex;min-height:100vh;min-height:100dvh}.app-shell.desktop[data-v-04e0cc08]{max-width:1320px;margin:0 auto}.sidebar[data-v-04e0cc08]{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);margin:var(--pad);padding:var(--pad);display:flex;flex-direction:column;gap:var(--gap);border-radius:var(--r-lg);position:sticky;top:var(--pad);height:calc(100dvh - 2 * var(--pad))}.brand[data-v-04e0cc08]{display:flex;align-items:center;gap:10px;padding:6px 4px 14px}.brand-dot[data-v-04e0cc08]{width:14px;height:14px;border-radius:50%;background:var(--btn-primary);box-shadow:0 0 0 4px #7c6fff2e}.brand-sub[data-v-04e0cc08]{font-size:12px}.side-nav[data-v-04e0cc08]{display:flex;flex-direction:column;gap:6px;flex:1}.side-link[data-v-04e0cc08]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);color:var(--muted);font-weight:500;transition:background .15s,color .15s}.side-link[data-v-04e0cc08]:hover{background:#7c6fff1a;color:var(--text)}.side-link.active[data-v-04e0cc08]{background:var(--btn-primary);color:#fff;box-shadow:0 6px 16px #7c6fff4d}.side-foot[data-v-04e0cc08]{font-size:12px;padding-top:8px}.main-col[data-v-04e0cc08]{flex:1;display:flex;flex-direction:column;min-width:0}.topbar[data-v-04e0cc08]{width:100%;padding:var(--pad) var(--pad) 0;display:flex;align-items:center;justify-content:space-between}.topbar h1[data-v-04e0cc08]{margin:0;font-size:clamp(20px,3vw,26px)}.bell[data-v-04e0cc08]{position:relative;color:var(--muted);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-border)}.bell.unread[data-v-04e0cc08]{color:var(--accent-d)}.bell .dot[data-v-04e0cc08]{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid #fff}.content[data-v-04e0cc08]{flex:1;width:100%;padding:var(--pad);padding-bottom:calc(var(--nav-h) + 28px + env(safe-area-inset-bottom,0px))}.empty-family[data-v-04e0cc08]{max-width:460px;margin:6vh auto 0;padding:32px 26px;border-radius:var(--r-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.ef-emoji[data-v-04e0cc08]{font-size:52px;line-height:1}.empty-family h2[data-v-04e0cc08]{margin:4px 0 0;font-size:22px;color:var(--text)}.empty-family p[data-v-04e0cc08]{margin:0;font-size:14px}.ef-form[data-v-04e0cc08]{display:flex;gap:10px;width:100%;max-width:340px;margin-top:8px}.ef-form input[data-v-04e0cc08]{flex:1;font:inherit;padding:11px 14px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff8c;color:var(--text)}.ef-form .btn-primary[data-v-04e0cc08]{font:inherit;font-weight:600;color:#fff;border:none;padding:0 20px;border-radius:12px;background:linear-gradient(135deg,#7c6fff,#5b4edb);cursor:pointer}.ef-form .btn-primary[data-v-04e0cc08]:disabled{opacity:.5;cursor:not-allowed}.ef-tip[data-v-04e0cc08]{font-size:12px;margin-top:6px}.bottom-tab[data-v-04e0cc08]{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;padding:0 10px calc(env(safe-area-inset-bottom,0px) + 10px);pointer-events:none}.bottom-tab-inner[data-v-04e0cc08]{pointer-events:auto;width:100%;max-width:560px;height:var(--nav-h);display:flex;justify-content:space-around;align-items:center;border-radius:var(--r-pill);padding:0 4px;background:#ffffffeb;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.tab-link[data-v-04e0cc08]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);flex:1;padding:8px 2px;border-radius:var(--r-md)}.tab-link.active[data-v-04e0cc08]{color:var(--accent-d)}.tab-link.active[data-v-04e0cc08] svg{color:var(--accent);animation:popIn .2s ease}.bottom-tab-inner[data-v-04e0cc08]{animation:fadeUp .4s ease both}@media(max-width:360px){.tab-link[data-v-04e0cc08]{font-size:10px;padding:7px 2px}.tab-link[data-v-04e0cc08] svg{width:20px;height:20px}}.page-enter-active[data-v-04e0cc08],.page-leave-active[data-v-04e0cc08]{transition:opacity .2s ease}.page-enter-from[data-v-04e0cc08],.page-leave-to[data-v-04e0cc08]{opacity:0}.side-link[data-v-04e0cc08]{transition:background .15s,color .15s,transform .12s}.side-link[data-v-04e0cc08]:active{transform:scale(.97)}.side-link.active[data-v-04e0cc08]{animation:popIn .2s ease}.bell[data-v-04e0cc08]{transition:transform .12s ease,color .15s ease}.bell[data-v-04e0cc08]:hover{transform:scale(1.05)}.bell .dot[data-v-04e0cc08]{animation:pulseRing 1.8s ease-out infinite}:root{--accent: #7c6fff;--accent-d: #5b4edb;--text: #2d264b;--muted: #7a6e92;--danger: #e5396d;--ico: #9b8fb0;--glass: rgba(255, 255, 255, .45);--glass-strong: rgba(255, 255, 255, .62);--glass-border: rgba(255, 255, 255, .28);--glass-shadow: 0 8px 32px rgba(91, 78, 219, .12);--bg-outer: #e4d8ed;--grad-screen: linear-gradient( 150deg, #ede0f5 0%, #f5e0ee 33%, #e0edf5 66%, #e0f5ed 100% );--btn-primary: linear-gradient(135deg, #7c6fff, #5b4edb);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-pill: 999px;--gap: clamp(10px, 2vw, 16px);--pad: clamp(12px, 2.4vw, 20px);--nav-h: 64px;--sidebar-w: 248px;--content-max: 1200px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);color:var(--text);background:var(--grad-screen, var(--bg-outer));background-attachment:fixed;font-size:clamp(14px,1.6vw,16px);line-height:1.5}#app{min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text)}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--r-lg)}.btn-primary{background:var(--btn-primary);color:#fff;border-radius:var(--r-pill);padding:12px 22px;font-weight:600;box-shadow:0 6px 18px #7c6fff59;transition:transform .12s ease,box-shadow .12s ease}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--r-pill);padding:11px 20px;font-weight:500;color:var(--text)}.muted{color:var(--muted)}.danger{color:var(--danger)}@media(hover:hover)and (pointer:fine){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7c6fff4d;border-radius:999px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:.6;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}@keyframes maskIn{0%{opacity:0}to{opacity:1}}@keyframes pulseRing{0%{box-shadow:0 0 #7c6fff66}70%{box-shadow:0 0 0 12px #7c6fff00}to{box-shadow:0 0 #7c6fff00}}@keyframes spin360{to{transform:rotate(360deg)}}@keyframes drawPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes flashOk{0%{background:#5fd3db73}to{background:#fff6}}.anim-in{animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both}.stagger>*{opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.13s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.23s}.stagger>*:nth-child(6){animation-delay:.28s}.stagger>*:nth-child(n+7){animation-delay:.33s}.glass,.card{transition:transform .18s ease,box-shadow .18s ease}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #5b4edb29}}button:active{transform:scale(.96)}.btn-primary,.btn-ghost,.btn-lottery,.btn-wish{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn-primary:hover,.btn-lottery:hover,.btn-wish:hover{filter:brightness(1.05)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}}