:root{--bg: #f5f7fa;--card: #ffffff;--border: #d9e0e8;--text: #24292f;--muted: #6b7785;--primary: #1565c0;--error: #c62828}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px;line-height:1.6}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px 24px;margin-bottom:16px}.login-card{width:100%;max-width:360px}.login-card h1{margin:0 0 4px;font-size:20px;color:var(--primary)}label{display:block;margin:14px 0 0;color:var(--muted)}input{width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--border);border-radius:5px;font-size:14px}input:focus{outline:none;border-color:var(--primary)}button{margin-top:18px;width:100%;padding:10px;border:none;border-radius:5px;background:var(--primary);color:#fff;font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.link{width:auto;margin:0 0 0 12px;padding:2px 8px;background:none;color:var(--primary);font-size:13px}.muted{color:var(--muted)}.error{margin-top:12px;padding:8px 10px;background:#fdecea;border-left:3px solid var(--error);color:var(--error);border-radius:3px}.hint{margin:14px 0 0;font-size:12px;color:var(--muted);text-align:center}.page{max-width:900px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.spacer{flex:1}h2{margin:0 0 10px;font-size:16px;color:var(--primary)}.kv td{padding:4px 16px 4px 0}.kv td:first-child{color:var(--muted);width:80px}.json{background:#f6f8fa;border:1px solid var(--border);border-radius:5px;padding:12px;overflow-x:auto;font-size:12px;max-height:420px}