*,*:before,*:after{box-sizing:border-box;transition:background-color .2s,border-color .2s,color .15s,box-shadow .2s}.animate-spin,.animate-pulse,.animate-shake{transition:none}html,body,#root{margin:0;min-height:100%}:root{--pg:#F0F0F8;--card:#fff;--cb:rgba(15,23,42,.09);--cbh:#a5b4fc;--t1:#0f172a;--t2:#64748b;--t3:#94a3b8;--mu:#f1f5f9;--muh:#e2e8f0;--ac:#6366f1;--acs:rgba(99,102,241,.12);--sh:rgba(15,23,42,.06);--shh:rgba(15,23,42,.14);--r-card:1rem;--r-btn:.75rem;--r-pill:9999px}html.dark{--pg:#09090F;--card:rgba(255,255,255,.042);--cb:rgba(255,255,255,.08);--cbh:rgba(99,102,241,.45);--t1:#f8fafc;--t2:#94a3b8;--t3:#475569;--mu:rgba(255,255,255,.06);--muh:rgba(255,255,255,.1);--ac:#818cf8;--acs:rgba(99,102,241,.18);--sh:rgba(0,0,0,.35);--shh:rgba(0,0,0,.55)}body{min-height:100vh;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;background:var(--pg);color:var(--t1)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f140;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#6366f180}.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.mu{background:var(--mu)}.cb{border:1px solid var(--cb)}.card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r-card);box-shadow:0 1px 4px var(--sh)}.card-i{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.card-i:hover{transform:translateY(-2px);border-color:var(--cbh);box-shadow:0 10px 32px var(--shh)}.card-i:hover .card-top-bar{opacity:1}.card-top-bar{position:absolute;inset-x:0;top:0;height:3px;border-radius:var(--r-card) var(--r-card) 0 0;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .18s!important}.inp{display:block;width:100%;padding:.6rem 1rem;background:var(--mu);border:1px solid var(--cb);border-radius:.75rem;color:var(--t1);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s!important}.inp::placeholder{color:var(--t3)}.inp:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--acs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--r-btn);font-weight:700;font-size:.875rem;padding:.7rem 1.2rem;cursor:pointer;border:none;font-family:inherit;transition:transform .15s,box-shadow .15s,filter .15s!important}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-p{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 4px 16px #6366f159}.btn-p:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f180;filter:brightness(1.08)}.btn-g{background:var(--mu);color:var(--t2);border:1px solid var(--cb)}.btn-g:hover:not(:disabled){background:var(--muh);color:var(--t1);border-color:var(--cbh)}.btn-ok{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-ok:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn-warn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-pill);padding:.2rem .7rem;font-size:.7rem;font-weight:700;letter-spacing:.02em}.pill-ac{background:var(--acs);color:var(--ac)}.pill-mu{background:var(--mu);color:var(--t2);border:1px solid var(--cb)}.pill-or{background:#fb923c1f;color:#f97316}.pill-gr{background:#10b9811f;color:#10b981}.pill-re{background:#f43f5e1f;color:#f43f5e}.pill-bl{background:#3b82f61f;color:#3b82f6}.pill-vi{background:#8b5cf61f;color:#8b5cf6}.pill-am{background:#f59e0b1f;color:#f59e0b}.gtext{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.p-shimmer{background:linear-gradient(90deg,#6366f1,#8b5cf6 40%,#a78bfa,#8b5cf6 70%,#6366f1);background-size:200% auto;animation:shimmer 2.5s linear infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}}.animate-shake{animation:shake .38s ease-in-out}.slot{border-bottom:2px solid var(--cb);min-width:2rem;text-align:center;font-family:JetBrains Mono,monospace;font-size:1.5rem;line-height:2.4rem;transition:border-color .1s,color .1s!important}.slot-ok{border-color:#10b981;color:#059669}.slot-err{border-color:#f43f5e;color:#e11d48}