.pixel-icon[data-v-0b0564c8]{display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar[data-v-099ea194]{width:var(--sidebar-w);background:var(--color-card);border-right:2px solid var(--color-highlight);display:flex;flex-direction:column;height:100%;transition:width .3s ease;position:relative;overflow:hidden}.sidebar.collapsed[data-v-099ea194]{width:var(--sidebar-w-collapsed)}.sidebar-logo[data-v-099ea194]{display:flex;align-items:center;gap:10px;padding:16px 14px;cursor:pointer;border-bottom:2px dashed var(--color-aux)}.logo-icon[data-v-099ea194]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-highlight);border-radius:12px;flex-shrink:0}.logo-text[data-v-099ea194]{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.logo-title[data-v-099ea194]{font-size:15px;font-weight:800;color:var(--color-text)}.logo-sub[data-v-099ea194]{font-size:10px;color:var(--color-text-light)}.sidebar-nav[data-v-099ea194]{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.sidebar-nav[data-v-099ea194]::-webkit-scrollbar{width:0}.nav-item[data-v-099ea194]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-light);transition:all .2s;position:relative;min-height:42px}.nav-item[data-v-099ea194]:hover{background:var(--color-bg);color:var(--color-text)}.nav-item.active[data-v-099ea194]{background:var(--color-highlight);color:var(--color-btn-dark);font-weight:700}.nav-item.active[data-v-099ea194]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-btn);border-radius:0 2px 2px 0}.nav-icon[data-v-099ea194]{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.nav-label[data-v-099ea194]{font-size:13px;white-space:nowrap;overflow:hidden}.nav-badge[data-v-099ea194]{position:absolute;right:8px;background:#ff5252;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}.sidebar-footer[data-v-099ea194]{padding:12px 14px;border-top:2px dashed var(--color-aux)}.coin-display[data-v-099ea194]{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff8e1,#ffe082);padding:8px 12px;border-radius:var(--radius-sm);font-weight:700;color:#f57f17}.coin-amount[data-v-099ea194]{font-size:16px}.coin-label[data-v-099ea194]{font-size:11px;color:#f9a825}.coin-display-collapsed[data-v-099ea194]{display:flex;flex-direction:column;align-items:center;gap:2px}.coin-amount-small[data-v-099ea194]{font-size:11px;font-weight:700;color:#f57f17}.sidebar-dots[data-v-099ea194]{position:absolute;width:60px;height:60px;background-image:radial-gradient(var(--color-dot) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.1;pointer-events:none}.top-dots[data-v-099ea194]{top:60px;right:-10px;transform:rotate(15deg)}.bottom-dots[data-v-099ea194]{bottom:80px;left:-10px;transform:rotate(-15deg)}.fade-enter-active[data-v-099ea194],.fade-leave-active[data-v-099ea194]{transition:opacity .2s}.fade-enter-from[data-v-099ea194],.fade-leave-to[data-v-099ea194]{opacity:0}.app-layout[data-v-6217d8af]{display:flex;width:100%;height:100%}.app-content[data-v-6217d8af]{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;background:var(--color-bg)}.page-enter-active[data-v-6217d8af],.page-leave-active[data-v-6217d8af]{transition:opacity .2s,transform .2s}.page-enter-from[data-v-6217d8af]{opacity:0;transform:translateY(8px)}.page-leave-to[data-v-6217d8af]{opacity:0;transform:translateY(-8px)}.in-app-banner[data-v-6217d8af]{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--color-card);padding:12px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1500;max-width:90%;animation:slideDown .3s}.banner-content[data-v-6217d8af]{flex:1;min-width:0}.banner-title[data-v-6217d8af]{font-size:13px;font-weight:700;color:var(--color-text)}.banner-body[data-v-6217d8af]{font-size:12px;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-close[data-v-6217d8af]{color:var(--color-text-light);font-size:16px;padding:4px}.slide-down-enter-active[data-v-6217d8af],.slide-down-leave-active[data-v-6217d8af]{transition:all .3s}.slide-down-enter-from[data-v-6217d8af],.slide-down-leave-to[data-v-6217d8af]{opacity:0;transform:translate(-50%) translateY(-20px)}.backup-reminder[data-v-6217d8af]{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--color-blue);color:#fff;padding:10px 14px;border-radius:var(--radius);z-index:1500;font-size:13px}.backup-reminder .banner-close[data-v-6217d8af]{color:#fff}.celebration-overlay[data-v-6217d8af]{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffe6eaf2;display:flex;align-items:center;justify-content:center;z-index:2000}.celebration-card[data-v-6217d8af]{background:#fff;border-radius:24px;padding:32px 24px;text-align:center;max-width:320px;position:relative;overflow:hidden;box-shadow:0 8px 32px #f6aab766}.celebration-icon[data-v-6217d8af]{display:flex;justify-content:center;margin-bottom:16px;animation:pop .5s}.celebration-title[data-v-6217d8af]{font-size:20px;font-weight:800;color:var(--color-btn-dark);margin-bottom:8px}.celebration-desc[data-v-6217d8af]{font-size:14px;color:var(--color-text-light);margin-bottom:20px}.celebration-confetti[data-v-6217d8af]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.celebration-confetti span[data-v-6217d8af]{position:absolute;top:-20px;font-size:20px;animation:confettiFall-6217d8af 2s linear}@keyframes confettiFall-6217d8af{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(360deg);opacity:0}}.pop-enter-active[data-v-6217d8af],.pop-leave-active[data-v-6217d8af]{transition:opacity .3s}.pop-enter-from[data-v-6217d8af],.pop-leave-to[data-v-6217d8af]{opacity:0}:root{--color-bg: #FFF5F7;--color-card: #FFFFFF;--color-btn: #F6AAB7;--color-btn-dark: #E8919F;--color-highlight: #FFE6EA;--color-text: #6B4E4E;--color-text-light: #A08585;--color-aux: #FFD6E0;--color-dot: #D4A574;--color-green: #81C784;--color-green-dark: #66BB6A;--color-blue: #90CAF9;--color-purple: #CE93D8;--color-yellow: #FFD54F;--color-orange: #FFB74D;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(246, 170, 183, .15);--shadow-lg: 0 4px 20px rgba(246, 170, 183, .25);--sidebar-w: 200px;--sidebar-w-collapsed: 72px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#app{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:none;background:none;color:inherit}img{display:block;max-width:100%}.app-layout{display:flex;width:100%;height:100%}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;transition:width .3s ease}.app-sidebar.collapsed{width:var(--sidebar-w-collapsed)}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.card{background:var(--color-card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);position:relative}.card-title{font-size:16px;font-weight:700;color:var(--color-text);display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s}.btn-primary{background:var(--color-btn);color:#fff}.btn-primary:active{background:var(--color-btn-dark);transform:scale(.97)}.btn-green{background:var(--color-green);color:#fff}.btn-green:active{background:var(--color-green-dark);transform:scale(.97)}.btn-outline{background:var(--color-highlight);color:var(--color-btn-dark)}.btn-ghost{background:transparent;color:var(--color-text-light)}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px;width:100%}.btn-round{border-radius:999px}.input-field{width:100%;padding:10px 14px;background:var(--color-bg);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);border:2px solid transparent;transition:border-color .2s}.input-field:focus{border-color:var(--color-btn)}.input-field::placeholder{color:var(--color-text-light)}textarea.input-field{resize:none;min-height:80px}.btn-pixel{position:relative;padding:8px 16px;background:var(--color-btn);color:#fff;font-size:13px;font-weight:700;border:3px solid #fff;box-shadow:0 0 0 2px var(--color-btn),2px 2px 0 2px #0000001a;border-radius:6px;image-rendering:pixelated;transition:all .1s}.btn-pixel:active{transform:translate(1px,1px);box-shadow:0 0 0 2px var(--color-btn),1px 1px 0 2px #0000001a}.dots-bg{background-image:radial-gradient(var(--color-dot) 1.5px,transparent 1.5px);background-size:20px 20px;opacity:.15}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-thumb{background:var(--color-aux);border-radius:2px}.app-content::-webkit-scrollbar-track{background:transparent}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color-highlight);color:var(--color-btn-dark)}.tag-green{background:#e8f5e9;color:#43a047}.tag-blue{background:#e3f2fd;color:#1e88e5}.tag-yellow{background:#fff8e1;color:#f9a825}.tag-purple{background:#f3e5f5;color:#8e24aa}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shine{0%,to{opacity:.3}50%{opacity:1}}.fade-in{animation:fadeIn .3s ease}.pop-in{animation:pop .4s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--color-text-light)}.empty-state .empty-icon{width:48px;height:48px;opacity:.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#6b4e4e66;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content{background:var(--color-card);border-radius:var(--radius);padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;animation:pop .3s}.progress-ring{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:8;stroke-linecap:round}.page{padding:16px;max-width:800px;margin:0 auto}.page-header{margin-bottom:16px}.page-title{font-size:20px;font-weight:800;color:var(--color-text)}.page-subtitle{font-size:12px;color:var(--color-text-light);margin-top:2px}.list-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-card);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-bottom:8px;transition:all .2s}.list-item:active{transform:scale(.99)}.checkbox{width:22px;height:22px;border:2px solid var(--color-btn);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.checkbox.checked{background:var(--color-btn)}.checkbox.checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.segmented{display:flex;background:var(--color-highlight);border-radius:var(--radius-sm);padding:3px;gap:2px}.segmented button{flex:1;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--color-text-light);transition:all .2s}.segmented button.active{background:#fff;color:var(--color-btn-dark);box-shadow:0 1px 4px #00000014}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffe6eaf2;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s}.celebration-card{background:#fff;border-radius:24px;padding:32px 24px;text-align:center;max-width:320px;animation:pop .5s;box-shadow:0 8px 32px #f6aab766}