:root{
  --bg:#050a12!important;
  --panel:#0b1523!important;
  --panel2:#101e30!important;
  --line:rgba(148,196,235,.12)!important;
  --line2:rgba(148,196,235,.22)!important;
  --fg:#f1f8ff!important;
  --muted:#9cafc3!important;
  --dim:#667b91!important;
  --accent:#168cff!important;
  --accent-soft:rgba(14,136,255,.12)!important;
}

html{scroll-behavior:smooth}
body{
  min-width:320px;
  background:
    radial-gradient(900px 500px at 85% -160px,rgba(14,136,255,.16),transparent 70%),
    radial-gradient(700px 420px at -10% 20%,rgba(77,231,255,.06),transparent 70%),
    #050a12!important;
  color:var(--fg)!important;
  font-family:"Microsoft YaHei UI","PingFang SC",system-ui,-apple-system,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(148,196,235,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(148,196,235,.018) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
a{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #4de7ff!important;outline-offset:3px}

.nav{
  position:sticky!important;top:14px!important;z-index:50!important;
  width:min(1440px,calc(100% - 72px))!important;height:60px!important;
  margin:14px auto 0!important;padding:0 14px 0 18px!important;
  border:1px solid var(--line)!important;border-radius:16px!important;
  background:rgba(6,13,23,.82)!important;backdrop-filter:blur(18px)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.28)!important;
}
.brand{gap:10px!important;color:var(--fg)!important;font-size:17px!important;font-weight:800!important}
.brand img{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:0 0 20px rgba(14,136,255,.25)}
.brand b{color:var(--accent)!important}
.links{display:flex!important;align-items:center!important;gap:5px!important}
.links a{display:flex!important;align-items:center!important;min-height:42px!important;margin-left:0!important;padding:0 14px!important;border-radius:10px!important;color:var(--muted)!important;font-size:14px!important}
.links a:hover,.links a.on{color:var(--fg)!important;background:rgba(255,255,255,.055)!important}
.links .cta,.links a[href="/download"]:last-child{color:#fff!important;background:linear-gradient(135deg,#168cff,#0864d8)!important;font-weight:700!important;box-shadow:0 7px 22px rgba(8,100,216,.28)}
.links .cta:hover,.links a[href="/download"]:last-child:hover{background:linear-gradient(135deg,#42a5ff,#0872ec)!important}

.wrap{width:min(1120px,calc(100% - 48px));max-width:none!important}
.page{padding-top:64px!important}
.phead{margin-bottom:30px!important}
.phead h1,h1{color:var(--fg);letter-spacing:-.035em!important}
.phead h1{font-size:clamp(28px,4vw,40px)!important}
.phead p,.sub{color:var(--muted)!important}

.card,.box,.dl,.qa,.changelog,.myrank.hint,.lbrow,.tcard{
  border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(16,30,48,.94),rgba(8,18,31,.96))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.16);
}
.card:hover,.box:hover,.lbrow:hover,.tcard:hover{border-color:rgba(22,140,255,.32)!important}
.btn,.btn-p{
  border-radius:11px!important;background:linear-gradient(135deg,#168cff,#0864d8)!important;
  color:#fff!important;box-shadow:0 8px 24px rgba(8,100,216,.25);cursor:pointer;
}
.btn:hover,.btn-p:hover{background:linear-gradient(135deg,#42a5ff,#0872ec)!important;transform:translateY(-1px)}
.btn-g{border:1px solid var(--line2)!important;background:rgba(11,21,35,.8)!important;color:var(--fg)!important;box-shadow:none}
.btn-g:hover{border-color:rgba(22,140,255,.45)!important;background:var(--panel2)!important}
input,textarea,select{border-color:var(--line2)!important;background:#07111e!important;color:var(--fg)!important;border-radius:10px!important}
code{border-color:var(--line)!important;background:#07111e!important;color:#5eb7ff!important}
.qa{border-left:3px solid var(--accent)!important}
.pill.aug{color:#8cc8ff!important}

footer{margin-top:20px!important;border-top:1px solid var(--line)!important;background:rgba(4,9,16,.52)!important;color:var(--dim)!important}
footer a{color:var(--muted)!important}footer a:hover{color:var(--fg)!important}

@media(max-width:900px){
  .nav{width:calc(100% - 32px)!important}
  .links a{padding-inline:10px!important}
  .wrap{width:calc(100% - 40px)!important}
}
@media(max-width:680px){
  .nav{top:8px!important;width:calc(100% - 20px)!important;height:56px!important;margin-top:8px!important;padding-inline:12px!important}
  .brand span{display:none!important}
  .links a{display:none!important}
  .links .cta,.links a[href="/download"]:last-child{display:flex!important;min-height:40px!important;padding-inline:14px!important}
  .wrap{width:calc(100% - 28px)!important;padding-left:0!important;padding-right:0!important}
  .page{padding-top:44px!important}
  h1{font-size:32px!important}
  footer{padding-inline:20px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}