:root{--dark-bg-primary:#111827;--dark-bg-secondary:#1f2937;--dark-bg-tertiary:#374151;--dark-text-primary:#f3f4f6;--dark-text-secondary:#9ca3af;--dark-border-color:#4b5563;--accent-color:#22c55e;--accent-color-hover:#16a34a;--error-bg:rgba(239,68,68,.1);--error-text:#ef4444;--error-border:rgba(239,68,68,.3);--success-bg:rgba(34,197,94,.1);--success-text:#22c55e;--success-border:rgba(34,197,94,.3)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Microsoft YaHei,Arial,sans-serif;line-height:1.6;background:radial-gradient(ellipse at center,#1f2937 0,#111827 100%);color:var(--dark-text-primary)}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-header{padding:25px 40px;position:absolute;top:0;left:0;width:100%;z-index:10;box-sizing:border-box}.logo-image{height:100px;display:block}.navbar{background-color:var(--dark-bg-secondary);color:var(--dark-text-primary);padding:15px 0;box-shadow:0 2px 5px rgba(0,0,0,.4)}.navbar .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.user-greeting{font-weight:700}.nav-links a,.nav-links span{color:var(--dark-text-primary);text-decoration:none;margin-left:15px}.logout-link:hover,.nav-links a:hover{color:var(--accent-color);cursor:pointer;text-decoration:none}.main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:80px 20px 20px 20px;box-sizing:border-box;transition:padding-top .3s ease}.main-content.logged-in-padding{padding-top:20px;justify-content:flex-start}button{background-color:var(--accent-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease}button:hover{background-color:var(--accent-color-hover)}button:disabled{background-color:#4b5563;color:var(--dark-text-secondary);cursor:not-allowed}input[type=password],input[type=text],textarea{width:100%;padding:12px 15px;margin-bottom:10px;border:1px solid var(--dark-border-color);border-radius:6px;background-color:var(--dark-bg-tertiary);color:var(--dark-text-primary);font-size:16px}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--dark-text-secondary)}input::placeholder,textarea::placeholder{color:var(--dark-text-secondary)}.card{background:var(--dark-bg-secondary);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.5);padding:30px 40px;border:1px solid var(--dark-border-color)}.error-message{background-color:var(--error-bg);color:var(--error-text);border-radius:6px;border:1px solid var(--error-border)}.error-message,.success-message{padding:10px 15px;margin-bottom:20px;text-align:center;font-size:14px}.success-message{background-color:var(--success-bg);color:var(--success-text);border-radius:6px;border:1px solid var(--success-border)}.todo-item{border:1px solid var(--dark-border-color)}.todo-item.completed{background-color:var(--dark-bg-tertiary);border-left:5px solid var(--accent-color)}.todo-item.completed h3{color:var(--dark-text-secondary)}.delete-btn{background-color:#ef4444;padding:5px 10px;font-size:14px}.delete-btn:hover{background-color:#dc2626}input[type=checkbox]{width:18px;height:18px;margin-right:10px;accent-color:var(--accent-color);background-color:var(--dark-bg-tertiary);border:1px solid var(--dark-border-color)}.home-view[data-v-95655b54]{width:100%;padding:30px 15px;min-height:calc(100vh - 60px)}h2[data-v-95655b54]{margin-bottom:30px;text-align:center;color:var(--dark-text-primary,#e0e0e0);font-weight:600;font-size:1.8rem}.todo-container[data-v-95655b54]{width:100%;max-width:750px;margin:0 auto}.card[data-v-95655b54]{border-radius:var(--border-radius,8px);padding:25px;margin-bottom:25px}.add-todo[data-v-95655b54]{padding:40px!important}.add-todo .form-group[data-v-95655b54]{margin-bottom:20px}.add-todo label[data-v-95655b54]{font-weight:500;margin-bottom:8px;display:block;font-size:.9rem}input[type=email][data-v-95655b54],input[type=password][data-v-95655b54],input[type=text][data-v-95655b54],textarea[data-v-95655b54]{width:100%;padding:12px 15px;border-radius:var(--border-radius,6px);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}input[type=email][data-v-95655b54]:focus,input[type=password][data-v-95655b54]:focus,input[type=text][data-v-95655b54]:focus,textarea[data-v-95655b54]:focus{outline:none;border-color:var(--primary-color,#4caf50);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,76,175,80),.3)}textarea[data-v-95655b54]{resize:vertical;min-height:80px}.add-todo button[type=submit][data-v-95655b54]{width:100%;padding:12px 20px;border:none;border-radius:var(--border-radius,6px);background-color:var(--primary-color,#4caf50);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.add-todo button[type=submit][data-v-95655b54]:hover:not(:disabled){background-color:var(--primary-color-dark,#388e3c)}.add-todo button[type=submit][data-v-95655b54]:active:not(:disabled){transform:scale(.98)}.add-todo button[type=submit][data-v-95655b54]:disabled{background-color:var(--dark-disabled-bg,#555);cursor:not-allowed}.batch-actions[data-v-95655b54]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 25px!important}.select-all[data-v-95655b54]{display:flex;align-items:center}.select-all label[data-v-95655b54]{margin-left:8px;font-weight:500;cursor:pointer}.batch-buttons[data-v-95655b54]{display:flex;align-items:center;gap:10px}.selected-count[data-v-95655b54]{margin-right:10px;font-size:.9rem;color:var(--dark-text-secondary,#a0a0b3)}.batch-complete-btn[data-v-95655b54],.batch-incomplete-btn[data-v-95655b54]{padding:6px 12px;border-radius:var(--border-radius-small,4px);cursor:pointer;font-size:.85rem;border:none;transition:all .2s ease}.batch-complete-btn[data-v-95655b54]{background-color:var(--primary-color,#4caf50);color:#fff}.batch-incomplete-btn[data-v-95655b54]{background-color:var(--secondary-color,#ff9800);color:#fff}.batch-complete-btn[data-v-95655b54]:hover:not(:disabled),.batch-incomplete-btn[data-v-95655b54]:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 5px rgba(0,0,0,.2)}.batch-complete-btn[data-v-95655b54]:disabled,.batch-incomplete-btn[data-v-95655b54]:disabled{opacity:.5;cursor:not-allowed}.todo-list[data-v-95655b54]{display:flex;flex-direction:column;gap:20px}.todo-item[data-v-95655b54]{padding:40px!important;transition:all .3s ease;position:relative}.todo-item.completed[data-v-95655b54]{border-left:4px solid var(--primary-color-dark,#388e3c);padding-left:36px}.todo-item.selected[data-v-95655b54]{border:2px solid var(--accent-color,#22c55e)}.todo-item.completed .todo-title h3[data-v-95655b54]{text-decoration:line-through;color:var(--dark-text-disabled,#777)}.todo-item.completed .todo-description[data-v-95655b54]{color:var(--dark-text-disabled,#777)}.todo-header[data-v-95655b54]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid var(--dark-border-color,#40405c);padding-bottom:12px}.todo-title[data-v-95655b54]{display:flex;align-items:center;gap:12px}.todo-title h3[data-v-95655b54]{font-size:1.2rem;font-weight:500;margin:0;color:var(--dark-text-primary,#e0e0e0)}.todo-description[data-v-95655b54]{margin-bottom:15px;color:var(--dark-text-secondary,#a0a0b3);white-space:pre-line;line-height:1.6}.todo-footer[data-v-95655b54]{display:flex;justify-content:space-between;font-size:.75rem;color:var(--dark-text-secondary,#a0a0b3);opacity:.7;padding-top:10px;border-top:1px dashed var(--dark-border-color,#40405c)}.todo-actions button[data-v-95655b54]{padding:6px 12px;border-radius:var(--border-radius-small,4px);cursor:pointer;transition:all .2s ease;font-size:.85rem;margin-left:8px;border:none}.todo-actions button[data-v-95655b54]:disabled{opacity:.5;cursor:not-allowed}.delete-btn[data-v-95655b54]{background-color:var(--danger-color,#f44336);color:#fff}.delete-btn[data-v-95655b54]:hover:not(:disabled){background-color:var(--danger-color-dark,#d32f2f);box-shadow:0 2px 5px rgba(244,67,54,.3)}.edit-btn[data-v-95655b54]{background-color:var(--secondary-color,#ff9800);color:#fff}.edit-btn[data-v-95655b54]:hover:not(:disabled){background-color:var(--secondary-color-dark,#f57c00);box-shadow:0 2px 5px rgba(255,152,0,.3)}.todo-item.editing[data-v-95655b54]{border-color:var(--primary-color,#4caf50);box-shadow:0 0 15px rgba(var(--primary-color-rgb,76,175,80),.2)}.edit-form[data-v-95655b54]{display:flex;flex-direction:column;gap:10px}.edit-input-title[data-v-95655b54],.edit-textarea-desc[data-v-95655b54]{font-size:1rem}.edit-actions[data-v-95655b54]{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.save-btn[data-v-95655b54]{background-color:var(--primary-color,#4caf50);color:#fff}.save-btn[data-v-95655b54]:hover:not(:disabled){background-color:var(--primary-color-dark,#388e3c)}.cancel-btn[data-v-95655b54]{background-color:transparent;color:var(--dark-text-secondary,#a0a0b3);border:1px solid var(--dark-border-color,#40405c)}.cancel-btn[data-v-95655b54]:hover{background-color:var(--dark-hover-bg,#3a3a4e);border-color:var(--dark-text-secondary,#a0a0b3)}.select-checkbox[data-v-95655b54],.status-checkbox[data-v-95655b54]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--dark-input-bg,#1e1e30);border:1px solid var(--dark-border-color,#40405c);padding:8px;display:inline-block;position:relative;cursor:pointer;border-radius:3px;transition:background-color .2s ease,border-color .2s ease;vertical-align:middle}.status-checkbox[data-v-95655b54]{margin-right:5px}.select-checkbox[data-v-95655b54]{margin-right:10px;border-color:var(--accent-color,#22c55e)}.select-checkbox[data-v-95655b54]:checked,.status-checkbox[data-v-95655b54]:checked{background-color:var(--primary-color,#4caf50);border-color:var(--primary-color,#4caf50)}.select-checkbox[data-v-95655b54]:checked{background-color:var(--accent-color,#22c55e);border-color:var(--accent-color,#22c55e)}.select-checkbox[data-v-95655b54]:checked:after,.status-checkbox[data-v-95655b54]:checked:after{content:"\2714";font-size:12px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.select-checkbox[data-v-95655b54]:focus,.status-checkbox[data-v-95655b54]:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,76,175,80),.3)}.empty-state[data-v-95655b54],.loading[data-v-95655b54]{text-align:center;padding:60px 20px;color:var(--dark-text-secondary,#a0a0b3);background-color:var(--dark-card-bg,#2a2a3e);border-radius:var(--border-radius,8px);border:1px dashed var(--dark-border-color,#40405c)}.empty-state p[data-v-95655b54]{font-size:1.1rem}.error-message[data-v-95655b54]{background-color:var(--danger-color-light,#ffebee);color:var(--danger-color-dark,#c62828);padding:12px 15px;border-radius:var(--border-radius-small,4px);margin-top:10px;font-size:.9rem;border-left:3px solid var(--danger-color-dark,#c62828)}.login-container[data-v-7c8a1548]{width:100%;display:flex;justify-content:center;align-items:center}.login-card[data-v-7c8a1548]{width:100%;max-width:420px;padding:40px}.title[data-v-7c8a1548]{text-align:center;margin-bottom:30px;color:var(--dark-text-primary);font-size:24px;font-weight:600}.form-group[data-v-7c8a1548]{margin-bottom:20px}label[data-v-7c8a1548]{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--dark-text-secondary)}input[data-v-7c8a1548]{background-color:var(--dark-bg-tertiary);border-color:var(--dark-border-color)}.form-actions[data-v-7c8a1548]{margin-top:30px;display:flex;justify-content:space-between;align-items:center}.login-button[data-v-7c8a1548]{padding:10px 30px}.register-prompt[data-v-7c8a1548]{margin-top:0;text-align:right}.register-prompt a[data-v-7c8a1548]{color:var(--accent-color)}.error-message[data-v-7c8a1548]{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.register-view[data-v-0fef012f]{width:100%;display:flex;justify-content:center;align-items:center}.register-card[data-v-0fef012f]{width:100%;max-width:420px;padding:40px;box-sizing:border-box}h2[data-v-0fef012f]{text-align:center;margin-bottom:30px;color:var(--dark-text-primary,#e0e0e0);font-size:24px;font-weight:600}.form-group[data-v-0fef012f]{margin-bottom:20px}label[data-v-0fef012f]{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--dark-text-secondary,#a0a0b3)}.form-group input[type=email][data-v-0fef012f],.form-group input[type=password][data-v-0fef012f],.form-group input[type=text][data-v-0fef012f]{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:6px;border:1px solid var(--dark-border-color,#40405c);background-color:var(--dark-bg-tertiary,#2a2a3e);color:var(--dark-text-primary,#e0e0e0);font-size:1rem}.form-group input[type=email][data-v-0fef012f]:focus,.form-group input[type=password][data-v-0fef012f]:focus,.form-group input[type=text][data-v-0fef012f]:focus{outline:none;border-color:var(--primary-color,#4caf50);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,76,175,80),.3)}.form-actions[data-v-0fef012f]{margin-top:30px;display:flex;justify-content:space-between;align-items:center}button[type=submit][data-v-0fef012f]{width:auto;padding:10px 30px;border:none;border-radius:var(--border-radius,6px);background-color:var(--primary-color,#4caf50);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .1s ease}button[type=submit][data-v-0fef012f]:hover:not(:disabled){background-color:var(--primary-color-dark,#388e3c)}button[type=submit][data-v-0fef012f]:active:not(:disabled){transform:scale(.98)}button[type=submit][data-v-0fef012f]:disabled{background-color:var(--dark-disabled-bg,#555);cursor:not-allowed;opacity:.7}.login-link a[data-v-0fef012f]{color:var(--primary-color,#4caf50);text-decoration:none}.login-link a[data-v-0fef012f]:hover{text-decoration:underline}.error-message[data-v-0fef012f]{background-color:rgba(244,67,54,.1);color:var(--danger-color,#f44336);padding:10px;border-radius:4px;margin-bottom:15px;border-left:3px solid var(--danger-color,#f44336)}.success-message[data-v-0fef012f]{background-color:rgba(76,175,80,.1);color:var(--primary-color-dark,#388e3c);padding:10px;border-radius:4px;margin-bottom:15px;border-left:3px solid var(--primary-color-dark,#388e3c)}.change-password-view[data-v-8c603220]{max-width:400px;margin:40px auto}h2[data-v-8c603220]{text-align:center;margin-bottom:30px;color:var(--dark-text-primary,#e0e0e0);font-size:24px;font-weight:600}.form-group[data-v-8c603220]{margin-bottom:15px}label[data-v-8c603220]{display:block;margin-bottom:5px;font-weight:700}.form-actions[data-v-8c603220]{margin-top:20px;display:flex;gap:10px}.cancel-btn[data-v-8c603220]{background-color:#9e9e9e}.cancel-btn[data-v-8c603220]:hover{background-color:#757575}.error-message[data-v-8c603220]{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:15px}.success-message[data-v-8c603220]{background-color:#e8f5e9;color:#2e7d32;padding:10px;border-radius:4px;margin-bottom:15px}.test-login[data-v-5b60a7c7]{max-width:600px;margin:40px auto;text-align:center}h1[data-v-5b60a7c7]{margin-bottom:20px}p[data-v-5b60a7c7]{margin-bottom:30px}