#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-c8df947b]:root{--primary-color: #E91E63;--primary-light: #F48FB1;--primary-dark: #C2185B;--secondary-color: #89c2d9;--success-color: #4caf50;--warning-color: #ffb300;--danger-color: #e91e63;--info-color: #2196f3;--income-color: #4caf50;--income-bg: rgba(76, 175, 80, .1);--expense-color: #e91e63;--expense-bg: rgba(233, 30, 99, .1);--text-primary: #1e293b;--text-secondary: #64748b;--text-disabled: #94a3b8;--text-white: #ffffff;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-mask: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 14px rgba(233, 30, 99, .25);--gradient-primary: linear-gradient(135deg, #E91E63 0%, #F48FB1 100%);--gradient-income: linear-gradient(135deg, #4caf50 0%, #81c784 100%);--gradient-expense: linear-gradient(135deg, #e91e63 0%, #f48fb1 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 11px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--navbar-height: 44px;--tabbar-height: 50px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}.tabbar[data-v-c8df947b]{position:fixed;left:0;right:0;bottom:0;display:flex;height:var(--tabbar-height);background-color:var(--bg-card);border-top:1px solid var(--border-light);padding-bottom:var(--safe-area-bottom);z-index:100}.tabbar-item[data-v-c8df947b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:color .2s}.tabbar-item[data-v-c8df947b]:active{opacity:.8}.tabbar-item.active[data-v-c8df947b],.tabbar-item.active .tabbar-icon[data-v-c8df947b]{color:var(--primary-color)}.tabbar-icon[data-v-c8df947b]{position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tabbar-icon .badge[data-v-c8df947b]{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;color:#fff;background-color:var(--danger-color);border-radius:999px;transform:translate(50%)}.tabbar-text[data-v-c8df947b]{font-size:10px;color:var(--text-secondary)}.tabbar .active .tabbar-text[data-v-c8df947b]{color:var(--primary-color)}@media (min-width: 769px){.tabbar[data-v-c8df947b]{max-width:500px;left:50%;transform:translate(-50%);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);border-bottom:none}}[data-v-e8cb265e]:root{--primary-color: #E91E63;--primary-light: #F48FB1;--primary-dark: #C2185B;--secondary-color: #89c2d9;--success-color: #4caf50;--warning-color: #ffb300;--danger-color: #e91e63;--info-color: #2196f3;--income-color: #4caf50;--income-bg: rgba(76, 175, 80, .1);--expense-color: #e91e63;--expense-bg: rgba(233, 30, 99, .1);--text-primary: #1e293b;--text-secondary: #64748b;--text-disabled: #94a3b8;--text-white: #ffffff;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-mask: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 14px rgba(233, 30, 99, .25);--gradient-primary: linear-gradient(135deg, #E91E63 0%, #F48FB1 100%);--gradient-income: linear-gradient(135deg, #4caf50 0%, #81c784 100%);--gradient-expense: linear-gradient(135deg, #e91e63 0%, #f48fb1 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 11px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--navbar-height: 44px;--tabbar-height: 50px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}.loading-overlay[data-v-e8cb265e]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;z-index:9999}.loading-content[data-v-e8cb265e]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background-color:#000000b3;border-radius:var(--border-radius-lg)}.loading-spinner[data-v-e8cb265e]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-e8cb265e .8s linear infinite}.loading-text[data-v-e8cb265e]{margin-top:var(--spacing-md);color:#fff;font-size:var(--font-sm)}@keyframes spin-e8cb265e{to{transform:rotate(360deg)}}.fade-enter-active[data-v-e8cb265e],.fade-leave-active[data-v-e8cb265e]{transition:opacity .2s}.fade-enter-from[data-v-e8cb265e],.fade-leave-to[data-v-e8cb265e]{opacity:0}[data-v-6238e56f]:root{--primary-color: #E91E63;--primary-light: #F48FB1;--primary-dark: #C2185B;--secondary-color: #89c2d9;--success-color: #4caf50;--warning-color: #ffb300;--danger-color: #e91e63;--info-color: #2196f3;--income-color: #4caf50;--income-bg: rgba(76, 175, 80, .1);--expense-color: #e91e63;--expense-bg: rgba(233, 30, 99, .1);--text-primary: #1e293b;--text-secondary: #64748b;--text-disabled: #94a3b8;--text-white: #ffffff;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-mask: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 14px rgba(233, 30, 99, .25);--gradient-primary: linear-gradient(135deg, #E91E63 0%, #F48FB1 100%);--gradient-income: linear-gradient(135deg, #4caf50 0%, #81c784 100%);--gradient-expense: linear-gradient(135deg, #e91e63 0%, #f48fb1 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 11px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--navbar-height: 44px;--tabbar-height: 50px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}.toast[data-v-6238e56f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;pointer-events:none}.toast-content[data-v-6238e56f]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);background-color:#000000bf;border-radius:var(--border-radius);color:#fff;font-size:var(--font-md);min-width:120px;text-align:center;justify-content:center}.toast-icon[data-v-6238e56f]{font-size:var(--font-lg)}.toast.success .toast-icon[data-v-6238e56f]{color:var(--success-color)}.toast.error .toast-icon[data-v-6238e56f]{color:var(--danger-color)}.toast.warning .toast-icon[data-v-6238e56f]{color:var(--warning-color)}.fade-enter-active[data-v-6238e56f],.fade-leave-active[data-v-6238e56f]{transition:opacity .2s}.fade-enter-from[data-v-6238e56f],.fade-leave-to[data-v-6238e56f]{opacity:0}.pwa-install-prompt[data-v-86486f25]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;box-shadow:0 8px 32px #e91e6333;padding:16px;z-index:9999;max-width:90%;width:400px}.prompt-content[data-v-86486f25]{display:flex;align-items:center;gap:12px}.prompt-icon[data-v-86486f25]{width:48px;height:48px;flex-shrink:0}.prompt-icon svg[data-v-86486f25]{width:100%;height:100%}.prompt-text[data-v-86486f25]{flex:1}.prompt-text h4[data-v-86486f25]{font-size:16px;color:#1e293b;margin-bottom:4px}.prompt-text p[data-v-86486f25]{font-size:13px;color:#64748b}.prompt-actions[data-v-86486f25]{display:flex;gap:8px}.btn-later[data-v-86486f25],.btn-install[data-v-86486f25]{padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-later[data-v-86486f25]{background:#f1f5f9;border:none;color:#64748b}.btn-later[data-v-86486f25]:hover{background:#e2e8f0}.btn-install[data-v-86486f25]{background:linear-gradient(135deg,#e91e63,#f48fb1);border:none;color:#fff;font-weight:500}.btn-install[data-v-86486f25]:hover{transform:scale(1.05)}.close-btn[data-v-86486f25]{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;font-size:20px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-86486f25]:hover{background:#f1f5f9;color:#64748b}.slide-up-enter-active[data-v-86486f25],.slide-up-leave-active[data-v-86486f25]{transition:all .3s ease}.slide-up-enter-from[data-v-86486f25],.slide-up-leave-to[data-v-86486f25]{opacity:0;transform:translate(-50%) translateY(20px)}@media (max-width: 480px){.pwa-install-prompt[data-v-86486f25]{bottom:10px;left:10px;right:10px;transform:none;width:auto}.prompt-content[data-v-86486f25]{flex-wrap:wrap}.prompt-actions[data-v-86486f25]{width:100%;justify-content:flex-end;margin-top:8px}}.app-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;background-color:#f5f5f5}[data-theme=dark] .app-wrapper{background-color:#0f172a}.app-container{width:100%;min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative}.app-container.is-mobile{max-width:100%}.app-container.is-pc.is-centered{max-width:750px;box-shadow:0 0 20px #0000001a}@media (max-width: 768px){.app-container.is-pc.is-centered{max-width:100%;box-shadow:none}}.app-container.has-tabbar{padding-bottom:100rpx}[data-theme=dark] .app-container.is-pc.is-centered{box-shadow:0 0 20px #0000004d}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:transform .3s ease}.slide-left-enter-from{transform:translate(100%)}.slide-left-leave-to{transform:translate(-100%)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease}.slide-up-enter-from{transform:translateY(100%)}.slide-up-leave-to{transform:translateY(-100%)}:root{--primary-color: #E91E63;--primary-light: #F48FB1;--primary-dark: #C2185B;--secondary-color: #89c2d9;--success-color: #4caf50;--warning-color: #ffb300;--danger-color: #e91e63;--info-color: #2196f3;--income-color: #4caf50;--income-bg: rgba(76, 175, 80, .1);--expense-color: #e91e63;--expense-bg: rgba(233, 30, 99, .1);--text-primary: #1e293b;--text-secondary: #64748b;--text-disabled: #94a3b8;--text-white: #ffffff;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-mask: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 14px rgba(233, 30, 99, .25);--gradient-primary: linear-gradient(135deg, #E91E63 0%, #F48FB1 100%);--gradient-income: linear-gradient(135deg, #4caf50 0%, #81c784 100%);--gradient-expense: linear-gradient(135deg, #e91e63 0%, #f48fb1 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 11px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--navbar-height: 44px;--tabbar-height: 50px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}:root,[data-theme=light]{--primary-color: #4caf50;--primary-light: #81c784;--primary-dark: #388e3c;--secondary-color: #89c2d9;--secondary-light: #b3d9e8;--secondary-dark: #5a9cbf;--success-color: #4caf50;--warning-color: #ffb300;--danger-color: #e91e63;--info-color: #2196f3;--text-primary: #1e293b;--text-secondary: #64748b;--text-disabled: #94a3b8;--text-placeholder: #cbd5e1;--bg-page: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--bg-mask: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-dark: #cbd5e1;--shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, .05);--shadow-md: 0 4rpx 12rpx rgba(0, 0, 0, .08);--shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, .12);--shadow-card: 0 2rpx 12rpx rgba(0, 0, 0, .08);--border-radius-sm: 8rpx;--border-radius: 16rpx;--border-radius-lg: 24rpx;--border-radius-xl: 32rpx;--border-radius-full: 9999rpx;--spacing-xs: 8rpx;--spacing-sm: 16rpx;--spacing-md: 24rpx;--spacing-lg: 32rpx;--spacing-xl: 48rpx;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 20rpx;--font-size-sm: 24rpx;--font-size-base: 28rpx;--font-size-md: 32rpx;--font-size-lg: 36rpx;--font-size-xl: 40rpx;--font-size-xxl: 48rpx;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--income-color: #4caf50;--income-light: #e8f5e9;--expense-color: #e91e63;--expense-light: #fce4ec;--category-food: #ff9800;--category-transport: #2196f3;--category-shopping: #e91e63;--category-entertainment: #9c27b0;--category-medical: #f44336;--category-education: #00bcd4;--category-other: #607d8b}[data-theme=dark]{--primary-color: #66bb6a;--primary-light: #81c784;--primary-dark: #43a047;--secondary-color: #64b5f6;--secondary-light: #90caf9;--secondary-dark: #42a5f5;--success-color: #66bb6a;--warning-color: #ffc107;--danger-color: #f48fb1;--info-color: #42a5f5;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-disabled: #64748b;--text-placeholder: #475569;--bg-page: #0f172a;--bg-card: #1e293b;--bg-hover: #334155;--bg-active: #475569;--bg-mask: rgba(0, 0, 0, .7);--border-color: #334155;--border-light: #1e293b;--border-dark: #475569;--shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, .2);--shadow-md: 0 4rpx 12rpx rgba(0, 0, 0, .3);--shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, .4);--shadow-card: 0 2rpx 12rpx rgba(0, 0, 0, .3);--income-color: #66bb6a;--income-light: rgba(102, 187, 106, .15);--expense-color: #f48fb1;--expense-light: rgba(244, 143, 177, .15);--category-food: #ffb74d;--category-transport: #64b5f6;--category-shopping: #f48fb1;--category-entertainment: #ce93d8;--category-medical: #ef5350;--category-education: #4dd0e1;--category-other: #78909c}html{transition:background-color .3s ease,color .3s ease}body{background-color:var(--bg-page);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.bg-secondary{background-color:var(--secondary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-info{background-color:var(--info-color)}.text-primary{color:var(--primary-color)}.text-info{color:var(--info-color)}.border{border:1rpx solid var(--border-color)}.border-light{border:1rpx solid var(--border-light)}.border-primary{border:1rpx solid var(--primary-color)}.border-radius{border-radius:var(--border-radius)}.border-radius-lg{border-radius:var(--border-radius-lg)}.border-radius-full{border-radius:var(--border-radius-full)}.shadow-card{box-shadow:var(--shadow-card)}.card{background-color:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-card);transition:background-color .3s ease,box-shadow .3s ease}.input-field{background-color:var(--bg-card);border:1rpx solid var(--border-color);color:var(--text-primary)}.input-field::placeholder{color:var(--text-placeholder)}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2rpx #4caf5033}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-hover);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-active)}.btn-outline{background-color:transparent;border:1rpx solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.divider{height:1rpx;background-color:var(--border-color)}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-active) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@media (max-width: 575px){.hidden-xs{display:none!important}}@media (min-width: 576px) and (max-width: 767px){.hidden-sm{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hidden-md{display:none!important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-lg{display:none!important}}@media (max-width: 767px){.hidden-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hidden-tablet{display:none!important}}@media (min-width: 992px){.hidden-desktop{display:none!important}}.show-xs-only{display:none!important}@media (max-width: 575px){.show-xs-only{display:block!important}}.show-sm-only{display:none!important}@media (min-width: 576px) and (max-width: 767px){.show-sm-only{display:block!important}}.show-mobile-only{display:none!important}@media (max-width: 767px){.show-mobile-only{display:block!important}}.show-desktop-only{display:none!important}@media (min-width: 992px){.show-desktop-only{display:block!important}}.mobile-container{width:100%;max-width:100%;margin:0 auto}@media (min-width: 992px){.mobile-container{max-width:750px;box-shadow:0 0 20px #0000001a}}.pc-center-container{display:flex;justify-content:center;min-height:100vh;background-color:#f5f5f5}.pc-center-container .content-wrapper{width:100%;max-width:750px;background-color:var(--bg-page);position:relative}@media (max-width: 767px){.pc-center-container .content-wrapper{max-width:100%}}[data-theme=dark] .pc-center-container{background-color:#0f172a}[data-theme=dark] .pc-center-container .content-wrapper{box-shadow:0 0 20px #0000004d}.text-responsive{font-size:28rpx}@media (min-width: 768px){.text-responsive{font-size:32rpx}}@media (min-width: 992px){.text-responsive{font-size:28rpx}}.title-responsive{font-size:36rpx}@media (min-width: 768px){.title-responsive{font-size:40rpx}}@media (min-width: 992px){.title-responsive{font-size:36rpx}}.p-responsive{padding:24rpx}@media (min-width: 768px){.p-responsive{padding:32rpx}}@media (min-width: 992px){.p-responsive{padding:24rpx}}.m-responsive{margin:24rpx}@media (min-width: 768px){.m-responsive{margin:32rpx}}@media (min-width: 992px){.m-responsive{margin:24rpx}}.safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.grid-responsive{display:grid;gap:24rpx;grid-template-columns:repeat(2,1fr)}@media (min-width: 576px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}.grid-4-cols{display:grid;gap:24rpx;grid-template-columns:repeat(4,1fr)}@media (max-width: 767px){.grid-4-cols{grid-template-columns:repeat(2,1fr)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--font-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;cursor:pointer}a:hover{opacity:.8}ul,ol{list-style:none}img{max-width:100%;height:auto;vertical-align:middle}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-disabled)}textarea{resize:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#00000040}::selection{background-color:var(--primary-light);color:#fff}@media (max-width: 768px){html{font-size:14px}body{overflow-x:hidden}*{-webkit-touch-callout:none}.no-select{-webkit-user-select:none;user-select:none}}.card{background-color:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);font-size:var(--font-lg);font-weight:500}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--spacing-xl);font-size:var(--font-md);font-weight:500;border-radius:var(--border-radius);transition:all .2s ease;cursor:pointer}.btn-primary{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--primary-color);background-color:#e91e631a}.btn-secondary:active{background-color:#e91e6326}.btn-default{color:var(--text-primary);background-color:var(--bg-hover)}.btn-default:active{background-color:var(--border-color)}.btn-text{color:var(--primary-color);background:transparent;padding:0 var(--spacing-sm)}.btn-text:active{opacity:.8}.btn-block{width:100%}.btn-sm{height:32px;font-size:var(--font-sm);padding:0 var(--spacing-lg)}.btn-lg{height:52px;font-size:var(--font-lg);padding:0 var(--spacing-2xl)}.btn-round{border-radius:999px}.btn-icon{width:44px;padding:0;border-radius:50%}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;height:44px;padding:0 var(--spacing-lg);font-size:var(--font-md);background-color:var(--bg-hover);border-radius:var(--border-radius);transition:all .2s ease}.input:focus{background-color:var(--bg-card);box-shadow:0 0 0 2px var(--primary-light)}.input-group{position:relative;margin-bottom:var(--spacing-lg)}.input-group .input{padding-left:44px}.input-group .icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--text-disabled)}.input-group .suffix{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.input-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.input-error{margin-top:var(--spacing-xs);font-size:var(--font-xs);color:var(--danger-color)}.form-item{margin-bottom:var(--spacing-xl)}.form-row{display:flex;gap:var(--spacing-lg)}.form-row>*{flex:1}.tag{display:inline-flex;align-items:center;height:24px;padding:0 var(--spacing-md);font-size:var(--font-xs);border-radius:999px}.tag-primary{color:var(--primary-color);background-color:#e91e631a}.tag-success{color:var(--success-color);background-color:#4caf501a}.tag-warning{color:var(--warning-color);background-color:#ffb3001a}.tag-danger{color:var(--danger-color);background-color:#e91e631a}.divider{height:1px;background-color:var(--border-color);margin:var(--spacing-lg) 0}.divider-text{display:flex;align-items:center;color:var(--text-disabled);font-size:var(--font-sm)}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.divider-text span{padding:0 var(--spacing-lg)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.empty-icon{width:120px;height:120px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-text{font-size:var(--font-md);color:var(--text-disabled)}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border-light) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius-sm)}.skeleton-circle{border-radius:50%}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--spacing-lg)}.skeleton-avatar{width:48px;height:48px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.popup{position:fixed;left:0;right:0;bottom:0;max-height:80vh;background-color:var(--bg-card);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;transform:translateY(100%);transition:transform .3s ease;z-index:1000}.popup.show{transform:translateY(0)}.popup-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-mask);opacity:0;transition:opacity .3s ease;z-index:999}.popup-mask.show{opacity:1}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.popup-header .title{font-size:var(--font-lg);font-weight:500}.popup-body{padding:var(--spacing-lg);overflow-y:auto}.popup-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:85%;max-width:320px;background-color:var(--bg-card);border-radius:var(--border-radius-lg);opacity:0;transition:all .3s ease;z-index:1001}.modal.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-header{padding:var(--spacing-xl);text-align:center}.modal-header .title{font-size:var(--font-lg);font-weight:500}.modal-body{padding:0 var(--spacing-xl) var(--spacing-xl);text-align:center;color:var(--text-secondary)}.modal-footer{display:flex;border-top:1px solid var(--border-light)}.modal-footer .btn{flex:1;border-radius:0;background:transparent;color:var(--text-primary)}.modal-footer .btn:first-child{border-right:1px solid var(--border-light)}.modal-footer .btn.confirm{color:var(--primary-color);font-weight:500}.navbar{position:sticky;top:0;display:flex;align-items:center;height:var(--navbar-height);padding:0 var(--spacing-lg);background-color:var(--bg-card);z-index:100}.navbar-left,.navbar-right{display:flex;align-items:center;min-width:60px}.navbar-right{justify-content:flex-end}.navbar-title{flex:1;text-align:center;font-size:var(--font-lg);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-border{border-bottom:1px solid var(--border-light)}.list{background-color:var(--bg-card)}.list-item{display:flex;align-items:center;padding:var(--spacing-lg);transition:background-color .2s ease}.list-item:active{background-color:var(--bg-hover)}.list-item:not(:last-child){border-bottom:1px solid var(--border-light)}.list-icon{width:40px;height:40px;margin-right:var(--spacing-lg)}.list-content{flex:1;min-width:0}.list-title{font-size:var(--font-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-top:4px}.list-extra{text-align:right;margin-left:var(--spacing-lg)}.list-arrow{color:var(--text-disabled);margin-left:var(--spacing-sm)}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--bg-hover)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px}.avatar-lg{width:60px;height:60px}.avatar-xl{width:80px;height:80px}.badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;color:#fff;background-color:var(--danger-color);border-radius:999px;transform:translate(50%,-50%)}.badge-dot{width:8px;height:8px;min-width:8px;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.fade-in{animation:fadeIn .3s ease}.fade-out{animation:fadeOut .3s ease}.slide-up{animation:slideInUp .3s ease}.slide-down{animation:slideInDown .3s ease}.slide-left{animation:slideInLeft .3s ease}.slide-right{animation:slideInRight .3s ease}.zoom-in{animation:zoomIn .3s ease}.bounce{animation:bounce .5s ease infinite}.pulse{animation:pulse 1.5s ease infinite}.spin{animation:spin 1s linear infinite}.shake{animation:shake .5s ease}.transition-all{transition:all .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-auto{margin:auto}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-white{color:#fff}.text-theme{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-income{color:var(--income-color)}.text-expense{color:var(--expense-color)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bg-page{background-color:var(--bg-page)}.bg-card{background-color:var(--bg-card)}.bg-primary{background-color:var(--primary-color)}.bg-gradient-primary{background:var(--gradient-primary)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-top{padding-top:var(--safe-area-top)}