@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-synthesis:none;--primary:#133c34;--primary-hover:#0f302a;--soft:#e7efec;--surface:#fff;--surface-2:#f1f1ed;--canvas:#f7f6f2;--text:#17211e;--muted:#66706c;--line:#e5e7e4;--accent:#d98682;--accent-soft:#f7e8e6;--danger:#a14541;font-family:DM Sans,Noto Sans SC,sans-serif}html[data-theme=ivory]{--primary:#594134;--primary-hover:#463127;--soft:#eee7df;--surface:#fffdfa;--surface-2:#f0ebe4;--canvas:#faf7f1;--text:#2f2925;--muted:#766c65;--line:#e4ddd4;--accent:#bd755d;--accent-soft:#f4e6df}*{box-sizing:border-box}html{background:var(--surface-2)}body{background:var(--surface-2);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.eyebrow,.mini-label{letter-spacing:.12em;color:#76807c;font-size:.7rem;font-weight:700}.eyebrow{margin:0 0 8px}.sidebar{background:var(--primary);color:#fff;z-index:20;flex-direction:column;width:238px;padding:31px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff1f;flex-direction:column;gap:6px;padding:0 11px 37px;display:flex}.brand strong{letter-spacing:-.02em;font-size:1.35rem}.brand span{color:#ffffff94;letter-spacing:.03em;font-size:.76rem}.sidebar nav{gap:7px;margin-top:28px;display:grid}.nav-item{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;height:48px;padding:0 12px;transition:all .18s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active:after{content:"";background:#fff;border-radius:2px;width:3px;height:20px;margin-left:auto}.sidebar-foot{color:#ffffff7a;letter-spacing:.12em;border-top:1px solid #ffffff1a;flex-direction:column;gap:5px;margin-top:auto;padding:20px 11px 0;font-size:.65rem;display:flex}.sidebar-foot b{color:#ffffffb8;font-size:.68rem;font-weight:500}.close-mobile{display:none}main{background:var(--canvas);min-height:100vh;margin-left:238px}header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:145px;padding:32px clamp(28px,4vw,64px) 26px;display:flex}header h1{letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(1.6rem,2.4vw,2.25rem);font-weight:600}header p:last-child{color:var(--muted);margin:0;font-size:.95rem}.header-actions{align-items:center;gap:14px;display:flex}.header-actions button,.menu-button,.icon-button{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;display:grid}.avatar{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:45px;height:45px;font-weight:600;display:grid}.menu-button{display:none}.subnav{background:var(--surface);border-bottom:1px solid var(--line);align-items:end;gap:31px;height:59px;padding:0 clamp(28px,4vw,64px);display:flex;overflow-x:auto}.subnav button{height:59px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 2px;font-size:.87rem;position:relative}.subnav button.active{color:var(--primary);font-weight:600}.subnav button.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:0;left:0;right:0}.content{max-width:1400px;margin:auto;padding:35px clamp(28px,4vw,64px) 64px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.35rem}.status{color:var(--muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.status i{background:#5f8d72;border-radius:50%;width:7px;height:7px;display:block}.dashboard-grid{grid-template-columns:1.08fr .92fr;gap:20px;display:grid}.card,.flow-card,.challenge-page-card,.plan-list-card,.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 20px #00000006}.card{min-width:0;padding:24px;transition:all .2s}.card:hover{transform:translateY(-2px);box-shadow:0 7px 24px #0000000b}.card-title{gap:15px;display:flex}.card-title .index{color:#8d9692;margin-top:4px;font-size:.68rem}.card h3,.card-title h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.card-title p{color:var(--muted);margin:6px 0 0;font-size:.82rem}.split-title,.pulse-head{justify-content:space-between;align-items:flex-start;display:flex}.split-title>strong{color:var(--primary);background:var(--soft);border-radius:7px;padding:7px 10px;font-size:.82rem}.segmented{grid-template-columns:repeat(4,1fr);gap:7px;margin:27px 0 20px;display:grid}.segmented button,.choice-row button{background:var(--surface-2);min-height:45px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:9px}.segmented button.active,.choice-row button.active{background:var(--primary);color:#fff}.primary,.secondary,.ghost-button,.success-button,.danger-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:0 17px;transition:all .18s;display:inline-flex}.primary{background:var(--primary);color:#fff;border:0}.primary:hover{background:var(--primary-hover)}.secondary{border:1px solid var(--primary);background:var(--surface);color:var(--primary)}.ghost-button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}.success-button{background:var(--soft);color:var(--primary);border:1px solid #8fb09c}.danger-button{color:var(--danger);background:#fff8f7;border:1px solid #d9aaa6}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d9868259}.wide-button{width:100%}.recommendation{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;margin:-2px 0 18px;padding:15px 17px}.recommendation h4{margin:5px 0 9px;font-size:1.08rem}.recommendation-meta{color:var(--muted);flex-direction:column;gap:6px;font-size:.78rem;display:flex}.recommendation-meta span{align-items:flex-start;gap:7px;display:flex}.moods{grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0 22px;display:grid}.moods button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:60px;font-size:1.3rem;display:flex}.moods button small{color:var(--muted);font-size:.63rem}.moods button.active{border-color:var(--accent);background:var(--accent-soft)}.mood-copy{background:var(--accent-soft);color:#745b59;border-radius:10px;padding:15px 17px}.mood-copy span{font-size:.74rem;font-weight:600}.mood-copy p{margin:7px 0 0;font-size:.82rem}.progress{background:var(--surface-2);border-radius:5px;height:7px;margin:21px 0;overflow:hidden}.progress span{background:var(--primary);border-radius:5px;height:100%;transition:width .25s;display:block}.check-list{display:grid}.check-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;min-height:64px;padding:10px 3px;display:flex}.check-list button:last-child{border-bottom:0}.check-list.compact button{min-height:41px;padding:5px 3px}.check-box,.wish-check{background:var(--surface);border:1px solid #bec5c2;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.check-box.checked,.wish-check.checked{background:var(--primary);border-color:var(--primary);color:#fff}.check-list b{font-size:.88rem;display:block}.check-list small{color:var(--muted);margin-top:4px;font-size:.7rem;display:block}.done{text-decoration:line-through;color:#929a96!important}.next-date-card{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.date-mark{border:1px solid var(--line);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:86px;display:flex}.date-mark span{letter-spacing:.12em;color:var(--accent);font-size:.65rem;font-weight:700}.date-mark strong{font-size:1.7rem;line-height:1.2}.date-mark small{color:var(--muted);font-size:.62rem}.date-info h3{margin:0 0 7px;font-size:1.15rem}.date-info>p:not(.mini-label){color:var(--muted);margin:0 0 7px;font-size:.84rem}.date-info>span{color:var(--muted);font-size:.82rem}.date-actions{grid-column:1/-1;gap:8px;display:flex}.date-actions button{flex:1}.memory-preview{margin:20px 0 15px;display:grid}.memory-preview div{border-bottom:1px solid var(--line);grid-template-columns:94px 1fr;padding:11px 0;font-size:.82rem;display:grid}.memory-preview time{color:var(--muted)}.text-button{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:600;display:flex}.pulse-head>div:last-child{flex-direction:column;align-items:end;display:flex}.pulse-head>div:last-child strong{color:var(--primary);font-size:2rem}.pulse-head>div:last-child span{color:var(--muted);font-size:.7rem}.chart-wrap{height:155px;margin-top:8px}.chart-tooltip{background:var(--primary);color:#fff;border-radius:8px;flex-direction:column;gap:4px;max-width:210px;padding:11px 13px;font-size:.7rem;display:flex;box-shadow:0 5px 18px #00000026}.chart-tooltip b{font-size:1rem}.full-card{grid-column:1/-1}.quick-grid,.badge-grid,.idea-grid,.moment-grid,.long-plan-grid{gap:18px;display:grid}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{border:1px solid var(--line);background:var(--surface);min-height:116px;color:var(--primary);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 4px 20px #00000006}.quick-card div{flex-direction:column;flex:1;gap:5px;display:flex}.quick-card span{color:var(--muted);font-size:.78rem}.flow-card{padding:28px}.flow-step{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:18px;padding:25px 0;display:grid}.flow-step:first-child{padding-top:0}.flow-step>span{color:var(--muted);font-size:.73rem}.flow-step h3{margin:0 0 15px;font-size:1rem}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row button{padding:0 18px}.generated-plan{background:var(--soft);border-radius:12px;grid-template-columns:1fr .8fr;gap:25px;margin:24px 0;padding:20px;display:grid}.generated-plan h3{margin:6px 0;font-size:1.25rem}.generated-plan p{color:var(--muted);margin:0;font-size:.84rem}.generated-plan>div:last-child{border-left:1px solid #133c3424;flex-direction:column;justify-content:center;gap:10px;padding-left:20px;font-size:.8rem;display:flex}.generated-plan>div:last-child span{gap:8px;display:flex}.generate-button{margin-top:24px}.idea-grid{grid-template-columns:repeat(3,1fr)}.idea-card{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:14px;min-height:205px;padding:21px;transition:all .2s}.idea-card:hover{border-color:#cbd1ce;transform:translateY(-2px)}.category-tag{background:var(--soft);color:var(--primary);border-radius:6px;padding:5px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.idea-card h3{margin:18px 0 8px;font-size:1rem}.idea-card p{color:var(--muted);min-height:64px;margin:0;font-size:.8rem;line-height:1.65}.idea-card>div{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:12px;padding-top:13px;font-size:.72rem;display:flex}.detail-modal>p{color:var(--muted);line-height:1.7}.detail-modal dl{border-top:1px solid var(--line);gap:0;margin:23px 0;display:grid}.detail-modal dl div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;padding:13px 0;font-size:.85rem;display:grid}.detail-modal dt{color:var(--muted)}.detail-modal dd{margin:0}.surprise-panel{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:660px;margin:35px auto;padding:48px 40px}.surprise-icon{background:var(--soft);width:58px;height:58px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.surprise-panel h2{margin:3px 0 10px;font-size:2rem}.surprise-panel>p:not(.eyebrow){color:var(--muted);margin:0}.surprise-result{background:var(--canvas);border:1px solid var(--line);text-align:left;border-radius:12px;margin:28px 0;padding:24px}.surprise-result>span{color:var(--muted);font-size:.7rem}.surprise-result h3{margin:7px 0;font-size:1.3rem}.surprise-result p{color:var(--muted);font-size:.84rem}.surprise-result div{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:18px;padding-top:14px;font-size:.8rem;display:flex}.big-button{padding:0 25px}.list-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.list-toolbar p{color:var(--muted);font-size:.84rem}.timeline{border-left:1px solid #cdd2d0;margin-left:25px}.timeline article{grid-template-columns:48px 1fr auto;gap:20px;padding:3px 0 38px;display:grid;position:relative}.timeline-marker{background:var(--primary);color:#fff;border:7px solid var(--canvas);border-radius:50%;place-items:center;width:49px;height:49px;margin-left:-25px;display:grid}.timeline-marker span{font-size:.65rem}.timeline time,.moment-card time,.record-list time{letter-spacing:.08em;color:var(--muted);font-size:.7rem}.timeline h3{margin:7px 0;font-size:1rem}.timeline p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.6}.timeline article>button,.moment-card>button,.long-plan-grid article>button{color:#a2aaa6;cursor:pointer;background:0 0;border:0;width:40px;height:40px}.photo-grid{columns:3;column-gap:16px}.photo-grid button{background:var(--surface-2);cursor:pointer;border:0;border-radius:12px;width:100%;min-height:120px;margin:0 0 16px;padding:0;display:block;position:relative;overflow:hidden}.photo-grid img{width:100%;height:auto;display:block}.photo-grid span{color:#fff;text-align:left;background:linear-gradient(#0000,#0000008c);padding:38px 13px 11px;font-size:.74rem;position:absolute;inset:auto 0 0}.image-fallback{background:var(--soft)!important}.image-fallback:before{content:"图片暂时无法加载";height:160px;color:var(--muted);place-items:center;font-size:.75rem;display:grid}.lightbox-image{border-radius:9px;max-width:100%;max-height:70vh;margin:auto;display:block}.moment-grid{grid-template-columns:repeat(3,1fr)}.moment-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;min-height:150px;padding:21px;position:relative}.moment-card p{font-size:.94rem;line-height:1.7}.moment-card>button{position:absolute;top:8px;right:8px}.record-list{gap:10px;display:grid}.record-list article{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:15px;padding:19px 22px;display:flex}.record-list svg{color:var(--primary)}.record-list h3{margin:4px 0;font-size:.9rem}.badge-grid{grid-template-columns:repeat(3,1fr)}.badge{background:var(--surface);border:1px solid var(--line);color:#9da4a1;border-radius:14px;min-height:220px;padding:24px;position:relative}.badge>span{font-size:.68rem;position:absolute;top:18px;right:20px}.badge svg{margin:22px 0 13px}.badge h3{color:#77807c;margin:0}.badge p{font-size:.8rem}.badge b{font-size:.7rem}.badge.earned{background:var(--primary);color:#ffffffb3;border-color:var(--primary)}.badge.earned h3{color:#fff}.challenge-page-card{padding:30px}.challenge-summary{justify-content:space-between;align-items:end;display:flex}.challenge-summary h2{margin:0;font-size:1.45rem}.challenge-summary p:last-child{color:var(--muted);font-size:.82rem}.challenge-summary>strong{color:var(--primary);font-size:2.5rem}.plan-list-card,.settings-card{padding:28px}.inline-add{border-bottom:1px solid var(--line);padding-bottom:24px}.inline-add label{margin-bottom:12px;font-weight:600;display:block}.inline-add>div{gap:9px;display:flex}.inline-add input{flex:1}.wish-list{display:grid}.wish-list>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;min-height:68px;font-size:.88rem;display:grid}.wish-check{padding:0}.wish-list small{color:var(--muted);font-size:.69rem}.delete-button{color:#a2aaa6;cursor:pointer;background:0 0;border:0;width:40px;height:40px}.long-plan-grid{grid-template-columns:repeat(3,1fr);margin-top:24px}.long-plan-grid article{border:1px solid var(--line);border-radius:12px;min-height:140px;padding:21px;position:relative}.long-plan-grid article>span{color:var(--accent);font-size:.68rem}.long-plan-grid h3{margin:22px 0 6px;font-size:.95rem}.long-plan-grid p{color:var(--muted);font-size:.72rem}.long-plan-grid article>button{position:absolute;top:8px;right:8px}.settings-card{max-width:760px}.settings-form{margin-top:26px}.save-button{align-self:flex-start}.theme-options{grid-template-columns:1fr 1fr;gap:14px;margin-top:25px;display:grid}.theme-options>button{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;padding:18px;position:relative}.theme-options>button.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.theme-options b,.theme-options small{display:block}.theme-options b{margin:14px 0 5px;font-size:.88rem}.theme-options small{color:var(--muted);font-size:.7rem}.theme-options>button>svg{color:var(--primary);position:absolute;top:14px;right:14px}.swatch{border-radius:8px;grid-template-columns:1fr 1.5fr 1fr;height:66px;display:grid;overflow:hidden}.swatch i:first-child{background:#133c34}.swatch i:nth-child(2){background:#f7f6f2}.swatch i:last-child{background:#d98682}.swatch.ivory i:first-child{background:#594134}.swatch.ivory i:nth-child(2){background:#faf7f1}.swatch.ivory i:last-child{background:#bd755d}.danger-zone>div:last-child{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.danger-zone h3{margin:0;font-size:.92rem}.danger-zone p,.modal-copy{color:var(--muted);margin:6px 0 0;font-size:.78rem}.empty-state{text-align:center;min-height:260px;color:var(--muted);border:1px dashed #cdd2d0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-state h3{color:var(--text);margin:13px 0 4px;font-size:1rem}.empty-state p{margin:0 0 18px;font-size:.8rem}input,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:9px;min-height:45px;padding:10px 12px}textarea{resize:vertical;min-height:90px}.form-stack{gap:16px;display:grid}.form-stack label{gap:7px;font-size:.76rem;font-weight:600;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:9px;margin-top:6px;display:flex}.modal-layer{z-index:50;background:#0f1b177a;place-items:center;padding:20px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:15px;width:min(540px,100%);max-height:90vh;padding:24px;animation:.2s rise;overflow:auto;box-shadow:0 18px 60px #0003}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:1.15rem}.modal-head .icon-button{width:38px;height:38px}.danger-modal{border-top:3px solid var(--danger)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:scale(.98)translateY(6px)}}.backdrop{display:none}@media (width<=1100px){.idea-grid,.moment-grid,.badge-grid,.long-plan-grid{grid-template-columns:1fr 1fr}}@media (width<=860px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 40px #0000002e}.close-mobile{color:#fff;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.backdrop{z-index:15;background:#0c16136b;border:0;display:block;position:fixed;inset:0}main{margin-left:0}.menu-button{margin-right:16px;display:grid}header{justify-content:flex-start}.header-actions{margin-left:auto}.dashboard-grid{grid-template-columns:1fr}.full-card{grid-column:auto}.photo-grid{columns:2}}@media (width<=560px){header{min-height:125px;padding:20px 18px}.header-actions button{display:none}.avatar{width:40px;height:40px}header .eyebrow{display:none}header h1{font-size:1.3rem}header p:last-child{font-size:.78rem}.subnav{gap:24px;padding:0 18px}.content{padding:27px 18px 50px}.section-heading{align-items:start}.status{display:none}.section-heading h2{font-size:1.16rem}.card,.flow-card,.challenge-page-card,.plan-list-card,.settings-card{padding:20px}.segmented{grid-template-columns:1fr 1fr}.moods{gap:5px}.moods button{min-height:55px}.moods button small{display:none}.quick-grid,.idea-grid,.moment-grid,.badge-grid,.long-plan-grid,.theme-options{grid-template-columns:1fr}.flow-step{grid-template-columns:30px 1fr}.choice-row button{flex:calc(50% - 8px);padding:0 10px}.generated-plan{grid-template-columns:1fr}.generated-plan>div:last-child{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.surprise-panel{margin:0;padding:35px 20px}.photo-grid{columns:1}.timeline{margin-left:20px}.timeline article{grid-template-columns:42px 1fr;gap:12px}.timeline-marker{width:42px;height:42px;margin-left:-21px}.timeline article>button{grid-column:2;justify-self:end}.list-toolbar{align-items:flex-start;gap:12px}.list-toolbar p{display:none}.list-toolbar .primary{width:100%}.challenge-summary>strong{font-size:1.8rem}.wish-list>div{grid-template-columns:auto 1fr auto}.wish-list small{display:none}.inline-add>div{flex-direction:column}.inline-add .primary{width:100%}.form-grid{grid-template-columns:1fr}.danger-zone>div:last-child{flex-direction:column;align-items:flex-start;gap:18px}.danger-button{width:100%}.next-date-card{grid-template-columns:60px 1fr}.date-mark{width:60px;height:76px}.date-actions{flex-direction:column}.pulse-head>div:last-child span{display:none}}