@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box;font-family:Noto Sans TC,sans-serif;padding:0;margin:0;list-style:none}*::selection{background-color:#d87355;color:#fff}a{text-decoration:none}aside[data-v-0f190e7d]{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:386px;max-height:448px}aside img[data-v-0f190e7d]{width:100%}.logo[data-v-0f190e7d]{max-width:312px}@media (max-width: 576px){aside[data-v-0f190e7d]{width:auto;height:auto}.hide-on-mobile[data-v-0f190e7d]{display:none}}.formControls[data-v-8b38cc0e]{display:flex;flex-direction:column}.formControls_txt[data-v-8b38cc0e]{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px}.formControls_label[data-v-8b38cc0e]{font-size:14px;font-weight:700;margin:16px 0 4px}.formControls_input[data-v-8b38cc0e]{border:none;border-radius:10px;width:300px;padding:12px 16px;margin:4px 0;transition:all .3s ease-in-out}.formControls_input[data-v-8b38cc0e]:focus{outline:3px solid #ffffff}.formControls span[data-v-8b38cc0e]{color:#d87355;font-size:14px;font-weight:700;margin:4px 0 0}.formControls_btnSubmit[data-v-8b38cc0e]{align-self:center;border:3px solid #333333;border-radius:10px;background:#333;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 48px;margin:16px 0 24px;transition:all .3s ease-in-out}.formControls_btnSubmit[data-v-8b38cc0e]:hover{background:transparent;color:#333;transform:scale(.9)}.formControls_btnLink[data-v-8b38cc0e]{align-self:center;color:#333;font-weight:700}.link-underlined[data-v-8b38cc0e]{position:relative;line-height:normal}.link-underlined[data-v-8b38cc0e]:before{content:"";position:absolute;bottom:0;width:100%;height:3px;background-image:linear-gradient(to right,#333333 45%,transparent 55%);background-size:220% 100%;background-position:100% 50%;transition:.3s ease-out}.link-underlined[data-v-8b38cc0e]:hover:before{background-position:0% 50%}.container[data-v-15452ec0]{background-color:#ffd370;display:flex;justify-content:center;align-items:center;gap:106px;height:100vh;padding:0 30px}@media (max-width: 576px){.container[data-v-15452ec0]{flex-direction:column;gap:26px}}.formControls[data-v-e0a83947]{display:flex;flex-direction:column}.formControls_txt[data-v-e0a83947]{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px}.formControls_label[data-v-e0a83947]{font-size:14px;font-weight:700;margin:16px 0 4px}.formControls_input[data-v-e0a83947]{border:none;border-radius:10px;width:300px;padding:12px 16px;margin:4px 0;transition:all .3s ease-in-out}.formControls_input[data-v-e0a83947]:focus{outline:3px solid #ffffff}.formControls span[data-v-e0a83947]{color:#d87355;font-size:14px;font-weight:700;margin:4px 0 0}.formControls_btnSubmit[data-v-e0a83947]{align-self:center;border:3px solid #333333;border-radius:10px;background:#333;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 48px;margin:16px 0 24px;transition:all .3s ease-in-out}.formControls_btnSubmit[data-v-e0a83947]:hover{background:transparent;color:#333;transform:scale(.9)}.formControls_btnLink[data-v-e0a83947]{align-self:center;color:#333;font-weight:700}.link-underlined[data-v-e0a83947]{position:relative;line-height:normal}.link-underlined[data-v-e0a83947]:before{content:"";position:absolute;bottom:0;width:100%;height:3px;background-image:linear-gradient(to right,#333333 45%,transparent 55%);background-size:220% 100%;background-position:100% 50%;transition:.3s ease-out}.link-underlined[data-v-e0a83947]:hover:before{background-position:0% 50%}.container[data-v-2eedd98c]{background-color:#ffd370;display:flex;justify-content:center;align-items:center;gap:106px;height:100vh;padding:0 30px}@media (max-width: 576px){.container[data-v-2eedd98c]{flex-direction:column;gap:26px}}.inputBox[data-v-39f3fc1b]{border-radius:10px;position:relative;margin-bottom:16px;box-shadow:0 0 15px #00000026}.inputBox input[data-v-39f3fc1b]{background:#fff;border:none;border-radius:10px;position:relative;width:100%;font-size:16px;padding:12px 0 12px 16px}.inputBox a[data-v-39f3fc1b]{display:block;width:40px;height:40px;position:absolute;background:#333;border-radius:10px;top:4px;right:4px;padding:10px}.todoList_list[data-v-8be46b66]{background:#fff;border-radius:10px;box-shadow:0 0 15px #00000026}.todoList_tab[data-v-8be46b66]{display:flex}.todoList_tab li[data-v-8be46b66]{width:100%}.todoList_tab li a[data-v-8be46b66]{border-bottom:2px solid #efefef;color:#9f9a91;display:block;font-size:14px;font-weight:700;text-align:center;padding:16px 0;transition:all .3s ease-in-out}.todoList_tab li a[data-v-8be46b66]:hover,.active[data-v-8be46b66]{color:#333!important;border-bottom:2px solid #333333!important}.todoList_items[data-v-8be46b66]{padding:23px 17px 32px 24px;max-height:60vh;overflow-y:scroll}.todoList_items li[data-v-8be46b66]{display:flex;margin-bottom:17px}.todoList_items li img[data-v-8be46b66]{cursor:pointer;padding-bottom:15px;opacity:0;transition:all .3s ease-in-out}.todoList_items li:hover img[data-v-8be46b66]{opacity:1}.todoList_items li a[data-v-8be46b66]{color:#333;display:block;font-size:14px;margin-left:17px;opacity:0}.todoList_items li:hover a[data-v-8be46b66]{opacity:1}.todoList_item[data-v-8be46b66]{margin-bottom:8px}.todoList_label[data-v-8be46b66]{border-bottom:1px solid #e5e5e5;color:#333;width:100%;display:flex;align-items:center;gap:16px;padding-bottom:15px}.todoList_input[data-v-8be46b66]{width:20px;height:20px;border:1px solid #9f9a91;border-radius:5px}.todoList_input:checked~span[data-v-8be46b66]{color:#9f9a91;text-decoration:line-through;transition:all .3s ease-in-out}.todoList_statistics p[data-v-8be46b66]{color:#333;font-size:14px}@media (max-width: 1024px){.todoList_items[data-v-8be46b66]{max-height:75vh}.todoList_items li img[data-v-8be46b66]{opacity:1}}.no-item[data-v-9e1d04c2]{display:flex;flex-direction:column;align-items:center;gap:16px;margin:44px 0 0}.no-item h2[data-v-9e1d04c2]{color:#333;font-size:24px;font-weight:700}.no-item img[data-v-9e1d04c2]{max-width:240px}.todoList_Content[data-v-4756a80d]{max-width:500px;margin:0 auto}.container[data-v-011efc32]{background-image:linear-gradient(175deg,#ffd370 60%,#fff 40%);height:100vh;padding:16px 34px 0}.navbar[data-v-011efc32]{display:flex;justify-content:space-between;align-items:center;margin:0 0 40px}.logo[data-v-011efc32]{width:240px}.user-name-and-logout[data-v-011efc32]{display:flex;gap:24px}.user-name-and-logout .user-name[data-v-011efc32]{font-weight:700}.user-name-and-logout .logout[data-v-011efc32]{cursor:pointer}@media (max-width: 576px){.container[data-v-011efc32]{background-color:#ffd370;background-image:none;padding:16px 32px 36px}.navbar[data-v-011efc32]{margin:0 0 16px}.user-name-and-logout .user-name[data-v-011efc32]{display:none}.user-name-and-logout .logout[data-v-011efc32]{font-size:14px}}