.bottom-nav[data-v-bde0b155]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-1);border-top:2px solid var(--border);padding:var(--space-2) 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:var(--z-nav)}.bottom-nav[data-v-bde0b155]:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='8' viewBox='0 0 48 8' fill='none'%3E%3Cpath d='M0 8 L2 5 L4 7 L6 4 L8 6 L10 3 L12 6 L14 4 L16 7 L18 5 L20 6 L22 3 L24 5 L26 4 L28 6 L30 3 L32 5 L34 6 L36 4 L38 5 L40 3 L42 6 L44 4 L46 5 L48 7 L48 8 Z' fill='%236fba2c' fill-opacity='0.8'/%3E%3Cpath d='M0 8 L2 6 L4 8 L6 5 L8 7 L10 4 L12 7 L14 5 L16 8 L18 6 L20 7 L22 4 L24 6 L26 5 L28 7 L30 4 L32 6 L34 7 L36 5 L38 6 L40 4 L42 7 L44 5 L46 6 L48 8 L48 8 Z' fill='%2386d67a' fill-opacity='0.6'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:48px 8px;pointer-events:none}.nav-item[data-v-bde0b155]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-1-5) var(--space-3-5);min-height:44px;color:var(--text-2);border-radius:var(--r-md);transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast);-webkit-tap-highlight-color:transparent}.nav-item.active[data-v-bde0b155]{color:var(--brand-dark);background:var(--brand-light)}.nav-item[data-v-bde0b155]:active{transform:scale(.94)}@media(prefers-reduced-motion:reduce){.nav-item[data-v-bde0b155]:active{transform:none}}.nav-icon[data-v-bde0b155]{width:24px;height:24px}.nav-label[data-v-bde0b155]{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.02em}.unread-badge[data-v-bde0b155]{position:absolute;top:0;right:4px;min-width:18px;height:18px;background:var(--danger);color:var(--text-on-brand);border-radius:var(--r-full);border:2px solid var(--bg-1);font-size:10px;font-weight:800;padding:0 var(--space-1);line-height:14px;text-align:center;box-shadow:0 2px 0 0 var(--danger-dark)}.badge-pop-enter-active[data-v-bde0b155],.badge-pop-leave-active[data-v-bde0b155]{transition:transform var(--dur-fast) var(--ease-spring),opacity var(--dur-fast)}.badge-pop-enter-from[data-v-bde0b155],.badge-pop-leave-to[data-v-bde0b155]{opacity:0;transform:scale(0)}@media(prefers-reduced-motion:reduce){.badge-pop-enter-active[data-v-bde0b155],.badge-pop-leave-active[data-v-bde0b155]{transition:opacity var(--dur-fast)}.badge-pop-enter-from[data-v-bde0b155],.badge-pop-leave-to[data-v-bde0b155]{transform:none}}:root{--brand: #19c8b9;--brand-dark: #11a89b;--brand-light: #e6f9f6;--brand-hover: #3dd4c6;--fav-color: #f5c31c;--heart-color: #ef4444;--accent-yellow: #ffcc00;--accent-yellow-hover: #ffd633;--accent-yellow-dark: #e0b800;--success: #6fba2c;--success-bg: #e9f6dc;--success-dark: #5a9e1e;--success-text: #3e7a10;--danger: #e05a5a;--danger-bg: #fce0e0;--danger-dark: #c94444;--danger-text: #b83232;--info: #19c8b9;--info-bg: #e6f9f6;--warning: #f5c31c;--warning-bg: #fdf3cf;--warning-text: #8a6b00;--brand-text: #0c7268;--space-personal: #82d5bb;--space-personal-bg: #e1f5ec;--space-personal-text: #1f6f56;--space-family: #889df0;--space-family-bg: #e6ecfb;--space-family-text: #4353b8;--space-public: #e59266;--space-public-bg: #fbe6da;--space-public-text: #a54a1e;--source-ai: #889df0;--source-ai-bg: #e6ecfb;--source-ai-text: #4353b8;--source-automation: #b77dee;--source-automation-bg: #efe1fb;--source-automation-text: #7434b8;--type-lifecycle-bar: #6fba2c;--type-lifecycle-bg: #e9f6dc;--type-couple-bar: #f8a6b2;--type-couple-bg: #fde8ec;--type-trivia-bar: #889df0;--type-trivia-bg: #e6ecfb;--type-trivia-fg: #4f5fb8;--type-meme-bar: #e85d4a;--type-meme-bg: #fef2f0;--type-meme-fg: #d24a37;--type-quote-bar: #7c5cf0;--type-quote-bg: #f3f0ff;--type-quote-fg: #6347e3;--type-history-bar: #0e7490;--type-history-bg: #ecfeff;--bg-0: #f8f8f0;--bg-1: rgb(247, 243, 223);--bg-2: #f0e8d8;--bg-3: #ece8e1;--text-0: #794f27;--text-1: #725d42;--text-2: #736450;--text-3: #786a55;--border: #c4b89e;--border-hover: #a89878;--shadow-sm: 0 2px 6px rgba(107, 92, 67, .18);--shadow-md: 0 4px 10px rgba(107, 92, 67, .42);--shadow-lg: 0 8px 24px rgba(61, 52, 40, .18);--shadow-xl: 0 12px 32px rgba(61, 52, 40, .18);--bg-frost: rgba(255, 255, 255, .6);--backdrop: rgba(0, 0, 0, .4);--shadow-3d-warm: rgba(189, 174, 160, .55);--shadow-3d-btn: 0 5px 0 0 #bdaea0;--shadow-3d-btn-hover: 0 6px 0 0 #bdaea0;--shadow-3d-btn-active: 0 1px 0 0 #bdaea0;--shadow-3d-input: 0 3px 0 0 #d4c9b4;--shadow-3d-input-sm: 0 2px 0 0 #d4c9b4;--shadow-3d-input-hover: 0 4px 0 0 #d4c9b4;--shadow-3d-input-active: 0 1px 0 0 #d4c9b4;--shadow-3d-primary: 0 5px 0 0 #11a89b;--shadow-3d-primary-active: 0 1px 0 0 #11a89b;--shadow-3d-danger: 0 5px 0 0 var(--danger-dark);--text-on-brand: #fffdf5;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-full: 50px;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 30px;--fs-display: 48px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.5;--lh-relaxed: 1.6;--z-sticky: 50;--z-fab: 90;--z-nav: 100;--z-dropdown: 200;--z-modal: 1000;--z-toast: 1100;--font-sans: "Nunito", "Noto Sans TC", -apple-system, sans-serif;--font-display: "Nunito", "Noto Sans TC", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-island: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .25s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='12' cy='14' r='1.2' fill='%23c4b89e' fill-opacity='0.35'/%3E%3Ccircle cx='42' cy='8' r='0.9' fill='%23c4b89e' fill-opacity='0.28'/%3E%3Ccircle cx='28' cy='38' r='1' fill='%23c4b89e' fill-opacity='0.32'/%3E%3Ccircle cx='52' cy='48' r='1.2' fill='%23c4b89e' fill-opacity='0.35'/%3E%3Ccircle cx='6' cy='52' r='0.9' fill='%23c4b89e' fill-opacity='0.28'/%3E%3C/svg%3E");color:var(--text-1);line-height:var(--lh-relaxed);font-weight:500;letter-spacing:.01em;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.wave-divider{height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='14' viewBox='0 0 80 14' fill='none'%3E%3Cpath d='M0 7 Q 10 1, 20 7 T 40 7 T 60 7 T 80 7' stroke='%23a89878' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;background-size:80px 14px;margin:var(--space-2) 0;opacity:.7}.wave-divider--brand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='14' viewBox='0 0 80 14' fill='none'%3E%3Cpath d='M0 7 Q 10 1, 20 7 T 40 7 T 60 7 T 80 7' stroke='%2319c8b9' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");opacity:.55}.leaf-deco{display:inline-block;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2 C 7 7, 5 14, 11 22 C 17 14, 17 7, 12 2 Z' fill='%236fba2c'/%3E%3Cpath d='M12 5 L12 20' stroke='%235a9e1e' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans)}button,a,[role=button]{-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:var(--font-sans)}html{overscroll-behavior-y:none}::selection{background:#19c8b940;color:var(--text-0)}@media(pointer:coarse){input,select,textarea{font-size:16px!important}}:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent-yellow)!important;box-shadow:var(--shadow-3d-input),0 0 0 3px #ffcc0059}button:focus-visible:not(.toggle-track),a:focus-visible{outline:none;box-shadow:0 0 0 3px #ffcc008c}.btn:focus-visible{outline:none;box-shadow:var(--shadow-3d-btn),0 0 0 3px #ffcc008c}.btn-primary:focus-visible{box-shadow:var(--shadow-3d-primary),0 0 0 3px #ffcc008c}.btn-ghost:focus-visible{box-shadow:0 3px #11a89b66,0 0 0 3px #ffcc008c}.btn-danger:focus-visible{box-shadow:0 3px #c9444466,0 0 0 3px #ffcc008c}.btn-danger-solid:focus-visible{box-shadow:var(--shadow-3d-danger),0 0 0 3px #ffcc008c}.btn-accent:focus-visible{box-shadow:0 5px 0 0 var(--accent-yellow-dark),0 0 0 3px #ffcc00b3}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23725d42' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;cursor:pointer;font-weight:700;font-family:var(--font-sans);letter-spacing:.02em;transition:transform var(--dur-fast) var(--ease-island),box-shadow var(--dur-fast) var(--ease-island),background var(--dur-fast),border-color var(--dur-fast);border-radius:var(--r-full);box-shadow:var(--shadow-3d-btn);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-3d-btn-hover)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-3d-btn-active)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-3d-btn)}.btn-sm{padding:0 var(--space-4);height:var(--space-8);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-md{padding:0 var(--space-5);height:44px;font-size:var(--fs-base)}.btn-lg{padding:0 var(--space-8);height:var(--space-12);font-size:var(--fs-lg);width:100%;border-radius:var(--r-lg)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-3d-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 6px 0 0 var(--brand-dark)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-3d-primary-active)}.btn-secondary{background:var(--bg-1);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-2);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--brand-dark);border-color:var(--brand);box-shadow:0 3px #11a89b66}.btn-ghost:hover:not(:disabled){background:var(--brand-light);box-shadow:0 4px #11a89b66}.btn-ghost:active:not(:disabled){box-shadow:0 1px #11a89b66}.btn-danger{background:var(--bg-1);color:var(--danger-text);border-color:var(--danger-text);box-shadow:0 3px #c9444466}.btn-danger:hover:not(:disabled){background:#fce0e0;box-shadow:0 4px #c9444466}.btn-danger:active:not(:disabled){box-shadow:0 1px #c9444466}.btn-danger-solid{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:var(--shadow-3d-danger)}.btn-danger-solid:hover:not(:disabled){opacity:.92;box-shadow:0 6px 0 0 var(--danger-dark)}.btn-danger-solid:active:not(:disabled){box-shadow:0 1px 0 0 var(--danger-dark)}.btn-accent{background:var(--accent-yellow);color:var(--text-0);border-color:var(--accent-yellow);box-shadow:0 5px 0 0 var(--accent-yellow-dark)}.btn-accent:hover:not(:disabled){background:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover);box-shadow:0 6px 0 0 var(--accent-yellow-dark)}.btn-accent:active:not(:disabled){box-shadow:0 1px 0 0 var(--accent-yellow-dark)}.form-input{padding:0 18px;height:44px;font-size:var(--fs-md);font-weight:500;border:2.5px solid var(--border);border-radius:var(--r-full);background:var(--bg-1);color:var(--text-1);box-shadow:var(--shadow-3d-input);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-input::placeholder{color:var(--text-3);font-weight:400}.form-input:hover{border-color:var(--border-hover)}textarea.form-input{height:auto;padding:var(--space-3) 18px;border-radius:var(--r-md);line-height:var(--lh-relaxed)}.password-wrapper{position:relative}.password-input{width:100%;padding-right:60px}.pwd-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:600;color:var(--text-2);background:none;border:none;cursor:pointer}.pwd-toggle:hover{color:var(--text-0)}:where(.tap-44,.tap-44-row){position:relative}.tap-44:before,.tap-44-row:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.tap-44-row:before{left:0;right:0;width:auto;transform:translateY(-50%)}.page-enter-active{transition:opacity var(--dur-fast) var(--ease-out)}.page-leave-active{transition:opacity 1ms linear}.page-enter-from,.page-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:opacity 1ms linear}.page-enter-from,.page-leave-to{opacity:.999}.btn{transition:none}}@media(hover:hover){*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--bg-2);border-left:1px solid var(--border)}*::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg-2);border-radius:99px;box-shadow:inset 0 0 0 1px var(--border-hover)}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);box-shadow:inset 0 0 0 1px var(--text-2)}*::-webkit-scrollbar-corner{background:var(--bg-2)}html{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-2)}}