:root{--bg: #070a0f;--bg2: #0a0f16;--panel: #0e151d;--panel2: #111a24;--border: #1c2733;--border-glow: #1f3b46;--text: #d3dde7;--muted: #6f8093;--cyan: #22d3ee;--cyan-dim: #0e7490;--teal: #2dd4bf;--green: #34d399;--amber: #fbbf24;--red: #f87171;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background-image:linear-gradient(to right,rgba(34,211,238,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,211,238,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.container{max-width:1100px;margin:0 auto;padding:24px}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.center{text-align:center}.gap8{gap:8px}.gap16{gap:16px}.gap24{gap:24px}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}h1{font-size:30px;margin:0;letter-spacing:-.5px}h2{font-size:18px;margin:0}h3{font-size:14px;margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:1px}small{color:var(--muted)}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;padding:0 24px;height:60px;background:#070a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.logo{font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:8px}.logo b{color:var(--cyan)}.nav{display:flex;gap:18px}.navlink{color:var(--muted);font-size:14px;padding:4px 0}.navlink:hover,.navlink.active{color:var(--text)}.card{background:linear-gradient(180deg,var(--panel) 0%,var(--bg2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card.glow{border-color:var(--border-glow);box-shadow:0 0 0 1px #22d3ee0d,0 0 40px #22d3ee0f inset}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--cyan-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cyan{background:linear-gradient(180deg,#2bd5ef,#16b6d6);color:#04121a;border:none;box-shadow:0 0 24px #22d3ee59}.btn-cyan:hover{box-shadow:0 0 34px #22d3ee8c}.btn-lg{padding:16px 28px;font-size:16px}.btn-ghost{background:transparent}.btn-danger{color:var(--red);border-color:#4a2330}.btn-block{width:100%}.input,.textarea{width:100%;background:#0a121a;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 13px;font-size:14px;font-family:inherit}.input:focus,.textarea:focus{outline:none;border-color:var(--cyan-dim)}.label{font-size:13px;color:var(--muted);margin-bottom:6px;display:block}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.locked{color:var(--amber);border-color:#4a3d1a;background:#fbbf2414}.badge.unlocked{color:var(--green);border-color:#1d4a37;background:#34d39914}.badge.cyan{color:var(--cyan);border-color:var(--cyan-dim);background:#22d3ee14}.badge.active{color:var(--cyan);border-color:var(--cyan-dim)}.badge.exited{color:var(--red);border-color:#4a2330}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:12px;border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.progress{height:8px;background:#0a121a;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan))}.hero-num{font-size:64px;font-weight:800;letter-spacing:-2px;background:linear-gradient(90deg,#2dd4bf,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.stat .k{font-size:12px;color:var(--muted)}.stat .v{font-size:22px;font-weight:700;margin-top:4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}@media (max-width: 720px){.grid2,.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}.timeline-item{border-left:2px solid var(--border);padding:0 0 14px 16px;position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:999px;background:var(--cyan)}.err{color:var(--red);font-size:13px}.ok{color:var(--green);font-size:13px}.addr{color:var(--cyan)}.spin{animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}