:root{
  --sx-bg:#0B0F14;
  --sx-bg-elev:#121821;
  --sx-line:rgba(255,255,255,.08);
  --sx-text:#E8EEF6;
  --sx-muted:#8B9BB0;
  --sx-accent:#3DDCFF;
  --sx-accent-dim:rgba(61,220,255,.14);
  --sx-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sx-font);
  background:var(--sx-bg);
  color:var(--sx-text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
a{color:var(--sx-accent);text-decoration:none}
img{display:block;max-width:100%}

.sx-nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px 22px;
  background:rgba(11,15,20,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--sx-line);
}
.sx-brand{
  display:flex;align-items:center;gap:10px;
  font-size:15px;font-weight:750;color:var(--sx-text);letter-spacing:.2px;
}
.sx-brand img{width:28px;height:28px;border-radius:8px}
.sx-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sx-links a{
  font-size:13px;font-weight:600;color:var(--sx-muted);
}
.sx-links a:hover,.sx-links a.current{color:var(--sx-text)}
.sx-links a.sx-dl{
  padding:8px 14px;border-radius:999px;
  background:var(--sx-accent);color:#041018;font-weight:750;
}
.sx-links a.sx-dl:hover{filter:brightness(1.06);color:#041018}

.sx-foot{
  margin-top:auto;
  padding:36px 22px 48px;
  border-top:1px solid var(--sx-line);
  text-align:center;
}
.sx-foot nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.sx-foot a{font-size:13px;font-weight:600;color:var(--sx-muted)}
.sx-foot a:hover{color:var(--sx-accent)}
.sx-foot p{font-size:12px;color:#5C6B7E}

.sx-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:48px;padding:0 22px;border-radius:12px;
  font-size:15px;font-weight:750;border:0;cursor:pointer;
}
.sx-btn-primary{background:var(--sx-accent);color:#041018}
.sx-btn-primary:hover{filter:brightness(1.06);color:#041018}
.sx-btn-ghost{
  background:transparent;color:var(--sx-text);
  border:1px solid var(--sx-line);
}
.sx-btn-ghost:hover{border-color:rgba(61,220,255,.45);color:var(--sx-accent)}
.sx-btn-block{width:100%}
.sx-btn-sm{height:40px;padding:0 16px;font-size:13px;border-radius:10px}

@media (max-width:720px), (hover: none) and (pointer: coarse) {
  .sx-nav{padding:12px 14px}
  .sx-links a:not(.sx-dl):not(.current){display:none}
}