@media(max-width:900px){

#mobile-mask{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:999998;
  display:none;
}

#mobile-mask.active{
  display:block;
  pointer-events:auto;
}

#main-nav{
  position:fixed !important;
  top:0;
  left:0;
  height:100vh;
  width:78%;
  max-width:340px;

  background:linear-gradient(180deg,#0d1b2f,#0a111a);
  border-right:1px solid rgba(255,255,255,.08);

  transform:translateX(-105%);
  transition:.28s ease;

  z-index:999999 !important;

  display:flex !important;
  flex-direction:column !important;

  padding:18px;
  gap:10px;

  pointer-events:auto;
}

#main-nav.mobile-open{
  transform:translateX(0);
}

#main-nav a{
  padding:14px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  color:#d8e7f7;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:.2s;
}

#main-nav a:hover{
  background:rgba(39,230,211,.10);
  border-color:rgba(39,230,211,.25);
  color:#27e6d3;
}

header{
  z-index:1000000 !important;
}

/* 防止遮罩阻断点击 */
body.menu-open{
  overflow:hidden;
}

}