:root,[data-theme=light]{--bg-page: #f5f5f5;--bg-card: #ffffff;--text-color: #333333;--text-secondary: #999999;--border-color: #dddddd;--tab-bg: #ffffff;--input-bg: #ffffff}[data-theme=dark]{--bg-page: #1a1a2e;--bg-card: #16213e;--text-color: #e0e0e0;--text-secondary: #888888;--border-color: #2a2a4a;--tab-bg: #16213e;--input-bg: #1a1a2e}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app-root{min-height:100vh;background:var(--bg-page);color:var(--text-color);transition:background .3s,color .3s;position:relative}.theme-toggle{position:fixed;top:12px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:50%;background:var(--bg-card);box-shadow:0 1px 4px #00000026;z-index:200;transition:background .3s;-webkit-user-select:none;user-select:none}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tab-bg);border-top:1px solid var(--border-color);z-index:100;transition:background .3s,border-color .3s}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0 10px;text-decoration:none;color:var(--text-secondary);font-size:12px;transition:color .3s}.tab-item.active{color:#07c160}.page-content.has-tab{padding-bottom:56px}input,select,textarea,button{transition:background .3s,color .3s,border-color .3s}[data-theme=dark] input,[data-theme=dark] select{background:var(--input-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}[data-theme=dark] .btn.logout,[data-theme=dark] .toolbar .btn.sm{background:var(--bg-card)!important}.login-page[data-v-9557f34f]{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.form-box[data-v-9557f34f]{width:100%;max-width:320px}h2[data-v-9557f34f]{text-align:center;margin-bottom:24px;font-size:24px}.input[data-v-9557f34f]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:16px;outline:none;box-sizing:border-box}.input[data-v-9557f34f]:focus{border-color:#07c160}.btn[data-v-9557f34f]{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer}.btn.primary[data-v-9557f34f]{background:#07c160;color:#fff}.btn.primary[data-v-9557f34f]:hover{background:#06ad56}.link[data-v-9557f34f]{text-align:center;margin-top:16px;color:#07c160;cursor:pointer;font-size:14px}.error[data-v-9557f34f]{text-align:center;margin-top:12px;color:#e74c3c;font-size:14px}.register-page[data-v-a423aacf]{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.form-box[data-v-a423aacf]{width:100%;max-width:320px}h2[data-v-a423aacf]{text-align:center;margin-bottom:24px;font-size:24px}.input[data-v-a423aacf]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-size:16px;outline:none;box-sizing:border-box}.input[data-v-a423aacf]:focus{border-color:#07c160}.btn[data-v-a423aacf]{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer}.btn.primary[data-v-a423aacf]{background:#07c160;color:#fff}.btn.primary[data-v-a423aacf]:hover{background:#06ad56}.link[data-v-a423aacf]{text-align:center;margin-top:16px;color:#07c160;cursor:pointer;font-size:14px}.error[data-v-a423aacf]{text-align:center;margin-top:12px;color:#e74c3c;font-size:14px}.todo-page[data-v-f49564f3]{max-width:600px;margin:0 auto;padding:16px}.todo-header h2[data-v-f49564f3]{font-size:20px;margin-bottom:12px}.search-bar[data-v-f49564f3]{margin-bottom:10px}.search-input[data-v-f49564f3]{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:var(--bg-card, #fff);color:var(--text-color, #333);box-sizing:border-box}.search-input[data-v-f49564f3]:focus{border-color:#07c160}.toolbar[data-v-f49564f3]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar .btn.sm[data-v-f49564f3]{padding:6px 12px;font-size:13px;border-radius:6px;background:var(--bg-card, #fff);border:1px solid #ddd;color:var(--text-color, #333);cursor:pointer}.toolbar .btn.sm.active[data-v-f49564f3]{background:#07c160;color:#fff;border-color:#07c160}.toolbar .btn.sm.danger[data-v-f49564f3]{border-color:#e74c3c;color:#e74c3c}.toolbar .btn.sm.danger[data-v-f49564f3]:hover{background:#ffeaea}.add-area[data-v-f49564f3]{margin-bottom:14px}.add-row[data-v-f49564f3]{display:flex;gap:6px;margin-bottom:8px}.add-row .input[data-v-f49564f3]{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:var(--bg-card, #fff);color:var(--text-color, #333);box-sizing:border-box}.add-row .input[data-v-f49564f3]:focus{border-color:#07c160}.add-options[data-v-f49564f3]{display:flex;gap:8px}.select[data-v-f49564f3]{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:13px;outline:none;background:var(--bg-card, #fff);color:var(--text-color, #333);cursor:pointer}.btn[data-v-f49564f3]{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:14px}.btn.add[data-v-f49564f3]{background:#07c160;color:#fff}.btn.del[data-v-f49564f3]{background:none;color:#999;font-size:16px;padding:4px 8px}.btn.del[data-v-f49564f3]:hover{color:#e74c3c}.todo-list[data-v-f49564f3]{display:flex;flex-direction:column;gap:8px}.todo-item[data-v-f49564f3]{display:flex;align-items:flex-start;gap:10px;background:var(--bg-card, #fff);padding:12px 14px;border-radius:8px;box-shadow:0 1px 3px #0000000f}.todo-item.done[data-v-f49564f3]{opacity:.6}.todo-info[data-v-f49564f3]{flex:1;min-width:0}.todo-content[data-v-f49564f3]{font-size:15px;cursor:pointer;display:block;word-break:break-all}.todo-content.done[data-v-f49564f3]{text-decoration:line-through;color:#999}.todo-meta[data-v-f49564f3]{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;align-items:center}.badge[data-v-f49564f3]{font-size:11px;padding:2px 8px;border-radius:10px}.cat-工作[data-v-f49564f3]{background:#e3f2fd;color:#1565c0}.cat-学习[data-v-f49564f3]{background:#fce4ec;color:#c62828}.cat-生活[data-v-f49564f3]{background:#e8f5e9;color:#2e7d32}.pri-1[data-v-f49564f3]{background:#ffebee;color:#c62828}.pri-2[data-v-f49564f3]{background:#fff8e1;color:#f57f17}.pri-3[data-v-f49564f3]{background:#e8f5e9;color:#2e7d32}.time[data-v-f49564f3]{font-size:11px;color:#999}.checkbox input[data-v-f49564f3]{width:18px;height:18px;accent-color:#07c160;cursor:pointer}.empty[data-v-f49564f3]{text-align:center;color:#999;padding:40px 0;font-size:14px}.profile-page[data-v-5ba85230]{max-width:400px;margin:0 auto;padding:24px 16px}.profile-card[data-v-5ba85230]{text-align:center;background:var(--bg-card, #fff);padding:28px 32px;border-radius:12px;margin-bottom:16px}.avatar-wrap[data-v-5ba85230]{position:relative;width:80px;height:80px;margin:0 auto 12px;cursor:pointer;border-radius:50%;overflow:hidden}.avatar-img[data-v-5ba85230]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-5ba85230]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;background:#f0f0f0;border-radius:50%}.avatar-overlay[data-v-5ba85230]{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;font-size:11px;padding:4px 0;text-align:center;opacity:0;transition:opacity .2s}.avatar-wrap:hover .avatar-overlay[data-v-5ba85230]{opacity:1}h3[data-v-5ba85230]{font-size:18px;margin-bottom:4px;color:var(--text-color, #333)}.desc[data-v-5ba85230]{color:#999;font-size:14px}h4[data-v-5ba85230]{font-size:15px;margin-bottom:14px;color:var(--text-color, #333)}.stats-card[data-v-5ba85230]{background:var(--bg-card, #fff);padding:20px;border-radius:12px;margin-bottom:16px}.stats-row[data-v-5ba85230]{display:flex;justify-content:space-around;margin-bottom:14px}.stat-item[data-v-5ba85230]{text-align:center}.stat-num[data-v-5ba85230]{display:block;font-size:28px;font-weight:700;color:#333}.stat-item.pending .stat-num[data-v-5ba85230]{color:#f57f17}.stat-item.completed .stat-num[data-v-5ba85230]{color:#07c160}.stat-label[data-v-5ba85230]{font-size:13px;color:#999;margin-top:2px;display:block}.progress-bar[data-v-5ba85230]{height:8px;background:#eee;border-radius:4px;overflow:hidden}.progress-fill[data-v-5ba85230]{height:100%;background:linear-gradient(90deg,#07c160,#06ad56);border-radius:4px;transition:width .3s}.progress-text[data-v-5ba85230]{text-align:center;font-size:12px;color:#999;margin-top:6px}.actions[data-v-5ba85230]{display:flex;flex-direction:column;gap:10px}.btn[data-v-5ba85230]{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer}.btn.logout[data-v-5ba85230]{background:#fff;color:#e74c3c;border:1px solid #e74c3c;box-sizing:border-box}.btn.logout[data-v-5ba85230]:hover{background:#ffeaea}.btn.trash-btn[data-v-5ba85230]{background:var(--bg-card, #fff);color:#666;border:1px solid #ddd;box-sizing:border-box}.btn.trash-btn[data-v-5ba85230]:hover{background:#f5f5f5}.trash-page[data-v-7526e3a5]{max-width:600px;margin:0 auto;padding:16px}.trash-header[data-v-7526e3a5]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.trash-header h2[data-v-7526e3a5]{font-size:20px;margin:0}.btn.back[data-v-7526e3a5]{padding:6px 14px;border:1px solid #ddd;border-radius:8px;background:var(--bg-card, #fff);color:#666;font-size:13px;cursor:pointer}.todo-list[data-v-7526e3a5]{display:flex;flex-direction:column;gap:8px}.todo-item[data-v-7526e3a5]{display:flex;align-items:center;gap:10px;background:var(--bg-card, #fff);padding:12px 14px;border-radius:8px;opacity:.7}.todo-info[data-v-7526e3a5]{flex:1;min-width:0}.todo-content[data-v-7526e3a5]{font-size:15px;display:block;word-break:break-all}.todo-meta[data-v-7526e3a5]{display:flex;gap:8px;margin-top:4px;align-items:center;flex-wrap:wrap}.badge[data-v-7526e3a5]{font-size:11px;padding:2px 8px;border-radius:10px}.cat-工作[data-v-7526e3a5]{background:#e3f2fd;color:#1565c0}.cat-学习[data-v-7526e3a5]{background:#fce4ec;color:#c62828}.cat-生活[data-v-7526e3a5]{background:#e8f5e9;color:#2e7d32}.deleted-time[data-v-7526e3a5]{font-size:11px;color:#999}.trash-actions[data-v-7526e3a5]{display:flex;gap:6px;flex-shrink:0}.btn[data-v-7526e3a5]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer}.btn.restore[data-v-7526e3a5]{background:#e8f5e9;color:#2e7d32}.btn.restore[data-v-7526e3a5]:hover{background:#c8e6c9}.btn.hard-del[data-v-7526e3a5]{background:#ffebee;color:#c62828}.btn.hard-del[data-v-7526e3a5]:hover{background:#ffcdd2}.empty[data-v-7526e3a5]{text-align:center;color:#999;padding:60px 0;font-size:14px}