:root{--bg:#070b14;--panel:#101827;--panel2:#111f33;--text:#e5edf8;--muted:#94a3b8;--line:#223047;--accent:#38bdf8;--ok:#22c55e;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#172554 0,#070b14 42%,#020617 100%);color:var(--text);min-height:100vh}.wrap{max-width:1180px;margin:0 auto;padding:32px 18px 46px}.hero{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;gap:14px;align-items:center}.kicker{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:12px;margin:0 0 5px}h1{margin:0;font-size:clamp(30px,5vw,52px);line-height:1}.subtitle{color:var(--muted);font-size:16px;margin:10px 0 0;max-width:760px}.pill{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#cbd5e1;background:#02061780;font-size:13px;white-space:nowrap}.section{margin-top:26px}.section h2{font-size:18px;margin:0 0 13px;color:#dbeafe}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#111827d9,#08111fd9);padding:16px;box-shadow:0 18px 50px #0005;min-height:174px;display:flex;flex-direction:column}.card-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.icon{width:46px;height:46px;border-radius:14px;flex:0 0 auto;object-fit:contain;background:#0b1220;padding:4px}.card h3{margin:0;font-size:18px}.desc{color:var(--muted);font-size:14px;line-height:1.35;margin:0 0 14px}.buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:9px 11px;background:#1e293b;color:#f8fafc;border:1px solid #334155;font-weight:700;font-size:13px}.btn:hover{border-color:#38bdf8;background:#0f2942}.btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#60a5fa}.btn.lan{background:#132033}.btn.tail{background:#111827}.btn.remote{background:#16213b}.note{margin-top:10px;color:#94a3b8;font-size:12px;border-top:1px solid #1f2b40;padding-top:9px}.footer{margin-top:30px;color:#64748b;font-size:12px;text-align:center}@media(max-width:640px){.hero{display:block}.pill{display:inline-block;margin-top:16px}.wrap{padding-top:24px}.card{min-height:0}}