:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e3e6eb;--text: #1f2329;--text-muted: #6b7280;--text-faint: #9aa3af;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eef3ff;--danger: #dc2626;--danger-soft: #fef2f2;--warning: #d97706;--success: #16a34a;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 4px 16px rgba(16, 24, 40, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:14px;cursor:pointer}input,textarea{font-family:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{color:var(--danger);border-color:#f2c6c6;background:var(--danger-soft)}.btn-danger:hover:not(:disabled){background:#fde8e8}.btn-sm{min-height:30px;padding:0 10px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-muted)}.input{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.alert{padding:10px 12px;border-radius:var(--radius);font-size:13px;border:1px solid transparent}.alert-error{background:var(--danger-soft);border-color:#f5cdcd;color:var(--danger)}.alert-info{background:var(--primary-soft);border-color:#d7e3ff;color:var(--primary-hover)}.alert-warn{background:#fffbeb;border-color:#fde68a;color:var(--warning)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.scroll-y{overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d5d9e0;border-radius:4px}::-webkit-scrollbar-track{background:transparent}