/* Theme: Pro Dashboard (DeBank flavor) */
:root{--bg:#0a0f16;--bg2:#0c131c;--panel:#0f1720;--text:#e6edf5;--muted:#9aa7b3;--brand:#ff914d;--brand-2:#4dd4ff;--card:#0f1822;--tag:#0f2a35;--ring:rgba(77,212,255,.3)}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:
  radial-gradient(1000px 400px at -10% -10%, rgba(77,212,255,.10), transparent 60%),
  radial-gradient(900px 300px at 120% 10%, rgba(255,145,77,.10), transparent 60%),
  linear-gradient(180deg,var(--bg),var(--bg2));
color:var(--text);line-height:1.65}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(12,19,28,.85);backdrop-filter:saturate(1.25) blur(12px);border-bottom:1px solid rgba(77,212,255,.12)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.brand{font-weight:800;color:#fff;text-decoration:none;letter-spacing:.2px}
.site-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow:auto}
.site-nav a{display:block;padding:6px 10px;border-radius:8px;color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,.06);background:rgba(15,23,32,.55)}
.site-nav a:hover{border-color:rgba(77,212,255,.35);box-shadow:0 0 0 3px var(--ring) inset}
.site-nav a.active{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#0b0f16;border-color:transparent}
.breadcrumbs{margin:22px 0 0;color:var(--muted);font-size:.95rem}
.prose{margin:22px 0 30px;background:linear-gradient(180deg,rgba(77,212,255,.05),rgba(255,145,77,.05)),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border:1px solid rgba(77,212,255,.12);border-radius:14px;padding:30px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.prose h1{margin:0 0 10px;font-size:2.0rem;line-height:1.2}
.prose p{margin:12px 0;font-size:1.02rem}
.prose ul{margin:12px 0 12px 20px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.tag{display:inline-block;background:var(--tag);color:#cde7f2;padding:6px 10px;border-radius:6px;font-size:.82rem;text-decoration:none;border:1px solid rgba(77,212,255,.16)}
.more{margin:34px 0 70px}
.more h2{font-size:1.35rem;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.card{display:block;background:linear-gradient(180deg,var(--card),#0b121a);border:1px solid rgba(77,212,255,.14);border-radius:10px;padding:16px 18px;color:#eef6ff;text-decoration:none;min-height:86px;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .12s ease}
.card:hover{transform:translateY(-2px)}
.site-footer{border-top:1px solid rgba(77,212,255,.12);padding:24px 0 44px;color:var(--muted)}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.site-header .wrap{min-height:auto;gap:12px;padding:12px 16px}.site-nav ul{flex-wrap:wrap}.grid{grid-template-columns:1fr}.prose{padding:20px;border-radius:12px}}