/* 全站导航栏：深海军蓝磨砂玻璃（首页、题库、论坛、我的空间等共用，最后加载以覆盖各页旧样式）。
   菜单是玻璃胶囊；当前页是凸起的玻璃透镜（淡彩虹描边）；悬停扫过一道高光；我的空间是金色玻璃。只改样式，不改布局。 */
html body .nav{background:linear-gradient(180deg,rgba(31,40,61,.97),rgba(22,30,48,.96));-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);
  border-bottom:1px solid rgba(255,255,255,.07);box-shadow:inset 0 -1px 0 rgba(255,255,255,.025),0 12px 32px rgba(7,20,40,.24)}
html body .nav .nav-brand-logo{filter:brightness(1.42) saturate(1.18) drop-shadow(0 6px 14px rgba(0,0,0,.22))}
html body .nav .nav-menu{gap:2px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(0,0,0,.22),0 10px 30px rgba(3,12,26,.36)}
html body .nav .nav-menu a{position:relative;overflow:hidden;isolation:isolate;padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;color:#c4d0de;letter-spacing:.02em;transform:none;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease}
html body .nav .nav-menu a::after,html body .nav .nav-space::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 48%,rgba(255,255,255,0) 66%);transform:translateX(-130%);transition:transform .7s ease}
html body .nav .nav-menu a:hover{background:rgba(255,255,255,.08);color:#fff;transform:none}
html body .nav .nav-menu a:hover::after,html body .nav .nav-space:hover::after{transform:translateX(130%)}
html body .nav .nav-menu a.is-active{color:#fff;
  background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.28),rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 8px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.32);text-shadow:0 1px 2px rgba(0,0,0,.25)}
html body .nav .nav-menu a.is-active::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;opacity:.75;
  background:conic-gradient(from 210deg,#ffc6de,#c9d8ff 18%,#b6efe5 36%,#ffe9a8 54%,#e7c6ff 72%,#bcd2ff 86%,#ffc6de);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
html body .nav .nav-space{position:relative;overflow:visible;isolation:isolate;padding:9px 16px;border-radius:999px;border:0;color:#fbe6a6;
  background:radial-gradient(120% 90% at 50% 0%,rgba(255,236,180,.28),rgba(255,236,180,0) 62%),linear-gradient(180deg,rgba(232,196,106,.24),rgba(216,178,74,.09));
  box-shadow:inset 0 1px 0 rgba(255,240,200,.42),inset 0 0 0 1px rgba(236,204,128,.42),0 8px 22px rgba(216,178,74,.14);transition:background .2s ease,box-shadow .2s ease,color .2s ease}
html body .nav .nav-space:hover{color:#fff;background:radial-gradient(120% 90% at 50% 0%,rgba(255,236,180,.36),rgba(255,236,180,0) 62%),linear-gradient(180deg,rgba(232,196,106,.34),rgba(216,178,74,.15));
  box-shadow:inset 0 1px 0 rgba(255,240,200,.55),inset 0 0 0 1px rgba(240,210,140,.6),0 10px 26px rgba(216,178,74,.22)}
@media(prefers-reduced-motion:reduce){html body .nav .nav-menu a::after,html body .nav .nav-space::after{display:none}}

/* Keep the notification bell outside the pill; contain only its hover highlight. */
html body .nav .nav-space::after{border-radius:inherit;transform:none;background-size:340% 100%;background-position:100% 0;transition:background-position .7s ease}
html body .nav .nav-space:hover::after{transform:none;background-position:0 0}