:root{--primary: #5b5bd6;--primary-light: #7c7cf0;--bg: #f6f7fb;--card: #ffffff;--text: #1f2437;--muted: #8b90a5;--border: #eceef5;--success: #16a34a;--danger: #e5484d;--radius: 16px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{max-width:1080px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;background:#eef0f7;color:var(--text);transition:all .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 8px 20px #5b5bd64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-block{width:100%}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:#fafbff;font-size:14px;color:var(--text);transition:border .18s}.input:focus{border-color:var(--primary-light);background:#fff}.panel{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px #14182d0d;padding:22px}.tag{display:inline-block;font-size:12px;padding:3px 9px;border-radius:999px;background:#eef0ff;color:var(--primary);font-weight:500}.tag-direct{background:#fff4e5;color:#d97706}.tag-card{background:#e9f9ef;color:#16a34a}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.page-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.toolbar .spacer{flex:1}.pagination{margin-top:16px;display:flex;justify-content:flex-end}