:root{--c-brand:#1677ff;--c-brand-dark:#0d5fd4;--c-brand-soft:#eaf4fe;--c-accent:#ff8f1f;--c-bg:#f4f7fb;--c-surface:#fff;--c-surface-alt:#f7f9fc;--c-text:#1a2233;--c-text-2:#55617a;--c-text-3:#8a94a6;--c-border:#e8edf5;--c-border-strong:#d8e0ea;--c-success:#18a058;--c-success-soft:#eaf7ef;--c-warn:#d98000;--c-warn-soft:#fff5e6;--c-danger:#e5533d;--c-danger-soft:#fdeceb;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--shadow-1:0 2px 8px #173e7a0f;--shadow-2:0 8px 28px #173e7a1a;--shadow-3:0 24px 64px #173e7a29;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.16s;--dur-base:.32s;--font-mono:"DIN Alternate", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.3}a{color:var(--c-brand);text-decoration:none}.btn{justify-content:center;align-items:center;gap:var(--s-2);border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);height:38px;color:var(--c-text);cursor:pointer;transition:all var(--dur-fast) ease;padding:0 18px;font-family:inherit;font-size:14px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-brand);color:var(--c-brand)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-brand-dark);border-color:var(--c-brand-dark);color:#fff}.btn-danger{color:var(--c-danger);border-color:#f3b7ae}.btn-danger:hover:not(:disabled){background:var(--c-danger-soft);border-color:var(--c-danger);color:var(--c-danger)}.btn-sm{height:30px;padding:0 12px;font-size:13px}.card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.input{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);width:100%;height:42px;color:var(--c-text);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;padding:0 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--c-brand);outline:none;box-shadow:0 0 0 3px #1677ff1f}.input::placeholder{color:#aab4c4}.tag{background:var(--c-surface-alt);height:22px;color:var(--c-text-2);border-radius:4px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.tag-brand{background:var(--c-brand-soft);color:var(--c-brand)}.tag-success{background:var(--c-success-soft);color:var(--c-success)}.tag-warn{background:var(--c-warn-soft);color:var(--c-warn)}.tag-danger{background:var(--c-danger-soft);color:var(--c-danger)}:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}