:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;--bg: #fff8f2;--panel: rgba(255, 255, 255, .86);--text: #3a2c27;--muted: #806f66;--line: #f0ded2;--pink: #f7b6c2;--pink-2: #ffe7ec;--orange: #f8bd74;--orange-2: #fff0da;--green: #8fd6b4;--green-2: #e3f8ed;--blue: #9ed4f5;--blue-2: #e6f4fc;--shadow: 0 18px 45px rgba(121, 87, 60, .12);--radius-lg: 24px;--radius-md: 18px;--bottom-nav-h: 64px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#ffe2ea 0,transparent 34rem),radial-gradient(circle at bottom right,#fff0d3 0,transparent 32rem),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{border:0;border-radius:var(--radius-md);background:#3f2e2a;color:#fff;padding:.75rem 1rem;cursor:pointer;min-height:44px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3c281e24}button.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}button.danger{background:#fff1f1;color:#9c2f2f;border:1px solid #ffd1d1}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);padding:.85rem .95rem;outline:none}textarea{min-height:108px;resize:vertical}label{display:grid;gap:.4rem;color:var(--muted);font-size:.92rem}.app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:260px;height:100vh;overflow-y:auto;flex:0 0 260px;padding:1rem;background:#fff8f2eb;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.baby-card{display:grid;gap:.35rem;padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#ffe7ec);box-shadow:var(--shadow);margin-bottom:1rem}.avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:#ffd3dc;color:#6d4237}.baby-card strong{font-size:1.15rem}.baby-card span,nav p,.eyebrow,.card-title,.record span,.stat span,.hint,.empty{color:var(--muted)}nav{display:grid;gap:.4rem;margin:1rem 0}nav p{margin:.8rem 0 .2rem;font-size:.82rem;letter-spacing:.06em}nav button{display:flex;align-items:center;gap:.65rem;justify-content:flex-start;background:transparent;color:var(--text)}nav button.active{background:#fff;box-shadow:var(--shadow)}.main{flex:1;padding:1.4rem;max-width:1280px;margin:0 auto;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.topbar h1,.page-title h2{margin:0}.eyebrow,.page-title p{margin:0 0 .25rem}.sync{display:flex;align-items:center;gap:.45rem;padding:.65rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--line);white-space:nowrap;font-size:.85rem}.member-switcher{width:min(280px,100%);padding:.5rem;border-radius:var(--radius-md);background:#ffffffc7;border:1px solid var(--line)}.member-switcher span{color:var(--muted);font-size:.78rem}.member-switcher select{padding:.55rem .65rem}.sync.online{background:var(--green-2)}.sync.error{background:#ffe4e4}.bottom-nav{display:none}.save-feedback{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:200;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 12px 40px #3c281e2e;padding:1rem 1.2rem;max-width:420px;width:calc(100% - 2rem);animation:slideUp .3s ease}.save-feedback strong{display:block;font-size:1.05rem;margin-bottom:.3rem}.save-feedback p{margin:0 0 .7rem;color:var(--muted);font-size:.9rem}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#32231c59;z-index:150;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.record-sheet{background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.2rem;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;display:grid;gap:.8rem;animation:sheetUp .3s ease}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h3{margin:0;font-size:1.15rem}.segmented{display:grid;gap:.4rem}.segmented>span{color:var(--muted);font-size:.88rem}.segmented>div{display:flex;flex-wrap:wrap;gap:.45rem}.segmented button{min-height:38px;padding:.4rem .85rem;font-size:.9rem;border-radius:12px}.notice,.info-panel{display:flex;gap:.65rem;align-items:flex-start;border:1px solid var(--line);background:#ffffffc7;border-radius:20px;padding:.9rem 1rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.home-grid{grid-template-columns:1fr}.card,.quick-form,.page{background:var(--panel);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card,.quick-form{padding:1.1rem;margin-bottom:1rem}.card h2,.quick-form h3{margin:.25rem 0 .6rem}.card p,.record p,.info-panel p{line-height:1.7}.card.pink{background:linear-gradient(135deg,#fff,var(--pink-2))}.card.orange{background:linear-gradient(135deg,#fff,var(--orange-2))}.card.green{background:linear-gradient(135deg,#fff,var(--green-2))}.card.blue{background:linear-gradient(135deg,#fff,var(--blue-2))}.wide{grid-column:1 / -1}.hero-card h2{font-size:1.25rem}.hero-card p{margin:0 0 .5rem;color:var(--muted);font-size:.9rem}.page{padding:1.1rem}.page-title{margin-bottom:1rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.stat{padding:.9rem;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--text);text-align:left}.stat strong{display:block;font-size:1.45rem;margin-top:.2rem}.stat small{display:block;color:var(--muted);margin-top:.3rem}.stat-button{min-height:92px}.stat-button:hover{background:var(--orange-2)}.summary-list{display:grid;gap:.5rem}.summary-list .stat{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem;border-radius:14px}.summary-list .stat strong{font-size:1.1rem;margin:0}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.quick-actions button{display:flex;align-items:center;gap:.35rem;min-height:40px;padding:.5rem .9rem;font-size:.9rem;border-radius:14px}.last-feed{display:grid;gap:.2rem;padding:.7rem .9rem;border-radius:14px;background:#fff9;margin:.5rem 0}.last-feed strong{font-size:1rem}.last-feed span{color:var(--muted);font-size:.85rem}.trend-bars{display:flex;gap:.5rem;align-items:flex-end;height:80px}.trend-bars span{display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;background:var(--pink);color:#fff;font-size:.78rem;padding:.3rem;min-width:50px;flex:1}.cards-2,.settings-grid,.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quick-form{display:grid;gap:.8rem;margin-bottom:1rem}.form-head,.button-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.record-list,.knowledge-list,.task-list,.recommend-list{display:grid;gap:.75rem;margin-top:1rem}.record,.knowledge-list article,.task,.member,.recommend-card{padding:.95rem;border-radius:20px;background:#fff;border:1px solid var(--line)}.recommend-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.recommend-card{display:grid;gap:.45rem}.recommend-card span{color:#9c5b23;font-weight:700}.recommend-card p{margin:0;line-height:1.6;color:var(--muted)}.phone-calendar{background:#fff;border:1px solid var(--line);border-radius:26px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.calendar-head strong{font-size:1.1rem}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:.85rem;padding:.35rem 0}.calendar-cell{min-height:58px;padding:.35rem;border-radius:16px;background:#fff8f2;border:1px solid transparent;color:var(--text);display:grid;place-items:center;position:relative}.calendar-cell.today{border-color:var(--orange);background:var(--orange-2)}.calendar-cell.muted{background:transparent;cursor:default}.calendar-cell em{position:absolute;right:.25rem;bottom:.25rem;min-width:1.15rem;height:1.15rem;border-radius:999px;background:var(--pink);color:#fff;font-size:.72rem;font-style:normal;display:grid;place-items:center}.record{display:grid;gap:.3rem}.record strong{font-size:1.05rem}.record em{font-style:normal;color:#9c5b23;font-weight:700}.record-time{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.knowledge-list{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-list article{display:grid;gap:.5rem}.knowledge-list article.learned{background:var(--green-2)}.knowledge-list p{margin:0;line-height:1.6}.task{display:flex;align-items:center;gap:.7rem;text-align:left;background:#fff;color:var(--text)}.task.done{background:var(--green-2);color:#2f674d}.member{display:grid;gap:.5rem}.checkline{display:flex;grid-template-columns:none;align-items:center;gap:.55rem;color:var(--text)}.checkline input{width:auto;min-width:18px}.push-fieldset{display:grid;gap:.5rem;border:1px dashed var(--line);border-radius:var(--radius-md);padding:.85rem}.push-fieldset legend{color:var(--muted);padding:0 .35rem}.record small{color:var(--muted);line-height:1.5}.settings-grid .card{display:grid;gap:.8rem}.icon-button{width:44px;min-height:44px;padding:0;display:grid;place-items:center}.mobile-only,.backdrop,.topbar-more{display:none}.page-tabs{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tabs button{min-height:38px;padding:.4rem 1rem;font-size:.9rem;border-radius:999px;white-space:nowrap;background:#fff;color:var(--muted);border:1px solid var(--line)}.page-tabs button.active{background:var(--text);color:#fff;border-color:var(--text)}.timeline{display:grid;gap:.5rem}.timeline-item{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .9rem;border-radius:14px;background:#fff;border:1px solid var(--line)}.timeline-time{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3rem}.more-menu-sheet{background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.2rem;width:100%;max-width:520px;display:grid;gap:.6rem;animation:sheetUp .3s ease}.more-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.more-menu-grid button{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:auto;padding:.7rem .3rem;font-size:.75rem;border-radius:14px;background:#fff;color:var(--text);border:1px solid var(--line)}.more-menu-grid button.active{background:var(--pink-2);border-color:var(--pink)}.more-menu-grid button svg{width:22px;height:22px}@media(min-width:821px){.bottom-nav{display:none!important}}@media(max-width:1024px){.knowledge-list,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.sidebar,.mobile-only,.backdrop{display:none!important}.topbar-more{display:grid!important;place-items:center;width:40px;min-height:40px;padding:0;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--text);cursor:pointer;flex-shrink:0}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff8f2f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:.35rem .2rem calc(.35rem + env(safe-area-inset-bottom));z-index:50;justify-content:space-around;align-items:stretch}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:transparent;color:var(--muted);font-size:.7rem;padding:.3rem .4rem;min-height:auto;border-radius:12px;flex:1;width:auto}.bottom-nav button:hover{transform:none;box-shadow:none}.bottom-nav button.active{color:var(--text);background:var(--pink-2)}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button span{font-size:.68rem}.main{padding:max(.8rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) calc(var(--bottom-nav-h) + 1rem + env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left))}.topbar{align-items:flex-start;flex-wrap:wrap;gap:.6rem}.topbar h1{font-size:1.3rem}.eyebrow{font-size:.75rem}.sync{font-size:.8rem;padding:.5rem .7rem}.member-switcher{width:100%}.grid,.cards-2,.settings-grid,.member-grid,.knowledge-list,.recommend-list,.home-grid{grid-template-columns:1fr}.more-menu-grid{grid-template-columns:repeat(4,1fr)}.save-feedback{bottom:calc(var(--bottom-nav-h) + .5rem + env(safe-area-inset-bottom))}}@media(max-width:520px){.topbar h1{font-size:1.2rem}.page,.card,.quick-form{border-radius:20px}.stats{grid-template-columns:1fr}.calendar-cell{min-height:44px;border-radius:10px}.form-head,.button-row{align-items:stretch;flex-direction:column}button{width:100%}.quick-actions button,.bottom-nav button,.segmented button,.page-tabs button,.more-menu-grid button{width:auto}.more-menu-grid{grid-template-columns:repeat(3,1fr)}}