:root{color-scheme:dark}
body{margin:0}
.site-nav{height:68px;padding:0 max(24px,calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#08111ff2;backdrop-filter:blur(16px);border-bottom:1px solid #203149;position:sticky;top:0;z-index:50;isolation:isolate;font:14px system-ui,"Microsoft YaHei",sans-serif}
.site-nav::after{content:"";display:none;position:absolute;top:100%;left:0;width:100%;height:176px;background:linear-gradient(110deg,#0b1829fa,#10263af8);border-bottom:1px solid #294662;box-shadow:0 16px 30px #0008;z-index:0}
.site-nav:hover::after,.site-nav:focus-within::after{display:block}
.site-nav a{color:#aebdd0;text-decoration:none}
.site-nav .brand{display:flex;align-items:center;gap:10px;color:#f4f7fb;font-size:18px;flex:0 0 auto;position:relative;z-index:1}
.site-nav .brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#72a8ff,#21c9ee);color:#08111f;font-weight:900}
.nav-links{height:100%;display:flex;align-items:stretch;position:relative;z-index:1}
.nav-main{display:flex;align-items:center;justify-content:center;min-width:86px;padding:0 15px;border-bottom:2px solid transparent;white-space:nowrap}
.nav-main:hover,.nav-main.active,.nav-slot:hover>.nav-main{color:#fff;border-bottom-color:#22c8ed;background:#122238}
.nav-slot{position:relative;display:flex;min-width:112px}
.nav-slot>.nav-main{width:100%}
.nav-submenu{display:none;position:absolute;top:100%;left:0;width:100%;min-width:112px;padding:13px 0 0;z-index:2}
.site-nav:hover .nav-submenu,.site-nav:focus-within .nav-submenu{display:grid}
.nav-submenu a{display:flex;justify-content:center;text-align:center;padding:8px 15px;border-radius:6px;white-space:nowrap;color:#c7d6e6}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#1a3852;color:#fff;outline:0}
@media(max-width:900px){.site-nav{padding:0 14px}.nav-main{min-width:auto;padding:0 9px;font-size:13px}.nav-account,.nav-download{display:none}.nav-slot{min-width:96px}.nav-submenu{min-width:96px}.site-nav::after{height:164px}}
@media(max-width:600px){.site-nav{height:56px}.site-nav .brand b{font-size:15px}.site-nav .brand span{width:28px;height:28px}.nav-main{padding:0 6px;font-size:12px}.nav-hot{display:none}.nav-slot{min-width:74px}.nav-submenu{min-width:74px;padding-top:7px}.nav-submenu a{padding:7px 5px;font-size:11px}.site-nav::after{height:148px}}