.family-selector[data-v-f2628139]{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.family-select-current[data-v-f2628139]{flex:1;min-width:140px;position:relative}.family-select[data-v-f2628139]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:100%;color:var(--color-text);font-size:var(--font-sm);appearance:none;cursor:pointer;padding:6px 28px 6px 10px;transition:border-color .2s}.family-select[data-v-f2628139]:focus{border-color:var(--color-primary)}.select-arrow[data-v-f2628139]{pointer-events:none;color:var(--color-text-tertiary);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.btn-create-family[data-v-f2628139]{border-radius:var(--radius-round);background:var(--color-primary);width:32px;height:32px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.btn-create-family[data-v-f2628139]:hover{background:var(--color-primary-dark)}.create-family-form[data-v-f2628139]{gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.form-input[data-v-f2628139]{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text);background:var(--color-white);padding:8px 10px}.form-input[data-v-f2628139]:focus{border-color:var(--color-primary)}.create-family-actions[data-v-f2628139]{gap:var(--spacing-sm);display:flex}.btn[data-v-f2628139]{border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;padding:6px 16px;font-weight:500;transition:all .2s}.btn-primary[data-v-f2628139]{background:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-f2628139]:hover{background:var(--color-primary-dark)}.btn-text[data-v-f2628139]{color:var(--color-text-secondary);background:0 0}.btn-text[data-v-f2628139]:hover{color:var(--color-text)}.btn-sm[data-v-f2628139]{font-size:var(--font-sm);padding:4px 12px}.slide-enter-active[data-v-f2628139],.slide-leave-active[data-v-f2628139]{transition:all .2s}.slide-enter-from[data-v-f2628139],.slide-leave-to[data-v-f2628139]{opacity:0;transform:translateY(-8px)}.layout-header[data-v-5bcaa5b8]{background:var(--color-white);border-bottom:1px solid var(--color-border-light);z-index:100;position:sticky;top:0}.header-top[data-v-5bcaa5b8]{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);display:flex}.app-title[data-v-5bcaa5b8]{font-size:var(--font-lg);color:var(--color-primary);white-space:nowrap;margin:0;font-weight:700}.header-nav[data-v-5bcaa5b8]{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.nav-tab[data-v-5bcaa5b8]{color:var(--color-text-tertiary);font-size:var(--font-xs);cursor:pointer;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 6px;font-weight:500;transition:color .2s;display:flex}.nav-tab[data-v-5bcaa5b8]:hover{color:var(--color-text-secondary)}.nav-tab.active[data-v-5bcaa5b8]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-icon[data-v-5bcaa5b8]{flex-shrink:0}#app-container[data-v-609571b7]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-609571b7]{box-sizing:border-box;flex:1;width:100%;max-width:800px;margin:0 auto;padding:16px}:root{--color-primary:#4a90d9;--color-primary-light:#6ba3e0;--color-primary-dark:#357abd;--color-primary-bg:#4a90d91a;--color-success:#52c41a;--color-success-bg:#52c41a1a;--color-warning:#faad14;--color-warning-bg:#faad141a;--color-danger:#ff4d4f;--color-danger-bg:#ff4d4f1a;--color-info:#13c2c2;--color-info-bg:#13c2c21a;--color-gray:#999;--color-gray-bg:#9999991a;--color-role-parent:#4a90d9;--color-role-grandparent:#fa8c16;--color-role-baby:#eb2f96;--color-role-infant:#52c41a;--color-role-parent-bg:#4a90d91a;--color-role-grandparent-bg:#fa8c161a;--color-role-baby-bg:#eb2f961a;--color-role-infant-bg:#52c41a1a;--color-status-created:#999;--color-status-pending-review:#faad14;--color-status-confirmed:#4a90d9;--color-status-purchased:#52c41a;--color-status-rejected:#ff4d4f;--color-category-food:#52c41a;--color-category-daily:#4a90d9;--color-category-medicine:#fa8c16;--color-category-baby:#eb2f96;--color-category-other:#999;--color-category-food-bg:#52c41a1a;--color-category-daily-bg:#4a90d91a;--color-category-medicine-bg:#fa8c161a;--color-category-baby-bg:#eb2f961a;--color-category-other-bg:#9999991a;--color-inventory-sufficient:#52c41a;--color-inventory-low:#faad14;--color-inventory-critical:#ff4d4f;--color-inventory-unknown:#999;--color-white:#fff;--color-bg:#f5f6fa;--color-bg-card:#fff;--color-border:#e8e8e8;--color-border-light:#f0f0f0;--color-text:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-placeholder:#ccc;--color-divider:#f0f0f0;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #0000001f;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-xxxl:32px;--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:18px;--font-xxl:20px;--font-xxxl:24px;--font-title:28px;--header-height:56px;--max-width:480px;--content-padding:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-md);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;line-height:1.5}#app{max-width:var(--max-width);background-color:var(--color-bg);min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s,opacity .3s}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}