/* 全站统一顶部栏：六个页面共用，改顶部栏只改本文件与 js/guild-nav.js */
nav#nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 4vw;transition:background .5s ease,box-shadow .5s ease}
nav#nav.scrolled{background:rgba(250,249,245,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(31,30,29,.08)}
.nav-brand{display:flex;align-items:baseline;gap:.7rem;text-decoration:none;color:var(--ink)}
.nav-brand .zh{font-family:var(--serif);font-weight:900;font-size:1.35rem;letter-spacing:.35em}
.nav-brand .en{font-family:var(--latin),var(--serif);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft)}
.nav-links{display:flex;gap:2.4rem;align-items:center}
.nav-links>a,.nav-links .guild-nav-trigger{text-decoration:none;color:var(--ink-soft);font-size:.82rem;letter-spacing:.18em;position:relative;padding-bottom:.3rem;transition:color .3s}
.nav-links>a::after,.guild-nav-trigger::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--maple);transition:width .4s cubic-bezier(.22,1,.36,1)}
.nav-links>a:hover,.guild-nav-trigger:hover,.guild-nav-menu:hover .guild-nav-trigger,.guild-nav-menu:focus-within .guild-nav-trigger,.guild-nav-menu.open .guild-nav-trigger{color:var(--maple)}
.nav-links>a:hover::after,.guild-nav-trigger:hover::after,.guild-nav-menu:hover .guild-nav-trigger::after,.guild-nav-menu:focus-within .guild-nav-trigger::after,.guild-nav-menu.open .guild-nav-trigger::after{width:100%}
.nav-links>a.here{color:var(--maple)}
.nav-links>a.here::after{width:100%}
/* 公会管理下拉（自定义面板，非原生控件） */
.guild-nav-menu{position:relative;display:flex}
.guild-nav-menu[hidden]{display:none}
.guild-nav-trigger{background:none;border:none;cursor:pointer;font:inherit;font-family:var(--sans);display:inline-flex;align-items:center;gap:.35rem}
.guild-nav-trigger .caret{font-style:normal;font-size:.62rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.guild-nav-trigger .caret::before{content:'▾'}
.guild-nav-menu:hover .caret,.guild-nav-menu:focus-within .caret,.guild-nav-menu.open .caret{transform:rotate(180deg)}
.guild-nav-list{position:absolute;top:calc(100% + .7rem);right:0;min-width:9.5rem;background:rgba(250,249,245,.97);backdrop-filter:blur(14px);border:1px solid rgba(201,194,182,.5);border-radius:var(--radius-md);box-shadow:0 24px 44px -18px rgba(31,30,29,.35);padding:.5rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
.guild-nav-menu::after{content:'';position:absolute;top:100%;left:0;right:0;height:.7rem}
.guild-nav-menu:hover .guild-nav-list,.guild-nav-menu:focus-within .guild-nav-list,.guild-nav-menu.open .guild-nav-list{opacity:1;transform:none;pointer-events:auto}
.guild-nav-list a{display:block;white-space:nowrap;text-decoration:none;color:var(--ink-soft);font-size:.82rem;letter-spacing:.14em;padding:.62rem 1rem;border-radius:var(--radius-xs);transition:color .3s,background .3s}
.guild-nav-list a:hover,.guild-nav-list a.here{color:var(--maple);background:var(--cream-deep)}
/* 管理模式按钮：全站统一用 .nav-edit（首页与红石机器都走这里）。
   外形（尺寸/描边/焦点环/禁用态）由 css/controls.css 定义，本文件只补悬停：
   悬停时整块填深色 —— 比 controls.css 默认的浅灰底更有「进入某种状态」的分量。 */
.nav-edit:hover{background:var(--ink);color:var(--cream)}
/* 移动端汉堡按钮 */
.nav-burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:.6rem .3rem}
.nav-burger i{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s cubic-bezier(.22,1,.36,1)}
.nav-burger.open i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger.open i:nth-child(2){opacity:0}
.nav-burger.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* 使用 portal 布局的页面（成员名单、通知中心、通知设置）为固定导航让位 */
.portal-main{padding-top:6.2rem}
@media(max-width:720px){
  nav#nav{padding:1rem 5vw;gap:.6rem}
  .nav-brand .zh{white-space:nowrap;font-size:1.05rem;letter-spacing:.15em}
  .nav-brand .en{display:none}
  .nav-burger{display:flex}
  .nav-links{position:absolute;top:calc(100% + .4rem);right:5vw;flex-direction:column;align-items:stretch;gap:0;background:rgba(250,249,245,.97);backdrop-filter:blur(14px);border:1px solid rgba(201,194,182,.5);border-radius:var(--radius-md);box-shadow:0 24px 44px -18px rgba(31,30,29,.35);padding:.5rem;min-width:11rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}
  .nav-links.open{opacity:1;transform:none;pointer-events:auto}
  .nav-links>a,.nav-links .guild-nav-trigger{font-size:.92rem;letter-spacing:.18em;padding:.8rem 1.2rem;white-space:nowrap;border-radius:var(--radius-xs);text-align:left;width:100%;justify-content:flex-start}
  .nav-links>a::after{display:none}
  .nav-links>a.here{color:var(--maple);background:var(--cream-deep)}
  .guild-nav-menu{display:block}
  .guild-nav-menu.open .guild-nav-trigger{color:var(--maple)}
  .nav-links .guild-nav-trigger{justify-content:space-between}
  .guild-nav-trigger .caret{display:inline-block}
  .guild-nav-menu:hover .caret,.guild-nav-menu:focus-within .caret{transform:none}
  .guild-nav-menu.open .caret{transform:rotate(180deg)}
  .guild-nav-list{display:none;position:static;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0 0 0 1.2rem;min-width:0}
  .guild-nav-menu.open .guild-nav-list{display:block}
  .guild-nav-list a{padding:.7rem 1.2rem}
  /* 只有（首页那种）在移动端菜单里的管理模式按钮才拉满宽度；
     红石机器的在顶栏右侧 .nav-admin 里，跟着拉满会撑坏顶栏。 */
  .nav-links .nav-edit{width:100%;margin-top:.2rem;white-space:nowrap}
  .portal-main{padding-top:5rem}
}

/* 首页顶部压在封面上：未滚动时用白字 + 微光，滚动后自动回到浅底深字。
   注意排除移动端展开的菜单（那个下拉自带浅色底，白字会看不见）。 */
body.has-hero nav#nav:not(.scrolled) .nav-brand .zh,
body.has-hero nav#nav:not(.scrolled) .nav-brand .en,
body.has-hero nav#nav:not(.scrolled) #nav-links:not(.open) > a,
body.has-hero nav#nav:not(.scrolled) #nav-links:not(.open) .guild-nav-trigger{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.5),0 6px 22px rgba(0,0,0,.4),0 0 26px rgba(255,255,255,.22);
}
body.has-hero nav#nav:not(.scrolled) #nav-links:not(.open) > a:hover,
body.has-hero nav#nav:not(.scrolled) #nav-links:not(.open) .guild-nav-trigger:hover{color:var(--on-dark-accent)}
body.has-hero nav#nav:not(.scrolled) #nav-links:not(.open) > a.here{color:#fff}
body.has-hero nav#nav:not(.scrolled) #nav-links:not(.open) > a.here::after{background:#fff}
body.has-hero nav#nav:not(.scrolled) .nav-burger i{background:#fff}