:root{--main-color: #6366f1;--main-color-rgb: 99, 102, 241;--header-bg-colors: #6366F1, #A5B4FC, #a5b4fc;--icon-bg-color: rgba(165, 180, 252, .1);--expence-num-color: #6366f1;--income-num-color: #A5B4FC;--add-btn-bg-colors: #6366F1, #818cf8;--del-btn-color: #9ca3af}body.yellow-theme{--main-color: #f59e0b;--main-color-rgb: 245,158,11;--header-bg-colors: #F59E0B , #FCD34D , #fcd34d;--icon-bg-color: rgba(252, 211, 77, .1);--expence-num-color: #f59e0b;--income-num-color: #FCD34D;--add-btn-bg-colors: #F59E0B , #fbbf24;--del-btn-color: #9ca3af}body.purple-theme{--main-color: #7C3AED;--main-color-rgb: 124, 58, 237;--header-bg-colors: #7C3AED , #A78BFA , #c084fc;--icon-bg-color: rgba(167, 139, 250, .1);--expence-num-color: #7C3AED;--income-num-color: #A78BFA;--add-btn-bg-colors: #7C3AED, #A78BFA;--del-btn-color: #9ca3af}body.orange-theme{--main-color: #FF6B6B;--main-color-rgb: 255, 107, 107;--header-bg-colors: #FF6B6B , #FFA86B;--icon-bg-color: rgba(255, 107, 107, .1);--expence-num-color: #FF6B6B;--income-num-color: #FFA86B;--add-btn-bg-colors: #ff6b6b, #FFA86B;--del-btn-color: #9ca3af}body.pink-theme{--main-color: #FF8FA3;--main-color-rgb: 255, 143, 163;--header-bg-colors: #FF8FA3,#FFAFCF, #FFD4E6;--icon-bg-color: rgba(252, 231, 243, .8);--expence-num-color: #FF8FA3;--income-num-color: #FFB2C0;--add-btn-bg-colors: #FF8FA3,#FFAFCF;--del-btn-color: #9ca3af}*{margin:0;padding:0;box-sizing:border-box;transition-property:color,background-color;transition-duration:.5s;transition-timing-function:ease-in-out}body{background-color:#f9fafb;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}.flex-center{display:flex;justify-content:center;align-items:center}.justify-between{display:flex;justify-content:space-between;align-items:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-mini{font-size:.8rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.opacity-80{opacity:.8}.w-full{width:100%}.h-full{height:100%}.mb-10{margin-bottom:10px}.mt-10{margin-top:10px}.relative{position:relative}.absolute{position:absolute}.drawer-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background-color:#0000001a}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:8px;max-width:90%;background-color:#000c;color:#fff;font-size:.8rem;z-index:999;animation:fadeInOut 3s ease-in-out;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.opc-modal[data-v-f0e9a9b8]{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1}.settingPanel[data-v-f0e9a9b8]{position:absolute;z-index:2;right:-1rem;transform:translateY(10px);padding:12px;border-radius:16px;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.settingPanel .title[data-v-f0e9a9b8]{color:#1f2937;margin-bottom:10px;font-size:1rem}.settingPanel .title i[data-v-f0e9a9b8]{color:#9ca3af;font-weight:900}.settingPanel label[data-v-f0e9a9b8]{display:block;color:#4b5563;margin:10px 0}.settingPanel .colors .color-btns[data-v-f0e9a9b8]{display:grid;grid-template-columns:repeat(4,1fr);gap:2vw}.settingPanel .colors .color-btns button[data-v-f0e9a9b8]{width:3.2rem;height:3.2rem;border:none;border-radius:12px;background-image:linear-gradient(to bottom right,#6366f1,#a5b4fc,#a5b4fc)}.settingPanel .font-ctrl[data-v-f0e9a9b8]{background-color:#f4f4f6;border-radius:12px;line-height:1.5rem;color:#1f2937;padding:.5rem 1rem}.panel-fade-enter-active,.panel-fade-leave-active{transition:all .5s}.panel-fade-enter-from,.panel-fade-leave-to{opacity:0;margin-top:-10px}.dialog-wrapper[data-v-ddc57457]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-ddc57457]{background-color:#fff;border-radius:12px;padding:20px;width:85%;max-width:320px;animation:dialogFadeIn-ddc57457 .3s ease-out}.dialog-title[data-v-ddc57457]{font-size:1.125rem;font-weight:500;color:#1f2937;margin-bottom:12px;text-align:center}.dialog-message[data-v-ddc57457]{font-size:.875rem;color:#4b5563;margin-bottom:20px;text-align:center;line-height:1.5}.dialog-buttons[data-v-ddc57457]{display:flex;justify-content:center;gap:12px}.dialog-buttons button[data-v-ddc57457]{padding:8px 24px;border-radius:6px;font-size:.875rem;border:none;cursor:pointer;transition:opacity .2s}.dialog-buttons button[data-v-ddc57457]:active{opacity:.8}.dialog-buttons .cancel-btn[data-v-ddc57457]{background-color:#f3f4f6;color:#4b5563}.dialog-buttons .confirm-btn[data-v-ddc57457]{background-image:linear-gradient(to right,var(--add-btn-bg-colors));color:#fff}@keyframes dialogFadeIn-ddc57457{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}label[data-v-88da7edc]{color:#4b5563;display:block;margin-bottom:8px}input[data-v-88da7edc]{outline:2px solid transparent;outline-offset:2px;padding-left:3rem;padding-top:.75rem;padding-bottom:.75rem;background-color:#f9fafb;border-radius:12px;border:none;width:100%}input[data-v-88da7edc]:focus{box-shadow:#6366f133 0 0 0 2px}.login-section i[data-v-88da7edc]{left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.main-btn[data-v-88da7edc]{width:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;font-weight:500;color:#fff;background-image:linear-gradient(to right,#6366f1,#818cf8);border-radius:12px;border:none;padding:.75rem 0}.avatar-row[data-v-f422757d]{display:flex}.avatar-row .avatar[data-v-f422757d]{width:4rem;height:4rem;border-radius:9999px;background-image:linear-gradient(to bottom right,#6366f1,#818cf8);line-height:4rem;text-align:center;font-size:1.5rem}.avatar-row .info[data-v-f422757d]{color:#000;padding-left:15px;padding-top:20px}.btn-item[data-v-f422757d]{margin-top:15px;color:#000;padding:16px;background-color:#f9fafb;border-radius:16px;font-size:1rem}.logout-btn[data-v-f422757d]{border:none;background-color:transparent;color:#4b5563;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:10px 0;margin-top:15px;transition:none}.drawer-panel[data-v-3c3fe471]{height:100%;width:85%;position:absolute;right:0;box-shadow:0 25px 50px -12px #00000040;background-color:#fff;padding:40px 24px 20px}.drawer-panel .title[data-v-3c3fe471]{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:#1f2937;margin-bottom:20px;font-weight:500;font-size:1.25rem;line-height:1.75rem}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:all .4s}.drawer-slide-enter-active .drawer-panel,.drawer-slide-leave-active .drawer-panel{transition:transform .4s}.drawer-slide-enter-from,.drawer-slide-leave-to{opacity:0}.drawer-slide-enter-from .drawer-panel,.drawer-slide-leave-to .drawer-panel{transform:translate(100%)}.bg-for-transition[data-v-a7ca7218]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom right,var(--header-bg-colors));transition:opacity .5s;z-index:0}.header[data-v-a7ca7218]{position:relative;width:100%;background-image:linear-gradient(to bottom right,var(--header-bg-colors));padding:1.2rem 1rem;padding-top:50px;color:#fff;box-shadow:#0000001a 0 10px 15px -3px,#0000001a 0 4px 6px -4px}.header .row1[data-v-a7ca7218],.header .row2[data-v-a7ca7218]{position:relative;display:flex;justify-content:space-between}.header .row1[data-v-a7ca7218]{align-items:center;margin-bottom:1rem}.header .row1 .icon-bg-wrap[data-v-a7ca7218]{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;background-color:#fff3;padding:.5rem;border-radius:9999px;margin-left:10px}.header .row1 .year[data-v-a7ca7218]{display:flex;align-items:center;position:relative}.header .row1 .year #year-selector[data-v-a7ca7218]{position:absolute;width:100%;opacity:0}.header .row1 .year .year-text[data-v-a7ca7218]{font-size:1.25rem;line-height:1.75rem}.header .row2 .num[data-v-a7ca7218]{font-size:1.125rem;line-height:1.75rem}.header .year-save .num[data-v-a7ca7218]{font-size:1.5rem;line-height:2rem;font-weight:600}.add-form-wrapper[data-v-54316035]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}.add-form[data-v-54316035]{position:fixed;left:0;right:0;bottom:0;padding:1.5rem;border-top:1px solid #f3f4f6;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#fff;box-shadow:0 2px 4px 2px #0000001a}.add-form .add-form-title[data-v-54316035]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.add-form .add-form-title .title[data-v-54316035]{font-size:1.125rem;line-height:1.75rem;font-weight:500}.add-form .type-btns[data-v-54316035]{display:flex;margin-bottom:1rem}.add-form .type-btns button[data-v-54316035]{flex:1;border-radius:4px;padding:.75rem 0;font-weight:400;font-size:1rem;background-color:#fff;border:1px solid #e5e7eb}.add-form .type-btns button.chosed[data-v-54316035]{font-weight:500;color:#fff;background-image:linear-gradient(to right,var(--add-btn-bg-colors))}.add-form .inps-row[data-v-54316035]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-form .num-inp[data-v-54316035]{width:40%;font-size:1.875rem;line-height:2.25rem;font-weight:500;outline:none;outline-offset:2px;border:none}.add-form .num-inp[data-v-54316035]::input-placeholder{color:#e5e7eb}.add-form .num-inp[data-v-54316035]::-webkit-input-placeholder{color:#e5e7eb}.add-form .num-inp[data-v-54316035]:focus{border-color:var(--main-color);outline:none}.add-form .remark-inp[data-v-54316035]{width:50%;padding:10px;border-radius:999px;border:1px solid #9ca3af}.add-form .remark-inp[data-v-54316035]:focus{border-color:var(--main-color);outline:none}.add-form .remark-inp[data-v-54316035]::input-placeholder{color:#9ca3af}.add-form .remark-inp[data-v-54316035]::-webkit-input-placeholder{color:#9ca3af}.add-form .remark-list[data-v-54316035]{display:flex;gap:6px;margin-bottom:12px}.add-form .remark-list>div[data-v-54316035]{padding:.5rem 1rem;border:1px solid var(--main-color);border-radius:9999px;color:var(--main-color)}.add-form .remark-list>div.chosed[data-v-54316035]{background-image:linear-gradient(to right,var(--add-btn-bg-colors));color:#fff}.add-form .submit-btn[data-v-54316035]{width:100%;background-image:linear-gradient(to right,var(--add-btn-bg-colors));border:none;padding:1rem 0;color:#fff;font-size:1.125rem;line-height:1.75rem;border-radius:4px}.month-list[data-v-cee41c9d]{padding:0 1rem;padding-bottom:30px}.month-list .month-card[data-v-cee41c9d]{margin-bottom:1rem;background-color:#fff;padding:.8rem 0rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-radius:16px;overflow:hidden}.month-list .month-card .month-tag[data-v-cee41c9d]{padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center}.month-list .month-card .month-tag i[data-v-cee41c9d]{color:var(--main-color);transform:rotate(-90deg);transition:transform .3s,color .5s}.month-list .month-card .month-tag i.rotate[data-v-cee41c9d]{transform:rotate(0)}.month-list .month-card .month-tag .add-btn[data-v-cee41c9d]{width:1.5rem;height:1.5rem;border-radius:50%;background-color:rgba(var(--main-color-rgb),.24);margin-right:1rem;border:none}.month-list .month-card .month-tag .month[data-v-cee41c9d]{font-size:1.125rem;line-height:1.75rem;font-weight:500}.month-list .month-card .month-tag .month-save-num[data-v-cee41c9d]{color:#6b7280}.month-detail-list .month-detail[data-v-cee41c9d]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem 0}.month-detail-list .month-detail .month-desc[data-v-cee41c9d]{display:flex;align-items:center}.month-detail-list .month-detail .month-desc .icon-bg[data-v-cee41c9d]{width:3rem;height:3rem;background-color:var(--icon-bg-color);border-radius:16px}.month-detail-list .month-detail .month-desc .icon-bg i[data-v-cee41c9d]{color:var(--main-color)}.month-detail-list .month-detail .income[data-v-cee41c9d]{color:var(--income-num-color)}.month-detail-list .month-detail .expense[data-v-cee41c9d]{color:var(--expence-num-color)}.month-detail-list .month-detail .del-btn[data-v-cee41c9d]{background-color:#ff6b6b;color:#fff;font-family:.8rem;position:absolute;bottom:0;top:.75rem;left:100%;height:calc(100% - .75rem);width:50px;border-radius:1px;touch-action:none}.rise-enter-active,.rise-leave-active,.rise-enter-active .add-form,.rise-leave-active .add-form{transition:all .5s}.rise-enter-from,.rise-leave-to{opacity:0}.rise-enter-from .add-form,.rise-leave-to .add-form{transform:translateY(100%)}