*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,-apple-system,Segoe UI,Arial,sans-serif;background:#f2f4f7;color:#1f2329}.app{max-width:560px;margin:48px auto;padding:28px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f}h1{margin:0 0 4px;font-size:24px}.hint{color:#646a73;font-size:13px;margin:6px 0}.api-info{color:#3370ff;word-break:break-all}.add-form{display:flex;gap:8px;margin:18px 0 14px}.add-form input{flex:1;padding:10px 12px;border:1px solid #d0d3d9;border-radius:8px;font-size:15px}.add-form button{padding:10px 20px;border:none;border-radius:8px;background:#3370ff;color:#fff;font-size:15px;cursor:pointer}.add-form button:hover{background:#2660d6}.error{background:#fdecea;color:#c5221f;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:12px}.todo-list{list-style:none;margin:0;padding:0}.todo-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #eef0f3}.todo-list li label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.todo-list li.done span{text-decoration:line-through;color:#9aa0a8}.todo-list .delete{border:none;background:transparent;color:#c5221f;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:6px}.todo-list .delete:hover{background:#fdecea}