:root{--purple:#7c3aed;--purple2:#a855f7;--cyan:#22d3bb;--blue:#3b82f6;--g1:linear-gradient(135deg, #7c3aed, #3b82f6, #22d3bb);--g2:linear-gradient(135deg, #a855f7, #6366f1);--radius:12px;--radius-lg:20px}[data-theme=dark]{--bg:#08090d;--bg2:#0f1119;--bg3:#161924;--card:#13151f;--card2:#1a1d2e;--border:#ffffff0f;--border2:#ffffff1f;--text:#e4e6f0;--text2:#8b8fa8;--text3:#5c5f78;--nav-bg:#08090dcc;--code-bg:#0d0f17;--code-h:#161924;--code-t:#a9b1d6;--btn2-bg:#ffffff0a;--btn2-b:#ffffff1a;--btn2-h:#ffffff14;--grid:#ffffff05;--glow-o:.15;--h-grad:linear-gradient(135deg, #fff 0%, #c4b5fd 40%, #67e8f1 100%);--tag-h:#fff;--input-bg:#0f1119;--input-b:#ffffff14;--danger:#ef4444;--success:#22c55e;--warn:#f59e0b;--overlay:#000000b3}[data-theme=light]{--bg:#f5f6fa;--bg2:#fff;--bg3:#eef0f6;--card:#fff;--card2:#f8f9fd;--border:#0000000f;--border2:#00000024;--text:#1a1a2e;--text2:#5a5d78;--text3:#9497b0;--nav-bg:#f5f6fad9;--code-bg:#1e2030;--code-h:#282a3a;--code-t:#a9b1d6;--btn2-bg:#00000008;--btn2-b:#0000001a;--btn2-h:#0000000f;--grid:#00000008;--glow-o:.08;--h-grad:linear-gradient(135deg, #1a1a2e 0%, #7c3aed 50%, #3b82f6 100%);--tag-h:#1a1a2e;--input-bg:#fff;--input-b:#0000001f;--danger:#dc2626;--success:#16a34a;--warn:#d97706;--overlay:#0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);pointer-events:none;z-index:0;background-size:64px 64px;position:fixed;inset:0}.glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;transition:opacity .3s;position:fixed}.g1{background:var(--purple);width:700px;height:700px;opacity:var(--glow-o);top:-250px;left:-150px}.g2{background:var(--blue);width:500px;height:500px;opacity:var(--glow-o);top:50%;right:-150px}.g3{background:var(--cyan);width:450px;height:450px;opacity:var(--glow-o);bottom:-150px;left:25%}.sec{z-index:1;padding:100px 32px;position:relative}.si{max-width:1280px;margin:0 auto}.s-label{letter-spacing:.1em;text-transform:uppercase;color:var(--purple2);margin-bottom:16px;font-size:13px;font-weight:700;display:inline-block}.s-h2{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.2}.s-sub{color:var(--text2);max-width:600px;font-size:18px;line-height:1.7}.btn{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:all .25s;display:inline-flex}.btn-p{background:var(--g2);color:#fff;box-shadow:0 4px 28px #7c3aed59}.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 40px #7c3aed73}.btn-s{background:var(--btn2-bg);color:var(--text);border:1px solid var(--btn2-b)}.btn-s:hover{background:var(--btn2-h);border-color:var(--border2)}.btn-sm{border-radius:10px;padding:8px 18px;font-size:13px}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef44442e}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s}.card:hover{border-color:var(--border2)}.input{border-radius:var(--radius);border:1px solid var(--input-b);background:var(--input-bg);width:100%;color:var(--text);outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.input:focus{border-color:var(--purple2);box-shadow:0 0 0 3px #7c3aed26}.input-label{color:var(--text2);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.toast{z-index:999;border-radius:var(--radius);padding:14px 24px;font-size:14px;font-weight:600;animation:.3s slideIn;position:fixed;top:24px;right:24px;box-shadow:0 8px 32px #0000004d}.toast-success{color:#a7f3d0;background:#065f46;border:1px solid #22c55e4d}.toast-error{color:#fecaca;background:#7f1d1d;border:1px solid #ef44444d}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px 20px;font-size:14px}th{background:var(--bg3);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}td{color:var(--text2);border-top:1px solid var(--border)}tr:hover td{background:var(--bg2)}.badge{border-radius:100px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:var(--success);background:#22c55e1a}.badge-red{color:var(--danger);background:#ef44441a}.spinner{border:2px solid var(--border);border-top-color:var(--purple2);border-radius:50%;width:24px;height:24px;margin:40px auto;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text3);padding:64px 24px}.empty-icon{margin-bottom:16px;font-size:48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:28px;font-weight:800}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .3s}.stat-card:hover{border-color:var(--border2)}.stat-val{background:var(--g1);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:28px;font-weight:800}.stat-lbl{color:var(--text3);margin-top:4px;font-size:13px}.modal-overlay{z-index:300;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:calc(100% - 48px);max-width:480px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) modalIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h2{margin-bottom:16px;font-size:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@media (width<=768px){.sec{padding:64px 24px}}