:root{
  --bg:#020617;
  --accent:#38bdf8;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:rgba(148,163,184,0.35);
}
.ssr-topbar{position:sticky;top:0;z-index:999;background:rgba(8,12,24,0.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.08);}
.ssr-topbar .ssr-inner{max-width:1600px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;box-sizing:border-box;}
.ssr-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.ssr-brand img{height:150px;width:auto;display:block;object-fit:contain}
.ssr-brand .ssr-brand-text{display:flex;flex-direction:column;gap:2px;line-height:1}
.ssr-brand .ssr-brand-title{font-weight:900;letter-spacing:.2px;color:var(--text);font-size:16px}
.ssr-brand .ssr-brand-sub{font-size:12px;color:var(--muted);font-weight:800}
.ssr-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ssr-link{padding:10px 14px;border-radius:999px;border:1px solid rgba(30,64,175,0.70);background:rgba(15,23,42,0.90);color:rgba(255,255,255,0.92);text-decoration:none;font-weight:800;font-size:13px;line-height:1;white-space:nowrap;transition:all .15s ease}
.ssr-link:hover{background:rgba(30,64,175,0.55);border-color:rgba(129,140,248,0.90);transform:translateY(-0.5px)}
.ssr-link.active{border-color:rgba(56,189,248,0.70);box-shadow:0 10px 24px rgba(56,189,248,.22);background:rgba(56,189,248,.16)}
.ssr-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.ssr-auth{display:flex;gap:10px}
.ssr-auth a{padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,0.40);background:rgba(15,23,42,0.90);color:#fff;text-decoration:none;font-weight:900;font-size:13px;transition:all .15s ease}
.ssr-auth a.ssr-primary{border-color:rgba(56,189,248,0.70);background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}
.ssr-auth a:hover{filter:brightness(1.06)}
.ssr-foot{margin-top:26px;background:rgba(2,6,23,.62);border-top:1px solid rgba(148,163,184,.25)}
.ssr-foot .ssr-inner{max-width:1600px;margin:0 auto;padding:18px 16px;box-sizing:border-box}
.ssr-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}
@media(max-width:900px){.ssr-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ssr-foot-grid{grid-template-columns:1fr}.ssr-brand img{height:110px}}
.ssr-foot-title{font-weight:900;font-size:12px;margin-bottom:8px;color:var(--text)}
.ssr-foot-sub{color:var(--muted);font-size:12px;line-height:1.45;display:block}
.ssr-foot-link{display:block;text-decoration:none;color:rgba(229,231,235,.92);font-size:12.5px;padding:4px 0}
.ssr-foot-link:hover{color:rgba(56,189,248,.95)}
.ssr-foot-bottom{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 16px;border-top:1px solid rgba(148,163,184,.20);color:var(--muted);font-size:12px}
.ssr-dot{opacity:.6}